/* 1. Forzar fondo negro en todas las capas del framework */
html, body, #__next, .min-h-screen {
    background-color: #050505 !important;
    background-image: none !important;
    font-family: 'Courier New', Courier, monospace !important;
}

/* 2. Animación de radar (Línea que baja). Ahora está POR ENCIMA de todo (z-index: 9999) */
#__next::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 6px;
    background: rgba(0, 255, 0, 0.5);
    box-shadow: 0 0 15px rgba(0, 255, 0, 0.9);
    animation: scanline 5s linear infinite;
    z-index: 9999;
    pointer-events: none; /* Permite hacer clic a través de la luz */
}

@keyframes scanline {
    0% { top: -10vh; }
    100% { top: 110vh; }
}

/* 3. Animación estática: Líneas horizontales CRT antiguas */
#__next::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 50%,
        rgba(0, 255, 0, 0.05) 50%
    );
    background-size: 100% 4px;
    z-index: 9998;
    pointer-events: none;
}

/* 4. Tarjetas: forzadas a ser oscuras, con borde verde y cuadradas */
a > div, .widget, section > div > div > div {
    background: rgba(0, 20, 0, 0.9) !important;
    border: 1px solid #00ff00 !important;
    border-radius: 0px !important;
    box-shadow: 0 0 8px rgba(0, 255, 0, 0.2) !important;
    transition: all 0.2s ease !important;
}

/* 5. Invertir colores al pasar el ratón */
a:hover > div {
    background: #00ff00 !important;
    transform: scale(1.02) !important;
    box-shadow: 0 0 20px rgba(0, 255, 0, 0.6) !important;
}

/* 6. Textos en verde puro */
* {
    color: #00ff00 !important;
}
.text-slate-500, .text-gray-400, .text-gray-500 {
    color: rgba(0, 200, 0, 0.8) !important;
}

/* 7. Texto en negro al pasar el ratón para que resalte sobre el fondo verde */
a:hover * {
    color: #000 !important;
}

/* Quitar barras de desplazamiento para que parezca una terminal real */
::-webkit-scrollbar {
    display: none;
}