/* 📱 Teléfonos (ej. iPhone 6, 7, 8) */
@media (max-width: 480px) and (min-width: 320px) {
    body .logo-img {
        height: 28px; 
    }
    body .header-modern { 
        width: calc(100% - 20px);
        margin: 0 auto !important; 
        padding: 1rem 0px;
    }
    .mobile-menu-toggle {
        float: right;
    }

    .header-modern:hover::before {
        opacity: .5 !important;
    }
    .mobile-off {
        display: none !important;
    }
    h1,
    .hero-title,
    .matv-title{
        font-size: 2rem !important;
    }
    .height-100.height-fit .vertical-align{
        top: 0%;
            transform: translateY(0%);

    }
    .height-100.height-fit{
        height: auto !important;
        padding: 80px 0px !important;
    }
    .mobile-menu-overlay{
        background: rgba(0, 0, 67, 1) !important
    }
    body .section-title {
        font-family: var(--font-heading);
        font-size: 1.8rem;
    }
    .hero-breadcrumb{
        margin-top: 80px !important;
    }
    body .insight-detail-hero h1,
    body     .transaction-detail-hero h1 {
            font-size: 2rem !important;
            line-height: 1.4;
        }
    .insight-content-body h2{
        font-size: 1.5rem !important;
    }
}