/* ================================================
   RESPONSIVE — Media Queries
   ================================================ */

@media(max-width:900px){
  header{padding:0 24px}
  .main-nav{
    display:none;position:fixed;top:72px;left:0;right:0;
    background:var(--ink);border-bottom:1px solid var(--border);
    padding:20px 24px;flex-direction:column;
  }
  .main-nav.open{display:flex}
  .menu-btn{display:flex}
  .btn-wpp-h .btn-wpp-txt{display:none}
  .hero{padding:120px 24px 80px}
  .section{padding:70px 24px}
  .grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
  .featured-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
  .sobre-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:40px}
  .modal-grid{grid-template-columns:1fr}
  .m-sim-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
  .hstat{padding:0 20px}
  .hero-stats{flex-wrap:wrap;gap:4px}
  .cta{padding:70px 24px}
}

@media(max-width:600px){
  .sec-title{font-size:1.9rem}
  .hero-title{font-size:2.6rem}
  .grid{grid-template-columns:1fr 1fr}
  .featured-grid{grid-template-columns:1fr 1fr}
  .sobre-cards{grid-template-columns:1fr 1fr}
  .modal-inner{padding:20px}
  .filter-chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}
  .filter-chips::-webkit-scrollbar{height:3px}
  .hstat+.hstat::before{display:none}
  .hstat{padding:0 16px;border-left:1px solid var(--border)}
  .hstat:first-child{border-left:none;padding-left:0}
}

@media(max-width:480px){
  /* Modal como bottom sheet */
  .overlay{padding:0;align-items:flex-end}
  .modal{
    border-radius:20px 20px 0 0;
    max-height:94vh;
    width:100%;
  }
  .modal-close{top:12px;margin:12px 12px 0 0}
  .modal-inner{padding:16px}
  .m-title{font-size:26px}
  .m-wpp{font-size:13px;padding:13px}

  /* Setas do carrossel maiores para toque */
  .m-nav{width:44px;height:44px}
  .m-nav-prev{left:6px}
  .m-nav-next{right:6px}
}

@media(max-width:420px){
  .grid{grid-template-columns:1fr}
  .featured-grid{grid-template-columns:1fr}
}

/* Remove cursor:none em dispositivos touch */
@media(pointer:coarse){
  *{cursor:auto !important}
  button,a,[role="button"]{cursor:pointer !important}
  #cur,#cur2{display:none !important}
}