/* =========================================================
   TRIDE CONFECÇÕES — RESPONSIVIDADE
   Breakpoints: 1200 (menu vira hambúrguer) / 992 (tablet paisagem)
   768 (tablet retrato) / 480 (celular)
   ========================================================= */

/* ===== MENU: PASSA A HAMBÚRGUER =====
   O menu com 7 itens ("Uniformes Industriais", "Uniformes Corporativos"...)
   só cabe por extenso em telas bem largas. Abaixo de 1200px vira hambúrguer
   para nunca quebrar linha ou espremer os links. */
@media (max-width: 1200px){
  .nav{
    position: fixed;
    top: 84px; left: 0; right: 0;
    background: var(--branco);
    border-bottom: 1px solid var(--cinza-borda);
    max-height: 0;
    overflow: hidden;
    transition: max-height .35s ease;
    z-index: 400;
  }
  .nav.is-open{ max-height: 70vh; overflow-y: auto; }
  .nav__list{
    flex-direction: column;
    gap: 0;
    padding: 8px 24px 20px;
  }
  .nav__list li{ border-bottom: 1px solid var(--cinza-borda); }
  .nav__link{ display: block; padding: 16px 0; }
  .nav__link.is-active::after{ display: none; }

  .hamburger{ display: flex; }
  .header__actions .btn--sm{ display: none; }
}

/* ===== TABLET (PAISAGEM) ===== */
@media (max-width: 992px){
  section{ padding: 64px 0; }

  .hero{ min-height: auto; }
  .hero__grid{ flex-direction: column; gap: 0; }
  .hero__content{
    flex: none;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 48px 0 40px;
  }
  .hero__media{ flex: none; width: 100%; max-width: 100%; min-width: 0; height: 320px; }

  .categoria-secao{ min-height: auto; }
  .categoria-secao__banner{ height: 260px; margin-bottom: 36px; }
  .categoria-secao__grid{ margin-bottom: 32px; }

  .diferenciais__grid{ grid-template-columns: 1fr; gap: 32px; }
}

/* ===== TABLET (RETRATO) ===== */
@media (max-width: 768px){
  .hero__content{ padding: 40px 0 36px; }
  .hero__media{ height: 280px; }
  .logo--hero .logo__mark{ font-size: 1.9rem; }
  .logo--hero .logo__sub{ font-size: .74rem; }

  .categoria-secao__banner{ height: 220px; }
  .categoria-secao__grid{ grid-template-columns: 1fr; max-width: 460px; }

  .footer__grid{ grid-template-columns: 1fr 1fr; gap: 36px 24px; }
  .footer__col--brand{ grid-column: 1 / -1; }

  .slider__nav{ display: none; }
  .slider{ max-width: 100%; padding: 0; }
  .slide{ width: 100%; max-width: 520px; }
}

/* ===== CELULAR ===== */
@media (max-width: 480px){
  .container{ padding: 0 20px; }

  .header__inner{ height: 72px; }
  .logo__mark{ font-size: 1.25rem; }

  .hero__content{ padding: 32px 0; }
  .hero__media{ height: 240px; }
  .logo--hero{ margin-bottom: 18px; }
  .logo--hero .logo__mark{ font-size: 1.6rem; }
  .logo--hero .logo__sub{ font-size: .64rem; }
  .hero__title{ font-size: 2rem; }
  .hero__text{ font-size: 1rem; }
  .hero__actions{ flex-direction: column; align-items: stretch; }
  .hero__actions .btn{ justify-content: center; }

  .section-heading{ margin-bottom: 32px; }

  .categoria-secao__banner{ height: 190px; margin-bottom: 28px; }

  .footer__grid{ grid-template-columns: 1fr; text-align: left; }

  .slide{ padding: 32px 22px; }

  .whatsapp-float{ width: 54px; height: 54px; bottom: 18px; right: 18px; }
  .whatsapp-float svg{ width: 26px; height: 26px; }
  .back-to-top{ bottom: 18px; left: 18px; width: 42px; height: 42px; }
}