/* V360 Experts — Página de FAQ centralizada.
   Depende de /site.css + /nav.css (tokens y nav ya vienen de ahí). */

.faq-hero{background:var(--navy);color:#EAF1F4;padding:clamp(96px,15vh,120px) 0 clamp(48px,7vw,64px);position:relative;overflow:hidden}
.faq-hero::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#159AAC 0%,#22B6CB 45%,#E8B23D 100%)}
.faq-hero .wrap{max-width:820px;margin:0 auto;padding:0 var(--gut)}
.faq-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(2rem,3.8vw,2.9rem);line-height:1.12;letter-spacing:-.02em;margin:14px 0 12px;max-width:20ch;text-wrap:balance}
.faq-hero h1 em{font-style:italic;color:var(--brand-2)}
.faq-hero p{font-size:.98rem;color:rgba(234,241,244,.65);line-height:1.6;max-width:52ch;margin:0}

.faq-body{background:#fff;padding:clamp(48px,7vw,80px) 0 clamp(80px,10vw,120px)}
.faq-body .wrap{max-width:820px;margin:0 auto;padding:0 var(--gut)}
.faq-cat{margin-bottom:48px}
.faq-cat:last-child{margin-bottom:0}
.faq-cat h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.2rem,2vw,1.5rem);color:var(--ink);letter-spacing:-.01em;margin:0 0 18px}
.faq-grid{display:flex;flex-direction:column;gap:10px}
.faq-item{background:var(--paper-2);border:1px solid var(--hair);border-radius:14px;overflow:hidden}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;cursor:pointer;gap:12px;font-weight:600;font-size:.95rem;color:var(--ink);list-style:none}
.faq-q::-webkit-details-marker{display:none}
.faq-q svg{flex:none;color:var(--brand);transition:transform .28s}
details[open] .faq-q svg{transform:rotate(45deg)}
details[open] .faq-q{color:var(--brand)}
.faq-a{padding:0 20px 18px;font-size:.92rem;color:var(--muted);line-height:1.65}

.faq-cta{background:var(--paper-2);border:1px solid var(--hair);border-radius:16px;padding:clamp(24px,3vw,32px);text-align:center;margin-top:56px}
.faq-cta p{font-size:.95rem;color:var(--ink-2);margin:0 0 18px}