/* ==========================================================================
   Windelia International — Responsive Breakpoints (mobile-first overrides)
   ========================================================================== */

@media (max-width: 1024px) {
    .footer__grid { grid-template-columns: 1fr 1fr; }
    .grid--4 { grid-template-columns: repeat(2, 1fr); }
    .steps { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 860px) {
    .nav__menu {
        position: fixed;
        inset: 68px 0 0 0;
        background: var(--color-white);
        flex-direction: column;
        align-items: flex-start;
        padding: 1.5rem 1.25rem;
        gap: 0.25rem;
        transform: translateX(100%);
        transition: transform 0.25s ease;
        overflow-y: auto;
        border-top: 1px solid var(--color-gray-100);
    }
    .nav__menu a { display: block; width: 100%; padding: 0.85rem 0.25rem; }
    .nav__menu[data-open="true"] { transform: translateX(0); }
    .nav__toggle { display: flex; }
    .nav__cta .btn span { display: none; }

    .hero__grid { grid-template-columns: 1fr; }
    .hero__panel { order: -1; }

    .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; }
    .footer__grid { grid-template-columns: 1fr; gap: 2rem; }
    .steps { grid-template-columns: 1fr; }

    .cta-band { flex-direction: column; align-items: flex-start; text-align: left; }
}

@media (max-width: 480px) {
    .hero__stats { gap: 1.25rem; }
    .whatsapp-float { width: 52px; height: 52px; bottom: 1rem; right: 1rem; }
    .btn { width: 100%; }
    .hero__actions .btn, .cta-band__actions .btn { width: auto; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    * { transition-duration: 0.001ms !important; animation-duration: 0.001ms !important; }
}