/*
 * neo5-dog-light.css - PERRO versión CIBERPUNK CLARO TOTAL
 * Estilo: limpio, neón suave, interfaz futurista
 */

@import url('neo5.css');

:root {
    --bg-color: #eaf6f8;         /* Fondo claro azulado */
    --text-color: #ff5e00;       /* Naranja fuerte */
    --accent-color: #00cfe8;     /* Cian brillante */
    --border-style: 1px solid #00cfe8;
    --header-bg: #dff3f6;
    --font-main: 'Courier New', Courier, monospace;
}

body {
    background: linear-gradient(135deg, #eaf6f8, #dff3f6);
    color: #333;
}

/* Contenedor limpio con glow suave */
#terminal-container {
    border: 2px solid var(--accent-color);
    box-shadow: 0 0 10px rgba(0, 207, 232, 0.4);
    background-color: #ffffff;
    border-radius: 10px;
}

/* Títulos estilo neón suave */
h1, h2, h3 {
    color: var(--accent-color);
    text-shadow: 0 0 4px rgba(0, 207, 232, 0.4);
}

/* BOTONES claros cyberpunk */
button, .tui-button, nav a {
    background-color: #ffffff;
    color: var(--text-color);
    border: 1px solid var(--accent-color);
    padding: 8px 14px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* Hover con glow */
button:hover, .tui-button:hover, nav a:hover {
    background-color: var(--accent-color);
    color: #fff;
    box-shadow: 0 0 10px var(--accent-color);
}

/* Inputs claros */
input[type="text"] {
    background-color: #ffffff;
    border: 1px solid var(--accent-color);
    color: #333;
    padding: 6px;
    border-radius: 5px;
}

input[type="text"]:focus {
    outline: none;
    box-shadow: 0 0 8px var(--accent-color);
}

/* Tablas limpias */
table, th, td {
    border: 1px solid var(--accent-color);
}

th {
    background-color: #c9eef3;
    color: #333;
}

/* Cursor cyber suave */
.cursor {
    background-color: var(--accent-color);
    animation: blink 0.8s step-end infinite;
}

@keyframes blink {
    50% { opacity: 0; }
}