/* =====================================================
   RESPONSIVO — ajustes para mobile (≤720px)
   Este arquivo deve ser o ÚLTIMO carregado no <head>
   ===================================================== */
@media (max-width:720px){
  .tela-split{grid-template-columns:1fr}
  .plan-frame{transform:none;padding:9px}
  .plan-frame::after{inset:3px}
  section{padding:56px 0}

  /* carrosséis (depoimentos e galeria): peek dos lados, 1 em foco no centro */
  .carousel-wrap{max-width:100%}
  .carousel-viewport{
    overflow-x:auto;overflow-y:hidden;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    margin:0 -6px;
  }
  .carousel-viewport::-webkit-scrollbar{display:none}
  .carousel-track{
    flex-wrap:nowrap;justify-content:flex-start;gap:12px;
    padding:0 8%;
  }
  .depo-slide{
    flex:0 0 84%;width:84%;
    scroll-snap-align:center;
    opacity:.5;transform:scale(.94);
    transition:opacity .35s ease, transform .35s ease;
  }
  .depo-slide.is-active{opacity:1;transform:scale(1)}
  .carousel-dots{display:flex}
}
