/*
═══════════════════════════════════════════════════════════════════════════════
    LOGO SIZE FIX - Dispositivo de Ajuste de Logo de Stewie
    
    Ajustes de tamaño para el logo JPG en header, footer y sidebar
═══════════════════════════════════════════════════════════════════════════════
*/

/* ============================================================================
   LOGO EN HEADER PRINCIPAL
   ============================================================================ */

.header-logo img {
    max-width: 180px !important;
    height: auto !important;
    width: auto !important;
}

/* ============================================================================
   LOGO EN SIDEBAR
   ============================================================================ */

.about-logo img,
.th-widget-about .about-logo img {
    max-width: 150px !important;
    height: auto !important;
    width: auto !important;
}

/* ============================================================================
   LOGO EN MOBILE MENU
   ============================================================================ */

.mobile-logo img {
    max-width: 140px !important;
    height: auto !important;
    width: auto !important;
}

/* ============================================================================
   LOGO EN FOOTER
   ============================================================================ */

.footer-widget .about-logo img {
    max-width: 160px !important;
    height: auto !important;
    width: auto !important;
}

/* ============================================================================
   LOGO EN PRELOADER
   ============================================================================ */

.preloader-inner img {
    max-width: 80px !important;
    height: auto !important;
    width: auto !important;
}

/* ============================================================================
   RESPONSIVE - Logos más pequeños en móvil
   ============================================================================ */

@media (max-width: 991px) {
    .header-logo img {
        max-width: 150px !important;
    }
    
    .footer-widget .about-logo img {
        max-width: 140px !important;
    }
}

@media (max-width: 767px) {
    .header-logo img {
        max-width: 130px !important;
    }
    
    .about-logo img,
    .th-widget-about .about-logo img {
        max-width: 120px !important;
    }
    
    .footer-widget .about-logo img {
        max-width: 120px !important;
    }
    
    .mobile-logo img {
        max-width: 120px !important;
    }
}

@media (max-width: 575px) {
    .header-logo img {
        max-width: 110px !important;
    }
    
    .about-logo img,
    .th-widget-about .about-logo img {
        max-width: 100px !important;
    }
    
    .footer-widget .about-logo img {
        max-width: 100px !important;
    }
    
    .mobile-logo img {
        max-width: 100px !important;
    }
}

/* ============================================================================
   AJUSTE DE CONTENEDOR DEL LOGO
   ============================================================================ */

.header-logo,
.about-logo,
.mobile-logo {
    display: inline-block;
    line-height: 1;
}

.header-logo a,
.about-logo a,
.mobile-logo a {
    display: inline-block;
    line-height: 1;
}