:root{
  --page-bg:#07182a;
  --page-glow:rgba(44,105,155,.30);
  --header-bg:#ffffff;
  --nav-bg:#ffffff;
  --card-bg:#ffffff;
  --number-bg:#f4f7fa;
  --source-bg:#f5f7f9;
  --text:#111820;
  --muted:#647181;
  --line:#d7dee6;
  --line-soft:#e6ebf0;
  --soft:#eef3f7;
  --ok:#16885b;
  --warn:#a66c00;
  --accent:#1679bd;
  --accent-strong:#008cff;
  --shadow:0 12px 28px rgba(0,0,0,.24);
  --header-shadow:0 5px 18px rgba(0,0,0,.16);
}
html[data-theme="day"]{
  --page-bg:#ffffff;
  --page-glow:rgba(50,110,155,.04);
  --header-bg:#ffffff;
  --nav-bg:#ffffff;
  --card-bg:#ffffff;
  --number-bg:#f6f8fa;
  --source-bg:#f7f8fa;
  --text:#111820;
  --muted:#647181;
  --line:#d9e0e7;
  --line-soft:#e8edf1;
  --soft:#f3f6f8;
  --shadow:0 8px 22px rgba(20,40,60,.10);
  --header-shadow:0 3px 14px rgba(20,40,60,.08);
}
html[data-theme="dark"]{
  --page-bg:#06111f;
  --page-glow:rgba(38,91,132,.23);
  --header-bg:#081827;
  --nav-bg:#091827;
  --card-bg:#0d2237;
  --number-bg:#081827;
  --source-bg:#081a2a;
  --text:#f3f7fb;
  --muted:#91a5b8;
  --line:#1b3852;
  --line-soft:#132c43;
  --soft:#0a1b2d;
  --ok:#55d89b;
  --warn:#f2b955;
  --accent:#58b8ff;
  --accent-strong:#61c6ff;
  --shadow:0 12px 30px rgba(0,0,0,.30);
  --header-shadow:0 6px 22px rgba(0,0,0,.18);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--page-bg)}
html{background:var(--page-bg)}
body{background:radial-gradient(circle at 50% -20%,var(--page-glow),transparent 38%),var(--page-bg);transition:background-color .2s,color .2s}
.topbar{height:58px;background:var(--header-bg);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:7px clamp(14px,3vw,36px);position:sticky;top:0;z-index:30;box-shadow:var(--header-shadow);transition:background .2s,border-color .2s}
.brandline{display:flex;align-items:center;gap:11px;min-width:0}.virgilio-logo{height:38px;width:auto;max-width:105px;object-fit:contain}.site-title{font-size:16px;font-weight:850;letter-spacing:-.02em;white-space:nowrap;color:var(--text)}.site-title span{font-weight:650;color:var(--muted)}
.top-right{display:flex;align-items:center;gap:8px}.top-meta{display:flex;gap:14px;align-items:center;font-size:13px;color:var(--muted);font-weight:650}.clock{font-variant-numeric:tabular-nums;color:var(--text)}
.icon-btn{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:var(--card-bg);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.07);transition:transform .15s,background .2s,border-color .2s,color .2s}.icon-btn:hover{transform:translateY(-1px);border-color:var(--accent)}.theme-btn{font-size:18px}.theme-icon{display:block;line-height:1;transition:transform .28s,opacity .18s}.theme-btn:active .theme-icon{transform:rotate(35deg) scale(.9)}
.screen-full-btn{display:none;font-size:18px}.screen-full-btn.is-fullscreen{font-size:19px}
body[data-view="simple"] .screen-full-btn{display:flex}
.view-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px clamp(14px,3vw,36px);background:var(--nav-bg);border-bottom:1px solid var(--line-soft);position:sticky;top:58px;z-index:25;transition:background .2s,border-color .2s}.view-links{display:flex;align-items:center;gap:5px}.view-nav a{border:1px solid transparent;background:transparent;padding:7px 11px;border-radius:8px;text-decoration:none;color:var(--muted);font-size:13px;font-weight:750;cursor:pointer}.view-nav a:hover{color:var(--text);background:var(--soft)}.view-nav a.active{background:var(--soft);border-color:var(--line);color:var(--text)}
.grid-control{display:none;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:750}.grid-control select{appearance:auto;border:1px solid var(--line);border-radius:8px;background:var(--card-bg);color:var(--text);padding:6px 26px 6px 8px;font:inherit;cursor:pointer;outline:none}.grid-control select:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}body[data-view="detail"] .grid-control{display:flex}
main{max-width:1540px;margin:0 auto;padding:15px clamp(12px,2.4vw,28px) 30px}.next-strip{background:var(--card-bg);color:var(--text);border:1px solid var(--line);border-radius:12px;display:flex;justify-content:space-between;align-items:center;padding:9px 14px;margin-bottom:12px;box-shadow:var(--shadow);transition:background .2s,border-color .2s}.next-strip>div:first-child{display:flex;gap:10px;align-items:center}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.09em;color:var(--accent)}#nextName{font-size:14px}.next-count{font-size:17px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--text)}
.draw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.draw-card{background:var(--card-bg);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:13px;box-shadow:var(--shadow);min-width:0;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s;position:relative;isolation:isolate;overflow:hidden}.draw-card.published{border-color:var(--line)}
/* Próximo sorteo: resalte intencionalmente más llamativo, sin tapar contenido. */
@keyframes nextGlow{0%,100%{border-color:#168cff;box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 0 2px rgba(22,140,255,.28),0 0 22px rgba(22,140,255,.42);transform:translateY(0) scale(1)}50%{border-color:#6cc8ff;box-shadow:0 17px 38px rgba(0,0,0,.28),0 0 0 4px rgba(32,163,255,.35),0 0 42px rgba(29,157,255,.62);transform:translateY(-3px) scale(1.012)}}
@keyframes nextSheen{0%{transform:translateX(-145%) skewX(-18deg);opacity:0}18%{opacity:.0}38%{opacity:.62}60%,100%{transform:translateX(165%) skewX(-18deg);opacity:0}}
.draw-card.next{z-index:4;animation:nextGlow 1.9s ease-in-out infinite}.draw-card.next::after{content:"";position:absolute;top:-25%;bottom:-25%;left:-35%;width:34%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(103,203,255,.38),transparent);animation:nextSheen 2.5s ease-in-out infinite;z-index:5}.draw-card.next .countdown{color:var(--accent);font-weight:900}.draw-card.next .draw-name{color:var(--accent)}
.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.lottery-identity{display:flex;align-items:center;gap:10px;min-width:0}.logo-shell{height:50px;width:66px;border:1px solid #d9e0e6;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;box-shadow:0 3px 10px rgba(0,0,0,.10)}.lottery-logo{max-width:89%;max-height:89%;object-fit:contain}.logo-fallback{display:none;color:#102336;font-size:13px;font-weight:900;text-align:center;line-height:1.05;padding:4px}.draw-name{font-size:16px;line-height:1.05;margin:0 0 5px;letter-spacing:-.025em}.draw-time{font-size:12px;color:var(--muted);font-weight:750}.status-pill{font-size:9px;font-weight:900;letter-spacing:.045em;border:1px solid var(--line);border-radius:999px;padding:5px 7px;background:var(--soft);color:var(--muted);white-space:nowrap}.status-pill.checking{background:#fff4d7;border-color:#e1c170;color:#7b5700}.status-pill.verified{background:#e8f8f0;border-color:#96d4b8;color:#117149}html[data-theme="dark"] .status-pill.checking{background:#2a2619;border-color:#67562c;color:#f2ca72}html[data-theme="dark"] .status-pill.verified{background:#102f27;border-color:#27604b;color:#7ee0b1}
.result-zone{padding-top:13px}.numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.numbers>div{background:var(--number-bg);border:1px solid var(--line);border-radius:11px;text-align:center;padding:10px 4px 7px;box-shadow:inset 0 1px rgba(255,255,255,.06);transition:background .2s,border-color .2s}.numbers b{font-size:31px;line-height:1;font-weight:900;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--text)}.numbers small{display:block;color:var(--muted);font-size:9px;font-weight:900;margin-top:5px;letter-spacing:.07em}.countdown-line{text-align:center;min-height:23px;padding-top:8px}.countdown{font-size:11px;color:var(--muted);font-weight:750;font-variant-numeric:tabular-nums}
.detail-panel{display:none;margin-top:8px;border-top:1px solid var(--line);padding-top:10px}.detail-summary{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);margin-bottom:7px}.detail-summary b{color:var(--text)}.source-grid{display:grid;gap:5px}.source-row{display:grid;grid-template-columns:minmax(105px,1.2fr) .8fr .65fr;align-items:center;gap:6px;background:var(--source-bg);border:1px solid var(--line-soft);border-radius:7px;padding:7px 8px;font-size:10px}.source-row .src-name{font-weight:800;overflow:hidden;text-overflow:ellipsis}.source-row .src-nums{font-weight:900;font-variant-numeric:tabular-nums;color:var(--text)}.source-row .src-meta{text-align:right;color:var(--muted)}
body[data-view="detail"] .detail-panel{display:block}body[data-view="detail"] .draw-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-view="detail"] .draw-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-view="detail"] .draw-grid[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-view="detail"] .draw-grid[data-columns="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}
/* Simple sustituye al antiguo modo Pantalla: cartelera amplia, y fullscreen solo cuando el usuario lo pulsa. */
body[data-view="simple"] main{max-width:none;padding:10px 12px 18px}body[data-view="simple"] .next-strip{margin-bottom:9px;padding:7px 12px;border-radius:9px}body[data-view="simple"] .draw-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}body[data-view="simple"] .draw-card{border-radius:11px;padding:11px}body[data-view="simple"] .logo-shell{width:72px;height:56px}body[data-view="simple"] .draw-name{font-size:18px}body[data-view="simple"] .draw-time{font-size:12px}body[data-view="simple"] .numbers b{font-size:38px}body[data-view="simple"] .numbers>div{padding:10px 3px 6px}body[data-view="simple"] .status-pill{font-size:8px}
body.fullscreen-active[data-view="simple"] .view-nav{display:none}body.fullscreen-active[data-view="simple"] .topbar{height:46px;padding:4px 10px 4px 12px}body.fullscreen-active[data-view="simple"] .virgilio-logo{height:31px}body.fullscreen-active[data-view="simple"] .site-title{font-size:14px}body.fullscreen-active[data-view="simple"] .top-meta{font-size:11px;gap:10px}body.fullscreen-active[data-view="simple"] main{padding-top:8px}body.fullscreen-active[data-view="simple"] .footer{display:none}
.footer{max-width:1540px;margin:0 auto 20px;padding:0 30px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}
@media(prefers-reduced-motion:reduce){.draw-card.next,.draw-card.next::after{animation:none}.icon-btn{transition:none}}
@media(max-width:1250px){body[data-view="simple"] .draw-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-view="detail"] .draw-grid[data-columns="auto"]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){body[data-view="detail"] .draw-grid[data-columns="auto"]{grid-template-columns:repeat(2,minmax(0,1fr))}.top-meta #todayLabel{display:none}}
@media(max-width:760px){.topbar{height:53px;padding:6px 9px}.virgilio-logo{height:33px}.site-title{font-size:14px}.site-title span{display:none}.top-meta{font-size:10px;gap:6px}.top-right{gap:5px}.icon-btn{width:30px;height:30px}.view-nav{top:53px;padding:7px 9px}.view-nav a{padding:7px 8px;white-space:nowrap}.grid-control span{display:none}.grid-control select{max-width:116px;padding-left:6px}main{padding:10px 9px 22px}.next-strip{padding:9px 10px}.next-strip>div:first-child{display:block}.eyebrow{display:block;margin-bottom:2px}.draw-grid,body[data-view="simple"] .draw-grid,body[data-view="detail"] .draw-grid[data-columns="auto"],body[data-view="detail"] .draw-grid[data-columns="3"],body[data-view="detail"] .draw-grid[data-columns="4"],body[data-view="detail"] .draw-grid[data-columns="5"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.draw-card{padding:10px;border-radius:11px}.logo-shell,body[data-view="simple"] .logo-shell{width:48px;height:42px}.draw-name,body[data-view="simple"] .draw-name{font-size:14px}.draw-time{font-size:10px}.status-pill{font-size:8px;padding:4px 5px}.numbers{gap:4px}.numbers b,body[data-view="simple"] .numbers b{font-size:26px}.numbers>div{padding:8px 2px 5px}.countdown{font-size:9px}.source-row{grid-template-columns:1fr 1fr}.source-row .src-meta{grid-column:1/-1;text-align:left}.footer{padding:0 12px}.footer span:last-child{display:none}}
@media(max-width:420px){.top-meta{display:none}.draw-grid,body[data-view="simple"] .draw-grid,body[data-view="detail"] .draw-grid[data-columns="auto"],body[data-view="detail"] .draw-grid[data-columns="3"],body[data-view="detail"] .draw-grid[data-columns="4"],body[data-view="detail"] .draw-grid[data-columns="5"]{grid-template-columns:1fr}.numbers b,body[data-view="simple"] .numbers b{font-size:34px}}


/* V1.0.6 · benchmarking de fuentes */
.performance-wrap{display:none;margin:0 0 12px}body[data-view="detail"] .performance-wrap{display:block}.performance-panel{background:var(--card-bg);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);color:var(--text);overflow:hidden}.performance-panel summary{cursor:pointer;padding:10px 13px;font-size:12px;font-weight:850;list-style:none}.performance-panel summary::-webkit-details-marker{display:none}.performance-panel summary span{color:var(--muted);font-weight:650}.performance-note{padding:0 13px 8px;color:var(--muted);font-size:9px}.performance-table{border-top:1px solid var(--line-soft)}.perf-row{display:grid;grid-template-columns:1.5fr repeat(5,.65fr);gap:8px;align-items:center;padding:7px 13px;border-top:1px solid var(--line-soft);font-size:10px}.perf-row:first-child{border-top:0}.perf-head{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:850;background:var(--source-bg)}
.source-row{grid-template-columns:minmax(115px,1.15fr) .62fr 1.25fr}.source-row.matches{border-color:color-mix(in srgb,var(--ok) 35%,var(--line-soft))}.source-row.mismatch{border-color:#e1ad73;background:color-mix(in srgb,#ffeedb 65%,var(--source-bg))}.source-row.unsupported{opacity:.58}.source-row.matches .src-nums{color:var(--ok)}.source-row.mismatch .src-nums{color:#b55c00}.src-meta{font-variant-numeric:tabular-nums}
body[data-view="detail"] .draw-card{overflow:visible}body[data-view="detail"] .source-grid{max-height:420px;overflow:auto;padding-right:1px}
@media(max-width:980px){.perf-row{grid-template-columns:1.4fr repeat(2,.7fr)}.perf-row span:nth-child(n+4){display:none}}
@media(max-width:760px){.source-row{grid-template-columns:1fr 1fr}.source-row .src-meta{grid-column:1/-1}.performance-wrap{margin-bottom:8px}}