/* CHAU MULTAS — 12 MESES, EVENTOS ESPECIALES Y MODO OSCURO */

:root{
  --page:#f3f5f8;--page2:#e9eef4;--surface:rgba(255,255,255,.95);
  --surface-solid:#fff;--text:#172033;--muted:#657086;--line:rgba(19,37,64,.10);
  --header1:#101d32;--header2:#24476f;--accent:#17ad70;--accent2:#5ee0aa;
  --special:#f5c84b;--glow:rgba(22,88,150,.16);--shadow:0 18px 45px rgba(19,37,64,.13);
  --month-label:"TEMPORADA";--month-icon:"✨";--decor-left:"✨";--decor-right:"✦";
}
html{background:var(--page);color-scheme:light}
body{
  position:relative;min-height:100vh;color:var(--text)!important;
  background:
    radial-gradient(circle at 8% 8%,var(--glow),transparent 28%),
    radial-gradient(circle at 92% 16%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 30%),
    linear-gradient(180deg,var(--page),var(--page2))!important;
  background-attachment:fixed!important;transition:background .35s ease,color .35s ease;
}
.contenedor{position:relative;z-index:3}
body::before,body::after{
  position:fixed;z-index:0;pointer-events:none;font-size:112px;opacity:.13;
  filter:drop-shadow(0 10px 16px rgba(0,0,0,.16))
}
body::before{top:105px;left:-24px;content:var(--decor-left);transform:rotate(-12deg)}
body::after{right:-22px;bottom:52px;content:var(--decor-right);transform:rotate(10deg)}

.cabecera{
  position:relative!important;isolation:isolate;overflow:hidden!important;
  padding-top:38px!important;padding-bottom:74px!important;
  color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;
  background:
    radial-gradient(circle at 84% 20%,color-mix(in srgb,var(--special) 28%,transparent),transparent 25%),
    radial-gradient(circle at 8% 108%,color-mix(in srgb,var(--accent) 25%,transparent),transparent 34%),
    linear-gradient(135deg,var(--header1),var(--header2))!important;
  box-shadow:0 22px 55px rgba(8,26,48,.25),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.cabecera::before{
  position:absolute;z-index:5;top:0;right:0;left:0;height:9px;content:"";
  background:linear-gradient(90deg,var(--special),var(--accent),var(--accent2),var(--special));
}
.cabecera::after{
  position:absolute;z-index:5;right:22px;bottom:20px;padding:8px 13px;
  content:var(--month-icon) "  " var(--month-label);color:#fff;
  border:1px solid color-mix(in srgb,var(--special) 48%,transparent);
  border-radius:999px;background:rgba(4,17,32,.48);
  box-shadow:0 8px 22px rgba(0,0,0,.2);font-size:10.5px;font-weight:800;
  line-height:1;letter-spacing:.07em;backdrop-filter:blur(9px)
}
.cabecera h1,.cabecera p{position:relative;z-index:4}
.cabecera h1{color:#fff!important;text-shadow:0 5px 20px rgba(0,0,0,.28)}
.cabecera h1::after{
  display:inline-block;margin-left:10px;content:var(--month-icon);
  font-size:.62em;vertical-align:.08em;filter:drop-shadow(0 6px 8px rgba(0,0,0,.3));
  transform:rotate(5deg)
}
.cabecera h1::before{
  position:absolute;z-index:-1;top:-44px;right:-24px;content:var(--decor-right);
  font-size:76px;opacity:.22;filter:drop-shadow(0 0 18px var(--glow))
}
.cabecera p{color:rgba(255,255,255,.83)!important}

.tarjeta,.consulta-progreso{
  position:relative;border:1px solid var(--line)!important;background:var(--surface)!important;
  color:var(--text)!important;box-shadow:var(--shadow)!important;backdrop-filter:blur(12px)
}
.tarjeta::before{
  position:absolute;top:0;right:30px;left:30px;height:4px;content:"";
  border-radius:0 0 999px 999px;background:linear-gradient(90deg,var(--special),var(--accent),var(--accent2))
}
.tarjeta label{color:var(--text)!important;font-weight:750}
#cedula{
  color:var(--text)!important;border:1px solid var(--line)!important;
  background:var(--surface-solid)!important;transition:.18s ease
}
#cedula:focus{
  outline:none;border-color:var(--accent)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)!important;
  transform:translateY(-1px)
}
#consultar{
  position:relative;overflow:hidden;border:0!important;
  background:linear-gradient(135deg,var(--header1),var(--header2))!important;
  box-shadow:0 12px 27px color-mix(in srgb,var(--header1) 30%,transparent)!important
}
#consultar::after,.consulta-progreso::before{
  position:absolute;right:0;bottom:0;left:0;height:4px;content:"";
  background:linear-gradient(90deg,var(--special),var(--accent),var(--accent2))
}
.consulta-progreso{overflow:hidden}
.consulta-progreso::before{top:0;bottom:auto}
.consulta-progreso-barra{
  background:linear-gradient(90deg,var(--accent),var(--accent2))!important;
  box-shadow:0 0 18px color-mix(in srgb,var(--accent) 28%,transparent)!important
}

/* 12 meses */
html[data-theme="new-year"]{
  --page:#f4f7fb;--page2:#e9eff8;--header1:#081b36;--header2:#315d91;
  --accent:#1d9bf0;--accent2:#78d7ff;--special:#f8d66d;--glow:rgba(40,131,214,.18);
  --month-label:"ENERO · NUEVO COMIENZO";--month-icon:"✨";--decor-left:"🎆";--decor-right:"⭐"
}
html[data-theme="valentine"]{
  --page:#fff6f8;--page2:#f7e9ee;--header1:#29152d;--header2:#8b3158;
  --accent:#e84b83;--accent2:#ff9abc;--special:#ffd0dd;--glow:rgba(232,75,131,.16);
  --month-label:"FEBRERO · SAN VALENTÍN";--month-icon:"💘";--decor-left:"💌";--decor-right:"❤️"
}
html[data-theme="women"]{
  --page:#faf7fc;--page2:#eee8f4;--header1:#251b38;--header2:#76539a;
  --accent:#9b6fc2;--accent2:#db9fd1;--special:#f2cf8e;--glow:rgba(137,91,177,.16);
  --month-label:"MARZO · FLORES Y RECONOCIMIENTO";--month-icon:"🌷";--decor-left:"🌸";--decor-right:"💜"
}
html[data-theme="easter"]{
  --page:#f8fbf7;--page2:#eaf1e8;--header1:#19312b;--header2:#5b806e;
  --accent:#70a37c;--accent2:#b9d6aa;--special:#ead9a0;--glow:rgba(102,150,112,.16);
  --month-label:"ABRIL · REFLEXIÓN Y ESPERANZA";--month-icon:"🕊️";--decor-left:"🌿";--decor-right:"☁️"
}
html[data-theme="mothers"]{
  --page:#fff8fa;--page2:#f4ecef;--header1:#3a2131;--header2:#9a5a76;
  --accent:#e17c9e;--accent2:#f5b1c5;--special:#f1cf8f;--glow:rgba(218,116,151,.16);
  --month-label:"MAYO · FLORES PARA MAMÁ";--month-icon:"💐";--decor-left:"🌺";--decor-right:"🌸"
}
html[data-theme="vacations"]{
  --page:#f3fbff;--page2:#e3f2f7;--header1:#08324b;--header2:#1684a4;
  --accent:#15a6c8;--accent2:#68d8e8;--special:#ffd85a;--glow:rgba(21,166,200,.16);
  --month-label:"JUNIO · VACACIONES";--month-icon:"☀️";--decor-left:"🧳";--decor-right:"✈️"
}
html[data-theme="colombia"]{
  --page:#f7f9fc;--page2:#edf1f6;--header1:#101c32;--header2:#244a78;
  --accent:#003893;--accent2:#ce1126;--special:#fcd116;--glow:rgba(0,56,147,.16);
  --month-label:"JULIO · COLOMBIA";--month-icon:"🇨🇴";--decor-left:"🇨🇴";--decor-right:"✨"
}
html[data-theme="boyaca"]{
  --page:#f8f6ef;--page2:#edf1f4;--header1:#111c2d;--header2:#3b5877;
  --accent:#b68c3f;--accent2:#e4c776;--special:#fcd116;--glow:rgba(182,140,63,.17);
  --month-label:"AGOSTO · BOYACÁ";--month-icon:"🌿";--decor-left:"🐎";--decor-right:"🇨🇴"
}
html[data-theme="friendship"]{
  --page:#fcf7fb;--page2:#f0eaf4;--header1:#1d172d;--header2:#693a72;
  --accent:#ec4899;--accent2:#a855f7;--special:#fbbf24;--glow:rgba(236,72,153,.16);
  --month-label:"SEPTIEMBRE · AMOR Y AMISTAD";--month-icon:"💝";--decor-left:"🎁";--decor-right:"💞"
}
html[data-theme="halloween"]{
  --page:#f4f0f5;--page2:#e6e4e9;--header1:#080a10;--header2:#48155a;
  --accent:#f97316;--accent2:#8b35d1;--special:#ffb45e;--glow:rgba(126,34,206,.19);
  --month-label:"OCTUBRE · HALLOWEEN";--month-icon:"🎃";--decor-left:"🎃";--decor-right:"🦇"
}
html[data-theme="cartagena"]{
  --page:#faf6ed;--page2:#e8f0f1;--header1:#092431;--header2:#19738a;
  --accent:#168aad;--accent2:#e76f51;--special:#f1c56c;--glow:rgba(14,116,144,.17);
  --month-label:"NOVIEMBRE · CARTAGENA HEROICA";--month-icon:"🏰";--decor-left:"🌴";--decor-right:"🌊"
}
html[data-theme="christmas"]{
  --page:#f7f8fa;--page2:#e9eef0;--header1:#071a2c;--header2:#14553e;
  --accent:#16a34a;--accent2:#dc2626;--special:#facc15;--glow:rgba(22,163,74,.16);
  --month-label:"DICIEMBRE · NAVIDAD";--month-icon:"🎄";--decor-left:"🎄";--decor-right:"🎁"
}

/* Modo oscuro: automático o manual, conservando el tema mensual */
html[data-color-mode="dark"]{
  --page:#060b13;--page2:#0b1320;--surface:rgba(13,22,35,.94);
  --surface-solid:#111c2b;--text:#f2f6fb;--muted:#aab5c4;--line:rgba(214,228,245,.13);
  --shadow:0 19px 50px rgba(0,0,0,.38)
}
html[data-color-mode="dark"] body{
  background:
    radial-gradient(circle at 8% 8%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 29%),
    radial-gradient(circle at 92% 16%,color-mix(in srgb,var(--special) 13%,transparent),transparent 31%),
    linear-gradient(180deg,var(--page),var(--page2))!important
}
html[data-color-mode="dark"] .tarjeta,
html[data-color-mode="dark"] .consulta-progreso{background:var(--surface)!important}
html[data-color-mode="dark"] #cedula{background:var(--surface-solid)!important;color:var(--text)!important}
html[data-color-mode="dark"] #cedula::placeholder{color:#8794a5}
html[data-color-mode="dark"] .muted,
html[data-color-mode="dark"] small{color:var(--muted)!important}

/* Botón de apariencia */
.chau-theme-toggle{
  position:fixed;z-index:9999;right:16px;bottom:16px;display:flex;align-items:center;
  width:auto!important;max-width:calc(100vw - 24px);margin:0!important;
  gap:7px;padding:10px 13px;color:#fff;border:1px solid rgba(255,255,255,.22);
  border-radius:999px;background:rgba(8,19,34,.88);box-shadow:0 10px 30px rgba(0,0,0,.25);
  font:700 12px/1 system-ui,-apple-system,sans-serif;cursor:pointer;backdrop-filter:blur(12px);
  white-space:nowrap;transition:transform .18s ease,filter .18s ease
}
.chau-theme-toggle:hover{filter:brightness(1.12);transform:translateY(-1px)}
.chau-theme-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--special) 72%,white);outline-offset:3px}

/* Escenario de eventos */
.chau-event-stage{
  position:fixed;z-index:1;inset:0;overflow:hidden;pointer-events:none;
  display:flex;align-items:flex-start;justify-content:center;padding-top:18px
}
.chau-event-stage[hidden]{display:none}
.chau-event-copy{
  position:fixed;z-index:2;top:14px;left:50%;width:min(560px,calc(100% - 32px));
  padding:10px 18px;color:#fff;text-align:center;border:1px solid rgba(255,255,255,.22);
  border-radius:18px;background:rgba(5,15,29,.66);box-shadow:0 12px 36px rgba(0,0,0,.25);
  backdrop-filter:blur(13px);transform:translateX(-50%)
}
.chau-event-copy strong,.chau-event-copy span{display:block}
.chau-event-copy strong{font-size:14px}
.chau-event-copy span{margin-top:3px;font-size:11px;opacity:.84}
.chau-event-symbols{
  position:absolute;top:64px;right:4%;font-size:62px;letter-spacing:10px;opacity:.38;
  filter:drop-shadow(0 10px 16px rgba(0,0,0,.3));animation:chau-float 5s ease-in-out infinite
}
.chau-event-particles i{
  position:absolute;width:8px;height:8px;border-radius:50%;background:var(--special);
  box-shadow:0 0 12px var(--special);opacity:.55;animation:chau-particle 6s linear infinite
}
.chau-event-particles i:nth-child(1){left:9%;top:17%;animation-delay:-1s}
.chau-event-particles i:nth-child(2){left:25%;top:35%;animation-delay:-3s}
.chau-event-particles i:nth-child(3){left:43%;top:12%;animation-delay:-2s}
.chau-event-particles i:nth-child(4){left:63%;top:28%;animation-delay:-4s}
.chau-event-particles i:nth-child(5){left:81%;top:18%;animation-delay:-5s}
.chau-event-particles i:nth-child(6){left:91%;top:43%;animation-delay:-2.5s}

/* Eventos especiales: toda la pantalla cambia */
html[data-event-level="peak"] body{color-scheme:dark}
html[data-event-level="peak"] .cabecera{
  min-height:220px!important;padding-top:48px!important;padding-bottom:88px!important;
  box-shadow:0 27px 75px rgba(0,0,0,.44),0 0 45px color-mix(in srgb,var(--accent) 18%,transparent)!important
}
html[data-event-level="peak"] .tarjeta,
html[data-event-level="peak"] .consulta-progreso{
  box-shadow:0 22px 60px rgba(0,0,0,.28),0 0 28px color-mix(in srgb,var(--accent) 10%,transparent)!important
}
html[data-event-level="peak"] .cabecera h1::after{animation:chau-pulse 2.4s ease-in-out infinite}

/* Año nuevo */
html[data-event="new-year-day"] body,
html[data-event="new-years-eve"] body{
  background:
    radial-gradient(circle at 82% 8%,rgba(250,204,21,.32),transparent 21%),
    radial-gradient(circle at 12% 12%,rgba(56,189,248,.27),transparent 29%),
    linear-gradient(180deg,#020611 0%,#111b38 50%,#42206d 100%)!important
}
html[data-event="new-year-day"] .cabecera,
html[data-event="new-years-eve"] .cabecera{
  background:
    radial-gradient(circle at 83% 24%,rgba(255,224,110,.40),transparent 24%),
    radial-gradient(circle at 8% 108%,rgba(59,130,246,.38),transparent 36%),
    linear-gradient(145deg,#01040b,#172554 49%,#581c87)!important
}

/* San Valentín */
html[data-event="valentine-day"] body{
  background:
    radial-gradient(circle at 15% 13%,rgba(255,130,173,.34),transparent 28%),
    radial-gradient(circle at 88% 10%,rgba(239,68,68,.24),transparent 25%),
    linear-gradient(155deg,#2b1022,#701f4b 52%,#b3325f)!important
}
html[data-event="valentine-day"] .cabecera{
  background:
    radial-gradient(circle at 82% 24%,rgba(255,210,223,.34),transparent 25%),
    linear-gradient(145deg,#251020,#82284e 52%,#c2416c)!important
}

/* Mujer */
html[data-event="womens-day"] body{
  background:
    radial-gradient(circle at 10% 10%,rgba(216,180,254,.34),transparent 28%),
    radial-gradient(circle at 90% 12%,rgba(244,114,182,.25),transparent 28%),
    linear-gradient(155deg,#21152f,#57336e 50%,#9d4f8a)!important
}

/* Semana Santa */
html[data-event="holy-week"] body{
  background:
    radial-gradient(circle at 50% 4%,rgba(255,238,175,.30),transparent 25%),
    radial-gradient(circle at 10% 15%,rgba(134,184,145,.25),transparent 30%),
    linear-gradient(160deg,#10231f,#274b3e 55%,#687a58)!important
}

/* Madre */
html[data-event="mothers-day"] body{
  background:
    radial-gradient(circle at 12% 10%,rgba(251,182,206,.37),transparent 29%),
    radial-gradient(circle at 88% 14%,rgba(253,224,71,.20),transparent 26%),
    linear-gradient(155deg,#361a2b,#8f4568 53%,#bd6d82)!important
}

/* Vacaciones */
html[data-event="vacation-season"][data-event-level="peak"] body{
  background:
    radial-gradient(circle at 82% 8%,rgba(255,220,81,.40),transparent 21%),
    radial-gradient(circle at 10% 15%,rgba(56,189,248,.32),transparent 28%),
    linear-gradient(160deg,#06374e,#087e9c 52%,#e6a93e)!important
}

/* Colombia */
html[data-event="colombia-independence"][data-event-level="peak"] body,
html[data-event="boyaca-battle"][data-event-level="peak"] body{
  background:
    radial-gradient(circle at 82% 7%,rgba(252,209,22,.38),transparent 22%),
    radial-gradient(circle at 9% 14%,rgba(206,17,38,.29),transparent 28%),
    linear-gradient(160deg,#06152d,#003893 53%,#701b2c)!important
}

/* Amor y amistad */
html[data-event="love-friendship"][data-event-level="peak"] body{
  background:
    radial-gradient(circle at 12% 10%,rgba(244,114,182,.36),transparent 28%),
    radial-gradient(circle at 88% 12%,rgba(168,85,247,.34),transparent 28%),
    linear-gradient(155deg,#21142e,#683570 52%,#9d3c75)!important
}

/* Halloween */
html[data-event="halloween-night"] body{
  background:
    radial-gradient(circle at 80% 7%,rgba(255,174,74,.29),transparent 19%),
    radial-gradient(circle at 12% 13%,rgba(126,34,206,.34),transparent 28%),
    linear-gradient(180deg,#030207,#120a1c 48%,#351041)!important
}
html[data-event="halloween-night"] .cabecera{
  background:
    radial-gradient(circle at 83% 25%,#ffd38a 0%,#f6a33d 6%,rgba(249,115,22,.25) 15%,transparent 27%),
    radial-gradient(circle at 8% 108%,rgba(126,34,206,.52),transparent 37%),
    linear-gradient(150deg,#020308,#100b19 46%,#3a0d4d)!important
}

/* Cartagena */
html[data-event="cartagena-independence"][data-event-level="peak"] body{
  background:
    radial-gradient(circle at 76% 7%,rgba(255,205,103,.33),transparent 20%),
    radial-gradient(circle at 12% 16%,rgba(239,68,68,.24),transparent 29%),
    linear-gradient(180deg,#072432,#145469 48%,#d46b45)!important
}

/* Velitas */
html[data-event="candles-day"] body{
  background:
    radial-gradient(circle at 15% 12%,rgba(251,191,36,.30),transparent 22%),
    radial-gradient(circle at 88% 18%,rgba(245,158,11,.27),transparent 24%),
    linear-gradient(180deg,#050d18,#102b3c 48%,#4a3a28)!important
}

/* Cumpleaños Daniel */
html[data-event="daniel-birthday"] body{
  background:
    radial-gradient(circle at 8% 8%,rgba(59,130,246,.31),transparent 27%),
    radial-gradient(circle at 91% 12%,rgba(236,72,153,.31),transparent 29%),
    radial-gradient(circle at 50% 100%,rgba(250,204,21,.27),transparent 43%),
    linear-gradient(145deg,#10152c,#3730a3 49%,#9d174d)!important
}
html[data-event="daniel-birthday"] .cabecera{
  background:
    radial-gradient(circle at 84% 25%,rgba(250,204,21,.38),transparent 24%),
    radial-gradient(circle at 7% 108%,rgba(236,72,153,.45),transparent 37%),
    linear-gradient(145deg,#10152c,#4338ca 49%,#be185d)!important
}

/* Navidad */
html[data-event="christmas-day"] body{
  background:
    radial-gradient(circle at 80% 6%,rgba(250,204,21,.31),transparent 21%),
    radial-gradient(circle at 10% 13%,rgba(220,38,38,.28),transparent 28%),
    linear-gradient(180deg,#04111e,#0c3140 48%,#14532d)!important
}

@keyframes chau-float{
  0%,100%{transform:translateY(0) rotate(-3deg)}
  50%{transform:translateY(-14px) rotate(3deg)}
}
@keyframes chau-pulse{
  0%,100%{transform:scale(1) rotate(4deg)}
  50%{transform:scale(1.13) rotate(-4deg)}
}
@keyframes chau-particle{
  0%{transform:translateY(-10vh) scale(.6);opacity:0}
  20%{opacity:.7}
  100%{transform:translateY(105vh) scale(1.1);opacity:0}
}

@media(max-width:600px){
  .cabecera{padding-top:36px!important;padding-bottom:70px!important}
  .cabecera::after{
    right:auto;left:24px;bottom:18px;max-width:calc(100% - 48px);
    overflow:hidden;font-size:9.2px;text-overflow:ellipsis;white-space:nowrap
  }
  .cabecera h1::before{top:-16px;right:-36px;font-size:60px}
  .tarjeta::before{right:22px;left:22px}
  body::before,body::after{font-size:72px;opacity:.08}
  .chau-theme-toggle{
    right:12px;left:auto;bottom:12px;width:auto!important;min-width:0;
    max-width:calc(100vw - 24px);margin:0!important;padding:9px 11px!important;
    font-size:11px
  }
  .chau-event-copy{top:10px;padding:8px 12px}
  .chau-event-symbols{top:72px;right:0;font-size:45px;opacity:.28}
  html[data-event-level="peak"] .cabecera{min-height:198px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;animation-duration:.01ms!important;
    animation-iteration-count:1!important;transition-duration:.01ms!important
  }
}

/* ===== PARCHE DE CONTRASTE PARA MODO OSCURO ===== */

html[data-color-mode="dark"] .resumen .dato,
html[data-color-mode="dark"] .dato{
  background:#0f172a !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 8px 20px rgba(0,0,0,.18) !important;
}

html[data-color-mode="dark"] .resumen .dato,
html[data-color-mode="dark"] .resumen .dato *,
html[data-color-mode="dark"] .dato,
html[data-color-mode="dark"] .dato *{
  color:#f8fafc !important;
}

html[data-color-mode="dark"] .tarjeta p,
html[data-color-mode="dark"] .tarjeta span,
html[data-color-mode="dark"] .tarjeta small,
html[data-color-mode="dark"] .consulta-progreso-detalle,
html[data-color-mode="dark"] .consulta-progreso-cabecera span{
  color:#dbe4f0 !important;
}

html[data-color-mode="dark"] #cedula{
  background:#0b1625 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.10) !important;
}

html[data-color-mode="dark"] #cedula::placeholder{
  color:#94a3b8 !important;
}

html[data-color-mode="dark"] #resultado .tarjeta{
  background:rgba(9,18,31,.96) !important;
}

html[data-color-mode="dark"] #resultado .tarjeta,
html[data-color-mode="dark"] #resultado .tarjeta *{
  color:#f8fafc !important;
}

html[data-color-mode="dark"] .tarjeta label{
  color:#ffffff !important;
}


/* ===== CHAU DARK CONTRAST V2 ===== */

html[data-color-mode="dark"] {
  --chau-dark-card: #0b1625;
  --chau-dark-card-2: #101c2e;
  --chau-dark-card-3: #132238;
  --chau-dark-border: rgba(203, 219, 238, .15);
  --chau-dark-text: #f8fafc;
  --chau-dark-muted: #b9c5d4;
  --chau-dark-label: #a8b6c8;
  --chau-dark-value: #ffffff;
}

/* Superficies generales */
html[data-color-mode="dark"] .tarjeta,
html[data-color-mode="dark"] .consulta-progreso,
html[data-color-mode="dark"] #resultado .tarjeta,
html[data-color-mode="dark"] #resultado [class*="tarjeta"],
html[data-color-mode="dark"] #resultado [class*="card"],
html[data-color-mode="dark"] #resultado [class*="panel"] {
  color: var(--chau-dark-text) !important;
  border-color: var(--chau-dark-border) !important;
  background:
    linear-gradient(
      145deg,
      rgba(16, 28, 46, .98),
      rgba(8, 20, 34, .98)
    ) !important;
  box-shadow:
    0 18px 46px rgba(0, 0, 0, .30),
    inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

html[data-color-mode="dark"] #resultado .tarjeta *,
html[data-color-mode="dark"] #resultado [class*="tarjeta"] * {
  text-shadow: none;
}

/* Resumen: Multas / Acuerdos / Total */
html[data-color-mode="dark"] .resumen .dato,
html[data-color-mode="dark"] .resumen > div,
html[data-color-mode="dark"] #resultado .chau-summary-card,
html[data-color-mode="dark"] #resultado [class*="resumen"] > div {
  color: var(--chau-dark-text) !important;
  border: 1px solid rgba(165, 190, 221, .16) !important;
  background:
    linear-gradient(
      145deg,
      #142239,
      #0d192a
    ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .035),
    0 8px 22px rgba(0, 0, 0, .18) !important;
}

html[data-color-mode="dark"] .resumen .dato *,
html[data-color-mode="dark"] .resumen > div *,
html[data-color-mode="dark"] #resultado .chau-summary-card * {
  color: var(--chau-dark-text) !important;
}

html[data-color-mode="dark"] .resumen .dato small,
html[data-color-mode="dark"] .resumen .dato span:first-child,
html[data-color-mode="dark"] .resumen > div small,
html[data-color-mode="dark"] #resultado .chau-summary-card small,
html[data-color-mode="dark"] #resultado .chau-summary-card span:first-child {
  color: var(--chau-dark-label) !important;
}

html[data-color-mode="dark"] .resumen .dato strong,
html[data-color-mode="dark"] .resumen .dato b,
html[data-color-mode="dark"] .resumen > div strong,
html[data-color-mode="dark"] #resultado .chau-summary-card strong {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* Encabezados de cada resultado */
html[data-color-mode="dark"] #resultado h1,
html[data-color-mode="dark"] #resultado h2,
html[data-color-mode="dark"] #resultado h3,
html[data-color-mode="dark"] #resultado h4,
html[data-color-mode="dark"] #resultado h5,
html[data-color-mode="dark"] #resultado h6 {
  color: #ffffff !important;
}

/* Etiquetas y valores */
html[data-color-mode="dark"] #resultado [class*="label"],
html[data-color-mode="dark"] #resultado [class*="etiqueta"],
html[data-color-mode="dark"] #resultado dt,
html[data-color-mode="dark"] #resultado small,
html[data-color-mode="dark"] #resultado .muted {
  color: var(--chau-dark-label) !important;
}

html[data-color-mode="dark"] #resultado [class*="valor"],
html[data-color-mode="dark"] #resultado [class*="value"],
html[data-color-mode="dark"] #resultado dd,
html[data-color-mode="dark"] #resultado strong,
html[data-color-mode="dark"] #resultado b {
  color: var(--chau-dark-value) !important;
}

html[data-color-mode="dark"] #resultado p {
  color: var(--chau-dark-muted);
}

/* Veredicto base */
html[data-color-mode="dark"] #resultado .chau-verdict {
  position: relative;
  overflow: hidden;
  margin-top: 8px;
  margin-bottom: 12px;
  padding: 13px 14px !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 12px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .05),
    0 8px 22px rgba(0, 0, 0, .16) !important;
}

html[data-color-mode="dark"] #resultado .chau-verdict::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(
      110deg,
      transparent 0%,
      rgba(255, 255, 255, .035) 45%,
      transparent 72%
    );
}

html[data-color-mode="dark"] #resultado .chau-verdict-title {
  display: block;
  margin-bottom: 4px;
  font-weight: 850 !important;
  letter-spacing: .01em;
}

html[data-color-mode="dark"] #resultado .chau-verdict-detail,
html[data-color-mode="dark"] #resultado .chau-verdict-detail *,
html[data-color-mode="dark"] #resultado .chau-verdict p,
html[data-color-mode="dark"] #resultado .chau-verdict small,
html[data-color-mode="dark"] #resultado .chau-verdict span {
  opacity: 1 !important;
}

/* Positivo */
html[data-color-mode="dark"] #resultado .chau-verdict-ok {
  border-color: rgba(74, 222, 128, .48) !important;
  background:
    linear-gradient(
      145deg,
      rgba(20, 83, 45, .90),
      rgba(9, 52, 35, .94)
    ) !important;
}

html[data-color-mode="dark"] #resultado .chau-verdict-ok,
html[data-color-mode="dark"] #resultado .chau-verdict-ok *,
html[data-color-mode="dark"] #resultado .chau-verdict-ok .chau-verdict-title {
  color: #ecfdf5 !important;
}

html[data-color-mode="dark"] #resultado .chau-verdict-ok .chau-verdict-detail,
html[data-color-mode="dark"] #resultado .chau-verdict-ok p,
html[data-color-mode="dark"] #resultado .chau-verdict-ok small,
html[data-color-mode="dark"] #resultado .chau-verdict-ok span {
  color: #bbf7d0 !important;
}

/* No viable */
html[data-color-mode="dark"] #resultado .chau-verdict-no {
  border-color: rgba(248, 113, 113, .52) !important;
  background:
    linear-gradient(
      145deg,
      rgba(127, 29, 29, .91),
      rgba(72, 17, 24, .95)
    ) !important;
}

html[data-color-mode="dark"] #resultado .chau-verdict-no,
html[data-color-mode="dark"] #resultado .chau-verdict-no *,
html[data-color-mode="dark"] #resultado .chau-verdict-no .chau-verdict-title {
  color: #fff1f2 !important;
}

html[data-color-mode="dark"] #resultado .chau-verdict-no .chau-verdict-detail,
html[data-color-mode="dark"] #resultado .chau-verdict-no p,
html[data-color-mode="dark"] #resultado .chau-verdict-no small,
html[data-color-mode="dark"] #resultado .chau-verdict-no span {
  color: #fecdd3 !important;
}

/* Pendiente / todavía no */
html[data-color-mode="dark"] #resultado .chau-verdict-warn {
  border-color: rgba(251, 191, 36, .54) !important;
  background:
    linear-gradient(
      145deg,
      rgba(120, 53, 15, .91),
      rgba(70, 35, 12, .95)
    ) !important;
}

html[data-color-mode="dark"] #resultado .chau-verdict-warn,
html[data-color-mode="dark"] #resultado .chau-verdict-warn *,
html[data-color-mode="dark"] #resultado .chau-verdict-warn .chau-verdict-title {
  color: #fffbeb !important;
}

html[data-color-mode="dark"] #resultado .chau-verdict-warn .chau-verdict-detail,
html[data-color-mode="dark"] #resultado .chau-verdict-warn p,
html[data-color-mode="dark"] #resultado .chau-verdict-warn small,
html[data-color-mode="dark"] #resultado .chau-verdict-warn span {
  color: #fde68a !important;
}

/* Compatibilidad con clases existentes */
html[data-color-mode="dark"] #resultado [class*="exito"],
html[data-color-mode="dark"] #resultado [class*="success"],
html[data-color-mode="dark"] #resultado [class*="positivo"] {
  color: #ecfdf5 !important;
}

html[data-color-mode="dark"] #resultado [class*="error"],
html[data-color-mode="dark"] #resultado [class*="negativo"] {
  color: #fff1f2 !important;
}

html[data-color-mode="dark"] #resultado [class*="advert"],
html[data-color-mode="dark"] #resultado [class*="warning"] {
  color: #fffbeb !important;
}

/* Estado vacío */
html[data-color-mode="dark"] #resultado .chau-empty-result {
  color: #dce6f2 !important;
  background:
    linear-gradient(
      145deg,
      rgba(16, 28, 46, .98),
      rgba(8, 20, 34, .98)
    ) !important;
}

html[data-color-mode="dark"] #resultado .chau-empty-result * {
  color: #dce6f2 !important;
}

/* Tablas, listas y enlaces futuros */
html[data-color-mode="dark"] #resultado table {
  color: var(--chau-dark-text) !important;
  border-color: var(--chau-dark-border) !important;
  background: #0d192a !important;
}

html[data-color-mode="dark"] #resultado th {
  color: #ffffff !important;
  background: #15243a !important;
}

html[data-color-mode="dark"] #resultado td {
  color: #dce6f2 !important;
  border-color: var(--chau-dark-border) !important;
}

html[data-color-mode="dark"] #resultado hr {
  border-color: rgba(203, 219, 238, .14) !important;
}

html[data-color-mode="dark"] #resultado a {
  color: #7dd3fc !important;
  text-decoration-color: rgba(125, 211, 252, .55);
}

/* Formulario y progreso */
html[data-color-mode="dark"] #cedula,
html[data-color-mode="dark"] input,
html[data-color-mode="dark"] select,
html[data-color-mode="dark"] textarea {
  color: #ffffff !important;
  caret-color: #ffffff;
  border-color: rgba(203, 219, 238, .15) !important;
  background: #0a1727 !important;
}

html[data-color-mode="dark"] #cedula::placeholder,
html[data-color-mode="dark"] input::placeholder,
html[data-color-mode="dark"] textarea::placeholder {
  color: #8797aa !important;
  opacity: 1;
}

html[data-color-mode="dark"] .consulta-progreso-cabecera,
html[data-color-mode="dark"] .consulta-progreso-cabecera *,
html[data-color-mode="dark"] .consulta-progreso-detalle,
html[data-color-mode="dark"] .consulta-progreso-porcentaje {
  color: #edf4fb !important;
}

html[data-color-mode="dark"] .consulta-progreso-pista {
  border: 1px solid rgba(203, 219, 238, .08);
  background: rgba(255, 255, 255, .08) !important;
}

html[data-color-mode="dark"] .tarjeta > p,
html[data-color-mode="dark"] .tarjeta > small {
  color: var(--chau-dark-muted) !important;
}

@media (max-width: 600px) {
  html[data-color-mode="dark"] #resultado .chau-verdict {
    padding: 12px !important;
  }

  html[data-color-mode="dark"] #resultado .chau-result-card {
    overflow: hidden;
  }
}


/* ===== RESUMEN DE VIABILIDAD V2: CONTRASTE OSCURO ===== */
html[data-color-mode="dark"] .resumen .dato-viabilidad.si{
  background:rgba(15,118,67,.22)!important;
  border-color:rgba(74,222,128,.30)!important;
}
html[data-color-mode="dark"] .resumen .dato-viabilidad.no{
  background:rgba(153,27,27,.22)!important;
  border-color:rgba(248,113,113,.28)!important;
}
html[data-color-mode="dark"] .resumen .dato-viabilidad.si b{color:#86efac!important}
html[data-color-mode="dark"] .resumen .dato-viabilidad.no b{color:#fca5a5!important}