/**
 * MAXICAL C.A. — CSS ÚNICO CONSOLIDADO
 * ══════════════════════════════════════
 * Reemplaza: bootstrap-compat.css + theme.css + fixes.css
 * Orden de carga: Bootstrap → main.css → maxical-custom.css → maxical.css
 *
 * Secciones:
 *  1. Variables (claro/oscuro)
 *  2. Base y tipografía
 *  3. Grid Bootstrap (neutralizar Arcana)
 *  4. Utilidades Bootstrap
 *  5. Navbar y toggle
 *  6. Cards
 *  7. Secciones de página
 *  8. Componentes (contacto, modal, retenciones)
 *  9. Dark mode overrides
 * 10. Responsive
 */

/* ══════════════════════════════════════════════════════════════
   1. VARIABLES
   ══════════════════════════════════════════════════════════════ */
:root {
    --mc-bg:        #f0f2f5;
    --mc-surface:   #ffffff;
    --mc-raised:    #ffffff;
    --mc-subtle:    #eef1f5;
    --mc-hover:     #dde3ea;
    --mc-border:    #e5e7eb;
    --mc-border-md: #d1d5db;

    --mc-tx1:   #111827;
    --mc-tx2:   #374151;
    --mc-tx3:   #6b7280;
    --mc-tx4:   #9ca3af;
    --mc-white: #ffffff;

    --mc-sh-sm: 0 1px 6px rgba(0,0,0,.07);
    --mc-sh-md: 0 4px 18px rgba(0,0,0,.10);
    --mc-sh-lg: 0 8px 36px rgba(0,0,0,.13);
    --mc-sh-xl: 0 14px 48px rgba(0,0,0,.16);

    --mc-nav-bg:     #ffffff;
    --mc-nav-border: #e5e7eb;
    --mc-nav-tx:     #374151;
    --mc-nav-hover:  #f3f4f6;
    --mc-nav-act-bg: #eff6ff;
    --mc-nav-act-tx: #1d4ed8;

    --mc-accent:  #37c0fb;
    --mc-accent2: #1aa8e8;
}

[data-theme="dark"] {
    --mc-bg:        #0d1117;
    --mc-surface:   #161b27;
    --mc-raised:    #1e2538;
    --mc-subtle:    #252d42;
    --mc-hover:     #2e3850;
    --mc-border:    rgba(255,255,255,.09);
    --mc-border-md: rgba(255,255,255,.14);

    --mc-tx1:   #f0f2f8;
    --mc-tx2:   #c8cdd8;
    --mc-tx3:   #8b95a8;
    --mc-tx4:   #5a6478;
    --mc-white: #ffffff;

    --mc-sh-sm: 0 1px 6px rgba(0,0,0,.4);
    --mc-sh-md: 0 4px 18px rgba(0,0,0,.5);
    --mc-sh-lg: 0 8px 36px rgba(0,0,0,.6);
    --mc-sh-xl: 0 14px 48px rgba(0,0,0,.7);

    --mc-nav-bg:     #161b27;
    --mc-nav-border: rgba(255,255,255,.09);
    --mc-nav-tx:     #c8cdd8;
    --mc-nav-hover:  rgba(255,255,255,.06);
    --mc-nav-act-bg: rgba(55,192,251,.15);
    --mc-nav-act-tx: #37c0fb;

    --mc-accent:  #37c0fb;
    --mc-accent2: #5dcffc;
}

/* ══════════════════════════════════════════════════════════════
   2. BASE Y TIPOGRAFÍA
   ══════════════════════════════════════════════════════════════ */
html { font-size: 16px !important; }

body {
    background-color: var(--mc-bg) !important;
    background-image: none !important;
    color: var(--mc-tx2) !important;
    font-size: 1rem !important;
    line-height: 1.65 !important;
    transition: background-color .3s, color .3s !important;
}

h1 { font-size: 2.4rem !important; line-height: 1.2 !important; color: var(--mc-tx1) !important; margin-bottom: .5rem !important; }
h2 { font-size: 1.9rem !important; line-height: 1.25 !important; color: var(--mc-tx1) !important; margin-bottom: .5rem !important; }
h3 { font-size: 1.35rem !important; line-height: 1.3 !important; color: var(--mc-tx1) !important; margin-bottom: .4rem !important; }
h4 { font-size: 1.15rem !important; line-height: 1.35 !important; color: var(--mc-tx1) !important; margin-bottom: .35rem !important; }
h5 { font-size: 1rem !important;    line-height: 1.4 !important; color: var(--mc-tx1) !important; margin-bottom: .3rem !important; }
h6 { font-size: .9rem !important;   line-height: 1.4 !important; color: var(--mc-tx1) !important; margin-bottom: .25rem !important; }

p  { font-size: .97rem !important; line-height: 1.72 !important; color: var(--mc-tx2) !important; margin-bottom: .9rem !important; }
p:last-child { margin-bottom: 0 !important; }

.text-muted  { color: var(--mc-tx3) !important; opacity: 1 !important; font-size: inherit !important; }
.text-dark   { color: var(--mc-tx1) !important; }
.text-white  { color: #fff !important; }
.fw-bold     { font-weight: 700 !important; color: var(--mc-tx1) !important; }
.fw-semibold { font-weight: 600 !important; color: var(--mc-tx1) !important; }
.small, small { font-size: .84rem !important; line-height: 1.5 !important; color: var(--mc-tx3) !important; }
.fs-5 { font-size: 1.05rem !important; }
.fst-italic { font-style: italic !important; }

/* Secciones oscuras — texto siempre blanco */
.catalogo-hero h2, .catalogo-hero-index h2,
.cta-catalogo h2, .cta-productos h2,
.porque-elegirnos h2, .porque-elegirnos h3,
#banner header h2 { color: #fff !important; }

.catalogo-hero p, .catalogo-hero-index p { color: rgba(255,255,255,.88) !important; font-size: 1rem !important; }
.cta-catalogo p, .cta-productos p { color: rgba(255,255,255,.92) !important; font-size: 1rem !important; opacity: 1 !important; }
.porque-elegirnos p { color: rgba(255,255,255,.82) !important; }
.porque-item h3 { color: #fff !important; font-size: 1.05rem !important; }
.porque-item p  { color: rgba(255,255,255,.8) !important; font-size: .88rem !important; }
.stats-strip .stat-number { color: #e67e22 !important; font-size: 2.4rem !important; font-weight: 800 !important; }
.stats-strip .stat-label  { color: rgba(255,255,255,.82) !important; font-size: .8rem !important; }

/* Links */
a { border-bottom: none !important; text-decoration: none !important; }
a:hover { border-bottom: none !important; }

@media (max-width: 768px) {
    h1 { font-size: 1.9rem !important; }
    h2 { font-size: 1.55rem !important; }
    h3 { font-size: 1.2rem !important; }
    .catalogo-hero h2, .catalogo-hero-index h2 { font-size: 1.7rem !important; }
    #banner header h2 { font-size: 2rem !important; }
}
@media (max-width: 480px) {
    h1 { font-size: 1.6rem !important; }
    h2 { font-size: 1.35rem !important; }
    #banner header h2 { font-size: 1.65rem !important; }
}

/* ══════════════════════════════════════════════════════════════
   3. GRID BOOTSTRAP — NEUTRALIZAR ARCANA
   main.css define .row { margin-top:-50px; margin-left:-50px }
   que destruye el grid de Bootstrap. Lo reseteamos aquí.
   ══════════════════════════════════════════════════════════════ */
.row {
    margin-top: 0 !important; margin-left: 0 !important;
    margin-right: 0 !important; padding: 0 !important;
    display: flex !important; flex-wrap: wrap !important;
}
.row > * {
    padding-top: 0 !important; padding-left: 0 !important;
    padding-right: 0 !important; padding-bottom: 0 !important;
    width: auto !important; box-sizing: border-box !important;
}

/* Gutters */
.row.g-0 { --bs-gutter-x:0;      --bs-gutter-y:0; }
.row.g-1 { --bs-gutter-x:.25rem; --bs-gutter-y:.25rem; }
.row.g-2 { --bs-gutter-x:.5rem;  --bs-gutter-y:.5rem; }
.row.g-3 { --bs-gutter-x:1rem;   --bs-gutter-y:1rem; }
.row.g-4 { --bs-gutter-x:1.5rem; --bs-gutter-y:1.5rem; }
.row.g-5 { --bs-gutter-x:3rem;   --bs-gutter-y:3rem; }

.row.g-0 > * { padding-right:0 !important; padding-left:0 !important; }
.row.g-1 > *, .row.g-2 > *, .row.g-3 > *, .row.g-4 > *, .row.g-5 > * {
    padding-right: calc(var(--bs-gutter-x) * .5) !important;
    padding-left:  calc(var(--bs-gutter-x) * .5) !important;
}
.row.g-1 { margin-right:calc(-.5 * .25rem) !important; margin-left:calc(-.5 * .25rem) !important; }
.row.g-2 { margin-right:calc(-.5 * .5rem)  !important; margin-left:calc(-.5 * .5rem)  !important; }
.row.g-3 { margin-right:calc(-.5 * 1rem)   !important; margin-left:calc(-.5 * 1rem)   !important; }
.row.g-4 { margin-right:calc(-.5 * 1.5rem) !important; margin-left:calc(-.5 * 1.5rem) !important; }
.row.g-5 { margin-right:calc(-.5 * 3rem)   !important; margin-left:calc(-.5 * 3rem)   !important; }

/* Columnas */
.col    { flex:1 0 0% !important; width:auto !important; }
.col-1  { flex:0 0 auto !important; width:8.33333%  !important; }
.col-2  { flex:0 0 auto !important; width:16.66667% !important; }
.col-3  { flex:0 0 auto !important; width:25%       !important; }
.col-4  { flex:0 0 auto !important; width:33.33333% !important; }
.col-5  { flex:0 0 auto !important; width:41.66667% !important; }
.col-6  { flex:0 0 auto !important; width:50%       !important; }
.col-7  { flex:0 0 auto !important; width:58.33333% !important; }
.col-8  { flex:0 0 auto !important; width:66.66667% !important; }
.col-9  { flex:0 0 auto !important; width:75%       !important; }
.col-10 { flex:0 0 auto !important; width:83.33333% !important; }
.col-11 { flex:0 0 auto !important; width:91.66667% !important; }
.col-12 { flex:0 0 auto !important; width:100%      !important; }

@media (min-width:576px) {
    .col-sm-1  { flex:0 0 auto !important; width:8.33333%  !important; }
    .col-sm-2  { flex:0 0 auto !important; width:16.66667% !important; }
    .col-sm-3  { flex:0 0 auto !important; width:25%       !important; }
    .col-sm-4  { flex:0 0 auto !important; width:33.33333% !important; }
    .col-sm-5  { flex:0 0 auto !important; width:41.66667% !important; }
    .col-sm-6  { flex:0 0 auto !important; width:50%       !important; }
    .col-sm-8  { flex:0 0 auto !important; width:66.66667% !important; }
    .col-sm-12 { flex:0 0 auto !important; width:100%      !important; }
}
@media (min-width:768px) {
    .col-md-1  { flex:0 0 auto !important; width:8.33333%  !important; }
    .col-md-2  { flex:0 0 auto !important; width:16.66667% !important; }
    .col-md-3  { flex:0 0 auto !important; width:25%       !important; }
    .col-md-4  { flex:0 0 auto !important; width:33.33333% !important; }
    .col-md-5  { flex:0 0 auto !important; width:41.66667% !important; }
    .col-md-6  { flex:0 0 auto !important; width:50%       !important; }
    .col-md-8  { flex:0 0 auto !important; width:66.66667% !important; }
    .col-md-12 { flex:0 0 auto !important; width:100%      !important; }
}
@media (min-width:992px) {
    .col-lg-1  { flex:0 0 auto !important; width:8.33333%  !important; }
    .col-lg-2  { flex:0 0 auto !important; width:16.66667% !important; }
    .col-lg-3  { flex:0 0 auto !important; width:25%       !important; }
    .col-lg-4  { flex:0 0 auto !important; width:33.33333% !important; }
    .col-lg-5  { flex:0 0 auto !important; width:41.66667% !important; }
    .col-lg-6  { flex:0 0 auto !important; width:50%       !important; }
    .col-lg-8  { flex:0 0 auto !important; width:66.66667% !important; }
    .col-lg-12 { flex:0 0 auto !important; width:100%      !important; }
    .offset-lg-4 { margin-left:33.33333% !important; }
}
@media (min-width:1200px) {
    .col-xl-3 { flex:0 0 auto !important; width:25% !important; }
    .col-xl-4 { flex:0 0 auto !important; width:33.33333% !important; }
    .col-xl-6 { flex:0 0 auto !important; width:50% !important; }
}

/* ══════════════════════════════════════════════════════════════
   4. UTILIDADES BOOTSTRAP
   ══════════════════════════════════════════════════════════════ */
.container {
    max-width:100% !important; width:100% !important;
    margin-left:auto !important; margin-right:auto !important;
    padding-left:1rem !important; padding-right:1rem !important;
}
@media (min-width:576px)  { .container { max-width:540px  !important; } }
@media (min-width:768px)  { .container { max-width:720px  !important; } }
@media (min-width:992px)  { .container { max-width:960px  !important; } }
@media (min-width:1200px) { .container { max-width:1140px !important; } }
@media (min-width:1400px) { .container { max-width:1320px !important; } }

.d-flex         { display:flex !important; }
.d-block        { display:block !important; }
.d-inline-flex  { display:inline-flex !important; }
.d-none         { display:none !important; }
.flex-column    { flex-direction:column !important; }
.flex-wrap      { flex-wrap:wrap !important; }
.flex-shrink-0  { flex-shrink:0 !important; }
.justify-content-center  { justify-content:center !important; }
.justify-content-between { justify-content:space-between !important; }
.align-items-center { align-items:center !important; }
.align-items-start  { align-items:flex-start !important; }
.align-self-start   { align-self:flex-start !important; }
.gap-2 { gap:.5rem !important; }
.gap-3 { gap:1rem !important; }
.gap-4 { gap:1.5rem !important; }
.w-100 { width:100% !important; }
.h-100 { height:100% !important; }
.mt-auto { margin-top:auto !important; }
.mx-auto { margin-left:auto !important; margin-right:auto !important; }
.mb-0 { margin-bottom:0 !important; }
.mb-1 { margin-bottom:.25rem !important; }
.mb-2 { margin-bottom:.5rem !important; }
.mb-3 { margin-bottom:1rem !important; }
.mb-4 { margin-bottom:1.5rem !important; }
.mb-5 { margin-bottom:3rem !important; }
.mt-3 { margin-top:1rem !important; }
.mt-4 { margin-top:1.5rem !important; }
.me-1 { margin-right:.25rem !important; }
.me-2 { margin-right:.5rem !important; }
.p-3  { padding:1rem !important; }
.p-4  { padding:1.5rem !important; }
.px-4 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
.py-3 { padding-top:1rem !important; padding-bottom:1rem !important; }
.text-center { text-align:center !important; }
.overflow-hidden   { overflow:hidden !important; }
.position-relative { position:relative !important; }
.position-absolute { position:absolute !important; }
.top-0  { top:0 !important; }
.end-0  { right:0 !important; }
.rounded-3    { border-radius:12px !important; }
.rounded-4    { border-radius:16px !important; }
.rounded-pill { border-radius:50rem !important; }
.rounded-circle { border-radius:50% !important; }
.object-fit-cover { object-fit:cover !important; }
.list-unstyled { list-style:none !important; padding-left:0 !important; margin-bottom:0 !important; }
.fa-2x { font-size:2em !important; }
.lh-lg { line-height:1.75 !important; }

/* Secciones */
section.py-5, .py-5 { padding-top:3.5rem !important; padding-bottom:3.5rem !important; }
section.py-4, .py-4 { padding-top:2.5rem !important; padding-bottom:2.5rem !important; }
section.py-5.bg-light, section.py-4.bg-light, .bg-light {
    background-color: var(--mc-surface) !important;
}
section.py-5, section.py-4 { background-color: var(--mc-bg) !important; }
#page-wrapper { background-color: var(--mc-bg) !important; }
.wrapper.style1 { background: var(--mc-surface) !important; padding:0 !important; }
.wrapper.style1 > .container { padding-top:3rem !important; padding-bottom:3rem !important; }

/* Botones */
.btn {
    border-bottom:none !important; text-decoration:none !important;
    font-size:.95rem !important; padding:.55rem 1.3rem !important;
    line-height:1.5 !important; font-weight:600 !important;
}
.btn-lg { font-size:1.05rem !important; padding:.75rem 1.8rem !important; }
.btn:hover, .btn:focus { border-bottom:none !important; }
.btn[style*="background-color:#25d366"] { color:#fff !important; border:none !important; }
.btn[style*="background-color:#b07d3a"] { color:#fff !important; border:none !important; }
.btn[style*="background-color:#37c0fb"] { color:#fff !important; border:none !important; }
.btn[style*="background-color:#f39c12"] { color:#fff !important; border:none !important; }

/* Badges */
.badge {
    font-size:.75em !important; font-weight:700 !important;
    padding:.4em .85em !important; line-height:1 !important;
    border-bottom:none !important; display:inline-flex !important;
    align-items:center !important; color:#fff !important;
}

/* Banner */
#banner { position:relative; overflow:hidden; }
#banner header { position:relative; z-index:2; }
#banner header h2 {
    font-size:3.2rem !important; line-height:1.15 !important;
    text-shadow:0 2px 20px rgba(0,0,0,.5); margin-bottom:0 !important; color:#fff !important;
}

/* Mapa */
.mapouter iframe { border-radius:12px !important; border:none !important; box-shadow:var(--mc-sh-md) !important; margin-top:.5rem; }

/* Animaciones */
.anim-ready { opacity:0; transform:translateY(22px); transition:opacity .5s ease, transform .5s ease; }
.anim-ready.anim-visible { opacity:1; transform:translateY(0); }
@media (prefers-reduced-motion:reduce) {
    .anim-ready { opacity:1 !important; transform:none !important; transition:none !important; }
}

/* Clientes y valores grid */
.valores-section .row > [class*="col-"],
.clientes-section .row > [class*="col-"] { display:flex !important; }
.clientes-section .cliente-card { width:100% !important; }

/* CTA btns group */
.cta-btns-group {
    display:flex !important; flex-wrap:wrap !important;
    justify-content:center !important; gap:1rem !important;
    margin:0 !important; padding:0 !important;
}
.cta-btns-group > * { padding-top:0 !important; padding-left:0 !important; width:auto !important; }

/* ══════════════════════════════════════════════════════════════
   5. NAVBAR Y TOGGLE
   ══════════════════════════════════════════════════════════════ */
.topbar {
    background: var(--mc-nav-bg) !important;
    border-bottom: 1px solid var(--mc-nav-border) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.07) !important;
    transition: background .3s, border-color .3s !important;
}
.topbar-brand-text strong { color: var(--mc-tx1) !important; font-size:.95rem !important; }
.topbar-brand-text small  { color: var(--mc-tx3) !important; font-size:.6rem !important; }

.topbar-nav > li > a { color: var(--mc-nav-tx) !important; font-size:.875rem !important; font-weight:600 !important; }
.topbar-nav > li > a:hover { background: var(--mc-nav-hover) !important; color: var(--mc-tx1) !important; }
.topbar-nav > li.current > a { background: var(--mc-nav-act-bg) !important; color: var(--mc-nav-act-tx) !important; }

.topbar-dropdown {
    background: var(--mc-nav-bg) !important;
    border-color: var(--mc-nav-border) !important;
    box-shadow: var(--mc-sh-lg) !important;
}
.topbar-dropdown li a { color: var(--mc-nav-tx) !important; font-size:.875rem !important; }
.topbar-dropdown li a:hover { background: var(--mc-nav-hover) !important; color: var(--mc-tx1) !important; }
.topbar-dropdown li.current a { background: var(--mc-nav-act-bg) !important; color: var(--mc-nav-act-tx) !important; }

.topbar-mobile-menu { background: var(--mc-nav-bg) !important; border-bottom-color: var(--mc-nav-border) !important; }
.topbar-mobile-menu ul li a { color: var(--mc-nav-tx) !important; font-size:.9rem !important; }
.topbar-mobile-menu ul li a:hover { background: var(--mc-nav-hover) !important; color: var(--mc-tx1) !important; }
.topbar-mobile-menu ul li.current a { background: var(--mc-nav-act-bg) !important; color: var(--mc-nav-act-tx) !important; }
.topbar-mobile-menu .mob-category { color: var(--mc-tx4) !important; }

.topbar-actions { display:flex !important; align-items:center !important; gap:.4rem !important; margin-left:auto !important; flex-shrink:0 !important; }

/* Toggle — círculo perfecto */
.topbar-theme-btn {
    all: unset !important;
    width:34px !important; height:34px !important;
    border-radius:50% !important;
    background: var(--mc-subtle) !important;
    border: 1.5px solid var(--mc-nav-border) !important;
    color: var(--mc-nav-tx) !important;
    cursor:pointer !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    font-size:1rem !important; flex-shrink:0 !important;
    box-sizing:border-box !important;
    transition: all .2s ease !important;
}
.topbar-theme-btn:hover {
    background: var(--mc-nav-act-bg) !important;
    border-color: var(--mc-nav-act-tx) !important;
    color: var(--mc-nav-act-tx) !important;
    transform: scale(1.08) !important;
}
.topbar-theme-btn::before, .topbar-theme-btn::after { display:none !important; content:none !important; }
.topbar-theme-btn .icon-sun  { display:none !important; }
.topbar-theme-btn .icon-moon { display:flex !important; align-items:center; justify-content:center; }
[data-theme="dark"] .topbar-theme-btn .icon-sun  { display:flex !important; align-items:center; justify-content:center; }
[data-theme="dark"] .topbar-theme-btn .icon-moon { display:none !important; }

.topbar-hamburger {
    all: unset !important;
    width:38px !important; height:38px !important;
    border-radius:8px !important;
    background: var(--mc-subtle) !important;
    border: 1px solid var(--mc-nav-border) !important;
    color: var(--mc-nav-tx) !important;
    cursor:pointer !important;
    display:none !important; align-items:center !important; justify-content:center !important;
    font-size:1rem !important; box-sizing:border-box !important;
    transition: all .2s !important;
}
.topbar-hamburger:hover { background: var(--mc-tx1) !important; color:#fff !important; }
.topbar-hamburger::before, .topbar-hamburger::after { display:none !important; content:none !important; }

@media (max-width:860px) {
    .topbar-nav { display:none !important; }
    .topbar-hamburger { display:flex !important; }
}

/* ══════════════════════════════════════════════════════════════
   6. CARDS
   ══════════════════════════════════════════════════════════════ */
.card {
    background-color: var(--mc-raised) !important;
    border: 1px solid var(--mc-border) !important;
    box-shadow: var(--mc-sh-sm) !important;
    border-radius: 14px !important;
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease, background-color .3s !important;
}
.card:hover { transform:translateY(-5px) !important; box-shadow:var(--mc-sh-xl) !important; }

.card-img-top { object-fit:cover !important; height:220px !important; width:100% !important; display:block !important; }
.card-body { display:flex !important; flex-direction:column !important; padding:1.4rem !important; }
.card-body p  { margin-bottom:.7rem; }
.card-body p:last-child { margin-bottom:0; }
.card-body ul { margin-bottom:0; list-style:none !important; padding-left:0 !important; }

/* Texto en cards */
.card h4, .card h5, .card h6, .card .card-title { color: var(--mc-tx1) !important; }
.card p, .card .card-text { color: var(--mc-tx2) !important; font-size:.95rem !important; line-height:1.7 !important; }
.card .text-muted, .card .small, .card small { color: var(--mc-tx3) !important; }
.card .fw-bold, .card .fw-semibold { color: var(--mc-tx1) !important; }
.card-title { font-size:1.1rem !important; font-weight:700 !important; }

/* Aplic-box */
.aplic-box {
    background-color: var(--mc-subtle) !important;
    border: 1px solid var(--mc-border) !important;
    border-radius: 10px !important;
}
.aplic-box .fw-semibold { color: var(--mc-tx1) !important; font-size:.88rem !important; }
.aplic-box li, .aplic-box [class*="col-"] { color: var(--mc-tx2) !important; font-size:.85rem !important; }

/* Logística */
.logistica-card { background-color: var(--mc-subtle) !important; border: 1px solid var(--mc-border) !important; }
.logistica-card h6 { color: var(--mc-tx1) !important; font-size:.95rem !important; font-weight:700 !important; }
.logistica-card p  { color: var(--mc-tx2) !important; font-size:.87rem !important; }

/* Intro card */
.intro-card { background-color: var(--mc-raised) !important; border: 1px solid var(--mc-border) !important; }
.intro-card h2, .intro-card h4 { color: var(--mc-tx1) !important; }
.intro-card p { color: var(--mc-tx2) !important; }

/* Producto-card-index */
.producto-card-index { background-color: var(--mc-raised) !important; border: 1px solid var(--mc-border) !important; }
.producto-card-index h3 { color: var(--mc-tx1) !important; font-size:1.15rem !important; font-weight:700 !important; }
.producto-card-index p  { color: var(--mc-tx2) !important; font-size:.95rem !important; }
.producto-card-index .card-tag { color: var(--mc-accent) !important; font-size:.72rem !important; font-weight:700 !important; letter-spacing:.1em !important; }
.producto-card-index .card-footer { border-top: 1px solid var(--mc-border) !important; background:transparent !important; }

/* ══════════════════════════════════════════════════════════════
   7. SECCIONES DE PÁGINA
   ══════════════════════════════════════════════════════════════ */

/* Valores */
.valores-section { background-color: var(--mc-surface) !important; }
.valores-section .section-header h2 { color: var(--mc-tx1) !important; }
.valores-section .section-header p  { color: var(--mc-tx2) !important; }
.valor-card { background-color: var(--mc-raised) !important; border: 1px solid var(--mc-border) !important; box-shadow: var(--mc-sh-sm) !important; }
.valor-card h3 { color: var(--mc-tx1) !important; font-size:1.05rem !important; font-weight:700 !important; }
.valor-card p  { color: var(--mc-tx2) !important; font-size:.9rem !important; }

/* Clientes */
.clientes-section { background-color: var(--mc-surface) !important; }
.clientes-header h2 { color: var(--mc-tx1) !important; }
.clientes-header p  { color: var(--mc-tx2) !important; }
.cliente-card { background-color: var(--mc-raised) !important; border: 1px solid var(--mc-border) !important; box-shadow: var(--mc-sh-sm) !important; }
.cliente-nombre { color: var(--mc-tx3) !important; font-size:.78rem !important; font-weight:600 !important; }

/* Features strip */
.features-strip, .features-strip-index {
    background-color: var(--mc-surface) !important;
    border-top: 1px solid var(--mc-border) !important;
    border-bottom: 1px solid var(--mc-border) !important;
}
.feat-list li { color: var(--mc-tx2) !important; font-size:.9rem !important; font-weight:600 !important; }

/* Section/clientes headers */
.section-header h2, .clientes-header h2 { color: var(--mc-tx1) !important; font-size:1.9rem !important; }
.section-header p,  .clientes-header p  { color: var(--mc-tx2) !important; font-size:1rem !important; }
.section-header .badge, .clientes-header .clientes-badge { color:#fff !important; }

/* Hitos y timeline */
.hito-item { background: var(--mc-subtle) !important; border-radius:10px !important; padding:.85rem 1rem !important; margin-bottom:.75rem !important; display:flex !important; align-items:center !important; gap:.85rem !important; }
.hito-item .fw-bold { color: var(--mc-tx1) !important; font-size:.9rem !important; }
.hito-item .text-muted, .hito-item .small { color: var(--mc-tx3) !important; font-size:.82rem !important; }

.timeline-item { display:flex; gap:1rem; margin-bottom:1.5rem; }
.timeline-item:last-child { margin-bottom:0; }
.timeline-dot { width:48px; height:48px; border-radius:50%; background: var(--mc-accent) !important; color:#fff !important; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.82rem; flex-shrink:0; }
.timeline-content h5 { color: var(--mc-tx1) !important; font-size:1rem !important; font-weight:700 !important; }
.timeline-content p  { color: var(--mc-tx2) !important; font-size:.92rem !important; line-height:1.7 !important; }

/* CTA botones */
.cta-catalogo .btn-cta, .cta-productos .btn-cta { color:#1a1a2e !important; background:#fff !important; font-weight:700 !important; font-size:.95rem !important; }
.cta-catalogo .btn-cta:hover, .cta-productos .btn-cta:hover { background:#e8f4ff !important; color:#1a1a2e !important; }
.cta-catalogo .btn-cta.whatsapp, .cta-productos .btn-cta.whatsapp { background:#25d366 !important; color:#fff !important; }
.cta-catalogo .btn-cta.whatsapp:hover, .cta-productos .btn-cta.whatsapp:hover { background:#1da851 !important; color:#fff !important; }
.cta-catalogo .btn-cta.outline, .cta-productos .btn-cta.outline { background:transparent !important; color:#fff !important; border:2px solid rgba(255,255,255,.65) !important; }
.cta-catalogo .btn-cta.outline:hover, .cta-productos .btn-cta.outline:hover { background:rgba(255,255,255,.12) !important; color:#fff !important; }

/* Footer */
#footer { background: linear-gradient(135deg,#0d1117,#161b27) !important; }
#footer .copyright { color:rgba(255,255,255,.45) !important; font-size:.82rem !important; }
#footer .copyright a { color:rgba(255,255,255,.45) !important; }
#footer .copyright a:hover { color:rgba(255,255,255,.75) !important; }

/* ══════════════════════════════════════════════════════════════
   8. COMPONENTES
   ══════════════════════════════════════════════════════════════ */

/* Contacto */
.contact-link { background: var(--mc-subtle) !important; border: 1px solid var(--mc-border-md) !important; transition: background .2s, border-color .2s !important; }
.contact-link:hover { background: var(--mc-hover) !important; border-color: var(--mc-accent) !important; }
.contact-label { color: var(--mc-tx1) !important; font-size:.92rem !important; font-weight:700 !important; }
.contact-sub   { color: var(--mc-tx3) !important; font-size:.8rem !important; }

.dept-card { background: var(--mc-subtle) !important; border: 1px solid var(--mc-border) !important; }
.dept-card:hover { background: var(--mc-hover) !important; }
.dept-name   { color: var(--mc-tx1) !important; font-size:.9rem !important; font-weight:700 !important; }
.dept-number { color: var(--mc-tx3) !important; font-size:.8rem !important; }

.email-box { background: var(--mc-subtle) !important; border: 1px solid var(--mc-border) !important; }
.email-box h5 { color: var(--mc-tx1) !important; }
.email-box a  { color: var(--mc-accent) !important; font-size:.95rem !important; font-weight:600 !important; }

.quote-box { background: var(--mc-subtle) !important; border-left: 4px solid var(--mc-accent) !important; }
.quote-box p { color: var(--mc-tx2) !important; font-size:.9rem !important; opacity:1 !important; }
.quote-box .quote-author { color: var(--mc-accent) !important; font-size:.84rem !important; font-weight:600 !important; }

/* Modal WhatsApp */
.whatsapp-modal-content { background-color: var(--mc-raised) !important; }
.whatsapp-modal-header h3 { color: var(--mc-tx1) !important; font-size:1.4rem !important; }
.whatsapp-modal-header p  { color: var(--mc-tx3) !important; font-size:.92rem !important; }
.whatsapp-option { background: var(--mc-subtle) !important; border: 2px solid var(--mc-border) !important; }
.whatsapp-option:hover { background: var(--mc-hover) !important; border-color: var(--mc-accent) !important; }
.whatsapp-option-title  { color: var(--mc-tx1) !important; font-size:1rem !important; font-weight:700 !important; }
.whatsapp-option-number { color: var(--mc-tx3) !important; font-size:.88rem !important; }
.modal-close { background: var(--mc-subtle) !important; color: var(--mc-tx3) !important; border: 1px solid var(--mc-border-md) !important; }
.modal-close:hover { background: var(--mc-hover) !important; color: var(--mc-tx1) !important; }

/* Retenciones */
.busqueda-section, .resultados-section { background-color: var(--mc-bg) !important; }
.busqueda-card { background-color: var(--mc-raised) !important; border: 1px solid var(--mc-border) !important; box-shadow: var(--mc-sh-lg) !important; }
.busqueda-card h2 { color: var(--mc-tx1) !important; }
.busqueda-card > p { color: var(--mc-tx2) !important; }
.busqueda-hint { color: var(--mc-tx3) !important; }
.rif-input-wrap { background: var(--mc-raised) !important; border: 2px solid var(--mc-border-md) !important; }
.rif-input-wrap:focus-within { border-color: var(--mc-accent) !important; }
.rif-prefix { background: var(--mc-subtle) !important; border-right: 2px solid var(--mc-border-md) !important; color: var(--mc-accent) !important; }
.rif-input { background: var(--mc-raised) !important; color: var(--mc-tx1) !important; }
.rif-input::placeholder { color: var(--mc-tx4) !important; }
.retencion-item { background-color: var(--mc-raised) !important; border: 1px solid var(--mc-border) !important; }
.retencion-info .nombre { color: var(--mc-tx1) !important; font-size:.97rem !important; }
.retencion-info .meta   { color: var(--mc-tx3) !important; font-size:.82rem !important; }
.estado-box { background-color: var(--mc-raised) !important; border: 1px solid var(--mc-border) !important; }
.estado-box h4 { color: var(--mc-tx1) !important; }
.estado-box p  { color: var(--mc-tx2) !important; }
.info-section { background-color: var(--mc-surface) !important; border-top: 1px solid var(--mc-border) !important; }
.info-card { background-color: var(--mc-raised) !important; border: 1px solid var(--mc-border) !important; }
.info-card h4 { color: var(--mc-tx1) !important; }
.info-card p  { color: var(--mc-tx2) !important; }

/* ══════════════════════════════════════════════════════════════
   9. RESPONSIVE FINAL
   ══════════════════════════════════════════════════════════════ */
@media (max-width:768px) {
    .card-img-top { height:190px !important; }
    .card-body { padding:1.2rem !important; }
    .card-title { font-size:1rem !important; }
    .card p, .card .card-text { font-size:.9rem !important; }
    .logistica-card h6 { font-size:.9rem !important; }
    .valor-card h3 { font-size:.98rem !important; }
    .valor-card p  { font-size:.88rem !important; }
    .producto-card-index h3 { font-size:1.05rem !important; }
    .section-header h2, .clientes-header h2 { font-size:1.55rem !important; }
    .cta-catalogo h2, .cta-productos h2 { font-size:1.55rem !important; }
    .stats-strip .stat-number { font-size:1.9rem !important; }
    section.py-5, .py-5 { padding-top:2.5rem !important; padding-bottom:2.5rem !important; }
    .cta-btns-group { flex-direction:column; align-items:center; }
    .cta-btns-group .btn-cta { width:100%; max-width:280px; justify-content:center; }
}
@media (max-width:480px) {
    .card-img-top { height:170px !important; }
    .card-title { font-size:.95rem !important; }
    .section-header h2, .clientes-header h2 { font-size:1.35rem !important; }
}

/* ══════════════════════════════════════════════════════════════
   CORRECCIONES FINALES — MAYOR ESPECIFICIDAD
   Ganan sobre maxical-custom.css que tiene colores hardcodeados
   ══════════════════════════════════════════════════════════════ */

/* ── Clientes: fondo blanco en modo claro, oscuro en dark ── */
html:not([data-theme="dark"]) .clientes-section {
    background-color: #f8f9fa !important;
}
html:not([data-theme="dark"]) .cliente-card {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.06) !important;
}
html:not([data-theme="dark"]) .cliente-nombre {
    color: #374151 !important;
}
[data-theme="dark"] .clientes-section { background-color: #161b27 !important; }
[data-theme="dark"] .cliente-card {
    background-color: #1e2538 !important;
    border-color: rgba(255,255,255,.08) !important;
}
[data-theme="dark"] .cliente-nombre { color: #8b95a8 !important; }
[data-theme="dark"] .cliente-logo { filter: brightness(.82) !important; }

/* ── Valores: fondo blanco en modo claro ── */
html:not([data-theme="dark"]) .valores-section { background-color: #f8f9fa !important; }
html:not([data-theme="dark"]) .valor-card {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
}
html:not([data-theme="dark"]) .valor-card h3 { color: #111827 !important; }
html:not([data-theme="dark"]) .valor-card p  { color: #374151 !important; }
[data-theme="dark"] .valores-section { background-color: #161b27 !important; }
[data-theme="dark"] .valor-card { background-color: #1e2538 !important; border-color: rgba(255,255,255,.08) !important; }
[data-theme="dark"] .valor-card h3 { color: #f0f2f8 !important; }
[data-theme="dark"] .valor-card p  { color: #c8cdd8 !important; }

/* ── CTA botón "Ver contactos" — texto visible ── */
.cta-catalogo .btn-cta,
.cta-productos .btn-cta {
    background: #ffffff !important;
    color: #1a1a2e !important;
    border: none !important;
    font-weight: 700 !important;
    font-size: .95rem !important;
    padding: .8em 2em !important;
}
.cta-catalogo .btn-cta:hover,
.cta-productos .btn-cta:hover {
    background: #e8f4ff !important;
    color: #1a1a2e !important;
}
.cta-catalogo .btn-cta.outline,
.cta-productos .btn-cta.outline {
    background: transparent !important;
    color: #ffffff !important;
    border: 2px solid rgba(255,255,255,.7) !important;
}
.cta-catalogo .btn-cta.outline:hover,
.cta-productos .btn-cta.outline:hover {
    background: rgba(255,255,255,.15) !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}
.cta-catalogo .btn-cta.whatsapp,
.cta-productos .btn-cta.whatsapp {
    background: #25d366 !important;
    color: #ffffff !important;
    border: none !important;
}
.cta-catalogo .btn-cta.whatsapp:hover,
.cta-productos .btn-cta.whatsapp:hover {
    background: #1da851 !important;
    color: #ffffff !important;
}

/* ── Retenciones modo claro — info cards y CTA ── */
html:not([data-theme="dark"]) .info-section {
    background-color: #ffffff !important;
}
html:not([data-theme="dark"]) .info-card {
    background-color: #f0f2f5 !important;
    border: 1px solid #e5e7eb !important;
}
html:not([data-theme="dark"]) .info-card h4 { color: #111827 !important; }
html:not([data-theme="dark"]) .info-card p  { color: #374151 !important; }

html:not([data-theme="dark"]) .busqueda-section { background-color: #f0f4f8 !important; }
html:not([data-theme="dark"]) .busqueda-card {
    background-color: #ffffff !important;
    border: 1px solid rgba(55,192,251,.15) !important;
}
html:not([data-theme="dark"]) .busqueda-card h2 { color: #1a1a2e !important; }
html:not([data-theme="dark"]) .busqueda-card > p { color: #374151 !important; }

[data-theme="dark"] .info-section { background-color: #161b27 !important; }
[data-theme="dark"] .info-card { background-color: #1e2538 !important; border-color: rgba(255,255,255,.08) !important; }
[data-theme="dark"] .info-card h4 { color: #f0f2f8 !important; }
[data-theme="dark"] .info-card p  { color: #c8cdd8 !important; }
[data-theme="dark"] .busqueda-section { background-color: #0d1117 !important; }
[data-theme="dark"] .busqueda-card { background-color: #1e2538 !important; border-color: rgba(255,255,255,.08) !important; }
[data-theme="dark"] .busqueda-card h2 { color: #f0f2f8 !important; }
[data-theme="dark"] .busqueda-card > p { color: #c8cdd8 !important; }

/* ── Retenciones: texto del CTA visible ── */
.cta-contacto h2 { color: #ffffff !important; font-size: 1.9rem !important; }
.cta-contacto p  { color: rgba(255,255,255,.9) !important; font-size: 1rem !important; }
.cta-contacto .cta-btn.whatsapp { background: #25d366 !important; color: #fff !important; }
.cta-contacto .cta-btn.outline  { background: transparent !important; color: #fff !important; border: 2px solid rgba(255,255,255,.65) !important; }
.cta-contacto .cta-btn.whatsapp:hover { background: #1da851 !important; }
.cta-contacto .cta-btn.outline:hover  { background: rgba(255,255,255,.12) !important; }

/* ── Tamaños de letra aumentados ── */
/* Párrafos generales — más legibles */
p { font-size: 1rem !important; }

/* Cards — texto más grande */
.card p, .card .card-text { font-size: 1rem !important; }
.card-title, .card h5 { font-size: 1.15rem !important; }
.card h4 { font-size: 1.25rem !important; }

/* Aplic-box */
.aplic-box .fw-semibold { font-size: .92rem !important; }
.aplic-box li, .aplic-box [class*="col-"] { font-size: .9rem !important; }

/* Logística */
.logistica-card h6 { font-size: 1rem !important; }
.logistica-card p  { font-size: .92rem !important; }

/* Valores */
.valor-card h3 { font-size: 1.1rem !important; }
.valor-card p  { font-size: .95rem !important; }

/* Producto-card-index */
.producto-card-index h3 { font-size: 1.2rem !important; }
.producto-card-index p  { font-size: 1rem !important; }

/* Hitos */
.hito-item .fw-bold { font-size: .95rem !important; }
.hito-item .text-muted, .hito-item .small { font-size: .85rem !important; }

/* Timeline */
.timeline-content h5 { font-size: 1.05rem !important; }
.timeline-content p  { font-size: .97rem !important; }

/* Contacto */
.contact-label { font-size: .97rem !important; }
.contact-sub   { font-size: .84rem !important; }
.dept-name     { font-size: .95rem !important; }
.dept-number   { font-size: .84rem !important; }

/* Features strip */
.feat-list li { font-size: .95rem !important; }

/* Clientes */
.cliente-nombre { font-size: .82rem !important; }

/* Stats */
.stats-strip .stat-number { font-size: 2.6rem !important; }
.stats-strip .stat-label  { font-size: .85rem !important; }

/* CTA */
.cta-catalogo h2, .cta-productos h2 { font-size: 2rem !important; }
.cta-catalogo p,  .cta-productos p  { font-size: 1.05rem !important; }

/* Section headers */
.section-header h2, .clientes-header h2 { font-size: 2rem !important; }
.section-header p,  .clientes-header p  { font-size: 1.05rem !important; }

/* Retenciones hero */
.portal-hero h1 { font-size: 3rem !important; color: #fff !important; }
.portal-hero p  { font-size: 1.1rem !important; color: rgba(255,255,255,.9) !important; }
.hero-stat .num { font-size: 2.2rem !important; }
.hero-stat .lbl { font-size: .85rem !important; }

/* Responsive — tamaños mínimos en móvil */
@media (max-width: 768px) {
    p { font-size: .97rem !important; }
    .card p, .card .card-text { font-size: .95rem !important; }
    .card-title, .card h5 { font-size: 1.05rem !important; }
    .stats-strip .stat-number { font-size: 2rem !important; }
    .cta-catalogo h2, .cta-productos h2 { font-size: 1.65rem !important; }
    .portal-hero h1 { font-size: 2.2rem !important; }
}
@media (max-width: 480px) {
    .card-title, .card h5 { font-size: 1rem !important; }
    .portal-hero h1 { font-size: 1.8rem !important; }
}

/* ══════════════════════════════════════════════════════════════
   OVERRIDE FINAL — MÁXIMA ESPECIFICIDAD
   Corrige cards de clientes oscuras en modo claro y
   letras raras (font-size 16pt del tema Arcana)
   ══════════════════════════════════════════════════════════════ */

/* ── 1. FUENTE BASE — neutralizar 16pt de Arcana ── */
html { font-size: 16px !important; }
body, input, select, textarea, button {
    font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.65 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* ── 2. CLIENTES — fondo blanco SIEMPRE en modo claro ── */
html body .clientes-section {
    background: #f8f9fa !important;
    background-image: none !important;
}
html body .cliente-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.06) !important;
}
html body .cliente-nombre { color: #374151 !important; }
html body .clientes-header h2 { color: #111827 !important; }
html body .clientes-header p  { color: #374151 !important; }

/* Dark mode clientes */
html[data-theme="dark"] body .clientes-section {
    background: #161b27 !important;
    background-image: none !important;
}
html[data-theme="dark"] body .cliente-card {
    background: #1e2538 !important;
    background-color: #1e2538 !important;
    border-color: rgba(255,255,255,.08) !important;
}
html[data-theme="dark"] body .cliente-nombre { color: #8b95a8 !important; }
html[data-theme="dark"] body .clientes-header h2 { color: #f0f2f8 !important; }
html[data-theme="dark"] body .clientes-header p  { color: #c8cdd8 !important; }

/* ── 3. VALORES — fondo blanco en modo claro ── */
html body .valores-section {
    background: #f8f9fa !important;
    background-image: none !important;
}
html body .valor-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
}
html body .valor-card h3 { color: #111827 !important; }
html body .valor-card p  { color: #374151 !important; }

html[data-theme="dark"] body .valores-section { background: #161b27 !important; }
html[data-theme="dark"] body .valor-card {
    background: #1e2538 !important;
    background-color: #1e2538 !important;
    border-color: rgba(255,255,255,.08) !important;
}
html[data-theme="dark"] body .valor-card h3 { color: #f0f2f8 !important; }
html[data-theme="dark"] body .valor-card p  { color: #c8cdd8 !important; }

/* ── 4. CARDS GENERALES — modo claro siempre blancas ── */
html body .card {
    background: #ffffff !important;
    background-color: #ffffff !important;
}
html body .card h4, html body .card h5, html body .card h6,
html body .card .card-title { color: #111827 !important; }
html body .card p, html body .card .card-text { color: #374151 !important; }
html body .card .text-muted, html body .card .small { color: #6b7280 !important; }
html body .card .fw-bold, html body .card .fw-semibold { color: #111827 !important; }

html[data-theme="dark"] body .card {
    background: #1e2538 !important;
    background-color: #1e2538 !important;
}
html[data-theme="dark"] body .card h4,
html[data-theme="dark"] body .card h5,
html[data-theme="dark"] body .card h6,
html[data-theme="dark"] body .card .card-title { color: #f0f2f8 !important; }
html[data-theme="dark"] body .card p,
html[data-theme="dark"] body .card .card-text { color: #c8cdd8 !important; }
html[data-theme="dark"] body .card .text-muted,
html[data-theme="dark"] body .card .small { color: #8b95a8 !important; }
html[data-theme="dark"] body .card .fw-bold,
html[data-theme="dark"] body .card .fw-semibold { color: #f0f2f8 !important; }

/* ── 5. PRODUCTO-CARD-INDEX — modo claro blancas ── */
html body .producto-card-index {
    background: #ffffff !important;
    background-color: #ffffff !important;
}
html body .producto-card-index h3 { color: #111827 !important; }
html body .producto-card-index p  { color: #374151 !important; }

html[data-theme="dark"] body .producto-card-index {
    background: #1e2538 !important;
    background-color: #1e2538 !important;
}
html[data-theme="dark"] body .producto-card-index h3 { color: #f0f2f8 !important; }
html[data-theme="dark"] body .producto-card-index p  { color: #c8cdd8 !important; }

/* ── 6. SECCIONES PY-5 — fondos correctos ── */
html body section.py-5,
html body section.py-4 { background-color: #f0f2f5 !important; }
html body section.py-5.bg-light,
html body section.py-4.bg-light,
html body .bg-light { background-color: #ffffff !important; }
html body #page-wrapper { background-color: #f0f2f5 !important; }

html[data-theme="dark"] body section.py-5,
html[data-theme="dark"] body section.py-4 { background-color: #0d1117 !important; }
html[data-theme="dark"] body section.py-5.bg-light,
html[data-theme="dark"] body section.py-4.bg-light,
html[data-theme="dark"] body .bg-light { background-color: #161b27 !important; }
html[data-theme="dark"] body #page-wrapper { background-color: #0d1117 !important; }

/* ── 7. TEXTO EN SECCIONES — siempre legible ── */
html body section.py-5 h2,
html body section.py-4 h2 { color: #111827 !important; }
html body section.py-5 h3,
html body section.py-4 h3 { color: #111827 !important; }
html body section.py-5 p,
html body section.py-4 p { color: #374151 !important; }

html[data-theme="dark"] body section.py-5 h2,
html[data-theme="dark"] body section.py-4 h2 { color: #f0f2f8 !important; }
html[data-theme="dark"] body section.py-5 h3,
html[data-theme="dark"] body section.py-4 h3 { color: #f0f2f8 !important; }
html[data-theme="dark"] body section.py-5 p,
html[data-theme="dark"] body section.py-4 p { color: #c8cdd8 !important; }

/* ── 8. SECCIONES OSCURAS — texto siempre blanco ── */
html body .catalogo-hero h2,
html body .catalogo-hero-index h2,
html body .cta-catalogo h2,
html body .cta-productos h2,
html body .porque-elegirnos h2,
html body .porque-elegirnos h3,
html body .stats-strip .stat-number,
html body #banner header h2 { color: #ffffff !important; }

html body .catalogo-hero p,
html body .catalogo-hero-index p { color: rgba(255,255,255,.88) !important; }
html body .cta-catalogo p,
html body .cta-productos p { color: rgba(255,255,255,.92) !important; opacity: 1 !important; }
html body .porque-elegirnos p { color: rgba(255,255,255,.82) !important; }
html body .porque-item h3 { color: #ffffff !important; }
html body .porque-item p  { color: rgba(255,255,255,.8) !important; }
html body .stats-strip .stat-number { color: #e67e22 !important; }
html body .stats-strip .stat-label  { color: rgba(255,255,255,.82) !important; }

/* ── 9. APLIC-BOX ── */
html body .aplic-box {
    background-color: #eef1f5 !important;
    border: 1px solid #e5e7eb !important;
}
html body .aplic-box .fw-semibold { color: #111827 !important; }
html body .aplic-box li,
html body .aplic-box [class*="col-"] { color: #374151 !important; }

html[data-theme="dark"] body .aplic-box {
    background-color: #252d42 !important;
    border-color: rgba(255,255,255,.09) !important;
}
html[data-theme="dark"] body .aplic-box .fw-semibold { color: #f0f2f8 !important; }
html[data-theme="dark"] body .aplic-box li,
html[data-theme="dark"] body .aplic-box [class*="col-"] { color: #c8cdd8 !important; }

/* ── 10. LOGÍSTICA ── */
html body .logistica-card {
    background-color: #eef1f5 !important;
    border: 1px solid #e5e7eb !important;
}
html body .logistica-card h6 { color: #111827 !important; }
html body .logistica-card p  { color: #374151 !important; }

html[data-theme="dark"] body .logistica-card {
    background-color: #252d42 !important;
    border-color: rgba(255,255,255,.09) !important;
}
html[data-theme="dark"] body .logistica-card h6 { color: #f0f2f8 !important; }
html[data-theme="dark"] body .logistica-card p  { color: #c8cdd8 !important; }

/* ── 11. INTRO-CARD ── */
html body .intro-card {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
}
html body .intro-card h2, html body .intro-card h4 { color: #111827 !important; }
html body .intro-card p { color: #374151 !important; }

html[data-theme="dark"] body .intro-card {
    background-color: #1e2538 !important;
    border-color: rgba(255,255,255,.08) !important;
}
html[data-theme="dark"] body .intro-card h2,
html[data-theme="dark"] body .intro-card h4 { color: #f0f2f8 !important; }
html[data-theme="dark"] body .intro-card p { color: #c8cdd8 !important; }

/* ── 12. CONTACTO ── */
html body .contact-link { background: #eef1f5 !important; border: 1px solid #d1d5db !important; }
html body .contact-label { color: #111827 !important; }
html body .contact-sub   { color: #6b7280 !important; }
html[data-theme="dark"] body .contact-link { background: #252d42 !important; border-color: rgba(255,255,255,.1) !important; }
html[data-theme="dark"] body .contact-label { color: #f0f2f8 !important; }
html[data-theme="dark"] body .contact-sub   { color: #8b95a8 !important; }

html body .dept-card { background: #eef1f5 !important; border: 1px solid #e5e7eb !important; }
html body .dept-name   { color: #111827 !important; }
html body .dept-number { color: #6b7280 !important; }
html[data-theme="dark"] body .dept-card { background: #252d42 !important; border-color: rgba(255,255,255,.09) !important; }
html[data-theme="dark"] body .dept-name   { color: #f0f2f8 !important; }
html[data-theme="dark"] body .dept-number { color: #8b95a8 !important; }

html body .email-box { background: #eef1f5 !important; border: 1px solid #e5e7eb !important; }
html body .email-box h5 { color: #111827 !important; }
html body .email-box a  { color: #37c0fb !important; }
html[data-theme="dark"] body .email-box { background: #252d42 !important; border-color: rgba(255,255,255,.09) !important; }
html[data-theme="dark"] body .email-box h5 { color: #f0f2f8 !important; }
html[data-theme="dark"] body .email-box a  { color: #5dcffc !important; }

html body .quote-box { background: #eef1f5 !important; border-left: 4px solid #37c0fb !important; }
html body .quote-box p { color: #374151 !important; opacity: 1 !important; }
html body .quote-box .quote-author { color: #37c0fb !important; }
html[data-theme="dark"] body .quote-box { background: #252d42 !important; }
html[data-theme="dark"] body .quote-box p { color: #c8cdd8 !important; }

/* ── 13. HITOS Y TIMELINE ── */
html body .hito-item { background: #eef1f5 !important; }
html body .hito-item .fw-bold { color: #111827 !important; }
html body .hito-item .text-muted, html body .hito-item .small { color: #6b7280 !important; }
html[data-theme="dark"] body .hito-item { background: #252d42 !important; }
html[data-theme="dark"] body .hito-item .fw-bold { color: #f0f2f8 !important; }
html[data-theme="dark"] body .hito-item .text-muted,
html[data-theme="dark"] body .hito-item .small { color: #8b95a8 !important; }

html body .timeline-content h5 { color: #111827 !important; }
html body .timeline-content p  { color: #374151 !important; }
html[data-theme="dark"] body .timeline-content h5 { color: #f0f2f8 !important; }
html[data-theme="dark"] body .timeline-content p  { color: #c8cdd8 !important; }

/* ── 14. MODAL WHATSAPP ── */
html body .whatsapp-modal-content { background-color: #ffffff !important; }
html body .whatsapp-modal-header h3 { color: #111827 !important; }
html body .whatsapp-modal-header p  { color: #6b7280 !important; }
html body .whatsapp-option { background: #f0f2f5 !important; border: 2px solid #e5e7eb !important; }
html body .whatsapp-option-title  { color: #111827 !important; }
html body .whatsapp-option-number { color: #6b7280 !important; }
html[data-theme="dark"] body .whatsapp-modal-content { background-color: #1e2538 !important; }
html[data-theme="dark"] body .whatsapp-modal-header h3 { color: #f0f2f8 !important; }
html[data-theme="dark"] body .whatsapp-modal-header p  { color: #8b95a8 !important; }
html[data-theme="dark"] body .whatsapp-option { background: #252d42 !important; border-color: rgba(255,255,255,.09) !important; }
html[data-theme="dark"] body .whatsapp-option-title  { color: #f0f2f8 !important; }
html[data-theme="dark"] body .whatsapp-option-number { color: #8b95a8 !important; }

/* ── 15. NAVBAR DARK MODE ── */
html[data-theme="dark"] body .topbar { background: #161b27 !important; border-bottom-color: rgba(255,255,255,.09) !important; }
html[data-theme="dark"] body .topbar-brand-text strong { color: #f0f2f8 !important; }
html[data-theme="dark"] body .topbar-brand-text small  { color: #8b95a8 !important; }
html[data-theme="dark"] body .topbar-nav > li > a { color: #c8cdd8 !important; }
html[data-theme="dark"] body .topbar-nav > li > a:hover { background: rgba(255,255,255,.06) !important; color: #f0f2f8 !important; }
html[data-theme="dark"] body .topbar-nav > li.current > a { background: rgba(55,192,251,.15) !important; color: #37c0fb !important; }
html[data-theme="dark"] body .topbar-dropdown { background: #1e2538 !important; border-color: rgba(255,255,255,.1) !important; }
html[data-theme="dark"] body .topbar-dropdown li a { color: #c8cdd8 !important; }
html[data-theme="dark"] body .topbar-mobile-menu { background: #161b27 !important; }
html[data-theme="dark"] body .topbar-mobile-menu ul li a { color: #c8cdd8 !important; }
html[data-theme="dark"] body .topbar-mobile-menu .mob-category { color: #5a6478 !important; }

/* ══════════════════════════════════════════════════════════════
   TIPOGRAFÍA — CORREGIR PESO DE FUENTE
   El tema Arcana usa font-weight:300 (muy delgado) como base.
   Lo cambiamos a 400 (normal) para mejor legibilidad.
   ══════════════════════════════════════════════════════════════ */
html body,
html body input,
html body select,
html body textarea {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* Párrafos — peso normal */
html body p { font-weight: 400 !important; }

/* Texto muted — no tan delgado */
html body .text-muted { font-weight: 400 !important; }
html body .small, html body small { font-weight: 400 !important; }

/* Headings — peso correcto */
html body h1, html body h2, html body h3,
html body h4, html body h5, html body h6 { font-weight: 700 !important; }

/* Card text */
html body .card p,
html body .card .card-text { font-weight: 400 !important; }

/* Feat list */
html body .feat-list li { font-weight: 600 !important; }

/* Stat label */
html body .stats-strip .stat-label { font-weight: 500 !important; letter-spacing: .08em !important; }

/* Retenciones hero */
html body .portal-hero p { font-weight: 400 !important; }
html body .hero-stat .lbl { font-weight: 500 !important; }

/* CTA párrafos */
html body .cta-catalogo p,
html body .cta-productos p { font-weight: 400 !important; }

/* Clientes nombre */
html body .cliente-nombre { font-weight: 600 !important; }

/* Contact */
html body .contact-label { font-weight: 700 !important; }
html body .contact-sub   { font-weight: 400 !important; }

/* ══════════════════════════════════════════════════════════════
   RETENCIONES — DARK MODE COMPLETO
   Sobreescribe los colores hardcodeados de retenciones.css
   ══════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body .busqueda-section { background-color: #0d1117 !important; }
html[data-theme="dark"] body .busqueda-card {
    background: #1e2538 !important;
    background-color: #1e2538 !important;
    border-color: rgba(255,255,255,.08) !important;
}
html[data-theme="dark"] body .busqueda-card h2 { color: #f0f2f8 !important; }
html[data-theme="dark"] body .busqueda-card > p { color: #c8cdd8 !important; }
html[data-theme="dark"] body .busqueda-hint { color: #8b95a8 !important; }

html[data-theme="dark"] body .rif-input-wrap {
    background: #1e2538 !important;
    border-color: rgba(255,255,255,.15) !important;
}
html[data-theme="dark"] body .rif-prefix {
    background: #252d42 !important;
    border-color: rgba(255,255,255,.12) !important;
    color: #37c0fb !important;
}
html[data-theme="dark"] body .rif-input {
    background: #1e2538 !important;
    color: #f0f2f8 !important;
}
html[data-theme="dark"] body .rif-input::placeholder { color: #5a6478 !important; }

html[data-theme="dark"] body .resultados-section { background-color: #0d1117 !important; }
html[data-theme="dark"] body .resultados-header h3 { color: #f0f2f8 !important; }

html[data-theme="dark"] body .retencion-item {
    background: #1e2538 !important;
    background-color: #1e2538 !important;
    border-color: rgba(255,255,255,.08) !important;
}
html[data-theme="dark"] body .retencion-info .nombre { color: #f0f2f8 !important; }
html[data-theme="dark"] body .retencion-info .meta   { color: #8b95a8 !important; }

html[data-theme="dark"] body .estado-box {
    background: #1e2538 !important;
    background-color: #1e2538 !important;
    border-color: rgba(255,255,255,.08) !important;
}
html[data-theme="dark"] body .estado-box h4 { color: #f0f2f8 !important; }
html[data-theme="dark"] body .estado-box p  { color: #c8cdd8 !important; }

html[data-theme="dark"] body .info-section {
    background: #161b27 !important;
    background-color: #161b27 !important;
    border-color: rgba(255,255,255,.08) !important;
}
html[data-theme="dark"] body .info-section .section-title h2 { color: #f0f2f8 !important; }
html[data-theme="dark"] body .info-section .section-title p  { color: #c8cdd8 !important; }
html[data-theme="dark"] body .info-card {
    background: #1e2538 !important;
    background-color: #1e2538 !important;
    border-color: rgba(255,255,255,.08) !important;
}
html[data-theme="dark"] body .info-card h4 { color: #f0f2f8 !important; }
html[data-theme="dark"] body .info-card p  { color: #c8cdd8 !important; }

/* Modo claro retenciones */
html:not([data-theme="dark"]) body .busqueda-section { background-color: #f0f4f8 !important; }
html:not([data-theme="dark"]) body .busqueda-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
}
html:not([data-theme="dark"]) body .busqueda-card h2 { color: #1a1a2e !important; }
html:not([data-theme="dark"]) body .busqueda-card > p { color: #555 !important; }
html:not([data-theme="dark"]) body .info-section { background: #ffffff !important; }
html:not([data-theme="dark"]) body .info-card { background: #f7f9fc !important; }
html:not([data-theme="dark"]) body .info-card h4 { color: #1a1a2e !important; }
html:not([data-theme="dark"]) body .info-card p  { color: #777 !important; }
html:not([data-theme="dark"]) body .retencion-item { background: #ffffff !important; }
html:not([data-theme="dark"]) body .retencion-info .nombre { color: #1a1a2e !important; }
html:not([data-theme="dark"]) body .estado-box { background: #ffffff !important; }
html:not([data-theme="dark"]) body .estado-box h4 { color: #444 !important; }
html:not([data-theme="dark"]) body .estado-box p  { color: #999 !important; }

/* ══════════════════════════════════════════════════════════════
   RETENCIONES — CTA CONTACTO
   ══════════════════════════════════════════════════════════════ */
html body .cta-contacto h2 { color: #ffffff !important; font-size: 1.9rem !important; }
html body .cta-contacto p  { color: rgba(255,255,255,.9) !important; font-size: 1rem !important; opacity: 1 !important; }
html body .cta-btn.whatsapp { background: #25d366 !important; color: #fff !important; }
html body .cta-btn.outline  { background: transparent !important; color: #fff !important; border: 2px solid rgba(255,255,255,.65) !important; }
html body .cta-btn.whatsapp:hover { background: #1da851 !important; }
html body .cta-btn.outline:hover  { background: rgba(255,255,255,.12) !important; }

/* ══════════════════════════════════════════════════════════════
   FEATURES STRIP — DARK MODE
   ══════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body .features-strip,
html[data-theme="dark"] body .features-strip-index {
    background-color: #161b27 !important;
    border-color: rgba(255,255,255,.08) !important;
}
html[data-theme="dark"] body .feat-list li { color: #c8cdd8 !important; }

/* ══════════════════════════════════════════════════════════════
   WRAPPER ARCANA — DARK MODE
   ══════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body .wrapper.style1 { background: #161b27 !important; }

/* ══════════════════════════════════════════════════════════════
   WHATSAPP MODAL — DARK MODE COMPLETO
   Sobreescribe colores hardcodeados de whatsapp-modal.css
   ══════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body .whatsapp-modal-content {
    background: #1e2538 !important;
    background-color: #1e2538 !important;
}
html[data-theme="dark"] body .whatsapp-modal-header h3 { color: #f0f2f8 !important; }
html[data-theme="dark"] body .whatsapp-modal-header p  { color: #8b95a8 !important; }
html[data-theme="dark"] body .whatsapp-option {
    background: #252d42 !important;
    background-color: #252d42 !important;
    border-color: rgba(255,255,255,.09) !important;
}
html[data-theme="dark"] body .whatsapp-option:hover {
    background: #2e3850 !important;
    border-color: #37c0fb !important;
}
html[data-theme="dark"] body .whatsapp-option-title  { color: #f0f2f8 !important; }
html[data-theme="dark"] body .whatsapp-option-number { color: #8b95a8 !important; }
html[data-theme="dark"] body .modal-close {
    background: #252d42 !important;
    color: #8b95a8 !important;
    border-color: rgba(255,255,255,.1) !important;
}
html[data-theme="dark"] body .modal-close:hover {
    background: #2e3850 !important;
    color: #f0f2f8 !important;
}

/* ══════════════════════════════════════════════════════════════
   NAVBAR — MODO CLARO (maxical-custom.css tiene hardcoded)
   ══════════════════════════════════════════════════════════════ */
html:not([data-theme="dark"]) body .topbar {
    background: #ffffff !important;
    border-bottom-color: #e5e7eb !important;
}
html:not([data-theme="dark"]) body .topbar-brand-text strong { color: #111827 !important; }
html:not([data-theme="dark"]) body .topbar-brand-text small  { color: #9ca3af !important; }
html:not([data-theme="dark"]) body .topbar-nav > li > a { color: #374151 !important; }
html:not([data-theme="dark"]) body .topbar-nav > li > a:hover { background: #f3f4f6 !important; color: #111827 !important; }
html:not([data-theme="dark"]) body .topbar-nav > li.current > a { background: #eff6ff !important; color: #1d4ed8 !important; }
html:not([data-theme="dark"]) body .topbar-dropdown { background: #ffffff !important; border-color: #e5e7eb !important; }
html:not([data-theme="dark"]) body .topbar-dropdown li a { color: #374151 !important; }
html:not([data-theme="dark"]) body .topbar-mobile-menu { background: #ffffff !important; }
html:not([data-theme="dark"]) body .topbar-mobile-menu ul li a { color: #374151 !important; }

/* ══════════════════════════════════════════════════════════════
   TOGGLE BOTÓN — RESET TOTAL (neutralizar Arcana button styles)
   ══════════════════════════════════════════════════════════════ */
html body .topbar-theme-btn {
    all: unset !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    font-size: .95rem !important;
    box-sizing: border-box !important;
    transition: all .2s ease !important;
    line-height: 1 !important;
}
html:not([data-theme="dark"]) body .topbar-theme-btn {
    background: #f3f4f6 !important;
    border: 1.5px solid #e5e7eb !important;
    color: #374151 !important;
}
html:not([data-theme="dark"]) body .topbar-theme-btn:hover {
    background: #eff6ff !important;
    border-color: #1d4ed8 !important;
    color: #1d4ed8 !important;
    transform: scale(1.08) !important;
}
html[data-theme="dark"] body .topbar-theme-btn {
    background: #252d42 !important;
    border: 1.5px solid rgba(255,255,255,.15) !important;
    color: #c8cdd8 !important;
}
html[data-theme="dark"] body .topbar-theme-btn:hover {
    background: rgba(55,192,251,.15) !important;
    border-color: #37c0fb !important;
    color: #37c0fb !important;
    transform: scale(1.08) !important;
}
html body .topbar-theme-btn::before,
html body .topbar-theme-btn::after { display: none !important; content: none !important; }

/* En modo claro: muestra sol, oculta luna */
html:not([data-theme="dark"]) body .topbar-theme-btn .icon-moon { display: none !important; }
html:not([data-theme="dark"]) body .topbar-theme-btn .icon-sun  { display: flex !important; align-items: center; justify-content: center; }

/* En modo oscuro: muestra luna, oculta sol */
html[data-theme="dark"] body .topbar-theme-btn .icon-sun  { display: none !important; }
html[data-theme="dark"] body .topbar-theme-btn .icon-moon { display: flex !important; align-items: center; justify-content: center; }

/* ══════════════════════════════════════════════════════════════
   HAMBURGUESA — RESET TOTAL
   ══════════════════════════════════════════════════════════════ */
html body .topbar-hamburger {
    all: unset !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 8px !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    font-size: 1rem !important;
    box-sizing: border-box !important;
    transition: all .2s !important;
}
html:not([data-theme="dark"]) body .topbar-hamburger {
    background: #f3f4f6 !important;
    border: 1px solid #e5e7eb !important;
    color: #374151 !important;
}
html:not([data-theme="dark"]) body .topbar-hamburger:hover {
    background: #111827 !important;
    color: #fff !important;
}
html[data-theme="dark"] body .topbar-hamburger {
    background: #252d42 !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    color: #c8cdd8 !important;
}
html body .topbar-hamburger::before,
html body .topbar-hamburger::after { display: none !important; content: none !important; }
@media (max-width: 860px) {
    html body .topbar-hamburger { display: flex !important; }
}

/* ══════════════════════════════════════════════════════════════
   CORRECCIONES FINALES — ELEMENTOS PENDIENTES
   ══════════════════════════════════════════════════════════════ */

/* ── Sección valores — section-header ── */
html body .valores-section .section-header h2 { color: #111827 !important; }
html body .valores-section .section-header p  { color: #374151 !important; }
html[data-theme="dark"] body .valores-section .section-header h2 { color: #f0f2f8 !important; }
html[data-theme="dark"] body .valores-section .section-header p  { color: #c8cdd8 !important; }

/* ── Clientes header ── */
html body .clientes-header h2 { color: #111827 !important; font-size: 2rem !important; }
html body .clientes-header p  { color: #374151 !important; font-size: 1.05rem !important; }
html[data-theme="dark"] body .clientes-header h2 { color: #f0f2f8 !important; }
html[data-theme="dark"] body .clientes-header p  { color: #c8cdd8 !important; }

/* ── Porque elegirnos ── */
html body .porque-elegirnos .section-badge { color: #37c0fb !important; }
html body .porque-item { background: rgba(255,255,255,.04) !important; border: 1px solid rgba(255,255,255,.1) !important; }
html body .porque-item:hover { background: rgba(255,255,255,.08) !important; border-color: #37c0fb !important; }

/* ── Sección py-5 títulos de texto-center ── */
html body .text-center h2.fw-bold { color: #111827 !important; font-size: 2rem !important; }
html body .text-center h3.fw-bold { color: #111827 !important; font-size: 1.45rem !important; }
html body .text-center p          { color: #374151 !important; font-size: 1.05rem !important; }
html[data-theme="dark"] body .text-center h2.fw-bold { color: #f0f2f8 !important; }
html[data-theme="dark"] body .text-center h3.fw-bold { color: #f0f2f8 !important; }
html[data-theme="dark"] body .text-center p          { color: #c8cdd8 !important; }

/* ── Intro card párrafo ── */
html body .intro-card .fs-5 { color: #374151 !important; font-size: 1.05rem !important; }
html[data-theme="dark"] body .intro-card .fs-5 { color: #c8cdd8 !important; }

/* ── Nosotros — párrafos de historia ── */
html body .card-body > p { color: #374151 !important; }
html[data-theme="dark"] body .card-body > p { color: #c8cdd8 !important; }

/* ── Contacto — párrafo de descripción ── */
html body .card-body p[style*="font-size:1rem"] { color: #374151 !important; opacity: 1 !important; }
html[data-theme="dark"] body .card-body p[style*="font-size:1rem"] { color: #c8cdd8 !important; }

/* ── Frase itálica en contacto ── */
html body .card-body p.fst-italic { color: #37c0fb !important; opacity: 1 !important; }
html[data-theme="dark"] body .card-body p.fst-italic { color: #37c0fb !important; }

/* ── Texto de ubicación en contacto ── */
html body .card-body .small { color: #6b7280 !important; }
html[data-theme="dark"] body .card-body .small { color: #8b95a8 !important; }

/* ── Retenciones — resultados header ── */
html body .resultados-header h3 { color: #111827 !important; }
html[data-theme="dark"] body .resultados-header h3 { color: #f0f2f8 !important; }

/* ── Botones de retención ── */
html body .btn-ver { background: #f0fff5 !important; color: #27ae60 !important; border: 1px solid #c3f0d0 !important; }
html body .btn-ver:hover { background: #27ae60 !important; color: #fff !important; }
html body .btn-descargar { background: linear-gradient(135deg,#37c0fb,#1aa8e8) !important; color: #fff !important; }
html[data-theme="dark"] body .btn-ver { background: rgba(39,174,96,.15) !important; color: #27ae60 !important; border-color: rgba(39,174,96,.3) !important; }
html[data-theme="dark"] body .btn-descargar { background: linear-gradient(135deg,#37c0fb,#1aa8e8) !important; color: #fff !important; }

/* ── Rif tag ── */
html body .rif-tag { background: linear-gradient(135deg,#e8f4fd,#d0ecfa) !important; color: #1aa8e8 !important; }
html[data-theme="dark"] body .rif-tag { background: rgba(55,192,251,.15) !important; color: #37c0fb !important; border-color: rgba(55,192,251,.3) !important; }

/* ── Meta badge ── */
html body .meta-badge { background: #f0f8ff !important; color: #37c0fb !important; }
html[data-theme="dark"] body .meta-badge { background: rgba(55,192,251,.15) !important; color: #37c0fb !important; }

/* ══════════════════════════════════════════════════════════════
   FOOTER — SIEMPRE OSCURO
   ══════════════════════════════════════════════════════════════ */
html body #footer {
    background: linear-gradient(135deg,#0d1117,#161b27) !important;
    background-image: linear-gradient(135deg,#0d1117,#161b27) !important;
}
html body #footer .copyright { color: rgba(255,255,255,.45) !important; font-size: .82rem !important; }
html body #footer .copyright a { color: rgba(255,255,255,.45) !important; }
html body #footer .copyright a:hover { color: rgba(255,255,255,.75) !important; }
html body #footer .icons li a {
    width: 44px; height: 44px;
    background: rgba(255,255,255,.07) !important;
    border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    transition: all .2s;
    border: 1px solid rgba(255,255,255,.1) !important;
}
html body #footer .icons li a:hover {
    background: #37c0fb !important;
    border-color: #37c0fb !important;
    transform: translateY(-3px);
}

/* ══════════════════════════════════════════════════════════════
   BODY BACKGROUND — NEUTRALIZAR TEXTURA DE ARCANA
   ══════════════════════════════════════════════════════════════ */
html body { background-image: none !important; }
html:not([data-theme="dark"]) body { background-color: #f0f2f5 !important; }
html[data-theme="dark"] body { background-color: #0d1117 !important; }