:root {
    --green-fosforo: #00FF00;
    --green-dark: #002200;
    --red-alert: #FF0033;
    --red-dark: #330000;
}

body {
    background-color: black;
    color: var(--green-fosforo);
    text-shadow: 0 0 5px rgba(0, 255, 0, 0.7);
}

.terminal-border { border-color: var(--green-fosforo); box-shadow: 0 0 10px rgba(0, 255, 0, 0.3); }
.glow { text-shadow: 0 0 10px var(--green-fosforo); }

/* SCROLLBAR TÁCTICA */
.custom-scrollbar::-webkit-scrollbar { width: 4px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #000; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: var(--green-dark); border: 1px solid var(--green-fosforo); }

.blink { animation: blinker 1.5s linear infinite; }
@keyframes blinker { 50% { opacity: 0; } }

/* COLORES DE FLUCTUACIÓN FINANCIERA */
.crypto-up { color: var(--green-fosforo); text-shadow: 0 0 8px var(--green-fosforo); }
.crypto-down { color: var(--red-alert); text-shadow: 0 0 8px var(--red-alert); }

/* TARJETAS DE NOTICIAS (ESTILO ALERTA) */
.news-card-crypto {
    border: 1px solid var(--green-dark);
    padding: 10px;
    background: rgba(0, 0, 0, 0.7);
    transition: all 0.3s ease;
}
.news-card-crypto:hover { border-color: var(--green-fosforo); background: rgba(0, 255, 0, 0.1); }
.news-card-crypto.alert-hack { border-color: var(--red-alert); background: rgba(255, 0, 0, 0.05); }

/* ANIMACIÓN DE CINTA INFORMATIVA (TICKER) */
.ticker-wrap { width: 100%; box-sizing: border-box; }
.ticker-move {
    display: inline-block;
    padding-left: 100%;
    animation: ticker 30s linear infinite;
}
.ticker-move:hover { animation-play-state: paused; cursor: crosshair; }

@keyframes ticker {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-100%, 0, 0); }
}

/* EFECTO MATRIX DE FONDO SIMULADO */
.matrix-bg {
    background-image: linear-gradient(0deg, transparent 24%, rgba(0, 255, 0, 0.3) 25%, rgba(0, 255, 0, 0.3) 26%, transparent 27%, transparent 74%, rgba(0, 255, 0, 0.3) 75%, rgba(0, 255, 0, 0.3) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 255, 0, 0.3) 25%, rgba(0, 255, 0, 0.3) 26%, transparent 27%, transparent 74%, rgba(0, 255, 0, 0.3) 75%, rgba(0, 255, 0, 0.3) 76%, transparent 77%, transparent);
    background-size: 50px 50px;
}