:root {
    --primary: #24243e;       /* Azul/morado fuerte */
    --secondary: #6a00ff;     /* Morado vibrante */
    --accent: #00f7ff;        /* Cian vibrante */
    --background: #ffffff;    /* Fondo blanco */
    --background-dark: linear-gradient(270deg, #0f0c29, #302b63, #24243e); /* Fondo degradado */
    --text-main: #1a1a1a;     /* Texto oscuro */
    --text-light: #ffffff;    /* Texto claro */
    --text-muted: #888;
    --error: #ff4d4f;
    --warning: #ffc107;
}
.navbar-brand {
    letter-spacing: 1px;
    font-size: 1.2rem;
}

.nav-link {
    font-size: 0.95rem;
    transition: all 0.2s ease-in-out;
}

.nav-link:hover {
    color: #ffc107 !important;
}
main{
    max-height: 90vh;
}