/* ============================================================
   AGÊNCIA REFERÊNCIA — RESPONSIVO
   Mobile não é o desktop reduzido: grid, navegação e ritmo mudam.
   Breakpoints: 1024 / 900 / 768 / 480
   ============================================================ */

@media (max-width:1024px){
  .ref-grid-12{gap:clamp(18px,2.4vw,32px)}
  .ref-col-4,.ref-col-5{grid-column:span 6}
  .ref-col-7,.ref-col-8{grid-column:span 12}
  .ref-sticky{position:static}
}

@media (max-width:900px){
  .ref-nav{display:none}
  .ref-burger{display:block}
  .ref-header__cta{display:none}
  .ref-grid-12{grid-template-columns:1fr}
  .ref-grid-12>*{grid-column:1/-1!important}
  .ref-process{grid-template-columns:auto minmax(0,1fr);gap:var(--space-4)}
}

@media (max-width:768px){
  .ref-hero-title{max-width:none}
  .ref-marker{padding-top:var(--space-3)}
  .ref-testimonial{min-height:0}
  .ref-instagram__grid{grid-template-columns:repeat(2,1fr)}
  .ref-logo-tile{min-width:140px;height:80px;padding:var(--space-4)}
  .ref-project__meta{flex-wrap:wrap}
}

@media (max-width:480px){
  .ref-service .elementor-tab-title,.ref-service summary{font-size:var(--type-h4)}
  .ref-service-num{display:block;margin-bottom:6px;margin-right:0}
  .ref-marquee__track{font-size:26px}
  .ref-counter{font-size:clamp(56px,22vw,88px)}
  .ref-form input,.ref-form .elementor-field-textual{font-size:1.0625rem}
}

/* Nunca permitir overflow horizontal */
html,body{max-width:100%;overflow-x:hidden}