.ruta__texto {
    font-family: 'Orbitron', sans-serif !important;
    font-weight: 700;
}

.ruta__script {
    font-family: 'Yellowtail', cursive !important;
    color: #f8a106 !important;
    font-size: 2.35em;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    letter-spacing: 0;
}

#ruta-periodo {
    font-family: 'Orbitron', sans-serif !important;
}

#ruta-periodo .ruta__year--green {
    color: #006a3f;
}

#ruta-periodo .ruta__sep {
    color: #6c757d;
    padding: 0 0.08em;
}

#ruta-periodo .ruta__year--red {
    color: #e10600;
}

/* --- Tamaños Estándar (Escritorio) --- */
.header-logo-juvenil {
    height: 125px !important; /* Ajusta la altura de los logos centrados */
    width: auto !important;
    transition: all 0.3s ease;
}

.pajuv__loguito {
    width: 10%;
}

/* --- Ajustes para Móviles (Pantallas < 768px) --- */
@media (max-width: 767px) {
    .header-logo-juvenil {
        height: 60px !important; /* Reducción para que los 3 logos quepan en una fila */
    }
}

/* --- Reducción al hacer Scroll (Modo Sticky) --- */
html.sticky-header-active .header-logo-juvenil,
#header.sticky-active .header-logo-juvenil {
    height: 60px !important;
}

@media (max-width: 767px) {
    html.sticky-header-active .header-logo-juvenil,
    #header.sticky-active .header-logo-juvenil {
        height: 40px !important;
    }
}