/* Pagina Preguntas frecuentes. Solo se carga en /preguntas. */
.fq{--pad:clamp(20px,5vw,90px)}
.fq .k{font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--terra-deep)}
.fq h1,.fq h2{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}

/* portada (misma familia que Contacto, un poco mas baja) */
.fq-hero{position:relative;min-height:calc(62vh - var(--sh-header,96px));display:flex;align-items:flex-end;color:#faf5ec;overflow:hidden;background:#1a130d}
.fq-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;opacity:.6}
.fq-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,19,13,.85) 0%,rgba(26,19,13,.25) 65%)}
.fq-hero .in{position:relative;z-index:1;padding:clamp(56px,7vw,96px) var(--pad);max-width:860px}
.fq-hero .k{color:#e7a878}
.fq-hero h1{font-size:clamp(44px,6vw,92px);line-height:.98;margin:20px 0 22px;color:#faf5ec}
.fq-hero h1 em{font-style:italic}
.fq-hero p{font-size:18px;color:#e2d6c4;max-width:50ch;margin:0}

/* cuerpo: ayuda fija a la izquierda, preguntas a la derecha */
.fq-body{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(40px,7vw,120px);padding:clamp(64px,8vw,120px) var(--pad);background:var(--cream)}
.fq-side{position:sticky;top:calc(var(--sh-header,96px) + 40px);align-self:start}
.fq-side h2{font-size:clamp(30px,3vw,44px);line-height:1.05;margin:16px 0 12px}
.fq-side p{color:var(--muted);margin:0 0 28px;max-width:32ch}
.fq-btn{display:inline-flex;align-items:center;gap:10px;font:600 14.5px var(--sans);padding:16px 26px;border-radius:999px;transition:transform .15s,background .15s}
.fq-btn:hover{transform:translateY(-1px)}
.fq-btn.wa{background:var(--wa);color:#fff}
.fq-btn svg{width:18px;height:18px;fill:currentColor}
.fq-link{display:block;margin-top:20px;font:500 14px var(--sans);color:var(--terra-deep)}
.fq-link:hover{text-decoration:underline}

.fq-list{border-top:1px solid var(--line)}
.fq-item{border-bottom:1px solid var(--line)}
.fq-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:52px 1fr 28px;align-items:baseline;gap:12px;padding:28px 0}
.fq-item summary::-webkit-details-marker{display:none}
.fq-item summary:focus-visible{outline:2px solid var(--terra);outline-offset:4px;border-radius:3px}
.fq-item .n{font:500 12px var(--mono);letter-spacing:.14em;color:var(--terra-deep)}
.fq-item .q{font:400 clamp(20px,1.9vw,26px)/1.25 var(--serif);color:var(--ink);transition:color .2s}
.fq-item summary:hover .q{color:var(--terra-deep)}
/* signo + que gira a x al abrir */
.fq-item .ic{position:relative;width:16px;height:16px;align-self:center;justify-self:end;transition:transform .3s}
.fq-item .ic::before,.fq-item .ic::after{content:"";position:absolute;left:0;top:7px;width:16px;height:1.5px;background:var(--ink)}
.fq-item .ic::after{transform:rotate(90deg)}
.fq-item[open] .ic{transform:rotate(45deg)}
.fq-item .a{padding:0 40px 30px 64px;color:var(--muted);font-size:16.5px;line-height:1.7;max-width:66ch}
.fq-item .a p{margin:0 0 12px}
.fq-item .a p:last-child{margin:0}
.fq-item .a b{color:var(--ink);font-weight:600}
.fq-item .a a{color:var(--terra-deep);text-decoration:underline;text-underline-offset:3px}

@media(max-width:900px){
  .fq-body{grid-template-columns:1fr}
  .fq-side{position:static;order:2;border-top:1px solid var(--line);padding-top:40px}
  .fq-item summary{grid-template-columns:36px 1fr 20px;padding:22px 0}
  .fq-item .a{padding:0 0 24px 48px}
}