/* Curva Viva: estilo baseado no template "Yellow Curve Marketing Agency" (Figma Community) */
:root{--blue:#247ae2;--blue-d:#1b63bf;--yellow:#ffd400;--navy:#002f68;--ink:#060026;--txt:#1d1d2b;--mut:#5a5f73;--soft:#f5f9ff;--line:#e6ebf4;--f:"Poppins",system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:6rem;font-size:clamp(14px,1.1vw,19px)}
body{font-family:var(--f);color:var(--txt);background:#fff;line-height:1.6;overflow-x:hidden;font-size:1rem}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button,input,textarea,select{font:inherit}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.w{width:min(100% - 2.5rem,max(62rem,78.5vw));margin:0 auto}
.demo-bar{background:#0b1320;color:#fff;font-size:.8125rem;text-align:center;padding:.5625rem 1rem}
.demo-bar a{color:var(--yellow);text-decoration:underline;text-underline-offset:3px}

/* cabeçalho */
.hd{position:sticky;top:0;z-index:40;background:#fff;box-shadow:0 1px 0 rgba(6,0,38,.06)}
.hd .w{display:flex;align-items:center;gap:2rem;min-height:5rem;position:relative}
.logo{display:inline-flex;align-items:center;gap:.6rem;font:600 1.45rem/1 var(--f);color:var(--ink);letter-spacing:-.01em;white-space:nowrap}
.logo svg{width:2.4rem;height:2.4rem;flex:none}
.logo small{display:block;font:500 .62rem/1 var(--f);letter-spacing:.22em;text-transform:uppercase;color:var(--blue);margin-top:.25rem}
.nav{display:flex;gap:2.2rem;margin:0 auto;font:500 .8125rem var(--f)}
.nav a{padding:.5rem 0;color:#111;border-bottom:2px solid transparent}
.nav a:hover{color:var(--blue)}
.nav a.on{color:var(--blue);font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;cursor:pointer;border-radius:999px;font:500 .8125rem var(--f);padding:.95rem 2.1rem;transition:background .15s,transform .15s,color .15s}
.btn-b{background:var(--blue);color:#fff}
.btn-b:hover{background:var(--blue-d);transform:translateY(-1px)}
.btn-y{background:var(--yellow);color:var(--ink);font-weight:600}
.btn-y:hover{background:#f2c800;transform:translateY(-1px)}
.btn-o{background:#fff;color:var(--blue);border:1.5px solid var(--blue)}
.btn-o:hover{background:var(--blue);color:#fff}
.hd .btn{padding:.9rem 1.9rem}
.menu{display:none;background:none;border:0;padding:.5rem;cursor:pointer;color:var(--ink);margin-left:auto}
.menu svg{width:1.7rem;height:1.7rem}
@media(max-width:980px){
  .menu{display:block}
  .hd .btn{display:none}
  .nav{display:none;position:absolute;left:-1.25rem;right:-1.25rem;top:100%;flex-direction:column;gap:0;margin:0;background:#fff;padding:.4rem 1.25rem 1.2rem;box-shadow:0 .8rem 1.6rem rgba(6,0,38,.12)}
  .nav.open{display:flex}
  .nav a{padding:.9rem 0;border-bottom:1px solid var(--line);font-size:1rem}
}

/* títulos de seção */
.eyebrow{display:block;font:400 .75rem var(--f);color:#111;text-align:center;margin-bottom:.4rem}
.h2{font:500 clamp(1.5rem,2.1vw,2.1rem)/1.2 var(--f);color:#000;text-align:center}
.h2 em,.h1 em,.hl,.phero h1 em{font-style:normal;color:var(--blue)}
.ey-l{font:400 .75rem var(--f);color:var(--blue);display:block;margin-bottom:.6rem}
.hy{color:var(--yellow);font-style:normal}
.sec{padding:clamp(3.5rem,6vw,6rem) 0}
.soft{background:var(--soft)}

/* formas decorativas */
.deco{position:absolute;pointer-events:none}
.deco svg{width:100%;height:100%}

/* hero */
.hero{position:relative;overflow:hidden}
.hero .w{display:grid;gap:2rem;align-items:center;min-height:clamp(30rem,40vw,41rem);padding:2rem 0}
@media(min-width:960px){.hero .w{grid-template-columns:1.05fr .95fr}}
.hello{font:400 .75rem var(--f);color:var(--blue);margin-bottom:.8rem;display:block}
.h1{font:500 clamp(1.8rem,2.8vw,2.7rem)/1.18 var(--f);color:#000;max-width:16ch}
.hero p.lead{font-size:.875rem;line-height:1.75;color:#222;max-width:60ch;margin:1.6rem 0 2.2rem}
.stage{position:relative;width:100%;max-width:34rem;aspect-ratio:1/.92;justify-self:center}
.stage .c-y{position:absolute;left:14%;top:12%;width:54%;height:66%;background:var(--yellow);border-radius:1.4rem;transform:rotate(-8deg)}
.stage .c-b1{position:absolute;left:8%;top:22%;width:30%;height:60%;background:#3a8df0;border-radius:1.3rem;transform:rotate(14deg);opacity:.92}
.stage .c-b2{position:absolute;left:38%;top:24%;width:46%;height:58%;background:var(--blue);border-radius:1.4rem;overflow:hidden}
.stage .c-b2::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 30% 70%,transparent 0 .55rem,rgba(255,255,255,.13) .55rem .62rem)}
.stage .pic{position:absolute;left:39%;bottom:18%;width:49%;height:auto;z-index:2}
.stage .d1{left:6%;top:0;width:32%;height:28%;z-index:1}
.stage .d2{right:2%;top:2%;width:11%;aspect-ratio:1;z-index:1}
.stage .d3{left:12%;top:55%;width:9%;aspect-ratio:1;z-index:3}
.stage .d4{left:28%;bottom:2%;width:15%;aspect-ratio:1;z-index:3}
.scroll-ic{position:absolute;left:49%;bottom:4%;width:1.8rem;height:2.8rem;border:2px solid var(--blue);border-radius:1rem;display:none}
.scroll-ic::after{content:"";position:absolute;left:50%;top:.5rem;width:.18rem;height:.5rem;background:var(--yellow);border-radius:2px;transform:translateX(-50%)}
@media(min-width:960px){.scroll-ic{display:block}}
.hero .acts{display:flex;gap:.8rem;flex-wrap:wrap}

/* serviços */
.svcs{display:grid;gap:1.5rem;margin-top:3rem}
@media(min-width:640px){.svcs{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.svcs{grid-template-columns:repeat(4,1fr)}}
.svc{background:#fff;border:1px solid var(--line);border-radius:.9rem;padding:2.2rem 1.6rem 1.8rem;text-align:center;display:flex;flex-direction:column;align-items:center;transition:box-shadow .2s,transform .2s}
.svc:hover{box-shadow:0 .8rem 2rem rgba(36,122,226,.12);transform:translateY(-3px)}
.svc svg.ic{width:3.4rem;height:3.4rem;color:var(--blue);margin-bottom:1.4rem}
.svc h3{font:600 1.0625rem var(--f);color:#000;margin-bottom:.8rem}
.svc p{font-size:.78rem;line-height:1.7;color:#333;margin-bottom:1.3rem}
.svc a.go{margin-top:auto;color:var(--blue);display:inline-flex}
.svc a.go svg{width:2rem;height:1rem}

/* sobre (home) */
.about{display:grid;gap:3rem;align-items:center}
@media(min-width:900px){.about{grid-template-columns:1fr 1fr;gap:5rem}}
.fig2{position:relative;width:100%;max-width:27rem;aspect-ratio:1/1.05;margin:0 auto}
.fig2 .y{position:absolute;left:0;bottom:0;width:86%;height:75%;background:var(--yellow);border-radius:1.8rem}
.fig2 .y::before{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-radial-gradient(ellipse at 40% 80%,transparent 0 .6rem,rgba(255,255,255,.35) .6rem .67rem)}
.fig2 img.pic{position:absolute;left:30%;bottom:0;width:62%;height:auto;z-index:2}
.fig2 .badge{position:absolute;left:-2%;top:2%;z-index:3;background:var(--blue);color:#fff;border:.5rem solid #fff;border-radius:1rem;padding:1rem 1.3rem;font:500 1.0625rem/1.25 var(--f);max-width:12.5rem}
.fig2 .badge b{color:var(--yellow);font-weight:500}
.fig2 .hash{position:absolute;right:2%;bottom:6%;width:15%;color:var(--blue);z-index:3}
.about h2{font:500 clamp(1.6rem,2.4vw,2.4rem)/1.2 var(--f);color:#000;margin-bottom:1.6rem}
.about p{font-size:.78rem;line-height:1.9;color:#222;margin-bottom:1.2rem;max-width:62ch}
.about .btn{margin-top:1rem}

/* portfólio */
.pf{display:grid;gap:.8rem;margin-top:3rem}
.pf button{position:relative;display:block;border:0;padding:0;cursor:pointer;background:#ddd;overflow:hidden;border-radius:.3rem}
.pf img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;transition:transform .4s}
.pf button:hover img{transform:scale(1.05)}
.pf button::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(36,122,226,.85),transparent 55%);opacity:0;transition:opacity .25s}
.pf button:hover::after,.pf button:focus-visible::after{opacity:1}
.pf .lm{position:absolute;left:50%;bottom:1.1rem;transform:translate(-50%,.5rem);z-index:2;display:inline-flex;align-items:center;gap:.5rem;color:#fff;border:1px solid #fff;border-radius:999px;padding:.55rem 1.4rem;font:400 .75rem var(--f);opacity:0;transition:opacity .25s,transform .25s;white-space:nowrap}
.pf .lm svg{width:1rem;height:1rem}
.pf button:hover .lm,.pf button:focus-visible .lm{opacity:1;transform:translate(-50%,0)}
.pf button[hidden]{display:none}
@media(min-width:640px){.pf{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.pf{grid-template-columns:repeat(3,1fr)}}
.pf-full{width:100%}
.chips{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:2rem}
.chips button{border:1.5px solid var(--line);background:#fff;color:#222;border-radius:999px;padding:.5rem 1.3rem;font:500 .8125rem var(--f);cursor:pointer}
.chips button:hover{border-color:var(--blue);color:var(--blue)}
.chips button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}
.lb{position:fixed;inset:0;z-index:90;background:rgba(6,0,38,.86);display:none;align-items:center;justify-content:center;padding:1.5rem}
.lb.open{display:flex}
.lb figure{max-width:min(60rem,100%);position:relative}
.lb img{max-height:76vh;width:auto;max-width:100%;border-radius:.6rem;margin:0 auto}
.lb figcaption{color:#fff;text-align:center;margin-top:.9rem;font-size:.9rem}
.lb .x{position:absolute;top:-2.6rem;right:0;background:none;border:0;color:#fff;font-size:2rem;cursor:pointer;line-height:1}

/* depoimentos */
.dep{text-align:center}
.dep .q{width:2.6rem;height:2.6rem;margin:2.4rem auto 1.2rem;color:var(--blue)}
.dep blockquote{font:600 clamp(1.25rem,2.4vw,2.2rem)/1.3 var(--f);color:var(--ink);max-width:30ch;margin:0 auto;min-height:3.9em}
.dep .who{display:inline-flex;align-items:center;gap:1rem;margin-top:2rem;text-align:left}
.dep .who img{width:3.4rem;height:3.4rem;border-radius:50%;object-fit:cover;border:3px solid var(--blue)}
.dep .who b{display:block;color:var(--blue);font:600 1.0625rem var(--f)}
.dep .who span{font-size:.9rem;color:#111}
.dots{display:flex;gap:.6rem;justify-content:center;margin-top:2.2rem}
.dots button{width:.6rem;height:.6rem;border-radius:50%;border:0;background:#ffeb85;cursor:pointer;padding:0}
.dots button[aria-current=true]{background:var(--yellow);box-shadow:0 0 0 3px #fff6c4}
.note{font-size:.78rem;color:#6b7083;text-align:center;margin-top:1.4rem}

/* faixa de contato azul */
.cta-b{position:relative;background:var(--blue);color:#fff;overflow:hidden}
.cta-b .w{display:grid;gap:2.5rem;padding:clamp(3.5rem,6vw,6rem) 0;position:relative;z-index:1}
@media(min-width:900px){.cta-b .w{grid-template-columns:1fr 1.15fr;align-items:end}}
.cta-b h2{font:500 clamp(1.5rem,2.2vw,2.2rem)/1.2 var(--f);color:#fff}
.cta-b p{font-size:.78rem;line-height:1.8;max-width:40ch;margin-top:1rem}
.cta-b .ey{font:400 .75rem var(--f);display:block;margin-bottom:1rem}
.soc{display:flex;gap:.9rem;margin-top:2rem}
.soc a{width:2.3rem;height:2.3rem;border:1.5px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff}
.soc a:hover{background:#fff;color:var(--blue)}
.soc svg{width:1rem;height:1rem}
.form{display:grid;gap:.9rem}
@media(min-width:560px){.form{grid-template-columns:1fr 1fr}.form .full{grid-column:1/-1}}
.form label{display:block;position:relative}
.form input,.form textarea,.form select{width:100%;background:transparent;border:1.5px solid rgba(255,255,255,.7);border-radius:999px;padding:.8rem 1.2rem;color:#fff;font:400 .75rem var(--f);appearance:none}
.form select option{color:#111}
.form textarea{border-radius:1.3rem;min-height:6.5rem;resize:vertical}
.form input::placeholder,.form textarea::placeholder{color:rgba(255,255,255,.85)}
.form .row{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap}
.form .priv{display:flex;gap:.6rem;align-items:center;font-size:.7rem}
.form .priv input{width:1rem;height:1rem;padding:0;border-radius:3px;accent-color:var(--yellow)}
.form-err{display:none;color:#ffe27a;font-size:.8rem;grid-column:1/-1}
.form-err.show{display:block}

/* páginas internas */
.phero{background:var(--soft);position:relative;overflow:hidden;padding:clamp(3rem,5vw,5rem) 0}
.phero .w{position:relative;z-index:1;text-align:center}
.phero h1{font:500 clamp(1.8rem,3vw,2.8rem)/1.2 var(--f);color:#000}
.phero p{max-width:52ch;margin:1.2rem auto 0;font-size:.9rem;color:#333;line-height:1.75}
.crumb{font-size:.75rem;color:var(--mut);margin-bottom:1rem;display:block}
.crumb a{color:var(--blue)}
.blocks{display:grid;gap:3.5rem;margin-top:3.5rem}
.blk{display:grid;gap:2rem;align-items:center}
@media(min-width:900px){.blk{grid-template-columns:1fr 1fr;gap:4.5rem}.blk:nth-child(even) .pic{order:2}}
.blk .pic{border-radius:1.2rem;overflow:hidden;background:var(--soft);aspect-ratio:4/3}
.blk .pic img{width:100%;height:100%;object-fit:cover}
.blk h3{font:500 1.6rem/1.25 var(--f);color:#000;margin-bottom:1rem}
.blk .ic{width:3.2rem;height:3.2rem;color:var(--blue);margin-bottom:1rem}
.blk p{font-size:.875rem;line-height:1.85;color:#222;margin-bottom:1rem;max-width:56ch}
.blk ul{margin:.4rem 0 1.4rem;display:grid;gap:.5rem}
.blk li{font-size:.875rem;display:flex;gap:.7rem;align-items:flex-start}
.blk li::before{content:"";flex:none;width:1.1rem;height:1.1rem;margin-top:.2rem;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.5l2.6 2.6L13 6.6' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.steps{display:grid;gap:1.5rem;margin-top:3rem;counter-reset:s}
@media(min-width:800px){.steps{grid-template-columns:repeat(3,1fr)}}
.step{background:#fff;border:1px solid var(--line);border-radius:.9rem;padding:2rem 1.7rem;counter-increment:s}
.step::before{content:counter(s);display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--yellow);color:var(--ink);font:600 1.1rem var(--f);margin-bottom:1.2rem}
.step h3{font:600 1.0625rem var(--f);margin-bottom:.6rem;color:#000}
.step p{font-size:.8125rem;line-height:1.75;color:#333}
.vals{display:grid;gap:1.5rem;margin-top:3rem}
@media(min-width:800px){.vals{grid-template-columns:repeat(3,1fr)}}
.val{border:1px solid var(--line);border-radius:.9rem;padding:2rem 1.7rem;background:#fff}
.val .ic{width:2.8rem;height:2.8rem;color:var(--blue);margin-bottom:1.1rem}
.val h3{font:600 1.0625rem var(--f);margin-bottom:.6rem;color:#000}
.val p{font-size:.8125rem;line-height:1.75;color:#333}
.team{display:grid;gap:1.5rem;margin-top:3rem}
@media(min-width:720px){.team{grid-template-columns:repeat(3,1fr)}}
.team figure{background:#fff;border:1px solid var(--line);border-radius:.9rem;overflow:hidden}
.team img{width:100%;aspect-ratio:4/3;object-fit:cover}
.team figcaption{padding:1.2rem 1.4rem 1.5rem}
.team b{display:block;font:600 1.0625rem var(--f);color:#000}
.team span{font-size:.8125rem;color:var(--blue)}
.wide{border-radius:1.2rem;overflow:hidden;margin-top:3.5rem}
.wide img{width:100%;max-height:26rem;object-fit:cover}
.infos{display:grid;gap:1.2rem;margin-top:3rem}
@media(min-width:800px){.infos{grid-template-columns:repeat(3,1fr)}}
.info{border:1px solid var(--line);border-radius:.9rem;padding:1.8rem 1.6rem;background:#fff}
.info .ic{width:2.6rem;height:2.6rem;border-radius:50%;background:var(--soft);color:var(--blue);display:grid;place-items:center;margin-bottom:1rem}
.info .ic svg{width:1.3rem;height:1.3rem}
.info h3{font:600 1rem var(--f);margin-bottom:.4rem}
.info p{font-size:.8125rem;color:#333;line-height:1.7}
.map{margin-top:2rem;height:20rem;border-radius:1.2rem;overflow:hidden;border:1px solid var(--line);background:#eef1f6}
.map svg{width:100%;height:100%}

/* rodapé */
.foot{background:var(--navy);color:#fff;padding:4.5rem 0 0}
.foot .w{display:grid;gap:2.5rem}
@media(min-width:900px){.foot .w{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.foot .logo{color:#fff}
.foot .logo small{color:var(--yellow)}
.foot h4{font:600 1.0625rem var(--f);margin-bottom:1.4rem}
.foot li{margin-bottom:.9rem;font-size:.8125rem}
.foot li a:hover{color:var(--yellow)}
.foot .soc{margin-top:1.8rem}
.foot .cp{margin-top:3.5rem;border-top:1px solid rgba(255,255,255,.12);padding:1.6rem 0;text-align:center;font-size:.8125rem;color:#d9e4f5}
.foot .cp span{display:block}
.foot .cp span+span{font-size:.72rem;color:#9db3d6;margin-top:.3rem}

.wa-float{position:fixed;right:1.1rem;bottom:1.1rem;z-index:35;width:3.6rem;height:3.6rem;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.25)}
.wa-float svg{width:1.9rem;height:1.9rem}
.js .rv{opacity:0;transform:translateY(.9rem);transition:opacity .6s,transform .6s}
.js .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}.pf img,.svc,.btn{transition:none}}

/* ===== página inicial: composição fiel ao modelo (escopo .home) ===== */
.home .hero .w{grid-template-columns:1fr;min-height:35.5rem}
@media(min-width:960px){.home .hero .w{grid-template-columns:1fr minmax(0,36.2rem)}}
.home .stage{max-width:36.2rem;aspect-ratio:520/430;justify-self:end}
.home .stage .c-y{left:35%;top:11%;width:50%;height:70%;transform:rotate(-11.5deg);border-radius:1.5rem}
.home .stage .c-b1{left:35%;top:17%;width:42%;height:70%;transform:rotate(-22deg);border-radius:1.5rem;opacity:1;background:#3a8df0}
.home .stage .c-b2{left:42.3%;top:19%;width:49.4%;height:71%;border-radius:1.9rem}
.home .stage .pic{left:53%;bottom:9.8%;width:44.5%}
.home .stage .d1{left:8.5%;top:1.5%;width:30%;height:22%;aspect-ratio:auto}
.home .stage .d2{left:88%;top:.5%;width:11%;aspect-ratio:1}
.home .stage .d3{left:10.5%;top:42%;width:9.5%;aspect-ratio:1}
.home .stage .d4{left:21%;top:70%;width:15.5%;aspect-ratio:1;bottom:auto}
.home .stage .scroll-ic{left:.6%;top:87%;bottom:auto}
@media(min-width:960px){.home .stage .scroll-ic{display:block}}
.home .scroll-ic{width:1.9rem;height:3.2rem}

.home .about{position:relative}
@media(min-width:900px){.home .about{grid-template-columns:30rem 1fr;gap:6rem}}
.home .fig2{max-width:30rem;aspect-ratio:425/471;margin:0}
.home .fig2 .y{width:80%;height:82.4%}
.home .fig2 img.pic{left:6.4%;width:89.4%}
.home .fig2 .badge{left:57%;top:9%;width:43%;max-width:none;border-width:.45rem;border-radius:.9rem;padding:.9rem 1.1rem;font:500 1.4rem/1.2 var(--f)}
.home .fig2 .hash{right:0;bottom:3.8%;width:13%}
.home .fig2 .deco{z-index:1}
.home .about .arrow-b{display:none;right:0;bottom:-2.2rem;width:13.8rem;height:8rem;color:var(--blue)}
@media(min-width:900px){.home .about .arrow-b{display:block}}

/* portfólio em carrossel de ponta a ponta */
.home .car{display:flex;gap:1.14rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:3.2rem;padding:0}
.home .car::-webkit-scrollbar{display:none}
.home .car .col{flex:none;display:grid;gap:1.14rem;scroll-snap-align:start}
.home .car .one{width:min(28.6rem,86vw);grid-template-rows:30.4rem}
.home .car .two{width:min(18.75rem,70vw);grid-template-rows:14.6rem 14.6rem}
.home .car button{height:100%;border-radius:.6rem}
.home .car img{aspect-ratio:auto;height:100%}
.home .car .lm{white-space:nowrap}
.home .pfc-ctl{display:flex;align-items:center;gap:3.8rem;margin-top:2.6rem}
.home .pfc-bar{flex:1;height:.55rem;border-radius:99px;background:#e9ecf1;position:relative;overflow:hidden}
.home .pfc-bar i{position:absolute;left:0;top:0;bottom:0;width:20%;border-radius:99px;background:var(--blue);transition:left .2s}
.home .pfc-arr{display:flex;gap:1.6rem}
.home .pfc-arr button{width:3.6rem;height:3.6rem;border-radius:.6rem;border:1px solid var(--blue);background:#fff;color:var(--blue);display:grid;place-items:center;cursor:pointer}
.home .pfc-arr button.nx{background:var(--blue);color:#fff}
.home .pfc-arr button:disabled{opacity:.45;cursor:default}
.home .pfc-arr svg{width:1.5rem;height:.9rem}
.home .pfc-arr .pv svg{transform:rotate(180deg)}
@media(max-width:640px){.home .pfc-ctl{gap:1.5rem}.home .pfc-arr{gap:.7rem}.home .pfc-arr button{width:3rem;height:3rem}}

/* depoimento */
.home .dep blockquote{font:700 clamp(1.4rem,3.1vw,2.9rem)/1.25 var(--f);max-width:31ch;min-height:5.2em}
.home .dep blockquote b{color:var(--blue);font-weight:700}

/* faixa azul de contato */
.home .cta-b .w{padding:7.8rem 0 6.6rem}
@media(min-width:900px){.home .cta-b .w{grid-template-columns:1fr 33rem;align-items:center;gap:3rem}}
.home .cta-b .deco{z-index:0}
.home .cta-b .arrow-w{left:0;top:0;width:8.7rem;height:7.7rem;color:#fff}
.home .form{gap:1.15rem}
.home .form input,.home .form textarea,.home .form select{border-width:1px;border-color:rgba(255,255,255,.85);padding:.62rem 1rem .62rem 2.7rem;font-size:.72rem}
.home .form textarea{min-height:5.6rem;border-radius:1.3rem}
.home .form .fi{position:absolute;left:.95rem;top:.55rem;width:1.1rem;height:1.1rem;color:#fff;pointer-events:none}
.home .form label.full .fi{top:.75rem}
.home .form .btn-y{padding:.6rem 1.5rem;gap:.6rem;font-size:.75rem}
.home .form .btn-y svg{width:1rem;height:1rem}
.home .form .priv{font-size:.62rem}

.band{height:36rem;overflow:hidden;background:#cfd6e4}
.band img{width:100%;height:100%;object-fit:cover}

/* rodapé como no modelo */
@media(min-width:900px){.home .foot .w{grid-template-columns:1fr 10.3rem 10.3rem 7.2rem}}
.home .foot .logo{flex-direction:column;align-items:center;width:max-content;font-size:1.6rem;gap:.5rem}
.home .foot .logo svg{width:3.4rem;height:3.4rem}
.home .foot .logo small{text-align:center}
.home .foot .soc{margin-top:1.6rem}

/* voltar ao topo */
.totop{position:fixed;right:5.6rem;bottom:1.2rem;z-index:34;width:3.4rem;height:3.4rem;border-radius:50%;border:0;background:var(--yellow);color:var(--blue);display:none;place-items:center;cursor:pointer;box-shadow:0 .4rem 1.2rem rgba(0,0,0,.2)}
.totop.show{display:grid}
.totop svg{width:1.3rem;height:1.3rem}
.home .fig2 img.pic{transform:scaleX(-1)}
.home .form .priv input{width:1rem;height:1rem;padding:0;border-radius:3px}
.home .form textarea{resize:none}
@media(max-width:899px){.home .cta-b .bigc{display:none}.home .cta-b .w{padding-top:9rem}.home .hero .w{min-height:0}}
/* ajuste fino do topo (comparado ao modelo) */
.home .stage .c-b1{z-index:0;left:34%;top:24%;width:42%;height:58%}
.home .stage .c-y{z-index:1}
.home .stage .c-b2{z-index:2}
.home .stage .pic{z-index:3}
.home .stage .d1{left:8.7%;top:1.6%;width:29.5%;height:19.5%}
.home .stage .d1 path{vector-effect:non-scaling-stroke;stroke-width:3.6px}
.home .h1{font-weight:600}
.btn{padding:.62rem 1.9rem;font-size:.75rem}
.hd .btn{padding:.62rem 1.9rem}
.hd .w{min-height:5.8rem}
.home .hero .w{min-height:34.5rem}
.form .btn-y{font-size:.75rem}
.home .stage .d1{left:6%;width:32%;top:1%;height:21%}