/* ═══════════════════════════════════════════════════════════════
   FAQ COMPARTIDO (2 nov 2026) · el mismo acordeón de la portada
   (home.css "objeciones") para todas las páginas interiores con
   preguntas: líneas punteadas, raya que se acorta y toma el acento
   al abrir, una sola pregunta abierta a la vez (faq.js).
   Se enlaza DESPUÉS de paginas.css.
   ═══════════════════════════════════════════════════════════════ */
.faq{border-top:1px dotted var(--divider-dotted)}
.faq details{border-bottom:1px dotted var(--divider-dotted);border-top:0}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;
  cursor:pointer;list-style:none;font-size:clamp(16px,1.9vw,19px);font-weight:500;letter-spacing:-.015em;
  color:var(--text-strong)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:22px;height:1px;background:var(--text-muted);
  transform:none;transition:width .45s var(--ease-out),background .3s}
.faq details.act summary::after{width:9px;background:var(--control-fill)}
.faq details[open] summary::after{transform:none;color:inherit}
.faq details p{font-size:14.5px;color:var(--text-body);line-height:1.65;margin:0 0 22px;max-width:68ch}
/* acordeón: [open] siempre puesto, el alto lo controla .act (0fr→1fr) */
.faq-c{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease-out)}
.faq details.act .faq-c{grid-template-rows:1fr}
.faq-c>p{overflow:hidden;min-height:0;margin:0;padding-bottom:0;transition:padding-bottom .55s var(--ease-out)}
.faq details.act .faq-c>p{padding-bottom:22px}
@media (prefers-reduced-motion:reduce){.faq-c,.faq-c>p,.faq summary::after{transition:none}}