/* 1. LOGO: Ajuste de tamaño y alineación con el contenido */
.tpc-logotype-container img {
    width: auto !important;
    max-width: 260px !important; 
    height: auto !important;
    display: block !important;
    padding: 5px 0 !important;
    /* Alinea el logo con el inicio del texto del banner */
    margin-left: 15px !important; 
}

/* 2. HEADER: Altura base */
.header-navigation-area {
    min-height: 85px !important; 
    display: flex !important;
    align-items: center !important;
}

/* 3. MENÚ: Ajuste fino de centrado vertical y horizontal */
.tpc-main-menu > li > a {
    padding-left: 18px !important;  
    padding-right: 18px !important;
    /* Ajustamos el line-height a 85px para que el texto 
       esté exactamente al mismo nivel que el centro del botón */
    line-height: 85px !important;   
    height: 85px !important;
    display: flex !important;
    align-items: center !important;
}

/* 4. RESPONSIVO: Mantenemos la coherencia en pantallas medianas */
@media (max-width: 1200px) {
    .tpc-logotype-container img {
        max-width: 210px !important;
        margin-left: 10px !important;
    }
    .tpc-main-menu > li > a {
        padding-left: 12px !important;
        padding-right: 12px !important;
        font-size: 14px !important;
    }
}

/* 5. MÓVIL: Ajuste para que el logo no toque el borde en celulares */
@media (max-width: 767px) {
    .tpc-logotype-container img {
        max-width: 160px !important;
        margin-left: 10px !important;
    }
}