@media (max-width: 1100px) {
            .why-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
            .services-layout{
                grid-template-columns: 1fr;
            }
            .services-grid{
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .services-side{
                justify-content: center;
            }
        }

        @media (max-width: 900px) {
            .fleet-track{ height: 480px; }
            .fleet-card.is-left{ transform: translate(-50%, -50%) translateX(-260px) scale(0.92); }
            .fleet-card.is-right{ transform: translate(-50%, -50%) translateX(260px) scale(0.92); }
            .contact-grid{ grid-template-columns: 1fr; }
            .contact-title{ font-size: 36px; }
            .footer-wrap{
                grid-template-columns: 1fr;
                text-align: center;
            }
            .navegador,
            .logo img,
            .navegador a{
                transition: padding .25s ease, transform .25s ease, font-size .25s ease;
            }
        }

        @media (max-width: 768px) {
            .glass-card {
                right: 50%;
                left: 50%;
                transform: translate(-50%, 0);
                top: auto;
                bottom: 40px;
                width: 90%;
                padding: 25px;
                text-align: center;
                background: rgba(0, 0, 0, 0.4);
            }

            .glass-title {
                font-size: 1.8rem;
            }

            .glass-text {
                font-size: 0.95rem;
            }
        }

        @media (max-width: 640px) {
            .fleet-track{ height: 520px; }
            .fleet-card.is-left,
            .fleet-card.is-right{
                opacity: 0;
                pointer-events: none;
            }
            .fleet-card.is-center{
                transform: translate(-50%, -50%) scale(1.02);
            }
            .fleet-prev{ left: 6px; }
            .fleet-next{ right: 6px; }
        }

        @media (max-width: 620px) {
            .why-grid{ grid-template-columns: 1fr; }
            .why-card{ text-align: left; }
            .services-grid{ grid-template-columns: 1fr; }
            .services-side-box{ width: min(420px, 92vw); }
        }

        @media (max-width: 520px) {
            .fleet-modal__panel{
                width: 94vw;
                max-height: 86vh;
                border-radius: 18px;
            }
            .fleet-modal__content{
                padding: 14px 14px 18px;
            }
            .fleet-modal-photo{
                height: 150px;
            }
            .f-2col{ grid-template-columns: 1fr; }
            .contact-section{ padding: 56px 14px; }
        }