/* DIMACEA | Extraído de index.html | bloque CSS 12 */

/* Legibilidad PRO para KPIs Core/Mundial. Solo visual; no toca JS ni datos. */
#kpiMainSection > .card,#coreKpiSection > .card,#kpiMundialSection > .mundial-card{isolation:isolate!important;overflow:hidden!important;}
#kpiMainSection > .card::before,#coreKpiSection > .card::before,#kpiMundialSection > .mundial-card::before{z-index:0!important;opacity:.78!important;padding:1.15px!important;filter:none!important;}
#kpiMainSection > .card::after,#coreKpiSection > .card::after,#kpiMundialSection > .mundial-card::after{z-index:-1!important;inset:1px!important;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important;}
#kpiMainSection > .card > *,#coreKpiSection > .card > *,#kpiMundialSection > .mundial-card > *{position:relative!important;z-index:5!important;}
#coreKpiSection > .card,#kpiMundialSection > .mundial-card{background:#fff!important;box-shadow:0 14px 32px rgba(15,23,42,.08)!important;}
#coreKpiSection > .card > div:first-child,#kpiMundialSection > .mundial-card > div:first-child{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:auto!important;max-width:calc(100% - 14px)!important;min-height:auto!important;margin-bottom:8px!important;padding:5px 10px!important;border-radius:999px!important;background:color-mix(in srgb,var(--accent,#2563eb) 12%,#fff)!important;border:1px solid color-mix(in srgb,var(--accent,#2563eb) 28%,#fff)!important;box-shadow:none!important;}
#coreKpiSection > .card > div:first-child p,#kpiMundialSection > .mundial-card > div:first-child p{color:color-mix(in srgb,var(--accent,#2563eb) 86%,#0f172a)!important;font-size:10.5px!important;line-height:1.05!important;font-weight:950!important;letter-spacing:.025em!important;opacity:1!important;white-space:nowrap!important;text-shadow:none!important;-webkit-text-stroke:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;}
#coreKpiSection > .card > div:first-child i,#kpiMundialSection > .mundial-card > div:first-child i{color:color-mix(in srgb,var(--accent,#2563eb) 90%,#0f172a)!important;opacity:1!important;filter:none!important;text-shadow:none!important;-webkit-text-stroke:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;}
#kpiMainSection > .card h3,#coreKpiSection > .card h3,#kpiMundialSection > .mundial-card h3{color:#0f172a!important;text-shadow:none!important;-webkit-text-stroke:0!important;border:0!important;outline:0!important;box-shadow:none!important;}
body.dark #kpiMainSection > .card,body.dark #coreKpiSection > .card,body.dark #kpiMundialSection > .mundial-card{background:linear-gradient(180deg,#111827 0%,#0b1220 100%)!important;box-shadow:0 18px 46px rgba(0,0,0,.40)!important;}
body.dark #kpiMainSection > .card::after,body.dark #coreKpiSection > .card::after,body.dark #kpiMundialSection > .mundial-card::after{background:linear-gradient(180deg,#111827 0%,#0b1220 100%)!important;}
body.dark #coreKpiSection > .card > div:first-child,body.dark #kpiMundialSection > .mundial-card > div:first-child{background:color-mix(in srgb,var(--accent,#60a5fa) 20%,#020617)!important;border-color:color-mix(in srgb,var(--accent,#60a5fa) 52%,#334155)!important;}
body.dark #coreKpiSection > .card > div:first-child p,body.dark #kpiMundialSection > .mundial-card > div:first-child p,body.dark #coreKpiSection > .card > div:first-child i,body.dark #kpiMundialSection > .mundial-card > div:first-child i{color:#fff!important;opacity:1!important;text-shadow:none!important;-webkit-text-stroke:0!important;}
body.dark #kpiMainSection > .card h3,body.dark #coreKpiSection > .card h3,body.dark #kpiMundialSection > .mundial-card h3{color:#f8fafc!important;}
body.dark #kpiMainSection > .card p,body.dark #kpiMainSection > .card span,body.dark #coreKpiSection > .card p,body.dark #coreKpiSection > .card span,body.dark #kpiMundialSection > .mundial-card p,body.dark #kpiMundialSection > .mundial-card span{color:#e5e7eb!important;text-shadow:none!important;-webkit-text-stroke:0!important;}
#kpiMundialSection .worldcup-2026-box{position:relative!important;z-index:6!important;}
#kpiMundialSection .worldcup-2026-label,#kpiMundialSection .worldcup-2026-chip,#kpiMundialSection .worldcup-2026-value,#kpiMundialSection .worldcup-2026-value span,#kpiMundialSection .worldcup-2026-value div{border:0!important;outline:0!important;box-shadow:none!important;-webkit-text-stroke:0!important;}
