/* === POPPINS — local === */
@font-face{font-family:'Poppins';font-style:italic;font-weight:300;font-display:swap;src:url('/fonts/pxiDyp8kv8JHgFVrJJLm21llEA.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:italic;font-weight:400;font-display:swap;src:url('/fonts/pxiGyp8kv8JHgFVrJJLedw.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:italic;font-weight:500;font-display:swap;src:url('/fonts/pxiDyp8kv8JHgFVrJJLmg1hlEA.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:italic;font-weight:600;font-display:swap;src:url('/fonts/pxiDyp8kv8JHgFVrJJLmr19lEA.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:italic;font-weight:700;font-display:swap;src:url('/fonts/pxiDyp8kv8JHgFVrJJLmy15lEA.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:italic;font-weight:800;font-display:swap;src:url('/fonts/pxiDyp8kv8JHgFVrJJLm111lEA.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url('/fonts/pxiByp8kv8JHgFVrLDz8V1s.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/pxiEyp8kv8JHgFVrFJA.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/pxiByp8kv8JHgFVrLGT9V1s.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/pxiByp8kv8JHgFVrLEj6V1s.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/pxiByp8kv8JHgFVrLCz7V1s.ttf') format('truetype')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/pxiByp8kv8JHgFVrLDD4V1s.ttf') format('truetype')}
/* === SPACE MONO — local === */
@font-face{font-family:'Space Mono';font-style:italic;font-weight:400;font-display:swap;src:url('/fonts/i7dNIFZifjKcF5UAWdDRYER8QA.ttf') format('truetype')}
@font-face{font-family:'Space Mono';font-style:italic;font-weight:700;font-display:swap;src:url('/fonts/i7dSIFZifjKcF5UAWdDRYERE_FeaGw.ttf') format('truetype')}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/i7dPIFZifjKcF5UAWdDRUEY.ttf') format('truetype')}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/i7dMIFZifjKcF5UAWdDRaPpZYFI.ttf') format('truetype')}
/* === RESPONSIVE GLOBAL === */
.nav-mobile-scroll {
    /* Desktop default handled by inline styles */
}
.nav-mobile-scroll::-webkit-scrollbar {
    display: none;
}

@media (max-width: 900px) {
    /* -- hero slider -- */
    .hero-slider > div[style*="height:700px"] {
        height: auto !important;
        min-height: 420px !important;
    }
    .hero-slider > div > div[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        padding: 32px 16px !important;
        text-align: center;
    }
    .hero-slider h1 {
        font-size: 32px !important;
    }

    /* -- Grids -- */
    .grid-5 {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    .grid-4 {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    .grid-3 {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    /* -- catalog layout -- */
    .catalog-layout {
        grid-template-columns: 1fr !important;
    }
    .catalog-sidebar {
        display: flex !important;
        position: static !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        margin-bottom: 16px !important;
    }
    .catalog-sidebar button {
        width: auto !important;
        font-size: 12px !important;
        padding: 8px 14px !important;
    }

    /* -- producto detalle -- */
    .grid-1-05-1 {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    .gallery-main {
        min-height: 280px !important;
    }
    [style*="position: sticky"] {
        position: static !important;
        top: auto !important;
    }

    /* -- nosotros section -- */
    .grid-1-1:not(.hero-slider *) {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
    }

    /* -- footer -- */
    .grid-footer {
        grid-template-columns: 1fr 1fr !important;
        gap: 28px !important;
        padding: 40px 16px !important;
    }

    /* -- quote page -- */
    .grid-1-5-1 {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    /* -- padding global -- */
    [style*="padding: 56px 28px"],
    [style*="padding: 48px 28px"],
    [style*="padding: 40px 28px"] {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    [style*="padding: 72px 28px"] {
        padding: 40px 16px !important;
    }
    [style*="max-width: 1280px"] {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* -- header mobile -- */
    .top-bar-dark {
        flex-direction: column !important;
        gap: 8px !important;
        text-align: center !important;
        font-size: 9px !important;
        padding: 12px 16px !important;
    }
    .top-bar-dark > div {
        justify-content: center !important;
        flex-wrap: wrap;
    }
    .logo-bar {
        flex-direction: column !important;
        gap: 16px !important;
        text-align: center !important;
        padding: 16px !important;
    }
    .header-contact {
        margin: 0 auto !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 16px !important;
    }
    header form {
        width: 100% !important;
        max-width: 100% !important;
        margin: 10px 0 !important;
    }

    /* -- top bar mobile scroll -- */
    .nav-mobile-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 5px;
        gap: 16px !important;
        justify-content: flex-start !important;
        scrollbar-width: none;
        margin: 0 16px;
    }

    /* -- marcas -- */
    [style*="width: 200px; height: 104px"] {
        width: 150px !important;
        height: 80px !important;
    }
}
@media (max-width: 500px) {
    .grid-5 {
        grid-template-columns: 1fr !important;
    }
    .grid-4 {
        grid-template-columns: 1fr !important;
    }
    .grid-3 {
        grid-template-columns: 1fr !important;
    }
    .hero-slider h1 {
        font-size: 26px !important;
    }
    .grid-footer {
        grid-template-columns: 1fr !important;
    }
    header [style*="font-size: 56px"] {
        font-size: 28px !important;
    }
}