/* RAIC BUILDERS — responsive.css
   Todas as regras @media (max-width) na ordem original do arquivo. Breakpoints usados: 900 / 560 / 760 / 820 / 700 / 980 / 520 / 1020 / 860 px.
   Carregar por último para manter a precedência original sobre os estilos base. */
@media(max-width:900px){nav.links{display:none}}
@media(max-width:560px){header.top .wrap{min-height:64px}.logo img{height:48px}header.top .btn{display:none}}
@media(max-width:760px){
  .hero-bg::after{background:linear-gradient(180deg,rgba(27,32,43,.88) 0%,rgba(27,32,43,.7) 55%,rgba(27,32,43,.5) 100%)}
}
@media(max-width:820px){.nums{grid-template-columns:1fr 1fr}.num:nth-child(2){border-right:0}.num:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:820px){.steps{grid-template-columns:1fr}.step,.step+.step{padding:26px 0;border-left:0;border-bottom:1px solid var(--band-line)}}
@media(max-width:820px){.como-fig{grid-template-columns:1fr}}
@media(max-width:700px){.specs{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.stages{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.stages{grid-template-columns:1fr}.stage img{aspect-ratio:16/10}}
@media(max-width:1020px){.aud{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.aud{grid-template-columns:1fr}}
@media(max-width:860px){.proof-grid{grid-template-columns:1fr}.ms{grid-template-columns:84px 1fr}}
@media(max-width:700px){
  .gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:8px}
  .g1{grid-column:1/-1;grid-row:auto;aspect-ratio:1184/864}
  .g:not(.g1) figcaption{left:6px;bottom:6px;font-size:.62rem;padding:4px 6px;letter-spacing:.04em}
}
@media(max-width:900px){.models{grid-template-columns:1fr}}
@media(max-width:860px){.risk{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.faq-grid{grid-template-columns:1fr}.faq-grid .ph{position:relative;top:auto}}
@media(max-width:560px){.row2{grid-template-columns:1fr}}
@media(max-width:860px){.contact-grid{grid-template-columns:1fr}}
@media(max-width:700px){
  .wa{display:none}
  .mbar{display:grid;grid-template-columns:1fr auto;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:45;background:var(--band);padding:10px max(16px,env(safe-area-inset-right,0px)) max(10px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
  .mbar .wa-ico{background:#1FA855;color:#fff;display:grid;place-items:center;width:48px;border-radius:var(--r)}
  body{padding-bottom:72px}
}