/* STABIA V4 — proteção responsiva e normalização das LPs */
html,body{max-width:100%;overflow-x:clip}
body *{min-width:0}
img,svg,video,iframe,canvas{max-width:100%;height:auto}
.stabia-page{width:100%;max-width:100%;overflow-x:clip}
.stabia-page .wrap{width:min(1120px,calc(100% - 48px))!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
.stabia-page .sec{padding-top:64px!important;padding-bottom:64px!important}
.stabia-page h1{font-size:clamp(34px,3.35vw,52px)!important;line-height:1.08!important;overflow-wrap:anywhere}
.stabia-page h2{font-size:clamp(28px,2.55vw,40px)!important;line-height:1.13!important;overflow-wrap:anywhere}
.stabia-page h3{overflow-wrap:anywhere}
.stabia-page p,.stabia-page li,.stabia-page a{overflow-wrap:anywhere}
.stabia-page .hero{padding-top:58px!important;padding-bottom:54px!important}
.stabia-page .hero-grid{gap:44px!important;align-items:center!important}
.stabia-page .hero .lead{font-size:17px!important;line-height:1.52!important}
.stabia-page .st-page-photo{display:block;width:100%;max-width:1120px;max-height:520px;object-fit:cover;object-position:center;border-radius:18px;margin:0 auto}
.stabia-page .hero-visual .st-page-photo{max-height:430px;border-radius:12px}
.stabia-page table{width:100%!important;max-width:100%!important;table-layout:fixed}
.stabia-page input,.stabia-page textarea,.stabia-page select{max-width:100%}
.stabia-page [style*="width:"]{max-width:100%}
.stabia-page .btn{white-space:normal;text-align:center}
@media(max-width:900px){
 .stabia-page .wrap{width:min(100% - 36px,1120px)!important}
 .stabia-page .sec{padding-top:54px!important;padding-bottom:54px!important}
 .stabia-page .hero{padding-top:42px!important;padding-bottom:44px!important}
 .stabia-page .hero-grid{grid-template-columns:1fr!important;gap:28px!important}
 .stabia-page .st-page-photo{max-height:460px}
}
@media(max-width:600px){
 .stabia-page .wrap{width:calc(100% - 28px)!important}
 .stabia-page .sec{padding-top:44px!important;padding-bottom:44px!important}
 .stabia-page h1{font-size:clamp(30px,9vw,38px)!important}
 .stabia-page h2{font-size:clamp(26px,7.5vw,32px)!important}
 .stabia-page .hero .lead{font-size:16px!important}
 .stabia-page .st-page-photo{max-height:330px;border-radius:12px}
 .stabia-page .hero-visual{padding:16px!important}
}

/* V5 - fidelidade imediata às pranchas Canva fornecidas pelo cliente */
.canva-exact-section{width:100%;background:#fff;padding:0;margin:0;overflow:hidden}
.canva-exact-wrap{width:min(100%,1180px);margin:0 auto}
.canva-exact-wrap img{display:block;width:100%;height:auto;margin:0 auto}
@media(max-width:700px){.canva-exact-wrap{width:100%}.canva-exact-wrap img{width:100%;height:auto}}

/* Como funciona: imagens reais do pacote do cliente */
.stabia-page-como-funciona .hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);column-gap:48px;align-items:center}
.stabia-page-como-funciona .hero-conteudo{max-width:none}
.stabia-page-como-funciona .cf-hero-image img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:26px}
.stabia-page-como-funciona .hero-tira{grid-column:1/-1;width:100%}
.cf-visual-band{padding-top:24px!important;padding-bottom:56px!important}
.cf-visual-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:stretch}
.cf-visual-grid img{width:100%;height:330px;object-fit:cover;border-radius:24px;background:#f2f6f6}
.cf-visual-grid img:last-child{object-fit:contain;padding:24px}
@media(max-width:760px){.stabia-page-como-funciona .hero .wrap{grid-template-columns:1fr}.stabia-page-como-funciona .cf-hero-image{margin-top:28px}.cf-visual-grid{grid-template-columns:1fr}.cf-visual-grid img{height:auto}}