/* === VARIABLES GLOBALES === */
:root {
    --color-lunes: #4A90E2;
    --color-martes: #50C878;
    --color-miercoles: #F5C542;
    --color-jueves: #F08A5D;
    --color-viernes: #9B59B6;
    --color-sabado: #E573A0;
    --color-domingo: #45B8AC;
    --color-dia: var(--color-lunes);
}

/* === ESTILOS BASE === */
body {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #333;
    text-align: center;
    padding-top: 0;
    margin: 0;
    background-color: var(--color-dia);
    background-image: url('../img/fondotraveo.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    transition: background-image 0.5s ease-in-out;
}

/* === ICONOS === */
.material-icons {
    font-size: 28px;
    color: var(--color-dia);
}

/* === ESTADOS === */
.estado-activo { color: #22c55e; }
.estado-inactivo { color: #ef4444; }