/* --- ESTILOS COMPLEMENTARIOS TERMINAL --- */

body {
    background-color: #101415;
    color: #e0e3e5;
    -webkit-font-smoothing: antialiased;
}

/* Tipografías alternativas mapeadas para evitar dependencias de clases complejas */
.font-sans {
    font-family: 'Geist', sans-serif;
}
.font-serif {
    font-family: 'Source Serif 4', Georgia, serif;
}
.font-mono {
    font-family: 'JetBrains Mono', monospace;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

/* Efecto glow de terminal retro */
.text-code {
    color: #4edea3;
    text-shadow: 0 0 8px rgba(78, 222, 163, 0.2);
}

/* Fondo Reticular */
.grid-overlay {
    background-image: linear-gradient(rgba(144, 144, 151, 0.03) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(144, 144, 151, 0.03) 1px, transparent 1px);
    background-size: 32px 32px;
}

/* Línea de escaneo animada */
.scanline {
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent, rgba(78, 222, 163, 0.01) 50%, transparent);
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 50;
    animation: scan 12s linear infinite;
}

@keyframes scan {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(100%); }
}

/* Ventana de Consola / Tarjetas */
.terminal-window {
    background: rgba(11, 15, 16, 0.85);
    backdrop-filter: blur(12px);
}

/* Tarjetas de Proyectos */
.project-card {
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}