/* Preguntas frecuentes: como la legal (título fijo a la izquierda, contenido a la derecha) con preguntas que se despliegan */
.pr { display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 3.2rem; padding: 0 var(--margen); }
.pr__lado { grid-column: 2 / 6; position: sticky; top: 0; height: 100svh; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 2.4rem; }
.pr__titulo { margin: 0; font-family: var(--letra-titulo); font-weight: 400; font-size: clamp(7rem, 9vw, 14rem); line-height: 1; letter-spacing: -0.03em; }
.pr__nav { display: flex; flex-direction: column; gap: 0.6rem; }
.pr__nav a { font-family: var(--letra-titulo); font-size: 2rem; text-decoration: none; color: var(--texto-55); transition: color 0.2s ease-in-out; }
@media (hover: hover) and (pointer: fine) { .pr__nav a:hover { color: var(--texto); } }
.pr__nav a.activo { color: var(--texto); }
.pr__cuerpo { grid-column: 7 / 12; padding: 50svh 0 16rem; }
.pr__intro { font-family: var(--letra-titulo); font-size: clamp(2.2rem, 2vw, 3rem); line-height: 1.3; color: var(--texto-80); margin-bottom: 8rem; text-wrap: pretty; }
.pr-grupo { margin-bottom: 8rem; scroll-margin-top: 12rem; }
.pr-grupo__t { font-size: clamp(3.6rem, 3.6vw, 5.6rem); margin-bottom: 2.4rem; }

.pr-item { border-top: 1px solid var(--texto-10); }
.pr-item:last-child { border-bottom: 1px solid var(--texto-10); }
.pr-item summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 2.4rem; padding: 2.4rem 0; cursor: pointer; }
.pr-item summary::-webkit-details-marker { display: none; }
.pr-item__q { font-family: var(--letra-titulo); font-size: clamp(2.2rem, 1.9vw, 2.8rem); line-height: 1.2; color: var(--texto); transition: opacity 0.3s ease-in-out; }
@media (hover: hover) and (pointer: fine) { .pr-item summary:hover .pr-item__q { opacity: 0.65; } }
.pr-item__mas { flex: none; width: 2rem; height: 2rem; fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round; transition: transform 0.5s var(--bezzy2, cubic-bezier(0.43, 0.195, 0.02, 1)); }
.pr-item[open] .pr-item__mas { transform: rotate(135deg); }
.pr-item__r { overflow: hidden; }
.pr-item__r p { padding: 0 4rem 2.8rem 0; font-size: 1.7rem; line-height: 1.6; color: var(--texto-70); text-wrap: pretty; }
.pr-item__r a { color: var(--texto); text-underline-offset: 0.2em; }
.pr-item summary:focus-visible { outline: 1px dashed rgba(255, 255, 255, 0.5); outline-offset: 4px; }

@media (max-width: 1023px) {
  .pr { display: block; padding: 12rem var(--margen) 4rem; }
  .pr__lado { position: static; height: auto; margin-bottom: 4.8rem; }
  .pr__cuerpo { padding: 0 0 8rem; }
  .pr__intro { margin-bottom: 4.8rem; }
  .pr-item__r p { padding-right: 0; }
}