/* ============================================================
   PARROT SUITS — MOODMAX (2026-10-23 · Orlando 04:17)
   La paleta NO cambia: gold #C9A84C × jade #2D8A78 al UX-MÁXIMO.
   Capa-de-elevación global APILADA ÚLTIMA — pule lo existente:
   gradientes-duo · sombras-precisas · focus-rings · selection ·
   scrollbars · hovers-lift · enlaces · tabular-nums · tracking ·
   AA-contraste · reduced-motion-total. 0 CDNs · 0 clases-viejas-rotas.
   ============================================================ */
:root {
    --acc1: #C9A84C; --acc1-light: #E0C770; --acc1-dark: #9A8038;
    --acc2: #2D8A78; --acc2-light: #45C4AB;
    --acc-rgb-1: 201,168,76; --acc-rgb-2: 69,196,171;
    /* M2: sombras-precisas-×3 (elevación-continua) */
    --mm-sh-1: 0 2px 8px rgba(0,0,0,.28), 0 1px 2px rgba(0,0,0,.22);
    --mm-sh-2: 0 10px 30px rgba(0,0,0,.34), 0 3px 9px rgba(0,0,0,.2);
    --mm-sh-3: 0 22px 54px rgba(0,0,0,.4), 0 8px 18px rgba(0,0,0,.24);
    --mm-sh-gold: 0 10px 30px rgba(201,168,76,.24), 0 4px 10px rgba(201,168,76,.18);
    --mm-sh-jade: 0 10px 30px rgba(45,138,120,.24), 0 4px 10px rgba(45,138,120,.16);
    /* M1: el gradiente-duo canónico (gold→jade para underlines/CTA-duo) */
    --mm-grad-duo: linear-gradient(105deg, var(--acc1-light), var(--acc1) 52%, var(--acc2-light));
}
/* ---------- M4 selección de texto (todo) ---------- */
::selection { background: rgba(201,168,76,.32); color: #fff; text-shadow: none; }

/* ---------- M5 scrollbars-jade-finos ---------- */
* { scrollbar-width: thin; scrollbar-color: rgba(69,196,171,.4) transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: rgba(69,196,171,.38); border-radius: 99px; border: 2px solid transparent; background-clip: padding-box; }
*::-webkit-scrollbar-thumb:hover { background: rgba(201,168,76,.5); background-clip: padding-box; }

/* ---------- M3 focus-visible universal (anillo-gold) ---------- */
:focus { outline: none; }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
    outline: 2px solid var(--acc1-light); outline-offset: 3px; border-radius: 3px;
}

/* ---------- M7 enlaces-de-texto (offset-jade → gold-hover) ---------- */
.post-body a, .g2-body a, .g2-qa .gx-a a, .fux .fx-note a, .fux-legal a, .bf-grid a, .fx-note a {
    color: var(--acc2-light);
    text-decoration: underline; text-decoration-color: rgba(69,196,171,.42);
    text-decoration-thickness: 1px; text-underline-offset: 4px;
    transition: color .25s cubic-bezier(.19,1,.22,1), text-decoration-color .25s cubic-bezier(.19,1,.22,1);
}
.post-body a:hover, .g2-body a:hover, .g2-qa .gx-a a:hover, .fux .fx-note a:hover, .fux-legal a:hover, .bf-grid a:hover, .fx-note a:hover {
    color: var(--acc1-light); text-decoration-color: rgba(201,168,76,.6);
}

/* ---------- M6 hovers-lift para botones/cand (unifica lo-que-faltó) ---------- */
.btn:hover, .blog-cta-mini:hover, .gx-btn:hover, .g2-btn:hover, .gx-card:hover, .g2-vol a:hover {
    will-change: transform;
}
.btn:active, .blog-cta-mini:active, .gx-btn:active, .g2-btn:active {
    transform: translateY(0) scale(.985);
}

/* ---------- M11 cifras tabulares (stats/sellos/precios/tablas) ---------- */
.gx-stat b, .g2-v, .fux-seal b, .bx-stat b, .price-table td, .price-table th, .cmp-cell-num, .fx-v {
    font-variant-numeric: tabular-nums lining-nums;
    font-feature-settings: "tnum" 1, "lnum" 1;
}

/* ---------- M12 tracking-titulares/overlines refinado ---------- */
.section-tag, .g2-h-kicker, .gx-chip, .fx-t, .g2-vol-k, .bf-grid h4, .fux-col .fx-t {
    letter-spacing: .2em;
    text-transform: uppercase;
}

/* ---------- M8 títulos-de-sección con acento-duo-consistente ---------- */
.section-title, .g2-h-big {
    letter-spacing: -.012em;
}

/* ---------- M9 imágenes: hairline + hover-zoom (galería/proceso/cards) ---------- */
.gallery-grid img, .process-visual-strip img, .fabric-visual-strip img, .service-card-image .service-card-bg,
.gx-card-img, .ig-grid a img, .fabric-matrix img {
    box-shadow: var(--mm-sh-1);
    outline: 1px solid rgba(255,255,255,.07); outline-offset: -1px;
    transition: box-shadow .4s cubic-bezier(.19,1,.22,1), opacity .3s cubic-bezier(.19,1,.22,1);
}
.gallery-grid img:hover, .process-visual-strip img:hover, .ig-grid a img:hover {
    box-shadow: var(--mm-sh-2);
}

/* ---------- M13 contraste-AA en supercies oscuras (texto-secundario +1 paso) ---------- */
.fux, .footer, .blog-footer { --color-text-faint: #8E8C88; }
.fux .fx-note, .fux-legal { color: #8E8C88; }

/* ---------- M10 botones del sitio: elevación-gold-coherente ---------- */
.btn-primary, .gx-btn, .g2-btn, .fux-go, .blog-cta-mini {
    transition: transform .3s cubic-bezier(.19,1,.22,1), box-shadow .3s cubic-bezier(.19,1,.22,1), filter .3s cubic-bezier(.19,1,.22,1);
}
.btn-primary:hover, .blog-cta-mini:hover { box-shadow: var(--mm-sh-gold); filter: brightness(1.04); }
.fux-go:hover { box-shadow: var(--mm-sh-jade); }

/* ---------- M1 duo-consistente: separadores/reglas vivos ---------- */
.fux::before, .g2-rule { opacity: .55; }
.blog-nav-wrap .blog-progress { height: 2.5px; }

/* ---------- reduce-motion total de esta capa ---------- */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}