/* Luan Serra v4 | prévia. Paleta: branco, navy #211F54, navy profundo #001F60, lima #BCFC74 só atrás de texto escuro (1 vez por tela). */
@font-face{font-family:"Fraunces";src:url(fonts/fraunces-var.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url(fonts/fraunces-italic.woff2) format("woff2");font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(fonts/hanken.woff2) format("woff2");font-weight:300 800;font-display:swap}
@font-face{font-family:"Calistoga";src:url(fonts/calistoga.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(fonts/instrument.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(fonts/instrument-italic.woff2) format("woff2");font-style:italic;font-display:swap}
@font-face{font-family:"Anton";src:url(fonts/anton.woff2) format("woff2");font-display:swap}

:root{--bg:#FFFFFF;--tx:#211F54;--mut:#5C5A7A;--azul:#001F60;--lima:#BCFC74;--soft:#F4F3FF;--hair:#E6E5F0;
--serif:"Fraunces",Georgia,serif;--sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--pad:clamp(20px,5vw,72px);--max:1320px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--tx);font:400 17px/1.6 var(--sans);overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
p{margin:0}
h1,h2,h3{margin:0;font-weight:500}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}
:focus-visible{outline:3px solid var(--azul);outline-offset:3px;border-radius:4px}
.pular{position:absolute;left:12px;top:-60px;z-index:50;background:var(--tx);color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none}
.pular:focus{top:12px}

/* destaque: itálico sem sublinhado; lima só onde a tela usa o seu único destaque */
.destaque{font-style:italic;font-weight:400;color:var(--azul)}
.destaque.lima{background:var(--lima);color:var(--azul);padding:0 .14em;border-radius:.12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* topo */
.topo{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:72px;padding-inline:var(--pad);background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .3s}
.topo .logo img{height:32px;width:auto}
.topo ul{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0}
.ln{text-decoration:none;font-weight:500;font-size:15px;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .3s}
.ln:hover{background-size:100% 1px}
.nav-cta{display:inline-flex;align-items:center;height:42px;padding:0 18px;border-radius:999px;border:1.5px solid var(--tx);text-decoration:none;font-weight:600;font-size:14.5px;transition:background .2s,color .2s}
.nav-cta:hover{background:var(--tx);color:#fff}
.d-only{display:none}
@media (min-width:900px){.d-only{display:list-item}}
@media (max-width:899px){.nav-cta{display:none}}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:999px;font:600 16.5px/1.2 var(--sans);text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}
.btn .seta{transition:transform .25s}
.btn:hover .seta{transform:translate(2px,-2px)}
.btn-escuro{background:var(--tx);color:#fff}
.btn-escuro:hover{background:var(--azul);box-shadow:0 10px 24px -10px rgba(0,31,96,.6)}
.btn-claro{background:#fff;color:var(--tx)}
.btn-claro:hover{box-shadow:0 10px 24px -12px rgba(0,0,0,.5);transform:translateY(-1px)}
.btn-linha{border:1.5px solid var(--tx);color:var(--tx)}
.btn-linha:hover{background:var(--tx);color:#fff}

/* etiquetas */
.tag-prov{display:inline-block;font:600 11.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);border:1px dashed #A9A7C4;border-radius:999px;padding:6px 10px;margin-bottom:22px}
.tag-ex{display:inline-block;font:600 11.5px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--tx);border:1px solid var(--tx);border-radius:999px;padding:6px 10px}

/* hero */
.hero{display:grid;gap:44px;padding-top:28px;padding-bottom:72px}
.hero h1{font:400 clamp(40px,10.4vw,46px)/1.04 var(--serif);letter-spacing:-.025em;font-variation-settings:"opsz" 144}
.hero .sub{margin-top:20px;font-size:clamp(18px,2.2vw,20px);color:var(--mut);max-width:34ch}
.acoes{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:30px}
.ln-sec{font-size:16px}
.linha{margin-top:16px;font-size:14.5px;color:var(--mut)}
.hero-vis{margin:0}
.hero-vis figcaption{margin-top:18px;font-size:14.5px;color:var(--mut);display:flex;align-items:center;gap:10px}
@media (min-width:1080px){
  .hero{grid-template-columns:minmax(0,4.7fr) minmax(0,7.3fr);align-items:center;gap:48px;min-height:min(calc(100vh - 72px),828px);padding-top:0;padding-bottom:24px;max-width:1440px}
  .hero .dupla{margin-right:calc(-1 * var(--pad) + 12px)}
  .hero h1{font-size:clamp(52px,4.6vw,68px)}
}

/* molduras */
.dupla{position:relative;padding-right:13%;padding-bottom:7%}
.browser{border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 40px 70px -30px rgba(33,31,84,.35),0 0 0 1px rgba(33,31,84,.10)}
.bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#F1F0F7;border-bottom:1px solid var(--hair)}
.bar i{width:9px;height:9px;border-radius:50%;background:#D3D1E3}
.url{margin-left:12px;flex:0 1 46%;height:18px;border-radius:9px;background:#fff;font:500 10.5px/18px var(--sans);color:var(--mut);padding:0 10px;white-space:nowrap;overflow:hidden}
.vp{container-type:inline-size;aspect-ratio:16/10;overflow:hidden;position:relative}
.vp>.mk{font-size:1.25cqw;width:80em;height:50em}
.phone{position:absolute;right:0;bottom:0;width:25%;padding:2.2%;border-radius:12%/6%;background:#16152F;box-shadow:0 30px 60px -20px rgba(22,21,47,.55)}
.notch{position:absolute;z-index:2;top:3.4%;left:50%;width:30%;height:2.2%;transform:translateX(-50%);background:#16152F;border-radius:99px}
.scr{container-type:inline-size;aspect-ratio:9/19;border-radius:10%/4.8%;overflow:hidden;background:#fff;position:relative}
.scr>.mk{font-size:calc(100cqw/24);width:24em;height:50.67em}

/* exemplos */
.exemplos{padding-top:40px;padding-bottom:40px;border-top:1px solid var(--hair)}
.rotulo-sec{font:600 13px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);padding-top:28px}
.caso{display:grid;gap:30px;padding:44px 0 56px;border-bottom:1px solid var(--hair)}
.caso:last-child{border-bottom:0}
.idx{font:500 13px/1 var(--sans);color:var(--mut);letter-spacing:.06em;margin-bottom:18px}
.caso h3{font:400 clamp(32px,5vw,46px)/1.05 var(--serif);letter-spacing:-.02em;margin-top:16px}
.caso-linha{margin-top:14px;font-size:18px;color:var(--mut);max-width:32ch}
.sistema{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;margin-top:28px;padding-top:20px;border-top:1px solid var(--hair);font-size:13px;color:var(--mut)}
.sis-l{font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:11.5px}
.sws{display:flex;margin-right:12px}
.sw{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--hair);margin-right:-6px}
.aa{font-size:26px;line-height:1;color:var(--tx)}
.f-font{font-family:"Calistoga",serif}.l-font{font-family:"Instrument Serif",serif;font-style:italic}.c-font{font-family:"Anton",sans-serif}
.caso-vis{border-radius:22px;padding:7% 6% 0;overflow:hidden}
.caso-vis .dupla{padding-bottom:0;margin-bottom:-2%}
.caso-vis .phone{bottom:8%}
.vis-forno{background:#F8EBDD}.vis-tesoura{background:#E7E4DC}.vis-rejunte{background:#E6ECF5}
@media (min-width:1080px){
  .caso{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;gap:64px;padding:72px 0}
  .caso:nth-of-type(even){grid-template-columns:minmax(0,8fr) minmax(0,4fr)}
  .caso:nth-of-type(even) .caso-txt{order:2}
}

/* como funciona */
.h2{font:400 clamp(34px,5.4vw,56px)/1.05 var(--serif);letter-spacing:-.025em}
.como{padding-top:96px;padding-bottom:96px;border-top:1px solid var(--hair)}
.passos{list-style:none;margin:44px 0 0;padding:0;display:grid;gap:0}
.passo{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:baseline;padding:24px 0;border-top:1px solid var(--hair)}
.pn{font:400 34px/1 var(--serif);color:var(--azul)}
.passo p{font-size:19px;max-width:30ch}
@media (min-width:900px){
  .passos{grid-template-columns:repeat(3,1fr);gap:32px}
  .passo{grid-template-columns:1fr;gap:28px;padding-top:28px;border-top:2px solid var(--tx)}
  .pn{font-size:56px}
}

/* ofertas */
.ofertas{padding-top:96px;padding-bottom:96px;border-top:1px solid var(--hair)}
.cards{display:grid;gap:18px;margin-top:44px}
.card{display:flex;flex-direction:column;gap:18px;padding:30px 28px;border-radius:20px;border:1px solid #D4D3E4;background:#fff}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px}
.card h3{font:600 19px/1.25 var(--sans)}
.selo{font:700 12px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;background:var(--lima);color:var(--azul);padding:8px 11px;border-radius:999px;white-space:nowrap}
.preco{font:400 44px/1 var(--serif);letter-spacing:-.02em;white-space:nowrap}
.mensal{display:block;margin-top:10px;font-size:15px;color:var(--mut)}
.um{min-height:100px}
.dois{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:100px}
.pp{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:10px;padding-left:14px;border-left:1px solid rgba(255,255,255,.28)}
.pp:first-child{padding-left:0;border-left:0}
.pp .preco{font-size:38px}
.pp-n{font-size:14px;color:#C9C8E0}
.card-txt{font-size:16px;color:var(--mut);flex:1}
.card .btn{align-self:stretch}
.card-recomendada{background:var(--tx);border-color:var(--tx);color:#fff;box-shadow:0 30px 60px -30px rgba(33,31,84,.6)}
.card-recomendada .card-txt{color:#DCDBEE}
.card-recomendada .card-top h3{color:#fff}
.card-recomendada{order:-1}
@media (min-width:1000px){
  .cards{grid-template-columns:repeat(3,1fr);align-items:stretch}
  .card-recomendada{order:0}
}
.outros{margin-top:30px;padding-top:22px;border-top:1px solid var(--hair);font-size:16.5px;color:var(--mut);padding-right:20%}
@media (max-width:899px){.outros{padding-right:0}}
.outros strong{color:var(--tx)}

/* 12 meses */
.doze{background:var(--soft);padding:88px 0}
.doze-t{font:400 clamp(28px,4.2vw,52px)/1.16 var(--serif);letter-spacing:-.02em}
.doze-t span{display:block;max-width:24ch}

/* faq */
.faq{padding-top:96px;padding-bottom:96px;display:grid;gap:36px}
@media (min-width:1000px){.faq{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:64px;align-items:start}}
.faq-l details{border-top:1px solid var(--hair)}
.faq-l details:last-child{border-bottom:1px solid var(--hair)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font:500 19px/1.35 var(--sans)}
summary::-webkit-details-marker{display:none}
.mais{position:relative;flex:0 0 18px;height:18px}
.mais::before,.mais::after{content:"";position:absolute;left:0;top:8px;width:18px;height:2px;background:currentColor;transition:transform .25s}
.mais::after{transform:rotate(90deg)}
details[open] .mais::after{transform:rotate(0)}
details p{padding:0 40px 24px 0;color:var(--mut);max-width:60ch}

/* final */
.final{background:var(--tx);color:#fff}
.final-in{padding-top:110px;padding-bottom:110px}
.final .h2{font-size:clamp(40px,7vw,84px);color:#fff}
.final .destaque.lima{color:var(--azul)}
.final p{margin-top:22px;font-size:19px;color:#DCDBEE;max-width:40ch}
.final .contato{max-width:none;display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:34px;font-size:15px;color:#C9C8E0}
.final .contato a{text-underline-offset:4px}
.final :focus-visible{outline-color:#fff}

/* rodapé */
.rodape{padding:48px 0 120px;font-size:13.5px;color:var(--mut)}
.ass{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:var(--tx);font-weight:500;margin-bottom:22px}
.legal{max-width:90ch;margin-top:8px}
.copy{margin-top:18px}
@media (min-width:900px){.rodape{padding-bottom:56px}}

/* barra fixa celular */
.barra-wa{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--hair);transform:translateY(110%);visibility:hidden;transition:transform .3s,visibility .3s}
.barra-wa.vis{transform:none;visibility:visible}
.btn-barra{width:100%}
@media (min-width:900px){.barra-wa{display:none}}

/* revelação */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.js .rv.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .rv{opacity:1;transform:none;transition:none}*{transition:none!important}}

/* ========== MINI-SITES FICTÍCIOS (1em = 1/80 ou 1/24 da largura) ========== */
.mk{position:absolute;inset:0 auto auto 0;overflow:hidden;line-height:1.3;font-family:var(--sans);text-align:left}
.mk span{display:block}
.mk .ic{width:1.2em;height:1.2em;flex:none}
.f-menu{display:flex!important;flex-direction:column;gap:.35em}.f-menu i{display:block;width:1.6em;height:.18em;background:currentColor;border-radius:1em}

/* Forno Miúdo (fictícia) */
.m-forn{background:#FFF7EC;color:#3B1F0E}
.m-forn .f-nav{display:flex;align-items:center;justify-content:space-between;padding:2em 4em}
.f-logo{display:flex!important;align-items:center;gap:.3em;font:2.1em/1 "Calistoga",serif;color:#7A3510}
.f-logo .ic{width:1em;height:1em;color:#E46A1C}
.f-links{display:flex!important;gap:2.4em;font-size:1.05em;font-weight:500}
.f-b{display:inline-flex!important;align-items:center;gap:.5em;padding:.75em 1.3em;border-radius:2em;font-weight:600;font-size:1em;white-space:nowrap}
.f-dk{background:#3B1F0E;color:#FFF7EC}.f-or{background:#E46A1C;color:#2A140A}.f-ln{border:.12em solid #3B1F0E}
.m-forn.d .f-hero{display:grid;grid-template-columns:1fr 1fr;gap:2em;padding:0 4em;height:30em;align-items:end}
.m-forn .f-txt{padding-bottom:4em}
.f-kick{font-size:.9em;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#B8501A}
.f-h{font:5.2em/.98 "Calistoga",serif;color:#3B1F0E;margin:.18em 0 .25em;letter-spacing:-.01em}
.f-p{font-size:1.3em;max-width:22em;color:#5E3A22}
.f-ctas{display:flex!important;gap:.8em;margin-top:1.8em}
.f-art{display:flex!important;align-items:flex-end;justify-content:center;height:100%}
.f-forno{width:100%;height:100%}
.f-strip{display:flex!important;align-items:center;gap:3em;background:#7A3510;color:#FFF7EC;height:12em;padding:0 4em}
.f-st{font:2em/1.1 "Calistoga",serif;flex:none;width:4.4em}
.f-tiles{display:grid!important;grid-template-columns:repeat(4,1fr);gap:1.2em;flex:1}
.f-tile{background:#FFF7EC;color:#3B1F0E;border-radius:1em;padding:1em 1.1em;display:grid!important;grid-template-columns:3.2em 1fr;grid-template-rows:auto auto;column-gap:.8em;align-items:center}
.f-tile .pi{grid-row:span 2;width:3.2em;height:2.2em}
.f-tn{font-weight:700;font-size:.95em}.f-tp{font-size:.85em;color:#B8501A;font-weight:600}
.m-forn.p .f-nav{padding:3em 1.6em 1.4em}
.m-forn.p .f-logo{font-size:1.9em}
.m-forn.p .f-txt{padding:1.2em 1.6em 1.2em}
.m-forn.p .f-h{font-size:3.3em}
.m-forn.p .f-p{font-size:1.15em}
.m-forn.p .f-art{height:15em;padding:0 1.6em}
.m-forn.p .f-st{width:auto;font-size:1.6em;padding:1em 1em .5em;background:#7A3510;color:#FFF7EC}
.m-forn.p .f-tiles{grid-template-columns:1fr;gap:.6em;padding:0 1.6em 8em;background:#7A3510}
.m-forn.p .f-tile{grid-template-columns:2.8em 1fr;padding:.7em 1em;font-size:1.1em}
.m-forn.p .f-tile .pi{width:2.6em}
.f-fix{position:absolute!important;left:1.6em;right:1.6em;bottom:2em;justify-content:center;font-size:1.15em;padding:.9em}

/* Salão Tesoura Mansa (fictícia) */
.m-tesoura{background:#F3EFE8;color:#23302A}
.l-nav{display:flex!important;align-items:center;justify-content:space-between;padding:2em 4em;border-bottom:.08em solid #D8D0C2}
.l-logo{display:flex!important;align-items:center;gap:.25em;font:italic 2.6em/1 "Instrument Serif",serif}
.l-logo .ic{width:.7em;height:.7em;color:#C9876B}
.l-links{display:flex!important;gap:2.4em;font-size:1.05em}
.l-b{display:inline-flex!important;align-items:center;gap:.5em;background:#23302A;color:#F3EFE8;padding:.75em 1.3em;border-radius:.4em;font-weight:600;white-space:nowrap}
.m-tesoura.d .l-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:3em;padding:3em 4em 0;height:28em;align-items:center}
.l-kick{display:flex!important;align-items:center;gap:.5em;font-size:.95em;letter-spacing:.14em;text-transform:uppercase;color:#7A5A49;font-weight:600}
.l-kick .ic{color:#C9876B}
.l-h{font:6.4em/.95 "Instrument Serif",serif;letter-spacing:-.02em;margin:.15em 0 .2em}
.l-h i{color:#A4583E}
.l-p{font-size:1.3em;max-width:24em;color:#4B5A51}
.l-lg{margin-top:1.6em;font-size:1.05em}
.l-art{width:100%;height:24em}
.m-tesoura.d .l-low{display:grid;grid-template-columns:1.3fr 1fr;gap:3em;padding:1em 4em;align-items:start}
.l-row{display:grid!important;grid-template-columns:2.4em 1fr auto;align-items:baseline;padding:.75em 0;border-top:.08em solid #D8D0C2;font-size:1.05em}
.l-n{font:italic 1.2em/1 "Instrument Serif",serif;color:#A4583E}
.l-s{font-weight:600}.l-a{color:#7A5A49;font-size:.9em}
.l-fotos{display:grid!important;grid-template-columns:repeat(3,1fr);gap:.8em;padding-top:.6em}
.l-foto svg{width:100%;height:auto;border-radius:.6em;aspect-ratio:1}
.m-tesoura.p .l-nav{padding:3em 1.6em 1.2em}
.m-tesoura.p .l-logo{font-size:2.3em}
.m-tesoura.p .l-txt{padding:1.4em 1.6em 0}
.m-tesoura.p .l-h{font-size:4.2em}
.m-tesoura.p .l-art{height:16em;margin-top:.6em}
.m-tesoura.p .l-list{padding:.6em 1.6em}
.l-fix{position:absolute!important;left:1.6em;right:1.6em;bottom:2em;justify-content:center;font-size:1.15em;padding:.9em}

/* Rejunte Azul Materiais (fictícia) */
.m-firm{background:#F2F1EC;color:#1D1D1B}
.c-nav{display:flex!important;align-items:center;gap:2em;padding:1.6em 4em;background:#fff}
.c-logo{display:flex!important;align-items:center;gap:.7em;line-height:1}
.c-sq{display:grid!important;place-items:center;width:3em;height:3em;background:#1D1D1B;color:#5B9BFF;border-radius:.3em}
.c-sq .ic{width:1.8em;height:1.8em}
.c-logo b{display:block;font:1.7em/1 "Anton",sans-serif;letter-spacing:.02em}
.c-logo small{display:block;font-size:.8em;font-weight:700;letter-spacing:.3em;margin-top:.25em}
.c-busca{flex:1;background:#F2F1EC;border-radius:.4em;padding:.9em 1.2em;color:#6B6A63;font-size:1em}
.c-lista{display:flex!important;align-items:center;gap:.6em;font-weight:700;border:.14em solid #1D1D1B;padding:.7em 1.1em;border-radius:.4em;white-space:nowrap}
.c-lista b{display:inline-grid;place-items:center;width:1.6em;height:1.6em;border-radius:50%;background:#5B9BFF;font-size:.9em}
.m-firm.d .c-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:2em;background:#1D1D1B;color:#fff;margin:0 4em;border-radius:.8em;padding:3.2em 3.6em;height:22em;align-items:center}
.c-h{font:4.4em/1 "Anton",sans-serif;text-transform:uppercase;color:#5B9BFF;letter-spacing:.005em}
.c-p{font-size:1.25em;margin:.8em 0 1.4em;max-width:26em;color:#E9E8E2}
.c-b{display:inline-flex!important;align-items:center;gap:.5em;background:#5B9BFF;color:#1D1D1B;font-weight:700;padding:.8em 1.3em;border-radius:.4em;white-space:nowrap}
.c-tij{width:100%;height:auto}
.c-cats{padding:2em 4em}
.c-st{font:1.6em/1 "Anton",sans-serif;text-transform:uppercase;margin-bottom:.7em}
.c-grid{display:grid!important;grid-template-columns:repeat(6,1fr);gap:1em}
.c-cat{background:#fff;border-radius:.6em;padding:1em;font-weight:700;font-size:.95em;line-height:1.2}
.c-cat svg{width:3em;height:3em;margin-bottom:.6em}
.m-firm.p .c-nav{padding:3em 1.6em 1.2em}
.m-firm.p .c-busca{margin:1em 1.6em 0;flex:none}
.m-firm.p .c-hero{background:#1D1D1B;margin:1.2em 1.6em 0;border-radius:.8em;padding:1.8em 1.6em 1em}
.m-firm.p .c-h{font-size:2.9em}
.m-firm.p .c-tij{width:70%;margin:1em 0 0 auto}
.m-firm.p .c-grid{grid-template-columns:1fr 1fr;gap:.7em;padding:1.2em 1.6em}
.m-firm.p .c-cat{display:flex!important;align-items:center;gap:.6em;padding:.8em}
.m-firm.p .c-cat svg{width:2.4em;height:2.4em;margin:0;flex:none}
.c-bar{position:absolute!important;left:0;right:0;bottom:0;display:flex!important;align-items:center;justify-content:space-between;background:#fff;padding:1.2em 1.6em 2.4em;border-top:.1em solid #DDDCD5;font-size:1.05em}
.c-bar b{display:block;font-size:1.1em}
.c-bar .c-b{background:#1F8A4C;color:#fff}

/* celular: o celular do mock maior que o navegador */
@media (max-width:699px){
  .dupla{padding-right:0;padding-bottom:30%}
  .dupla .browser{width:86%}
  .phone{width:40%;padding:2.6%}
  .caso-vis{padding:8% 5% 6%}
  .caso-vis .phone{bottom:0}
  .caso-vis .dupla{margin-bottom:0;padding-bottom:32%}
  .um,.dois{min-height:0}
  .final .contato span{display:none}
  .final .contato{flex-direction:column}
}
.card-recomendada :focus-visible{outline-color:#fff}
@media (max-width:699px){.tag-prov{margin-bottom:16px}.hero .sub{margin-top:16px}.acoes{margin-top:24px}}

/* linha das 48h logo abaixo do título */
.linha48{margin-top:26px;font-size:13.5px;line-height:1.5;color:var(--mut);max-width:48ch}
.linha48+.acoes{margin-top:12px}

/* composição real: notebook + celular com prints da Tavinho */
.real{position:relative;padding:0 16% 9% 0}
.notebook{position:relative}
.nb-tela{background:#16152F;border-radius:14px 14px 0 0;padding:2.2% 2.2% 2.6%;box-shadow:0 40px 70px -30px rgba(33,31,84,.4)}
.nb-tela img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:3px;background:#1B1840}
.nb-base{height:clamp(10px,1.6vw,20px);margin:0 -6%;background:linear-gradient(#DAD9E8,#B9B8CC);border-radius:0 0 18px 18px/0 0 12px 12px;position:relative}
.nb-base::before{content:"";position:absolute;left:50%;top:0;width:14%;height:40%;transform:translateX(-50%);background:#AFAEC4;border-radius:0 0 8px 8px}
.ent-phone{width:24%}
.ent-phone img{width:100%;height:100%;object-fit:cover;object-position:top}
.ent-phone .scr{background:#1B1840}
.real-hero{margin-left:4%}
@media (max-width:699px){.real{padding:0 6% 30% 4%}.ent-phone{width:38%}.real-hero{margin-left:0}}

/* cartão do projeto entregue */
.entregue{padding-top:8px;padding-bottom:72px}
.ent-card{display:grid;gap:36px;background:var(--soft);border-radius:28px;padding:clamp(28px,5vw,64px)}
.ent-rot{padding-top:0}
.ent-card h2{margin-top:16px;font:400 clamp(32px,5vw,52px)/1.05 var(--serif);letter-spacing:-.02em}
.ent-linha{margin-top:16px;font-size:18px;color:var(--mut);max-width:34ch}
.ent-card .btn-linha{background:#fff}
.ent-card .btn-linha:hover{background:var(--tx);color:#fff}
@media (min-width:1080px){.ent-card{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;gap:56px}}

/* CTA final: filtro */
.final .filtro{color:#fff;font-weight:500}
.final .filtro+p{margin-top:8px}

.card-recomendada .preco-sub{color:#C9C8E0}

/* preço riscado (de/por) no cartão recomendado */
.preco-de{display:block;margin-bottom:8px;font-size:15px;color:#C9C8E0}
.preco-de s{text-decoration-thickness:1.5px}
/* caso real (Diamor) dentro de Projetos e exemplos */
.vis-diamor{background:#E9EBF3}
.caso-real .caso-vis{padding:7% 6% 0}
.caso-real .real{padding-bottom:12%}
.caso-real .tag-real{margin-top:0}
.tag-real{display:inline-block;font:600 11.5px/1 var(--sans);letter-spacing:.02em;text-transform:none;color:#fff;background:var(--tx);border:1px solid var(--tx);border-radius:999px;padding:6px 10px}
.ass a{color:inherit;text-underline-offset:3px}