/* ============================================================
   VIP COM SCRIPTS — Responsivo
   breakpoints: 1100 · 1024 · 900 · 768 (nav) · 560
   ============================================================ */

@media (max-width: 1100px) {
    .hero__container { gap: 40px; }

    .footer__links { grid-template-columns: repeat(3, 1fr); row-gap: 30px; }
}

@media (max-width: 1024px) {
    .hero { padding: calc(var(--header-h) + 56px) 0 68px; }

    .hero__container {
        grid-template-columns: 1fr;
        gap: 44px;
    }

    .hero__visual { max-width: 620px; width: 100%; margin: 0 auto; }

    .code-editor { transform: none; }

    .categories__grid,
    .scripts__grid,
    .benefits__grid,
    .testimonials__grid { grid-template-columns: repeat(2, 1fr); }

    .benefits__metrics { grid-template-columns: repeat(2, 1fr); }

    .footer__main { grid-template-columns: 1fr; gap: 34px; }

    .footer__links { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
    .categories, .scripts, .benefits, .testimonials { padding: 64px 0; }

    .benefits__metrics { gap: 12px; }
}

@media (max-width: 768px) {
    .nav__toggle { display: flex; }

    .nav__container { position: relative; }

    .nav__menu {
        display: none;
        position: absolute;
        top: 100%;
        left: -24px;
        right: -24px;
        flex-direction: column;
        align-items: stretch;
        gap: 2px;
        padding: 12px 20px 18px;
        background: rgba(11, 16, 14, 0.98);
        border-bottom: 1px solid var(--line);
        box-shadow: 0 26px 44px rgba(0, 0, 0, 0.6);
    }

    .nav__menu.active { display: flex; }

    .nav__item a.nav__link {
        display: block;
        padding: 13px 14px;
        text-align: center;
        border: 1px solid var(--line-soft);
    }

    .hero { padding: calc(var(--header-h) + 44px) 0 60px; }

    .hero__stats { gap: 10px; }

    .hero__stat { padding: 10px 14px; }

    .categories__grid,
    .scripts__grid,
    .benefits__grid,
    .testimonials__grid { grid-template-columns: 1fr; }

    /* Cards em coluna única: animação em cascata longa fica lenta */
    .categories__grid .category-card,
    .scripts__grid .script-card,
    .benefits__grid .benefit-card,
    .testimonials__grid .testimonial-card { animation-delay: 0s; }
}

@media (max-width: 560px) {
    .hero__cta { flex-direction: column; align-items: stretch; }

    .hero__cta .btn { text-align: center; }

    .hero__stats { flex-direction: column; align-items: stretch; }

    .editor-content {
        font-size: 0.72rem;
        padding: 14px 10px 18px;
    }

    .code-line-number { width: 20px; margin-right: 9px; }

    .script-card__details { grid-template-columns: 1fr; }

    .benefits__metrics { grid-template-columns: 1fr; }

    .footer__links { grid-template-columns: 1fr; }

    .footer__bottom {
        flex-direction: column;
        text-align: center;
    }
}