:root {
    --azul-profundo: #0A6CC4;
    --azul-medio: #1FA3E0;
    --azul-claro: #6ED6FF;
    --texto-oscuro: #1A1A1A;
    --blanco: #ffffff;
    --sombra-suave: 0 6px 18px rgba(0,0,0,0.12);
    --sombra-media: 0 10px 25px rgba(0,0,0,0.18);
}

/* TEXTO AZUL */
.text-azul {
    color: var(--azul-profundo);
}

/* FONDO AZUL */
.bg-azul {
    background: linear-gradient(90deg, var(--azul-profundo), var(--azul-medio));
    color: var(--blanco);
}

/* SOMBRA SUAVE */
.sombra {
    box-shadow: var(--sombra-suave);
    transition: .25s;
}

/* SOMBRA AL HOVER */
.sombra-hover:hover {
    box-shadow: var(--sombra-media);
    transform: translateY(-2px);
}