/* ============================================================
   PARROT SUITS — FQX "ÍNDICE DE PREGUNTAS" (2026-10-23)
   FAQ-de-la-HOME rediseñado-desde-cero · editorial-museo ·
   ×3-libros (I-obra/II-pacto/III-cita) · buscador-vivo · chips ·
   colofón-WA · P26/P44/P19/P54. 0 CDNs · reduce-motion-total.
   ============================================================ */
.fqx {
    --fq-gold:#C9A84C; --fq-gold-l:#E0C770; --fq-gold-d:#9A8038;
    --fq-jade:#2D8A78; --fq-jade-l:#45C4AB;
    --fq-rg:201,168,76; --fq-rj:69,196,171;
    --fq-ink:#F2EFE9; --fq-dim:#A9A7A1; --fq-faint:#8A8884;
    --fq-card:#101018; --fq-card2:#14141C;
    --fq-line:rgba(255,255,255,.085); --fq-line-g:rgba(201,168,76,.3);
    --fq-t1:.16s; --fq-t2:.3s; --fq-t3:.55s;
    --fq-e:cubic-bezier(.19,1,.22,1);
    --fq-disp:'Playfair Display',Georgia,serif;
    --fq-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
    position:relative; overflow:hidden; padding:3.6rem 0 2.4rem;
    background:radial-gradient(72% 110% at 12% 0%, rgba(var(--fq-rg), .05), transparent 55%);
    border-top:1px solid var(--fq-line);
}
@media (prefers-reduced-motion: reduce){ .fqx *{transition:none!important;animation:none!important} }
.fqx-in{max-width:1080px;margin:0 auto;padding:0 1.2rem}

/* ---------- CABEZA + tools ---------- */
.fq-head{margin-bottom:1.6rem}
.fq-kick{display:flex;align-items:center;gap:12px;color:var(--fq-faint);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;margin-bottom:1rem}
.fq-kick::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--fq-line-g),transparent)}
.fq-title{font-family:var(--fq-disp);font-size:clamp(1.9rem,4.2vw,3.1rem);line-height:1.08;color:var(--fq-ink);margin:0 0 1.3rem;letter-spacing:-.012em}
.fq-title em{font-style:italic;background:linear-gradient(105deg,var(--fq-gold-l),var(--fq-jade-l));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.fq-tools{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}
.fq-search{position:relative;flex:0 1 340px;min-width:240px}
.fq-search input{
    width:100%;min-height:46px;border-radius:999px;border:1px solid var(--fq-line);
    background:var(--fq-card);color:var(--fq-ink);padding:.6rem 2.6rem .6rem 1.1rem;
    font-family:var(--fq-body);font-size:.92rem;
    transition:border-color var(--fq-t2) var(--fq-e),box-shadow var(--fq-t2) var(--fq-e);
}
.fq-search input::placeholder{color:#6E6C68}
.fq-search input:focus-visible{outline:none;border-color:rgba(var(--fq-rj),.55);box-shadow:0 0 0 3px rgba(var(--fq-rj),.13)}
.fq-clear{
    position:absolute;right:.45rem;top:50%;transform:translateY(-50%);
    width:30px;height:30px;border-radius:50%;border:0;cursor:pointer;
    background:rgba(255,255,255,.07);color:var(--fq-dim);
    display:grid;place-items:center;font-size:1.05rem;line-height:1;opacity:0;pointer-events:none;
    transition:opacity var(--fq-t2) var(--fq-e),background var(--fq-t2) var(--fq-e),color var(--fq-t2) var(--fq-e);
}
.fq-clear.on{opacity:1;pointer-events:auto}
.fq-clear:hover{background:rgba(var(--fq-rg),.2);color:var(--fq-ink)}
.fq-chips{display:flex;gap:.45rem;flex-wrap:wrap}
.fq-chip{
    display:inline-flex;align-items:center;min-height:38px;cursor:pointer;
    padding:.42rem .95rem;border-radius:999px;border:1px solid var(--fq-line);
    background:transparent;color:var(--fq-dim);font-size:.8rem;font-family:var(--fq-body);
    transition:border-color var(--fq-t2) var(--fq-e),color var(--fq-t2) var(--fq-e),background var(--fq-t2) var(--fq-e),box-shadow var(--fq-t2) var(--fq-e);
}
.fq-chip:hover{border-color:rgba(var(--fq-rg),.45);color:var(--fq-ink)}
.fq-chip.on{background:linear-gradient(105deg,var(--fq-gold-l),var(--fq-gold));color:#141006;border-color:var(--fq-gold);font-weight:600;box-shadow:0 6px 18px rgba(201,168,76,.25)}
.fq-count{margin-left:auto;color:var(--fq-faint);font-size:.8rem;font-variant-numeric:tabular-nums}

/* ---------- ÍNDICE ×3-libros ---------- */
.fq-idx{display:grid;grid-template-columns:1fr 1fr;gap:0 2.4rem;align-items:start}
@media (max-width:860px){ .fq-idx{grid-template-columns:1fr} }
.fq-grp{break-inside:avoid;margin-bottom:1.7rem}
.fq-gt{
    display:flex;align-items:center;gap:10px;margin-bottom:.55rem;
    font-family:var(--fq-body);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--fq-faint);
}
.fq-gt::after{content:'';flex:1;height:1px;background:var(--fq-line)}
.fq-gn{font-family:var(--fq-disp);font-style:italic;color:var(--fq-gold);font-size:1.05rem;letter-spacing:0}

/* pregunta-viva */
.fq-q{border-bottom:1px solid var(--fq-line);transition:border-color var(--fq-t2) var(--fq-e)}
.fq-q:hover{border-color:rgba(var(--fq-rg),.35)}
.fq-q details[open]{background:linear-gradient(180deg,rgba(255,255,255,.022),transparent)}
.fq-q summary{
    list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:.75rem;
    padding:.85rem .2rem .85rem 0;min-height:44px;font-family:var(--fq-disp);
    font-size:1.04rem;line-height:1.42;color:var(--fq-ink);
    transition:color var(--fq-t2) var(--fq-e);
}
.fq-q summary::-webkit-details-marker{display:none}
.fq-q summary:hover{color:var(--fq-gold-l)}
.fq-nn{font-style:italic;color:var(--fq-gold);font-size:.9rem;min-width:1.7em;flex:0 0 auto;font-variant-numeric:tabular-nums;padding-top:.15em}
.fq-qq{flex:1}
.fq-sig{
    flex:0 0 auto;font-family:var(--fq-body);font-size:.62rem;letter-spacing:.12em;
    color:var(--fq-gold-l);border:1px solid var(--fq-line-g);border-radius:999px;
    padding:.18rem .5rem;margin-top:.2em;
    transition:background var(--fq-t2) var(--fq-e),color var(--fq-t2) var(--fq-e),border-color var(--fq-t2) var(--fq-e);
}
.fq-q details[open] .fq-sig{background:var(--fq-jade);border-color:var(--fq-jade);color:#08120f}
.fq-q details[open] summary{color:var(--fq-gold-l)}
.fq-a{padding:.05rem 0 1rem 2.45rem;color:var(--fq-dim);font-size:.93rem;line-height:1.7;max-width:46ch}
.fq-a p{margin:0}
.fq-a strong{color:var(--fq-ink);font-weight:600}

/* buscador: ocultar-no-coincidentes */
.fq-q.hide{display:none}
.fq-grp.hide{display:none}
.fq-empty{
    display:none;padding:2rem 1rem;text-align:center;color:var(--fq-dim);
    border:1px dashed rgba(var(--fq-rg),.35);border-radius:4px;margin-top:.5rem;
}
.fq-empty.show{display:block}
.fq-empty a{color:var(--fq-jade-l) !important;text-decoration:none;font-weight:600}
.fq-empty a:hover{color:var(--fq-gold-l) !important}

/* ---------- COLOFÓN ---------- */
.fq-colofon{margin-top:1.4rem;padding-top:1.2rem;border-top:3px double var(--fq-line-g);text-align:center}
.fq-c-txt{color:var(--fq-faint);font-size:.85rem;line-height:1.7}
.fq-c-txt a{color:var(--fq-jade-l) !important;text-decoration:none}
.fq-c-txt a:hover{color:var(--fq-gold-l) !important}
.fq-c-mark{font-family:var(--fq-disp);color:var(--fq-ink)}
.fq-c-mark em{font-style:italic;background:linear-gradient(105deg,var(--fq-gold-l),var(--fq-gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.fq-c-line{height:1px;background:repeating-linear-gradient(90deg,rgba(var(--fq-rg),.4) 0 8px,transparent 8px 15px);opacity:.4;margin-bottom:1rem}