/* ============================================================
   HEADER - Logo adaptativo para diferentes proporciones
   ============================================================ */

.logo-header img {
    max-height: 60px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Desktop - Logo más grande */
@media (min-width: 1200px) {
    .logo-header img {
        max-height: 70px;
        max-width: 300px; /* Permitir logos más anchos */
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1199px) {
    .logo-header img {
        max-height: 55px;
        max-width: 250px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .logo-header img {
        max-height: 50px;
        max-width: 200px;
    }
}