@import url("/halloween.css");
/* --- v19: íconos SVG (Lucide, licencia ISC) en lugar de emojis --- */
.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.ico { display: inline-block; width: 1.15em; height: 1.15em; vertical-align: -0.2em; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
/* En fondos oscuros el ícono va en neón con un leve brillo; en botones neón queda negro */
.marquesina .ico, #inicio h3 .ico, #inicio .micro-cta .ico, .bg-energyCard > .ico, #gamas h2 .ico, .paso .ico, .lugar .ico, .video-ig figcaption .ico, #conocenos p .ico, #resumen + * .ico, #comparativo th .ico, .insignia .ico, .separador-motos .ico, #proximo-turno .ico, #resultado-tiempo .ico, #resultado-retorno .ico { color: var(--neon); filter: drop-shadow(0 0 4px rgba(218,255,0,.55)); }
.marquesina .ico { filter: drop-shadow(0 0 5px rgba(218,255,0,.9)); }
#resultado-retorno .ico { color: var(--neon); }
/* Íconos grandes de «El Problema» y de los 5 pilares, en neón */
#problema .grid > div > div:first-child, #gamas .grid > div > div:first-child { color: var(--neon); }
#problema .grid > div > div:first-child .ico, #gamas .grid > div > div:first-child .ico { width: 1em; height: 1em; vertical-align: middle; stroke-width: 1.75; filter: drop-shadow(0 0 6px rgba(218,255,0,.6)); }
.chip .ico { width: 1.05em; height: 1.05em; }
.paso b .ico { width: 15px; height: 15px; vertical-align: middle; }
.dlg-panel .pulso .ico { width: 34px; height: 34px; stroke-width: 3; }
.menu-btn .ico { width: 18px; height: 18px; }