/* Celular e tablet: carregado com media="(max-width: 900px)" */
:root{--hh:64px}
body{font-size:16px}

.hd-nav,.hd-cta{display:none}
.hd-menu{display:inline-flex}
.hd-logo img{height:18px}

.mnav{display:flex;position:fixed;inset:0;z-index:40;flex-direction:column;background:var(--preto);padding:calc(var(--hh) + 16px) var(--gx) max(24px,env(safe-area-inset-bottom));overflow-y:auto;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .55s var(--ease),visibility 0s .55s}
html.menu-open{overflow:hidden}
html.menu-open .mnav{visibility:visible;clip-path:inset(0);transition:clip-path .55s var(--ease),visibility 0s}
.mnav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.mnav-list a{display:flex;align-items:center;justify-content:space-between;gap:16px;height:60px;border-bottom:1px solid var(--grafite-claro);font-size:1.1rem;font-weight:500;white-space:nowrap}
.mnav-list a::after{content:"›";color:var(--ceu);font-size:1.4rem}
.mnav-foot{margin-top:auto;padding-top:28px;display:flex;flex-direction:column;gap:16px}
.mnav-foot .btn{width:100%;height:56px}
.mnav-ig{text-align:center;color:var(--vidro);font-size:.95rem}

/* Sem botão flutuante no celular: o WhatsApp já está no início, no menu e no Contato */
.wa-float{display:none}

.sec{padding:72px var(--gx)}
.hero{padding-top:calc(var(--hh) + 24px);padding-bottom:56px}
.hero-mark,.hero-3d{display:none!important}
.hero-photo{width:100%;-webkit-mask-image:linear-gradient(180deg,#000 35%,transparent 100%),linear-gradient(90deg,transparent calc(var(--wipe) - 10%),#000 var(--wipe));mask-image:linear-gradient(180deg,#000 35%,transparent 100%),linear-gradient(90deg,transparent calc(var(--wipe) - 10%),#000 var(--wipe));-webkit-mask-composite:source-in;mask-composite:intersect}
.hero-photo img{object-position:58% 60%}
.hero-photo::after{background:rgba(9,13,16,.72)}
.hero .wrap{align-items:stretch}
.hero h1{font-size:clamp(2.7rem,13.5vw,4rem);max-width:none}
.hero-btns{flex-direction:column}
.hero-btns .btn,.contato-btns .btn{width:100%;height:56px}
.band{padding:14px 0}

.sec-h{margin-bottom:28px}
.sec-h h2{font-size:clamp(2.1rem,10vw,2.9rem)}
.bento{grid-template-columns:1fr;grid-template-areas:none;grid-auto-rows:auto}
.card-lp,.card-si,.card-gg,.card-seo,.card-mt{grid-area:auto}
.card::before,.card::after{display:none}
.card-art{min-height:0;justify-content:flex-start}
.card-art svg{max-width:150px}
.card-lp .card-art svg{max-width:100%}
.card-lp h3{font-size:1.6rem}
.ben{grid-template-columns:1fr;gap:28px}
.ben-list{grid-template-columns:1fr;gap:26px}
.steps{grid-template-columns:1fr;gap:0}
.step{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:8px;row-gap:4px;padding:18px 0}
.step-n{grid-row:1 / span 2;padding-top:3px}
.about{grid-template-columns:1fr;gap:32px}
.contato{padding-bottom:56px}
.mega{margin-top:40px}
.bg-grain{animation:none}
.contato h2{font-size:clamp(2rem,9.5vw,3rem);max-width:none}
.contato-btns{flex-direction:column;width:100%}
.foot{flex-direction:column;align-items:flex-start;gap:10px;margin-top:56px}

.ct-mark{right:-34vw;top:28px;width:130vw;opacity:.7}