/* ============================================================
   ARTHUR FEEDBACK 01 (2026-05-25) — sobrescrevem mobile-enhancements
   1. Esconder "Fale com a Zee" do nav superior no mobile/tablet
   2. Setas do carrossel hero transparentes + swipe touch
   3. CTAs do hero menos pesados (não cobrir imagens)
   ============================================================ */

/* ---------- 1) Sumir CTA "Fale com a Zee" do nav em mobile/tablet ---------- */
@media (max-width: 820px) {
  .nav-cta { display: none !important; }
}

/* ---------- 2) Setas do hero — transparentes/sutis + swipe touch ---------- */
@media (max-width: 820px) {
  .hero-nav {
    background: transparent !important;
    border-color: rgba(255,255,255,0.18) !important;
    color: rgba(255,255,255,0.45) !important;
    backdrop-filter: none !important;
    width: 32px !important;
    height: 32px !important;
    font-size: 18px !important;
    opacity: 0.6;
    transition: opacity .25s;
  }
  .hero-nav:hover, .hero-nav:active { opacity: 1; background: rgba(255,255,255,.08) !important; }
  .hero-nav-prev { left: 8px !important; }
  .hero-nav-next { right: 8px !important; }
}

/* Em telas bem estreitas, sumir totalmente — usa só swipe */
@media (max-width: 480px) {
  .hero-nav { display: none !important; }
}

/* ---------- 3) CTAs do hero menos pesados — não cobrir imagens ---------- */
@media (max-width: 820px) {
  .hero-btns { gap: 10px !important; }
  .hero-btns .btn {
    min-height: 42px !important;
    padding: 10px 18px !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
  }
  .hero-btns .btn-primary {
    background: var(--verde-1) !important;
    border: 1px solid var(--verde-1) !important;
  }
  .hero-btns .btn-ghost-dark, .hero-btns .btn-ghost {
    background: transparent !important;
    border: 1px solid rgba(226, 195, 154, .5) !important;
    color: rgba(226, 195, 154, .85) !important;
  }
  /* Reduz padding interno do hero pra dar mais ar */
  .hero { padding: 90px 22px 40px !important; min-height: 480px !important; }
  .hero h1 { font-size: 30px !important; margin-bottom: 14px !important; }
  /* Esconde tag e subtexto sempre no mobile/tablet — só slogan + CTAs */
  .hero-tag { font-size: 9px !important; margin-bottom: 12px !important; opacity: .7; }
  .hero-subtext { display: none !important; }
}
@media (max-width: 480px) {
  .hero { min-height: 440px !important; }
  .hero h1 { font-size: 28px !important; }
}