body{margin:0;background:#0A120E}
a{color:#C6F432}a:hover{color:#E4FF8A}
input,select{font:inherit}
input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid #C6F432;outline-offset:2px}
@keyframes egpulse{0%{box-shadow:0 0 0 0 rgba(198,244,50,0.6)}70%{box-shadow:0 0 0 10px rgba(198,244,50,0)}100%{box-shadow:0 0 0 0 rgba(198,244,50,0)}}
.eg-dot{width:10px;height:10px;border-radius:999px;background:#C6F432;animation:egpulse 1.8s infinite}
@media (prefers-reduced-motion: reduce){.eg-dot{animation:none}*{scroll-behavior:auto!important}}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto}
input,select,button{max-width:100%;box-sizing:border-box;min-width:0}
input:not([type=checkbox]):not([type=radio]){width:100%}
.eg-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;white-space:nowrap}
.eg-link44{display:inline-flex;align-items:center;min-height:44px}
.eg-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#C6F432;color:#0A120E;padding:12px 18px;border-radius:999px;font-weight:700}.eg-skip:focus{left:12px}
main:focus{outline:none}
input[type=checkbox],input[type=radio]{flex:none}
.eg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.eg-cell[disabled]{text-decoration:line-through;text-decoration-thickness:2px}
[aria-invalid=true]{border-color:#FFB86B!important;box-shadow:0 0 0 1px #FFB86B}
.eg-wa{bottom:20px}.eg-wa.eg-up{bottom:96px}
@media (max-width:480px){.eg-bar{border-radius:20px!important;padding:12px!important;bottom:8px!important;width:calc(100% - 16px)!important}.eg-bar>a{flex:1 1 100%;justify-content:center}.eg-wa{width:52px!important;height:52px!important;right:12px!important}.eg-wa.eg-up{bottom:150px}}
@media (max-width:760px){.eg-nav{flex-wrap:nowrap!important;overflow-x:auto;width:100%;gap:14px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}.eg-nav::-webkit-scrollbar{display:none}}
/* ===== Neón Energy Green: misma estructura, nueva luz ===== */
:root{--neon:198,244,50}
/* Luz ambiental: halos verdes muy suaves detrás de las secciones oscuras */
#contenido>section:first-child,#como,#ruta,#verificar,#entregas{background-image:radial-gradient(60% 50% at 15% 0%,rgba(var(--neon),.10),transparent 70%),radial-gradient(45% 40% at 95% 30%,rgba(var(--neon),.06),transparent 70%)}
#kits{background-image:radial-gradient(50% 35% at 50% 0%,rgba(var(--neon),.08),transparent 70%)}
#bosque{background-image:radial-gradient(55% 60% at 80% 50%,rgba(var(--neon),.12),transparent 70%)}
/* Tarjetas oscuras: borde encendido + halo */
:is(div,aside,figure,li,a)[style*="background: #111C16"][style*="border-radius: 2"],
:is(div,aside,figure)[style*="background: #0A120E"][style*="border-radius: 2"],
:is(div,aside)[style*="background: #0A120E"][style*="border: 1px solid #1E2B24; border-radius: 16px"],
#bosque div[style*="background: #0A120E"]{
  border-color:rgba(var(--neon),.38)!important;
  box-shadow:0 0 0 1px rgba(var(--neon),.10),0 0 22px rgba(var(--neon),.12),inset 0 0 26px rgba(var(--neon),.05);
  transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}
:is(div,aside,figure,li)[style*="background: #111C16"][style*="border-radius: 2"]:hover,
:is(div,aside,figure)[style*="background: #0A120E"][style*="border-radius: 2"]:hover{
  border-color:rgba(var(--neon),.75)!important;
  box-shadow:0 0 0 1px rgba(var(--neon),.35),0 0 34px rgba(var(--neon),.28),inset 0 0 34px rgba(var(--neon),.08);transform:translateY(-2px)}
/* Tarjetas negras sobre la franja verde ("Por qué Energy"): sombra profunda en vez de halo */
section[style*="background: #C6F432"] div[style*="background: #0A120E"]{box-shadow:0 18px 40px rgba(10,18,14,.35),inset 0 0 0 1px rgba(var(--neon),.25)!important;border:none!important}
/* Contador del sorteo: dígitos de neón */
div[style*="background: #0A120E; border-radius: 14px; padding: 14px 4px"]{box-shadow:inset 0 0 0 1px rgba(var(--neon),.35),0 0 18px rgba(var(--neon),.18)}
div[style*="font-size: clamp(22px, 7vw, 36px)"]{text-shadow:0 0 10px rgba(var(--neon),.55),0 0 22px rgba(var(--neon),.25)}
/* Elementos ya resaltados en verde: brillan más (kit elegido, recomendación, confirmación) */
[style*="border: 1px solid #C6F432"]:not(button):not(input){box-shadow:0 0 0 1px rgba(var(--neon),.55),0 0 28px rgba(var(--neon),.35),inset 0 0 22px rgba(var(--neon),.10)!important}
/* Botones principales verdes */
:is(a,button)[style*="background: #C6F432"]{box-shadow:0 0 0 1px rgba(var(--neon),.6),0 0 18px rgba(var(--neon),.45),0 0 42px rgba(var(--neon),.20);transition:box-shadow .2s ease,transform .2s ease}
:is(a,button)[style*="background: #C6F432"]:hover{box-shadow:0 0 0 1px rgba(var(--neon),.9),0 0 26px rgba(var(--neon),.7),0 0 60px rgba(var(--neon),.35);transform:translateY(-1px)}
/* Botones de borde verde */
:is(a,button)[style*="border: 1px solid #C6F432"]{box-shadow:0 0 12px rgba(var(--neon),.30),inset 0 0 10px rgba(var(--neon),.12)!important}
/* Textos de acento en verde */
[style*="color: #C6F432"]:not(:is(a,button)){text-shadow:0 0 12px rgba(var(--neon),.45)}
/* Tablero: tus números brillan; los libres se encienden al pasar */
.eg-cell[style*="background: #C6F432"]{box-shadow:0 0 0 1px rgba(var(--neon),.8),0 0 16px rgba(var(--neon),.6)}
.eg-cell:not([disabled]):hover{border-color:rgba(var(--neon),.8)!important;box-shadow:0 0 12px rgba(var(--neon),.4)}
/* Campos: foco de neón */
input:focus,select:focus{border-color:rgba(var(--neon),.9)!important;box-shadow:0 0 0 1px rgba(var(--neon),.6),0 0 16px rgba(var(--neon),.3)}
/* Respiración suave del neón en la tarjeta del sorteo y el contador de árboles (se apaga con "reducir movimiento") */
@keyframes egneon{0%,100%{box-shadow:0 0 0 1px rgba(var(--neon),.14),0 0 22px rgba(var(--neon),.14),inset 0 0 26px rgba(var(--neon),.05)}50%{box-shadow:0 0 0 1px rgba(var(--neon),.32),0 0 38px rgba(var(--neon),.26),inset 0 0 34px rgba(var(--neon),.09)}}
#contenido>section:first-child>div[style*="background: #111C16"],#bosque div[style*="border: 1px solid #1E3A24; border-radius: 24px"]{animation:egneon 4s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){#contenido>section:first-child>div[style*="background: #111C16"],#bosque div[style*="border: 1px solid #1E3A24; border-radius: 24px"]{animation:none}:is(div,aside,figure,li,a,button){transition:none!important;transform:none!important}}