:root {
    /* Paleta base Check CI (identidad original de la plataforma) */
    --primario-color: #2e3846; /* Verde oscuro del borde izquierdo del cerebro */
    --secundario-color: #89bfb0; /* Verde claro del fondo y conexiones */
    --terciario-color: #386467; /* Azul/negro central oscuro */
    --cuaternario-color: #404249; /* Gris muy claro / blanco de fondo derecho */
    --quinario-color: #c6e4de; /* Verde medio del check y bordes */
    /* Acentos Learnia — paleta completa del logo (teal→azul→morado→rosa→naranja) */
    --teal-color: #00B4D8;       /* Learnia Teal vibrante */
    --azul-color: #1565C0;       /* Learnia Azul */
    --morado-color: #7B2FBE;     /* Learnia Morado */
    --rosa-color: #E91E63;       /* Learnia Rosa */
    --naranja-color: #FF6B35;    /* Learnia Naranja */
    --navy-color: #0D2137;       /* Learnia Navy (texto/subtítulo del logo) */
    /* Degradado oficial Learnia — los 5 colores del logo, para usar en cada acento */
    --verde-color: #16C7A4;      /* Learnia Verde-teal (inicio del logo, la "L") */
    /* Degradado OFICIAL Learnia — réplica del logo: verde→cyan→azul→morado→rosa→naranja */
    --learnia-grad:   linear-gradient(90deg,  #16C7A4, #00B4D8, #1565C0, #7B2FBE, #E91E63, #FF6B35);
    --learnia-grad-d: linear-gradient(90deg, #16C7A4, #00B4D8, #1565C0, #7B2FBE, #E91E63, #FF6B35);
    --learnia-grad-v: linear-gradient(180deg, #16C7A4, #00B4D8, #1565C0, #7B2FBE, #E91E63, #FF6B35);
}

.bg-primario-color  {
    background-color: var(--primario-color);
}

.bg-secundario-color {
    background-color: var(--secundario-color);
}

.bg-terciario-color {
    background-color: var(--terciario-color);
}

.bg-cuaternario-color {
    background-color: var(--cuaternario-color);
}

.bg-quinario-color {
    background-color: var(--quinario-color);
}