/* ============================================================
   PARROT SUITS — FUX "PORTÓN DE MUSEO" (footer-UX-2 · 2026-10-23)
   Rediseño-desde-cero P27 del footer · editorial-magazine ·
   colofón-de-tomo · sitemap-vivo · sellos-gold · doble-filete ·
   P26-tokens/motion · P44-híbrido gold×jade · P19-0-CDN · P54-0-GEO/AEO.
   Nombres de clase: fux-* (maquinaria, no-vocabulario-de-estrategia).
   ============================================================ */
.fux {
    --fx-gold:#C9A84C; --fx-gold-l:#E0C770; --fx-gold-d:#9A8038;
    --fx-jade:#2D8A78; --fx-jade-l:#45C4AB;
    --fx-rg:201,168,76; --fx-rj:69,196,171;
    --fx-ink:#F2EFE9; --fx-dim:#A9A7A1; --fx-faint:#8A8884;
    --fx-panel:#0B0B10; --fx-card:#12121A;
    --fx-line:rgba(255,255,255,.085); --fx-line-g:rgba(201,168,76,.3);
    --fx-t1:.16s; --fx-t2:.3s; --fx-t3:.6s;
    --fx-e:cubic-bezier(.19,1,.22,1);
    --fx-disp:'Playfair Display',Georgia,serif;
    --fx-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
    position:relative; overflow:hidden;
    background:
        radial-gradient(90% 130% at 4% 0%, rgba(var(--fx-rg), .06), transparent 55%),
        radial-gradient(70% 110% at 96% 100%, rgba(var(--fx-rj), .05), transparent 50%),
        linear-gradient(180deg, #08080D, var(--fx-panel) 30%);
    border-top:3px double var(--fx-line-g);
    margin-top:3.5rem; padding:3rem 0 2.2rem;
}
.fux::before{ /* trama-bastilla (lineas-de-cosido) superior */
    content:''; position:absolute; left:0; right:0; top:9px; height:1px;
    background:repeating-linear-gradient(90deg, rgba(var(--fx-rg), .5) 0 9px, transparent 9px 17px);
    opacity:.4;
}
.fux-in{max-width:1140px;margin:0 auto;padding:0 1.2rem;}

/* ---------- CRESTA: marca + relato + sellos ---------- */
.fux-crest{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:2rem}
@media (max-width:860px){.fux-crest{flex-direction:column;gap:1.4rem}}
.fux-mark{display:flex;align-items:center;gap:.8rem}
.fux-mark img{width:34px;height:34px;border-radius:6px;outline:1px solid var(--fx-line-g);outline-offset:3px}
.fux-mark .fx-name{font-family:var(--fx-disp);font-size:1.55rem;color:var(--fx-ink);line-height:1}
.fux-mark .fx-name em{font-style:italic;background:linear-gradient(105deg,var(--fx-gold-l),var(--fx-gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.fux-mark .fx-sub{display:block;margin-top:.3rem;font-family:var(--fx-body);font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--fx-faint)}
.fux-seals{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}
.fux-seal{
    display:inline-flex;align-items:center;gap:.45rem;
    padding:.5rem .85rem;border-radius:2px;min-height:32px;
    border:1px solid var(--fx-line);background:var(--fx-card);
    font-family:var(--fx-body);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fx-dim);
    position:relative;overflow:hidden;
    transition:border-color var(--fx-t2) var(--fx-e),color var(--fx-t2) var(--fx-e),transform var(--fx-t2) var(--fx-e);
}
.fux-seal b{font-family:var(--fx-disp);font-style:italic;color:var(--fx-gold-l);font-weight:600;font-size:.86rem}
.fux-seal:hover{border-color:rgba(var(--fx-rj),.5);color:var(--fx-ink);transform:translateY(-2px)}
.fux-seal::after{content:'';position:absolute;inset:auto 0 -1px 0;height:1px;background:var(--fx-jade);transform:scaleX(0);transition:transform var(--fx-t2) var(--fx-e)}
.fux-seal:hover::after{transform:scaleX(1)}

/* ---------- SITEMAP-VIVO: 4-columnas de índice ---------- */
.fux-map{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.2fr;gap:2.2rem;padding:2rem 0;border-top:1px solid var(--fx-line);border-bottom:1px solid var(--fx-line)}
@media (max-width:1020px){.fux-map{grid-template-columns:1fr 1fr;gap:1.6rem}}
@media (max-width:560px){.fux-map{grid-template-columns:1fr}}
.fux-col .fx-t{
    display:flex;align-items:center;gap:10px;
    font-family:var(--fx-body);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;
    color:var(--fx-faint);margin-bottom:.9rem;
}
.fux-col .fx-t::after{content:'';flex:1;height:1px;background:var(--fx-line)}
.fux-col .fx-t .n{font-family:var(--fx-disp);font-style:italic;color:var(--fx-gold);font-size:.95rem;letter-spacing:0}
.fux-col ul{list-style:none;margin:0;padding:0}
.fux-col li{margin:.32rem 0}
.fux-col a{
    color:var(--fx-dim) !important;text-decoration:none;font-size:.88rem;
    display:inline-flex;align-items:center;gap:.5rem;min-height:26px;position:relative;
    transition:color var(--fx-t2) var(--fx-e),transform var(--fx-t2) var(--fx-e);
}
.fux-col a::before{content:'';width:3px;height:3px;border-radius:50%;background:var(--fx-gold);opacity:.55;flex:0 0 auto;transition:opacity var(--fx-t2) var(--fx-e),box-shadow var(--fx-t2) var(--fx-e)}
.fux-col a:hover{color:var(--fx-ink) !important;transform:translateX(3px)}
.fux-col a.fux-go, .fux-col a.fux-go:hover{color:#06120e !important}
.fux-col a:hover::before{opacity:1;box-shadow:0 0 8px rgba(var(--fx-rg),.7)}
.fux-col a.fx-wa{color:var(--fx-jade-l) !important;font-weight:600}
.fux-col .fx-note{color:var(--fx-faint);font-size:.82rem;line-height:1.65;margin:.4rem 0 0;max-width:300px}

/* ---------- BOTÓN-CTA-FOOTER (WhatsApp-crema) ---------- */
.fux-go{
    display:inline-flex;align-items:center;gap:.55rem;margin-top:.9rem;
    padding:.75rem 1.3rem;min-height:44px;border-radius:2px;text-decoration:none;
    font-weight:700;font-size:.9rem;letter-spacing:.02em;
    background:linear-gradient(105deg,var(--fx-jade),var(--fx-jade-l));color:#06120e;
    box-shadow:0 10px 26px rgba(45,138,120,.25);
    transition:transform var(--fx-t2) var(--fx-e),box-shadow var(--fx-t2) var(--fx-e);
}
.fux-go:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(69,196,171,.33)}
.fux-go:active{transform:none}

/* ---------- BASE: legal + reloj-de-cita + back-top ---------- */
.fux-base{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.5rem;flex-wrap:wrap}
@media (max-width:700px){.fux-base{flex-direction:column;align-items:flex-start;gap:.8rem}}
.fux-legal{color:var(--fx-faint);font-size:.8rem}
.fux-legal a{color:var(--fx-dim) !important;text-decoration:none;border-bottom:1px dotted rgba(169,167,161,.4);transition:color var(--fx-t2) var(--fx-e)}
.fux-legal a:hover{color:var(--fx-gold-l) !important}
.fux-cita{display:inline-flex;align-items:center;gap:.55rem;color:var(--fx-dim);font-size:.8rem}
.fux-cita .fux-live{width:7px;height:7px;border-radius:50%;background:var(--fx-jade-l);box-shadow:0 0 9px rgba(69,196,171,.75);animation:fx-pulse 2.6s ease-in-out infinite}
@keyframes fx-pulse{0%,100%{opacity:1}50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){.fux-cita .fux-live{animation:none}}

/* ---------- entrada animada del footer (cuando se ve) ---------- */
.fux .fx-anim{opacity:0;transform:translateY(14px);transition:opacity var(--fx-t3) var(--fx-e),transform var(--fx-t3) var(--fx-e)}
.fux.fx-in .fx-anim{opacity:1;transform:none}
.fux.fx-in .fx-anim:nth-child(2){transition-delay:.08s}
@media (prefers-reduced-motion:reduce){.fux .fx-anim{opacity:1;transform:none}}