/* Lamas White Label · o que é só deste site: carrossel de serviços, seções claras de leitura B2B,
   produtos, vantagens, processo, serviços e granel, abas dos três formulários. */

:root{--papel:#f3f0e9;--tinta:#0B0A08;--t80:rgba(11,10,8,.8);--t60:rgba(11,10,8,.62);
  --tl:rgba(11,10,8,.12);--tl2:rgba(11,10,8,.22);--ouro-escuro:#805D1C}
.h1{font-size:clamp(46px,6.4vw,88px);line-height:.98}

/* ---------- herói em carrossel ---------- */
.heroi{position:relative;height:100vh;height:100svh;min-height:640px;overflow:hidden;background:#000}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}
.slide.ativo{opacity:1;visibility:visible;transition:opacity .9s ease}
.slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 7s ease}
.slide.ativo>img{transform:scale(1)}
.slide::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.6) 42%,rgba(0,0,0,.12) 78%),linear-gradient(0deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 40%)}
.slide-tx{position:absolute;left:var(--mx);right:var(--mx);bottom:150px;z-index:2;max-width:880px}
.slide-tx .kicker{color:var(--ouro-texto)}
.slide-tx h1,.slide-tx h2{margin-top:20px;max-width:12em}
.slide-tx .lede{margin-top:24px}
.pontos{position:absolute;left:var(--mx);right:var(--mx);bottom:44px;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pontos button{background:none;border:0;cursor:pointer;text-align:left;padding:16px 0 0;position:relative;color:var(--b60);
  font-family:var(--sans);font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.pontos button::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--linha2)}
.pontos button::after{content:"";position:absolute;left:0;top:0;height:2px;width:0;background:var(--ouro-claro)}
.pontos button[aria-current="true"]{color:var(--b1)}
.pontos button[aria-current="true"]::after{width:100%;transition:width 6.5s linear}
@media (prefers-reduced-motion:reduce){.pontos button[aria-current="true"]::after{transition:none}.slide>img{transform:none;transition:none}}

/* ---------- faixa de confiança ---------- */
.confianca{display:grid;grid-template-columns:repeat(4,1fr);background:var(--quente);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.confianca div{padding:34px var(--mx) 34px 32px;border-left:1px solid var(--linha)}
.confianca div:first-child{border-left:0;padding-left:var(--mx)}
.confianca b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(32px,3vw,46px);line-height:1;color:var(--b1)}
.confianca span{display:block;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--b60);margin-top:10px;max-width:16em;line-height:1.5}

/* ---------- seções claras ---------- */
.sec.clara{background:var(--papel);color:var(--t80)}
.clara h2,.clara h3,.clara b{color:var(--tinta)}
.clara .kicker{color:var(--ouro-escuro)}
.clara .lede{color:var(--t80)}
.clara .dupla .texto p{color:var(--t80)}
.cab .lede{margin-top:20px}

.mosaico{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;aspect-ratio:1/1}
.mosaico img{width:100%;height:100%;object-fit:cover;border-radius:3px}
.mosaico .m1{grid-row:1/3}

/* produtos */
.produtos{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:60px}
.produtos img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:3px}
.produtos h3{margin-top:22px;font-size:30px}
.produtos p{margin-top:10px;font-size:14.5px;line-height:1.55}
.sec .nota{margin-top:44px;padding-top:22px;border-top:1px solid var(--linha);font-family:var(--serif);font-style:italic;font-size:22px;color:var(--b90)}

/* terceirização */
.dupla.inversa .foto{order:-1;aspect-ratio:4/5}
.lista-serif{list-style:none;margin-top:30px;border-top:1px solid var(--tl)}
.lista-serif li{padding:20px 0 20px 34px;border-bottom:1px solid var(--tl);position:relative;
  font-family:var(--serif);font-size:clamp(19px,1.7vw,23px);line-height:1.35;color:var(--tinta)}
.lista-serif li::before{content:"";position:absolute;left:0;top:31px;width:18px;height:1px;background:var(--ouro-escuro)}

/* vantagens */
.vantagens{list-style:none;counter-reset:v;display:grid;grid-template-columns:repeat(5,1fr);gap:40px 26px;margin-top:60px}
.vantagens li{counter-increment:v;border-top:1px solid var(--linha2);padding-top:18px}
.vantagens li::before{content:counter(v,decimal-leading-zero);display:block;font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--ouro)}
.vantagens b{display:block;font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.15;margin-top:10px}
.vantagens span{display:block;font-size:13.5px;line-height:1.5;color:var(--b60);margin-top:8px}

/* processo */
.processo{list-style:none;counter-reset:p;display:grid;grid-template-columns:repeat(6,1fr);gap:22px;margin-top:60px;position:relative}
.processo li{counter-increment:p;position:relative;padding-top:64px}
.processo li::before{content:counter(p,decimal-leading-zero);position:absolute;top:0;left:0;width:46px;height:46px;border:1px solid var(--tl2);
  border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--ouro-escuro);background:var(--papel)}
.processo li:not(:last-child)::after{content:"";position:absolute;top:23px;left:58px;right:-10px;height:1px;background:var(--tl2)}
.processo b{display:block;font-family:var(--serif);font-weight:400;font-size:23px;line-height:1.12}
.processo span{display:block;font-size:13.5px;line-height:1.5;margin-top:8px;color:var(--t60)}

/* prova */
.prova{position:relative;min-height:78vh;display:flex;align-items:flex-end;overflow:hidden}
.prova>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.prova-scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.5) 45%,rgba(0,0,0,.1) 100%)}
.prova-tx{position:relative;padding:0 var(--mx) 90px;max-width:900px}
.prova-tx h2{margin-top:16px}
.prova-tx p{margin-top:20px;max-width:36em;color:var(--b90)}

/* serviços e granel */
.servicos-grade{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(36px,6vw,100px);align-items:start}
.servicos-grade h2{margin-top:16px}
.servicos{list-style:none;margin-top:34px;border-top:1px solid var(--tl)}
.servicos li{padding:17px 0 17px 34px;border-bottom:1px solid var(--tl);position:relative;font-size:16px;color:var(--tinta)}
.servicos li::before{content:"";position:absolute;left:2px;top:22px;width:8px;height:13px;border:solid var(--ouro-escuro);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.granel{background:var(--tinta);color:var(--b80);border-radius:3px;padding:clamp(28px,3.4vw,46px)}
.granel .kicker{color:var(--ouro-texto)}
.granel h3{color:var(--b1);margin-top:14px;font-size:30px}
.granel p{margin-top:14px;font-size:14.5px}
.granel ul{list-style:none;margin-top:20px;border-top:1px solid var(--linha)}
.granel li{padding:12px 0;border-bottom:1px solid var(--linha);font-family:var(--serif);font-size:20px;color:var(--b1)}
.granel .mini{font-size:12px;color:var(--b60)}

/* contato e abas */
.dupla.topo-alinhado{align-items:start}
.contato-dados{margin-top:36px;border-top:1px solid var(--linha)}
.contato-dados div{padding:16px 0;border-bottom:1px solid var(--linha)}
.contato-dados dt{font-size:9.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--b60)}
.contato-dados dd{font-family:var(--serif);font-size:22px;color:var(--b1);margin-top:4px}
.abas-nav{display:flex;gap:4px;flex-wrap:wrap}
.abas-nav button{flex:1;min-width:max-content;background:transparent;border:1px solid var(--linha);border-bottom:0;border-radius:3px 3px 0 0;
  padding:14px 16px;cursor:pointer;font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--b60)}
.abas-nav button[aria-selected="true"]{background:var(--preto);color:var(--b1);border-color:var(--linha2)}
.abas .form{border-top-left-radius:0}
.abas .form[hidden]{display:none}

.rod-nav{display:flex;flex-wrap:wrap;gap:12px 26px}
.rod-nav a{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--b80)}
.rod-nav a:hover{color:var(--b1)}

/* ---------- responsivo ---------- */
@media (max-width:1100px){
  .produtos{grid-template-columns:1fr 1fr;gap:40px 24px}
  .vantagens{grid-template-columns:repeat(2,1fr)}
  .processo{grid-template-columns:repeat(3,1fr);gap:44px 22px}
  .processo li:nth-child(3)::after{display:none}
  .servicos-grade{grid-template-columns:1fr}
}
@media (max-width:900px){
  .confianca{grid-template-columns:1fr 1fr}
  .confianca div{padding:26px var(--mx)!important;border-left:0;border-top:1px solid var(--linha)}
  .slide-tx{bottom:140px}
  .pontos span{font-size:9px}
  .dupla.inversa .foto{order:-1}
}
@media (max-width:600px){
  .produtos,.vantagens{grid-template-columns:1fr}
  .processo{grid-template-columns:1fr}
  .processo li::after{display:none}
  .pontos{gap:10px}
  .pontos button{font-size:0}
  .pontos button span{display:none}
  .slide-tx{bottom:96px}
  .mosaico{aspect-ratio:auto;grid-template-rows:200px 200px}
  .abas-nav button{flex:1 1 100%;border-radius:3px;border-bottom:1px solid var(--linha)}
  .confianca{grid-template-columns:1fr 1fr}
}
.acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
@media (max-width:600px){.acoes .btn{flex:1 1 100%}}
@media (max-width:900px){.slide::after{background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.72) 40%,rgba(0,0,0,.94) 75%)}}