/* ==========================================================================
   ADAPTACIÓN 100% RESPONSIVE (MÓVIL Y TABLET) HEADER
   ========================================================================== */
@media (max-width: 991px) {
    .alonso-header {
        padding: 18px 0; /* Un poco menos de alto en tablet/móvil */
    }
    
    .logo-main {
        font-size: 1.1rem;
        letter-spacing: 1.5px;
    }
    
    .logo-sub {
        font-size: 0.7rem;
    }
    
    .btn-alonso-pill {
        padding: 10px 22px; 
        font-size: 0.7rem;
    }
}

@media (max-width: 575px) {
    .logo-divider, 
    .logo-sub {
        display: none; /* En pantallas muy pequeñas, ocultamos "CAFE" para que quepa bien el logo principal y el botón */
    }
    
    .logo-main {
        font-size: 1.2rem;
    }
}