/* ============================================================
   FIGNARBRA — Responsivo
   breakpoints: 1024 · 900 (nav inline) · 768 · 560 · 420
   script.js alterna .active em .nav__toggle e .nav__menu.
   ============================================================ */

@media (min-width: 900px) {
    .nav__toggle { display: none; }

    .nav__menu {
        position: static;
        display: flex;
        align-items: center;
        gap: 28px;
        background: transparent;
        border: 0;
        box-shadow: none;
        padding: 0;
        opacity: 1;
        pointer-events: auto;
        transform: none;
    }

    .nav__link {
        padding: 6px 0;
        font-size: 12px;
        border-bottom: 1px solid transparent;
        color: rgba(253, 252, 248, 0.78);
    }

    .nav__link:hover {
        color: var(--ambar-vivo);
        border-bottom-color: var(--ambar-vivo);
        padding-left: 0;
    }

    .nav__item:last-child .nav__link { border-bottom: 1px solid transparent; }

    .hero__container {
        grid-template-columns: 1.15fr 0.85fr;
        padding: 96px 26px 104px;
    }

    .about__content { grid-template-columns: 1.2fr 0.8fr; }

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

    .about__card--risks { grid-column: 1 / -1; }

    .treatment__grid { grid-template-columns: 1.05fr 0.95fr; }

    .dosage-schedule { grid-template-columns: 1fr 1fr; }

    .benefits__grid { grid-template-columns: repeat(3, 1fr); }

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

    .testimonials__grid { grid-template-columns: repeat(3, 1fr); }

    .footer__main { grid-template-columns: 1.2fr 1.8fr; }

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

@media (max-width: 899px) {
    .hero__visual { min-height: 340px; }
}

@media (max-width: 560px) {
    .about,
    .treatment,
    .benefits,
    .testimonials { padding: 56px 0; }

    .hero__container { padding: 60px 26px 66px; }

    .hero__stats { gap: 9px; }

    .hero__stat { padding: 8px 15px 8px 10px; }

    .hero__cta .btn {
        display: block;
        text-align: center;
        flex: 1 1 100%;
    }

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

    .treatment-card__list li { grid-template-columns: 1fr; }

    .treatment-card__badge { margin-left: 0; }

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

    .footer__bottom { justify-content: center; text-align: center; }
}