 
@font-face { font-family:'Barlow Condensed'; src:url('../fonts/BarlowCondensed-Bold.woff2')      format('woff2'), url('../fonts/BarlowCondensed-Bold.ttf')      format('truetype'); font-weight:700; font-display:swap }
.obrigado-card .obrigado-adiantar { font-size:.9rem; color:var(--texto-3); margin-top:16px }
.obrigado-ctas { justify-content:center; margin-top:24px }
.topo-tel.voltar-pagina { display:flex }
.privacidade-ctas { margin-top:34px }
.rodape-sem-margem { margin:0 }
@font-face { font-family:'Barlow Condensed'; src:url('../fonts/BarlowCondensed-ExtraBold.woff2') format('woff2'), url('../fonts/BarlowCondensed-ExtraBold.ttf') format('truetype'); font-weight:800; font-display:swap }
@font-face { font-family:'Poppins'; src:url('../fonts/Poppins-Regular.woff2')  format('woff2'), url('../fonts/Poppins-Regular.ttf')  format('truetype'); font-weight:400; font-display:swap }
@font-face { font-family:'Poppins'; src:url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.ttf') format('truetype'); font-weight:600; font-display:swap }

:root{
   
  --oxford:#000B17;
  --navy:#002BC9;
  --cobalt:#154FC0;
  --azure:#0091FF;
  --cyan:#00D9FF;
  --white-tech:#F4F6F8;
  --tsubaki:#0099FF;    

  --page:#00060F;
  --surface:#0A1526;
  --surface-2:#0F1D33;
  --linha:rgba(255,255,255,.10);
  --linha-forte:rgba(255,255,255,.18);

  --texto:#E8EEF6;
  --texto-2:#A9BBD1;
  --texto-3:#6F86A3;

  --tinta:#08111F;
  --tinta-2:#44576F;
  --tinta-3:#7C8DA3;

  --ok:#12B76A;
  --alerta:#F79009;
  --erro:#F04438;
  --zap:#25D366;
  --profundo:#0A2050;
  --estrela:#F5B739;    

  --r-sm:8px; --r:12px; --r-lg:18px; --r-xl:26px;
  --ease:cubic-bezier(.22,1,.36,1);
  --max:1180px;

  --escala-base:1;         
  --escala-titulo:1;       
  --peso-titulo:800;       
  --peso-corpo:400;        
  --brilho:.65;            
  --raio:26px;             
}

*,*::before,*::after{ box-sizing:border-box }
 
html{ font-size:calc(100% * var(--escala-base)); -webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:80px }

[hidden]{ display:none !important }

body{
  margin:0;
  font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  font-size:1rem; line-height:1.62;
  font-weight:var(--peso-corpo);
  color:var(--texto);
  background:var(--page);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

h1,h2,h3,.cond{
  font-family:'Barlow Condensed','Poppins',sans-serif;
  font-weight:var(--peso-titulo); line-height:1.02; letter-spacing:-.015em;
  margin:0; text-transform:uppercase;
  text-wrap:balance;
}
p,.secao-intro,.hero-sub{ text-wrap:pretty }
.pt{ color:var(--cyan) }

p{ margin:0 0 1rem }
a{ color:var(--cyan); text-decoration:none }
a:hover{ text-decoration:underline }
img,svg{ max-width:100%; height:auto; display:block }

.wrap{ width:100%; max-width:var(--max); margin:0 auto; padding:0 20px }

@media(min-width:1440px){ :root{ --max:1300px } }
@media(min-width:1760px){ :root{ --max:1420px } }
.sprite{ position:absolute; width:0; height:0; overflow:hidden }
.sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap }

.progresso{
  position:fixed; top:0; left:0; height:3px; width:100%; z-index:400;
  transform-origin:0 50%; transform:scaleX(0);
  background:linear-gradient(90deg,var(--navy),var(--azure),var(--cyan));
  box-shadow:0 0 14px rgba(0,145,255,calc(.55 * var(--brilho)));
}

.reveal{
  opacity:0; transform:translateY(26px);
  transition:opacity .68s var(--ease), transform .68s var(--ease);
  transition-delay:var(--atraso,0ms);
}
.reveal.visivel{ opacity:1; transform:none }

.hero .reveal{ opacity:1; transform:none }

@keyframes hero-entra{
  from{ transform:translateY(14px) }
  to  { transform:none }
}
.hero-texto > *{
  animation:hero-entra .62s var(--ease) both;
  animation-delay:var(--entrada,0ms);
}
.hero-texto > .selo       { --entrada:0ms }
.hero-texto > h1          { --entrada:60ms }
.hero-texto > .hero-sub   { --entrada:130ms }
.hero-texto > .destaques  { --entrada:190ms }
.hero-texto > .ctas       { --entrada:250ms }
.hero-texto > .hero-secundario{ --entrada:300ms }

@media (prefers-reduced-motion:reduce){
  .hero-texto > *{ animation:none }
}

@keyframes flutua{
  0%,100%{ transform:translateY(0) }
  50%    { transform:translateY(-14px) }
}
@keyframes pulsa{
  0%,100%{ opacity:.55; transform:scale(1) }
  50%    { opacity:1;   transform:scale(1.35) }
}
@keyframes brilha{
  0%  { background-position:-180% 0 }
  100%{ background-position:280% 0 }
}

@media (prefers-reduced-motion:reduce){
  *{ animation:none !important; transition:none !important; scroll-behavior:auto !important }
  .reveal{ opacity:1 !important; transform:none !important }
  .progresso{ display:none }
}

.faixa-redes{
  display:flex; align-items:center; gap:8px;
  margin:6px 0 0; padding:0; list-style:none;
}
.rodape .faixa-redes a{
  display:flex; align-items:center; justify-content:center;
  width:44px; height:44px; padding:0; border-radius:50%;
  color:var(--texto-2);
  border:1px solid var(--linha-forte);
  transition:color .18s, border-color .18s;
}
.rodape .faixa-redes a:hover{ color:var(--cyan); border-color:rgba(0,145,255,.5); text-decoration:none }
.rodape .faixa-redes a:focus-visible{ outline:3px solid var(--cyan); outline-offset:3px }

.topo{
  position:sticky; top:0; z-index:200;
  background:rgba(0,6,15,.86);
  backdrop-filter:blur(12px);
  border-bottom:1px solid transparent;
  transition:border-color .28s, background .28s, box-shadow .28s;
}
.topo.compacto{
  border-bottom-color:var(--linha);
  background:rgba(0,6,15,.95);
  box-shadow:0 10px 34px rgba(0,0,0,.42);
}
.topo-in{ display:flex; align-items:center; gap:16px; min-height:68px }
.topo.compacto .topo-in{ min-height:58px }
.topo-logo{ height:30px; width:auto }
.topo.compacto .topo-logo{ height:26px }
.topo-marcas{ display:flex; align-items:center; gap:14px; margin-right:auto }
.topo-div{ width:1px; height:26px; background:var(--linha-forte) }
.topo-parceira{ height:20px; width:auto }
.topo-tel{
  display:inline-flex; flex:none; align-items:center; justify-content:center;
  gap:8px; width:44px; height:44px; padding:0; border-radius:50%;
  border:1px solid var(--linha-forte); background:rgba(255,255,255,.04);
  font-size:.9rem; font-weight:600; color:var(--texto-2);
  transition:color .18s, border-color .18s, background .18s;
}
.topo-tel svg{ flex:none }
.topo-tel [data-tel-texto]{ display:none }
.topo-tel:hover{ color:var(--texto); border-color:rgba(0,145,255,.5); text-decoration:none }
.topo-tel:focus-visible{ outline:3px solid var(--cyan); outline-offset:3px }
@media(min-width:720px){
  .topo-tel{ width:auto; height:auto; padding:11px 0; border:0; background:none; border-radius:0 }
  .topo-tel [data-tel-texto]{ display:inline }
  .topo-tel:hover{ border-color:transparent }
}
 
.topo .topo-cta{ display:none }

@media(min-width:940px){ .topo .topo-cta{ display:inline-flex } }

.topo .topo-zap{
  flex:none; padding:0; width:44px; height:44px; border-radius:50%;
}
.topo .topo-zap svg{ width:20px; height:20px; margin:0; flex:none }

.ctas{ display:flex; flex-wrap:wrap; gap:12px }
.btn{
  position:relative; overflow:hidden;
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:15px 27px; border:0; border-radius:999px;
  font-family:'Poppins',sans-serif; font-size:1rem; font-weight:600;
  cursor:pointer; text-align:center; line-height:1.25;
  transition:transform .18s var(--ease), box-shadow .22s var(--ease), background .2s, filter .2s;
}
.btn:hover{ transform:translateY(-3px); text-decoration:none }
.btn:active{ transform:translateY(-1px) scale(.99) }
.btn:focus-visible{ outline:3px solid var(--cyan); outline-offset:3px }
.btn svg{ flex:none; transition:transform .22s var(--ease) }
.btn:hover svg:last-child{ transform:translateX(4px) }

.btn::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.32) 50%,transparent 70%);
  background-size:220% 100%; background-position:-180% 0;
  opacity:0; transition:opacity .2s;
}
.btn:hover::after{ opacity:1; animation:brilha .9s var(--ease) }

.btn-zap{ background:var(--zap); color:#04220F; box-shadow:0 8px 22px rgba(37,211,102,calc(.28 * var(--brilho))) }
.btn-zap:hover{ background:#2FE573; box-shadow:0 14px 34px rgba(37,211,102,calc(.42 * var(--brilho))) }
 
.btn-primario{
  background:linear-gradient(135deg,var(--navy) 0%,var(--azure) 150%);
  color:#fff; box-shadow:0 10px 26px rgba(0,89,220,calc(.38 * var(--brilho)));
}
.btn-primario:hover{
  background:linear-gradient(135deg,#0033E6 0%,var(--azure) 170%);
  box-shadow:0 18px 42px rgba(0,110,255,calc(.52 * var(--brilho)));
}
.btn-fantasma{ background:transparent; color:var(--texto); border:1px solid var(--linha-forte) }
.btn-fantasma:hover{ background:rgba(255,255,255,.06); border-color:rgba(0,145,255,.5) }
.btn-sm{ padding:13px 22px; font-size:.9rem }
.btn-bloco{ width:100% }
.btn[disabled]{ opacity:.55; cursor:not-allowed; transform:none }
.btn[disabled]::after{ display:none }

.hero{
  position:relative; padding:44px 0 52px; overflow:hidden;
  background:
    radial-gradient(1100px 620px at 82% 12%, rgba(0,145,255,calc(.20 * var(--brilho))), transparent 62%),
    radial-gradient(760px 460px at 2% 96%, rgba(0,43,201,calc(.28 * var(--brilho))), transparent 62%),
    var(--page);
}
.hero::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:66px 66px;
  mask-image:radial-gradient(900px 560px at 76% 16%,#000,transparent 74%);
}
 
.hero::before{
  content:''; position:absolute; right:-8%; top:8%; width:min(560px,70vw); aspect-ratio:1;
  border-radius:50%; pointer-events:none;
  background:radial-gradient(circle, rgba(0,217,255,calc(.16 * var(--brilho))), transparent 66%);
  filter:blur(30px); animation:flutua 11s ease-in-out infinite;
}
.hero-grid{ position:static; z-index:1; display:grid; gap:34px; align-items:center }
.hero-texto{ position:relative; z-index:1; max-width:none }

.hero-foto{ position:absolute; inset:0; z-index:0; margin:0; pointer-events:none }
.hero-foto img{
  width:100%; height:100%; object-fit:cover; object-position:68% center;
  display:block; border-radius:0;
}
.hero-foto::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,6,15,.42),rgba(0,6,15,.68) 58%,rgba(0,6,15,.9)),
    linear-gradient(90deg,rgba(0,6,15,.9),rgba(0,6,15,.62) 78%,rgba(0,6,15,.4));
}

@media(min-width:980px){
  .hero{ padding:60px 0 70px; min-height:560px }
  .hero-grid:has(.hero-foto){ grid-template-columns:1.06fr .94fr; gap:46px }

  .hero-foto img{ object-position:right center }

  .hero-foto::after{
    background:linear-gradient(95deg,
      var(--page) 0%,
      rgba(0,6,15,.9) 32%,
      rgba(0,6,15,.5) 56%,
      rgba(0,6,15,.12) 76%,
      rgba(0,6,15,0) 88%);
  }
}

.selo{
  display:inline-flex; align-items:center; gap:9px;
  padding:7px 14px; margin-bottom:20px;
  border:1px solid rgba(0,153,255,.45);
  background:rgba(0,153,255,.12);
  border-radius:999px;
  font-size:.735rem; font-weight:600; letter-spacing:.09em; text-transform:uppercase;
  color:#8FCDFF;
  box-shadow:0 0 26px rgba(0,153,255,calc(.20 * var(--brilho)));
}
.selo b{ color:var(--tsubaki) }

h1{ font-size:calc(clamp(2.6rem,7.2vw,5.25rem) * var(--escala-titulo)); margin-bottom:18px }
.hero-texto h1{ max-width:840px }
 
@media(min-width:980px) and (max-width:1439px){
  .hero-texto h1{ font-size:calc(clamp(3.2rem,5.6vw,4.6rem) * var(--escala-titulo)) }
}
.hero-sub{ font-size:clamp(1rem,2.3vw,1.12rem); color:var(--texto-2); max-width:64ch; margin-bottom:24px }

.hero-secundario{ margin:20px 0 0 }
.btn-explorar{
  color:var(--texto);
  background:rgba(0,145,255,.12);
  border:1px solid rgba(0,145,255,.55);
  box-shadow:0 0 24px rgba(0,145,255,calc(.20 * var(--brilho)));
}
.btn-explorar:hover{
  background:rgba(0,145,255,.22); border-color:var(--cyan);
  box-shadow:0 10px 30px rgba(0,145,255,calc(.36 * var(--brilho)));
}
 
.btn-explorar:hover svg:last-child{ transform:translateY(3px) }

.card-form{
  position:relative;
  background:linear-gradient(180deg,rgba(15,29,51,.92),rgba(10,21,38,.96));
  border:1px solid var(--linha-forte);
  border-radius:var(--raio);
  padding:26px 20px 22px;
  box-shadow:0 30px 70px rgba(0,0,0,.55);
  backdrop-filter:blur(6px);
}
 
.card-form::before{
  content:''; position:absolute; inset:-1px; border-radius:inherit; pointer-events:none;
  background:linear-gradient(160deg, rgba(0,217,255,calc(.5 * var(--brilho))), transparent 42%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  padding:1px;
}
@media(min-width:560px){ .card-form{ padding:30px 28px 26px } }
.card-form h2{ font-size:1.6rem; margin-bottom:7px }
.card-form .dica{ font-size:.85rem; color:var(--texto-3); margin-bottom:20px }

.campo{ margin-bottom:14px }
.campo label{
  display:block; margin-bottom:6px;
  font-size:.78rem; font-weight:600; letter-spacing:.055em; text-transform:uppercase;
  color:var(--texto-2);
}
.campo label .op{ text-transform:none; letter-spacing:0; font-weight:400; color:var(--texto-3) }
.campo input,.campo select,.campo textarea{
  width:100%; padding:12px 14px;
  font-family:'Poppins',sans-serif; font-size:1rem; color:var(--texto);
  background:rgba(0,6,15,.66);
  border:1px solid var(--linha-forte); border-radius:var(--r-sm);
  transition:border-color .15s, box-shadow .18s, background .15s;
}
.campo textarea{ min-height:78px; resize:vertical }
.campo select{ appearance:none; cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23A9BBD1' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center; padding-right:38px }
.campo input::placeholder,.campo textarea::placeholder{ color:var(--texto-3) }
.campo input:focus,.campo select:focus,.campo textarea:focus{
  outline:none; border-color:var(--azure);
  box-shadow:0 0 0 3px rgba(0,145,255,.18), 0 0 24px rgba(0,145,255,calc(.2 * var(--brilho)));
  background:rgba(0,6,15,.82);
}
.campo.erro input,.campo.erro select,.campo.erro textarea{ border-color:var(--erro) }
.campo .msg-erro{ display:none; margin-top:5px; font-size:.79rem; color:#FF9A92 }
.campo.erro .msg-erro{ display:block }
@media(min-width:560px){ .duplo{ display:grid; grid-template-columns:1fr 1fr; gap:0 14px } }

.hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden }

.campo-consentimento{ margin-top:2px }
.consentimento-linha{ display:flex; align-items:flex-start; gap:10px }
.consentimento-linha input{
  flex:0 0 auto; width:18px; height:18px; margin:3px 0 0; accent-color:var(--cyan);
}
 
.consentimento-linha label{
  margin:0; color:var(--texto-2); font-size:.82rem; line-height:1.55; cursor:pointer;
  text-transform:none; letter-spacing:0; font-weight:400;
}
.consentimento-linha a{ color:var(--cyan); text-decoration:underline; text-underline-offset:2px }
.campo-consentimento.erro .consentimento-linha{ outline:1px solid rgba(240,68,56,.5); outline-offset:5px; border-radius:2px }

.form-nota{ margin:14px 0 0; font-size:.78rem; color:var(--texto-3); line-height:1.55 }
.form-nota a{ display:inline-block; padding:14px 0; color:var(--cyan) }
.form-aviso{
  display:none; margin-top:14px; padding:12px 14px; border-radius:var(--r-sm);
  font-size:.87rem; border:1px solid rgba(240,68,56,.4); background:rgba(240,68,56,.10); color:#FFC9C4;
}
.form-aviso.ver{ display:block }
.form-aviso.sucesso{ border-color:rgba(46,204,113,.45); background:rgba(46,204,113,.12); color:#C9F7D9 }

.ou{ display:flex; align-items:center; gap:14px; margin:18px 0 14px; color:var(--texto-3); font-size:.78rem; letter-spacing:.09em; text-transform:uppercase }
.ou::before,.ou::after{ content:''; flex:1; height:1px; background:var(--linha) }

:root{
  --ar-apoio:clamp(52px, 5.6vw, 84px);
  --ar-destaque:clamp(64px, 7vw, 108px);
  --ar-pivo:clamp(76px, 8.4vw, 132px);
}
.secao{ position:relative; padding:var(--ar-apoio) 0; overflow:hidden }
.secao-clara{ padding:var(--ar-destaque) 0 }
.secao-papc{ padding:var(--ar-pivo) 0 }
#cotacao{ padding-top:var(--ar-destaque) }
.secao-superficie{ background:var(--surface) }
.secao-escura{ background:var(--page) }

.secao-azul{
  background:linear-gradient(160deg,var(--navy) 0%,var(--cobalt) 46%,#0B2E86 100%);
}
.secao-azul::before{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(760px 420px at 84% 6%, rgba(0,217,255,calc(.3 * var(--brilho))), transparent 62%);
}
.secao-azul .secao-cabeca{ border-top-color:rgba(255,255,255,.34) }
.secao-clara .secao-cabeca{ border-top-color:rgba(8,17,31,.16) }

.secao-azul .olho{ color:#9FE4FF }
.secao-azul .secao-intro{ color:rgba(255,255,255,.82) }
.secao-azul .pt{ color:var(--cyan) }

.secao-clara{ background:var(--white-tech); color:var(--tinta) }
.secao-clara h2,.secao-clara h3{ color:var(--tinta) }
.secao-clara .secao-intro,.secao-clara p{ color:var(--tinta-2) }
.secao-clara .olho,
.secao-clara .titulo-bloco{ color:var(--navy) }
.secao-clara .pt{ color:var(--azure) }
.secao-clara::before{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(700px 380px at 12% 0%, rgba(0,145,255,.10), transparent 60%);
}

.secao-cabeca{
  position:relative; z-index:1; margin-bottom:34px;
  padding-top:22px; border-top:1px solid var(--linha-forte);
}
.secao-titulo{ font-size:calc(clamp(2.05rem,5.2vw,3.4rem) * var(--escala-titulo)); margin-bottom:12px }
.secao-intro{ color:var(--texto-2); max-width:58ch; margin:0 }

@media(min-width:940px){
  .secao-cabeca:not(.centro){
    display:grid; grid-template-columns:1.25fr 1fr; gap:0 48px; align-items:end;
  }
  .secao-cabeca:not(.centro) .olho{ grid-column:1; }
  .secao-cabeca:not(.centro) .secao-titulo{ grid-column:1; margin-bottom:0 }
  .secao-cabeca:not(.centro) .secao-intro{ grid-column:2; padding-bottom:.4em }
}

.secao-cabeca.centro{ text-align:center; max-width:760px; margin-left:auto; margin-right:auto }
.secao-cabeca.centro .secao-intro{ margin:0 auto }
.olho,.titulo-bloco{
  display:block; margin:0 0 11px;
  font-family:'Poppins',system-ui,sans-serif;
  font-size:.74rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase;
  color:var(--azure);
}

.marcas{
  padding:30px 0 34px; overflow:hidden;
  border-top:1px solid var(--linha); border-bottom:1px solid var(--linha);
  background:
    radial-gradient(680px 200px at 50% 0%, rgba(0,145,255,calc(.16 * var(--brilho))), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.012));
}

.credencial{
  display:inline-flex; align-items:center; gap:16px; flex:none;
  padding:0 8px;
}
.credencial b{
  font-family:'Barlow Condensed','Poppins',sans-serif;
  font-weight:var(--peso-titulo); font-size:clamp(1.1rem,2.4vw,1.45rem);
  letter-spacing:.14em; text-transform:uppercase; line-height:1;
  color:var(--texto); white-space:nowrap;
}
.credencial .barra{
  width:2px; height:22px; flex:none; border-radius:2px;
  background:linear-gradient(180deg, transparent, var(--tsubaki), transparent);
  box-shadow:0 0 12px rgba(0,153,255,calc(.6 * var(--brilho)));
}
.credencial .cred-rolsul{
  height:26px; width:auto; flex:none;
  filter:drop-shadow(0 0 14px rgba(0,145,255,calc(.4 * var(--brilho))));
}
.credencial .cred-marca{
  height:22px; width:auto; flex:none;
  filter:drop-shadow(0 0 14px rgba(0,153,255,calc(.45 * var(--brilho))));
}

.marcas-esteira{
  display:flex; width:max-content; gap:12px;
  animation:esteira 42s linear infinite;
}
.marcas-esteira:hover{ animation-play-state:paused }
 
@keyframes esteira{
  from{ transform:translateX(calc(-50% - 6px)) }
  to  { transform:translateX(0) }
}
.marcas-fila{ display:flex; align-items:center; gap:12px; flex:none }

@media (prefers-reduced-motion:reduce){
  .marcas-esteira{ width:auto; justify-content:center; transform:none }
  .marcas-fila:last-child{ display:none }
  .marcas-fila{ flex-wrap:wrap; justify-content:center }
}

@media(min-width:700px){
  .marcas-esteira, .marcas-fila{ gap:14px }
  .credencial{ gap:20px; padding:0 12px }
  .credencial .cred-rolsul{ height:30px }
  .credencial .cred-marca{ height:26px }
  .credencial .barra{ height:28px }
  @keyframes esteira{
    from{ transform:translateX(calc(-50% - 7px)) }
    to  { transform:translateX(0) }
  }
}

.destaques{
  display:flex; flex-wrap:wrap; gap:8px 10px;
  margin:0 0 16px; padding:0; list-style:none;
}
.destaques li{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 14px; border-radius:999px;
  border:1px solid rgba(0,145,255,.32);
  background:rgba(0,145,255,.09);
  font-size:.83rem; font-weight:600; color:var(--texto);
}
.destaques li::before{
  content:""; width:6px; height:6px; border-radius:50%; flex:none;
  background:var(--cyan);
}

.destaques li.d-entrega{
  background:var(--tsubaki); border-color:var(--tsubaki); color:#00131F;
  box-shadow:0 0 22px rgba(0,153,255,calc(.34 * var(--brilho)));
}
.destaques li.d-entrega::before{
  background:#00131F; box-shadow:none;
}

.prova-entrega{
  position:relative; z-index:1;
  border-top:1px solid var(--linha); border-bottom:1px solid var(--linha);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
  padding:16px 0;
}
.prova-entrega .wrap{
  display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px;
  margin:0 auto;
}
.prova-entrega .wrap{ justify-content:center }
.prova-entrega figcaption{ flex:none; display:flex; align-items:center; gap:10px }
.prova-entrega .estrelas{ color:var(--estrela); font-size:1.05rem; flex:none }

.prova-entrega blockquote{
  margin:0; flex:0 1 auto; min-width:0;
  font-size:1.05rem; line-height:1.5; color:var(--texto);
}
.prova-entrega cite{
  font-style:normal; font-size:.8rem; color:var(--texto-2); white-space:nowrap;
}
.prova-avatar{ width:30px; height:30px; font-size:.82rem }

@media(max-width:1119px){
  .prova-entrega .wrap{ gap:10px 12px; padding-right:20px }
  .prova-entrega blockquote{ flex:1 1 100%; order:1; text-align:center }
  .prova-entrega .estrelas{ order:2; margin-left:auto }
  .prova-entrega figcaption{ order:3; margin-right:auto }
  .prova-entrega cite{ white-space:normal }
}

button.link{
  border:0; background:none; padding:0; cursor:pointer;
  font-family:"Poppins",sans-serif;
}

.motivos{ display:grid; gap:16px }
@media(min-width:760px){ .motivos{ grid-template-columns:repeat(3,1fr) } }

.motivo{
  border:1px solid var(--linha); border-radius:var(--raio);
  padding:26px 24px; background:rgba(255,255,255,.028);
  transition:border-color .18s, transform .18s var(--ease);
}
.motivo:hover{ border-color:rgba(0,145,255,.4); transform:translateY(-3px) }
.motivo{ display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; column-gap:14px }
.motivo .ic{
  width:40px; height:40px; border-radius:var(--r);
  display:flex; align-items:center; justify-content:center;
  background:rgba(0,145,255,.12); color:var(--cyan);
}
.motivo .ic svg{ width:22px; height:22px }
.motivo h3{ font-size:1.22rem; margin:0; color:var(--texto) }
.motivo p{ grid-column:1 / -1; font-size:.92rem; color:var(--texto-2); margin:14px 0 0 }

.produtos{ display:grid; gap:16px }
@media(min-width:620px){ .produtos{ grid-template-columns:repeat(2,1fr) } }
@media(min-width:1020px){ .produtos{ grid-template-columns:repeat(3,1fr); gap:20px } }

.card-produto{
  background:#fff; border-radius:var(--raio); padding:24px 22px;
  display:flex; flex-direction:column; gap:10px;
  transition:transform .24s var(--ease), box-shadow .24s var(--ease);
  box-shadow:0 12px 30px rgba(0,0,0,.3);
}
@media(min-width:620px){
  .card-produto{ display:grid; grid-row:span 4; grid-template-rows:subgrid; row-gap:10px }
}
.card-produto:hover{
  transform:translateY(-7px);
  box-shadow:0 26px 54px rgba(0,0,0,.46), 0 0 40px rgba(0,145,255,calc(.24 * var(--brilho)));
}
.card-produto .poco{
  background:#fff; border-radius:var(--r-lg); overflow:hidden;
  aspect-ratio:4/3; padding:22px;
  display:flex; align-items:center; justify-content:center; margin-bottom:16px;
}
 
.card-produto .poco:not(:has(img)){ display:none }
.card-produto .poco img{ width:100%; height:100%; object-fit:contain; transition:transform .3s var(--ease) }
.card-produto:hover .poco img{ transform:scale(1.06) }
.card-cabeca{ display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; gap:10px }
.card-produto h3{ font-size:clamp(1.32rem,1.9vw,1.52rem); color:var(--tinta); margin:0 }
.card-produto p{ font-size:.92rem; line-height:1.55; color:var(--tinta-2); margin:0 }

.card-tags{
  display:flex; flex-wrap:wrap; align-content:flex-start; gap:6px;
  margin:0; padding:0; list-style:none;
}
.card-tags li{
  padding:5px 9px; border-radius:6px; line-height:1.2;
  font-size:.74rem; font-weight:600; color:var(--navy);
  background:rgba(0,43,201,.07); border:1px solid rgba(0,43,201,.14);
}
.card-produto.destaque .card-tags li{
  background:rgba(0,10,40,.38); border-color:rgba(255,255,255,.28); color:#fff;
}
.btn-cotar{
  position:relative; align-self:start; justify-self:start;
  display:inline-flex; align-items:center; gap:6px;
  padding:9px 12px; border:0; border-radius:999px; cursor:pointer;
  background:var(--zap); color:#04220F; text-align:left;
  font-family:'Poppins',sans-serif; font-size:.75rem; font-weight:600; line-height:1.2;
  transition:background-color .18s, transform .18s var(--ease);
}
 
.btn-cotar::after{ content:''; position:absolute; inset:-6px -2px }
.btn-cotar svg{ flex:none; width:15px; height:15px }
.btn-cotar:hover{ background:#1FC45C; transform:translateY(-1px); text-decoration:none }
.btn-cotar:active{ transform:none }
.btn-cotar:focus-visible{ outline:3px solid var(--cyan); outline-offset:3px }
@media (prefers-reduced-motion:reduce){ .btn-cotar:hover{ transform:none } }

.card-produto.destaque{
  background:linear-gradient(150deg,var(--navy),#0060D6);
  box-shadow:0 16px 40px rgba(0,89,220,calc(.42 * var(--brilho)));
}
.card-produto.destaque:hover{ box-shadow:0 30px 62px rgba(0,110,255,calc(.55 * var(--brilho))) }
.card-produto.destaque h3{ color:#fff }
.card-produto.destaque p{ color:rgba(255,255,255,.86) }

.series{ position:relative; z-index:1; display:grid; gap:14px }
@media(min-width:640px){ .series{ grid-template-columns:repeat(2,minmax(0,1fr)) } }
@media(min-width:1020px){ .series{ grid-template-columns:repeat(3,minmax(0,1fr)) } }
 
@media(min-width:1020px){ .series .serie:last-child:nth-child(3n+1){ grid-column:2 } }

.serie{
  display:flex; flex-direction:column; gap:8px;
  padding:18px 18px 8px; border-radius:var(--raio);
  background:#fff; color:var(--tinta);
  box-shadow:0 10px 26px rgba(0,10,40,.24);
  transition:transform .24s var(--ease), box-shadow .24s var(--ease);
}
@media(min-width:640px){
  .serie{ display:grid; grid-row:span 4; grid-template-rows:subgrid; row-gap:8px }
   
  .serie h3{ align-self:end }
}
.serie:hover{ transform:translateY(-4px); box-shadow:0 20px 44px rgba(0,10,40,.34) }
@media (prefers-reduced-motion:reduce){ .serie:hover{ transform:none } }

.serie-topo{ display:grid; grid-template-columns:1fr auto; align-items:center; gap:14px 12px; margin-bottom:2px }
.serie-mini{
  grid-column:1 / -1; width:100%; height:clamp(150px,15vw,184px); padding:14px 18px; margin-bottom:6px;
  display:flex; align-items:center; justify-content:center;
  background:#fff; border:1px solid rgba(8,17,31,.09); border-radius:var(--r-lg); overflow:hidden;
}
 
.serie-mini img{ width:100%; height:100%; max-width:none; object-fit:contain }
.serie .cod{
  font-family:'Barlow Condensed',sans-serif; font-weight:800;
  font-size:1.9rem; line-height:.95; letter-spacing:-.015em;
  color:var(--navy); font-variant-numeric:tabular-nums;
}
.serie-badge{
  margin-left:auto; padding:4px 9px; border-radius:999px; white-space:nowrap;
  font-size:.7rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; line-height:1.2;
  background:rgba(0,145,255,.12); color:var(--navy); border:1px solid rgba(0,43,201,.22);
}

.serie h3{
  margin:0; text-wrap:balance;
  font-family:'Poppins',sans-serif; font-weight:600; font-size:1rem; line-height:1.3;
  text-transform:none; letter-spacing:0; color:var(--tinta);
}
.serie-texto{ margin:0; font-size:.86rem; line-height:1.55; color:var(--tinta-2); text-wrap:pretty }

.serie-catalogo{
  display:flex; align-items:center; gap:8px; min-height:44px;
  margin-top:4px; border-top:1px solid rgba(8,17,31,.08);
  font-size:.84rem; font-weight:600; color:var(--navy);
}
.serie-catalogo svg{ flex:none; width:15px; height:15px }
.serie-catalogo .cat-peso{ margin-left:4px; font-size:.76rem; font-weight:400; color:var(--tinta-2) }
.serie-catalogo:hover{ text-decoration:none }
.serie-catalogo:hover .serie-cat-nome{ text-decoration:underline; text-underline-offset:3px }
.serie-catalogo:focus-visible{ outline:3px solid var(--navy); outline-offset:2px; border-radius:4px }

.serie.destaque{
  background:linear-gradient(155deg,var(--oxford),var(--profundo));
  box-shadow:0 18px 40px rgba(0,6,23,.5);
}
.serie.destaque .cod{ color:var(--cyan) }
.serie.destaque h3{ color:#fff }
.serie.destaque .serie-texto{ color:rgba(255,255,255,.78) }
.serie.destaque .serie-badge{ background:rgba(0,217,255,.14); color:var(--cyan); border-color:rgba(0,217,255,.34) }
.serie.destaque .serie-catalogo{ color:#fff; border-top-color:rgba(255,255,255,.14) }
.serie.destaque .serie-catalogo .cat-peso{ color:rgba(255,255,255,.7) }
.serie.destaque .serie-catalogo:focus-visible{ outline-color:var(--cyan) }

.aditamentos{
  position:relative; z-index:1; margin:16px 0 0;
  font-size:.94rem; line-height:1.6; color:rgba(255,255,255,.9); text-wrap:pretty;
}

.catalogo-linha{
  position:relative; z-index:1; margin:16px 0 0;
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0 12px;
  font-size:.9rem; color:rgba(255,255,255,.84);
}
.catalogo-linha .serie-catalogo{ margin:0; border-top:0; color:#fff }
.catalogo-linha .serie-catalogo .cat-peso{ color:rgba(255,255,255,.72) }
.catalogo-linha .serie-catalogo:hover{ color:var(--cyan) }
.catalogo-linha .serie-catalogo:focus-visible{ outline-color:var(--cyan) }

/* Componentes PTUC */
.ptuc{ position:relative; z-index:1; margin-top:32px }
.ptuc-cabeca h3{ font-size:clamp(1.5rem,2.4vw,1.9rem); color:#fff }
.ptuc-lista{
  list-style:none; margin:20px 0 0; padding:0 0 12px;
  display:grid; grid-auto-flow:column; grid-auto-columns:150px; gap:12px;
  overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain;
  scrollbar-color:rgba(255,255,255,.4) transparent;
}
@media(min-width:1200px){
  .ptuc-lista{ grid-auto-flow:row; grid-template-columns:repeat(8,minmax(0,1fr)); overflow:visible; padding-bottom:0 }
}
.ptuc-card{
  display:flex; flex-direction:column; scroll-snap-align:start;
  background:#fff; color:var(--tinta); border-radius:var(--r); overflow:hidden;
  box-shadow:0 8px 20px rgba(0,10,40,.22);
}
.ptuc-foto{ display:block; aspect-ratio:22 / 15; padding:10px; border-bottom:1px solid rgba(8,17,31,.07) }
.ptuc-foto img{ width:100%; height:100%; object-fit:contain }
.ptuc-card h4{ margin:10px 12px 4px; font:600 .82rem/1.25 'Poppins',sans-serif; color:var(--tinta); text-wrap:balance }
.ptuc-card p{ margin:0 12px 12px; font-size:.74rem; line-height:1.45; color:var(--tinta-2); text-wrap:pretty }

.sobre-grid{ position:relative; z-index:1; display:grid; gap:34px }
@media(min-width:940px){ .sobre-grid{ grid-template-columns:1.1fr .9fr; gap:52px; align-items:start } }

.coluna-tempo{ display:block }

.linha-tempo{ position:relative; margin:0; padding:0 0 0 30px; list-style:none }
.linha-tempo::before{
  content:''; position:absolute; left:7px; top:6px; bottom:6px; width:2px;
  background:linear-gradient(180deg,var(--azure),rgba(0,145,255,.12));
}
.linha-tempo li{ position:relative; margin-bottom:24px }
.linha-tempo li:last-child{ margin-bottom:0 }
.linha-tempo li::before{
  content:''; position:absolute; left:-30px; top:7px; width:16px; height:16px; border-radius:50%;
  background:var(--white-tech); border:3px solid var(--azure);
  box-shadow:0 0 0 4px rgba(0,145,255,.14);
}
.linha-tempo b{ display:block; font-family:'Barlow Condensed',sans-serif; font-weight:800;
  font-size:2rem; color:var(--navy); line-height:.98;
  letter-spacing:-.02em; font-variant-numeric:tabular-nums }
.linha-tempo span{ font-size:.92rem; color:var(--tinta-2) }

.pilares{
  display:grid; gap:0;
  border:1px solid rgba(8,17,31,.10); border-radius:var(--raio);
  background:#fff; overflow:hidden;
}
.pilar{
  display:grid; grid-template-columns:auto 1fr; gap:2px 14px;
  padding:16px 18px;
  border-top:1px solid rgba(8,17,31,.08);
  transition:background .2s;
}
.pilar:first-child{ border-top:0 }
.pilar:hover{ background:rgba(0,145,255,.045) }
.pilar .ic{
  grid-row:span 2; width:32px; height:32px; border-radius:9px; margin:2px 0 0;
  display:flex; align-items:center; justify-content:center; flex:none;
  background:rgba(0,145,255,.10); color:var(--navy);
}
.pilar .ic svg{ width:17px; height:17px }
.pilar h3{ font-size:.98rem; margin:0; text-transform:none; letter-spacing:0;
  font-family:'Poppins',sans-serif; font-weight:600; line-height:1.35 }
.pilar p{ font-size:.84rem; color:var(--tinta-2); margin:0; line-height:1.5 }

@media(max-width:479px){
  .pilar{ grid-template-columns:auto 1fr }
  .pilar p{ grid-column:1 / -1 }
}

.bloco-segmentos{ margin-top:40px; text-align:center }
.bloco-segmentos .titulo-bloco{ margin-bottom:14px }

@media(min-width:940px){
  .bloco-segmentos{ text-align:left; margin-top:34px }
  .bloco-segmentos .segmentos{ justify-content:flex-start }
}
.segmentos{
  display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:6px;
}
.segmentos .chip{ flex:0 1 auto }
.chip{
  display:flex; align-items:center; justify-content:center; text-align:center;
  padding:12px 14px; border-radius:999px;
  border:1px solid rgba(0,43,201,.28);
  background:linear-gradient(180deg, rgba(0,145,255,.10), rgba(0,43,201,.07));
  color:var(--navy); font-size:.87rem; font-weight:600; line-height:1.25;
  transition:transform .2s var(--ease), box-shadow .2s, background .2s;
}
.chip:hover{
  transform:translateY(-3px);
  background:linear-gradient(180deg, rgba(0,145,255,.18), rgba(0,43,201,.12));
  box-shadow:0 10px 24px rgba(0,43,201,.16);
}
.secao-escura .chip,.secao-superficie .chip{
  border-color:rgba(0,145,255,.34);
  background:linear-gradient(180deg, rgba(0,145,255,.16), rgba(0,43,201,.10));
  color:#9FD8FF;
}

.secao-papc{
  background:
    radial-gradient(900px 520px at 88% 6%, rgba(0,153,255,calc(.20 * var(--brilho))), transparent 60%),
    radial-gradient(700px 420px at 0% 92%, rgba(0,43,201,calc(.24 * var(--brilho))), transparent 62%),
    var(--oxford);
}
.secao-papc::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:66px 66px;
  mask-image:radial-gradient(880px 540px at 84% 12%,#000,transparent 74%);
}
.secao-papc .olho{ color:var(--tsubaki) }

.papc-cabeca{ position:relative; z-index:1 }
.papc-cabeca .secao-intro{ max-width:68ch }

.papc-servicos{
  position:relative; z-index:1;
  display:grid; gap:14px; margin-top:34px;
}
@media(min-width:640px){ .papc-servicos{ grid-template-columns:repeat(2,minmax(0,1fr)) } }
@media(min-width:1040px){ .papc-servicos{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px } }

.papc-servico{
  display:flex; flex-direction:column; gap:10px;
  padding:22px 22px 24px;
  border:1px solid var(--linha); border-radius:var(--raio);
  background:rgba(10,21,38,.5);
  transition:border-color .2s, background .2s, transform .24s var(--ease);
}
@media(min-width:640px){
  .papc-servico{ display:grid; grid-row:span 2; grid-template-rows:subgrid; row-gap:10px }
}
.papc-servico:hover{
  border-color:rgba(0,153,255,.34); background:rgba(10,21,38,.72);
  transform:translateY(-4px);
}
@media (prefers-reduced-motion:reduce){ .papc-servico:hover{ transform:none } }

.papc-servico h3{
  display:flex; align-items:center; gap:12px; margin:0;
  font-family:'Poppins',sans-serif; font-weight:600;
  font-size:1.02rem; line-height:1.3; letter-spacing:0; text-transform:none;
  color:#fff; text-wrap:balance;
}
.papc-servico .ic{
  flex:none; width:38px; height:38px; border-radius:11px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(0,153,255,.12); color:var(--tsubaki);
  border:1px solid rgba(0,153,255,.22);
}
.papc-como{
  margin:0; padding-top:12px; border-top:1px solid var(--linha);
  font-size:.84rem; line-height:1.55; color:var(--texto-2); text-wrap:pretty;
}

@media(max-width:479px){
  .papc-servico{ padding:18px }
}

.cta-linha{
  position:relative; z-index:1;
  display:flex; flex-wrap:wrap; align-items:center; gap:16px;
  margin-top:36px; padding:20px 24px;
  border:1px solid var(--linha-forte); border-radius:var(--r-xl);
  background:linear-gradient(120deg, rgba(0,43,201,.16), rgba(0,145,255,.06));
}
.cta-linha p{
  margin:0; flex:1 1 280px; font-size:1rem; font-weight:600; color:var(--texto); line-height:1.4;
}
.cta-linha .ctas{ flex:1 1 auto; min-width:0 }
.cta-linha .ctas .btn{ max-width:100% }
@media(min-width:620px){ .cta-linha .ctas{ flex:0 0 auto } }

.secao-azul .cta-linha{
  border-color:rgba(255,255,255,.28);
  background:rgba(0,11,23,.26); backdrop-filter:blur(4px);
}

.portfolio-linha{
  position:relative; z-index:1;
  display:flex; flex-wrap:wrap; align-items:center; gap:14px 20px;
  margin-top:14px; padding:18px 24px;
  background:#fff; border:1px solid rgba(8,17,31,.1); border-radius:var(--r-xl);
  box-shadow:0 6px 20px rgba(0,10,40,.06);
}
.portfolio-linha p{
  margin:0; flex:1 1 300px; min-width:0; max-width:62ch;
  font-size:.95rem; line-height:1.45; color:var(--tinta-2);
}
.link-texto{
  display:inline-flex; align-items:center; gap:6px; padding:12px 0;
  font-size:.92rem; font-weight:600; color:var(--navy);
  text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px;
}
.link-texto svg{ flex:none }
.link-texto:hover{ color:#154FC0; text-decoration-thickness:2px }
.link-texto:focus-visible{ outline:3px solid var(--cyan); outline-offset:3px; border-radius:4px }
@media(min-width:620px){ .portfolio-linha .link-texto{ margin-left:auto } }

.cta-linha.claro{
  border-color:rgba(0,43,201,.22);
  background:linear-gradient(120deg, rgba(0,145,255,.12), rgba(0,43,201,.05));
}
.cta-linha.claro p{ color:var(--tinta) }

.aval-carrossel{ position:relative; z-index:1 }

.aval-janela{
  width:100%;
  overflow:hidden;
  padding:22px 0 38px;
}

.avaliacoes{
  --largura-card:min(300px, calc(100vw - 75px));
  display:flex; align-items:stretch; gap:16px;
  transition:transform .55s var(--ease);
  will-change:transform;
}
@media(min-width:760px){
  .avaliacoes{ --largura-card:min(340px, calc((100vw - 80px) / 3)) }
}

.aval-controles{
  position:relative; z-index:1;
  display:flex; align-items:center; justify-content:center; gap:18px;
  margin-top:-14px;
}

.avaliacao{ flex:0 0 var(--largura-card) }

@keyframes respira{
  0%,100%{ opacity:.35 }
  50%    { opacity:1 }
}

.avaliacao{
  position:relative; isolation:isolate;
  background:linear-gradient(180deg,var(--surface-2),var(--surface));
  border:1px solid var(--linha); border-radius:var(--raio);
  padding:24px 22px 22px;
  display:flex; flex-direction:column;
  transition:transform .24s var(--ease), box-shadow .24s var(--ease), border-color .24s;
}
.avaliacao::before{
  content:''; position:absolute; inset:-1px; z-index:-1; pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(135deg,
    rgba(0,217,255,calc(.55 * var(--brilho))),
    rgba(0,145,255,calc(.18 * var(--brilho))) 42%,
    transparent 68%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  padding:1px;
  animation:respira 4.6s ease-in-out infinite;
}
.avaliacao::after{
  content:''; position:absolute; inset:0; z-index:-2; pointer-events:none;
  border-radius:inherit;
  box-shadow:0 0 34px rgba(0,145,255,calc(.28 * var(--brilho)));
  animation:respira 4.6s ease-in-out infinite;
}
.avaliacao:nth-child(2)::before,.avaliacao:nth-child(2)::after{ animation-delay:1.5s }
.avaliacao:nth-child(3)::before,.avaliacao:nth-child(3)::after{ animation-delay:3s }

.avaliacao{
  opacity:1; z-index:0;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s;
  cursor:pointer;
}
.avaliacao:hover{
  transform:translateY(-5px); border-color:rgba(0,145,255,.4);
  box-shadow:0 26px 54px rgba(0,0,0,.46), 0 0 36px rgba(0,145,255,calc(.2 * var(--brilho)));
}

@media (prefers-reduced-motion:reduce){
  .avaliacao, .avaliacao:hover{ transform:none }
}

.aval-seta{
  flex:none; width:46px; height:46px; border-radius:50%; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  border:1px solid var(--linha-forte); background:rgba(255,255,255,.06);
  color:var(--texto); transition:background .2s, border-color .2s, transform .2s var(--ease);
}
.aval-seta:hover{ background:rgba(0,145,255,.16); border-color:rgba(0,145,255,.5); transform:scale(1.08) }
.aval-seta:active{ transform:scale(.96) }
.aval-seta:focus-visible{ outline:3px solid var(--cyan); outline-offset:3px }
.aval-seta[disabled]{ opacity:.3; cursor:not-allowed; transform:none }

.aval-pontos{ display:flex; justify-content:center; gap:15px }
 
.aval-ponto{
  position:relative; width:9px; height:9px; padding:0; border-radius:50%; cursor:pointer;
  border:0; background:rgba(255,255,255,.22); transition:background .25s, transform .25s var(--ease);
}
.aval-ponto::before{ content:""; position:absolute; inset:-8px; border-radius:50% }
.aval-ponto[aria-selected="true"]{ background:var(--cyan); transform:scale(1.35) }
.aval-ponto:focus-visible{ outline:2px solid var(--cyan); outline-offset:3px }
.aval-topo{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px }
.aval-nota{ display:flex; align-items:center; gap:8px; font-size:.82rem; color:var(--texto-2) }
.aval-nota .estrelas{ color:var(--estrela); font-size:.9rem }
.estrelas svg{ display:block; height:.9em; width:4.5em; fill:currentColor }
.aval-nota .estrelas svg{ height:1.05em; width:5.25em }
.aval-aspas{ font-family:'Barlow Condensed',sans-serif; font-size:3.1rem; line-height:.6; color:rgba(255,255,255,.13) }
.avaliacao p{ font-size:.92rem; color:var(--texto-2); margin:0 0 20px; flex:1 }
.aval-autor{ display:flex; align-items:center; gap:11px }
.aval-avatar{
  width:38px; height:38px; border-radius:50%; overflow:hidden; flex:none;
  background:linear-gradient(135deg,var(--navy),var(--azure));
  display:flex; align-items:center; justify-content:center;
  font-size:.95rem; font-weight:600; color:#fff; line-height:1;
}
.aval-avatar img{ width:100%; height:100%; object-fit:cover; display:block }
.aval-avatar.inicial{
  background:var(--cobalt); color:#fff;
  font-size:1.05rem; text-transform:uppercase;
}
.aval-avatar.inicial.cor-cobalto{ background:var(--cobalt) }
.aval-avatar.inicial.cor-marinho{ background:var(--navy) }
.aval-avatar.inicial.cor-profundo{ background:var(--profundo) }
.aval-autor b{ display:block; font-size:.88rem; color:var(--texto); font-weight:600; line-height:1.3 }
.aval-autor span{ font-size:.78rem; color:var(--texto-3) }

.passos{ counter-reset:p; display:grid; gap:22px; margin-top:26px }
.passo{ position:relative; padding-left:54px }
.passo::before{
  counter-increment:p; content:counter(p);
  position:absolute; left:0; top:-2px;
  width:40px; height:40px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:1.4rem;
  color:var(--cyan); background:rgba(0,145,255,.12); border:1px solid rgba(0,145,255,.36);
  box-shadow:0 0 20px rgba(0,145,255,calc(.2 * var(--brilho)));
}
.passo h3{ font-size:1.14rem; margin-bottom:5px }
.passo p{ font-size:.89rem; color:var(--texto-2); margin:0 }

.form-grid{ display:grid; gap:32px }
@media(min-width:980px){ .form-grid{ grid-template-columns:.85fr 1.15fr; align-items:start; gap:52px } }

.cta-final{
  position:relative; padding:66px 0; text-align:center; overflow:hidden;
  background:linear-gradient(160deg,var(--navy),#0B2E86 60%,var(--oxford));
}
.cta-final::before{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(700px 340px at 50% 0%, rgba(0,217,255,calc(.3 * var(--brilho))), transparent 64%);
}
.cta-final > *{ position:relative; z-index:1 }
.cta-final h2{ font-size:calc(clamp(1.9rem,5vw,2.8rem) * var(--escala-titulo)); margin-bottom:14px }
.cta-final p{ color:rgba(255,255,255,.84); max-width:54ch; margin:0 auto 26px }
.cta-final .ctas{ justify-content:center }

.rodape{ padding:38px 0 96px; font-size:.87rem; color:var(--texto-3); background:var(--oxford) }
.rodape-in{ display:grid; gap:22px }
@media(min-width:780px){ .rodape-in{ grid-template-columns:1fr auto; align-items:center } }
.rodape a{ display:inline-block; padding:12px 0; color:var(--texto-2) }
.rodape-logo{ width:132px; height:auto; margin-bottom:12px; opacity:.85 }

.rodape-sobre{ margin:0; max-width:62ch }
.rodape-contatos{ margin:0 }

.rodape-endereco{ margin:6px 0 0; font-size:.82rem; color:var(--texto-3); max-width:62ch }
.rodape-portfolio{ margin:16px 0 0 }
.rodape-portfolio .btn{ display:inline-flex; max-width:100%; min-height:44px; padding:13px 22px; color:#fff; text-decoration:none }
@media(max-width:479px){ .rodape-portfolio .btn{ width:100% } }
@media(min-width:780px){ .rodape-coluna{ justify-self:end } }

.rodape-legal{
  margin-top:26px; padding-top:18px;
  border-top:1px solid var(--linha);
  display:flex; flex-wrap:wrap; align-items:baseline;
  justify-content:space-between; gap:8px 24px;
}
.rodape-legal p{ margin:0; font-size:.78rem; color:var(--texto-3) }
.rodape-marcas-nota{ color:rgba(111,134,163,.8) }
.rodape a:hover{ color:var(--cyan) }

.texto-legal{ max-width:74ch }
.texto-legal h1{ font-size:clamp(2rem,5vw,2.9rem); margin-bottom:8px }
.texto-legal h2{
  font-size:1.18rem; margin:32px 0 10px; color:var(--texto);
  text-transform:none; letter-spacing:0;
  font-family:'Poppins',sans-serif; font-weight:600;
}
.texto-legal p,.texto-legal li{ color:var(--texto-2); font-size:.95rem }
.texto-legal ul{ margin:0 0 1rem; padding-left:20px }
.texto-legal li{ margin-bottom:5px }
.texto-legal .atualizado{ font-size:.82rem; color:var(--texto-3); margin-bottom:26px }
.texto-legal a{ display:inline-block; padding:10px 0; color:var(--cyan); text-decoration:underline }


.barra-movel{ display:none }
@media(max-width:939px){
  .barra-movel{
    position:fixed; left:0; right:0; bottom:0; z-index:300;
    display:grid; grid-template-columns:auto 1fr; gap:10px;
    padding:10px 104px calc(10px + env(safe-area-inset-bottom)) 12px;
    background:rgba(0,6,15,.94);
    backdrop-filter:blur(12px);
    border-top:1px solid var(--linha-forte);
    transition:transform .26s var(--ease), opacity .26s, visibility .26s;
  }
  .barra-movel .btn{ width:100%; padding:13px 18px }
  .barra-movel .btn-zap{ padding:13px 17px }
  .barra-movel .btn-zap span{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0) }
  body.no-hero .barra-movel,
  body.na-cotacao .barra-movel{
    transform:translateY(100%); opacity:0; visibility:hidden; pointer-events:none;
  }
  .rodape{ padding-bottom:88px }
}

.obrigado{ min-height:100dvh; display:flex; align-items:center; padding:44px 0 }
.obrigado-card{
  max-width:640px; margin:0 auto; text-align:center;
  background:linear-gradient(180deg,var(--surface-2),var(--surface));
  border:1px solid var(--linha-forte); border-radius:var(--raio);
  padding:44px 26px; box-shadow:0 30px 70px rgba(0,0,0,.5);
}
.obrigado-card h1{ font-size:clamp(2rem,6vw,2.9rem); margin-bottom:14px }
.obrigado-card p{ color:var(--texto-2) }
.check{
  width:64px; height:64px; margin:0 auto 22px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(18,183,106,.14); border:2px solid var(--ok);
  font-size:2rem; color:var(--ok); box-shadow:0 0 32px rgba(18,183,106,calc(.3 * var(--brilho)));
}

.series-nota{ margin:20px 0 0; font-size:.86rem; line-height:1.55; color:rgba(255,255,255,.84); text-wrap:pretty }

#produtos .secao-cabeca, #series .secao-cabeca{ display:block }
#produtos .secao-titulo, #series .secao-titulo{ max-width:none; margin-bottom:16px }
#produtos .secao-intro, #series .secao-intro{ max-width:none; padding-bottom:0 }

:is(#produtos,#series,#apoio){ padding-block:clamp(72px,7vw,108px) }
:is(#produtos,#series,#papc,#apoio) .secao-cabeca{ margin-bottom:clamp(40px,4vw,56px) }
:is(#produtos,#series,#papc,#apoio) .cta-linha{ margin-top:clamp(44px,4.5vw,64px); padding-block:26px }
.produtos,.series,.motivos,.papc-servicos{ gap:24px }
.papc-servicos{ margin-top:0 }
.serie{ padding:24px 22px 14px }
#series .series-nota{ margin-top:28px }
#series .aditamentos{ margin-top:24px }
#series .ptuc + .aditamentos{ margin-top:36px }
.catalogo-linha{ margin-top:36px; gap:16px; }
.catalogo-linha .btn{ color:#fff; border-color:rgba(255,255,255,.6); background:rgba(0,11,23,.16) }
.catalogo-linha .btn:hover{ background:rgba(0,11,23,.3) }
@media(min-width:1020px){
  .produtos,.series,.motivos,.papc-servicos{ gap:28px }
}

.serie-expandir{ display:none }
@media(max-width:639px){
  .serie-texto{ font-size:.84rem; line-height:1.6 }
  .serie-conteudo.interativo:not(.aberto) .serie-complemento{ display:none }
  .serie-conteudo.interativo .serie-expandir{
    display:inline-flex; align-items:center; min-height:44px; padding:8px 0;
    border:0; background:transparent; color:var(--navy); font:600 .84rem 'Poppins',sans-serif;
    cursor:pointer; text-decoration:underline; text-underline-offset:3px;
  }
  .serie.destaque .serie-expandir{ color:var(--cyan) }
  .serie-expandir:focus-visible{ outline:2px solid currentColor; outline-offset:3px }
}

#sobre-rolsul .sobre-cabeca{ display:block; margin-bottom:36px }
#sobre-rolsul .secao-titulo{ margin-bottom:18px }
#sobre-rolsul .secao-intro{ max-width:90ch }
.sobre-diferenciais{ position:relative; display:grid; gap:24px; grid-template-columns:repeat(4,minmax(0,1fr)) }
.sobre-diferencial{ padding:22px; border:1px solid rgba(8,17,31,.12); background:#fff; border-radius:18px }
.sobre-diferencial .ic{ display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:10px; color:var(--navy); background:rgba(0,145,255,.1); margin-bottom:16px }
.sobre-diferencial h3{ font:600 1rem/1.35 'Poppins',sans-serif; text-transform:none; letter-spacing:0; margin:0 0 12px }
.sobre-diferencial p{ font-size:.9rem; line-height:1.6; color:var(--tinta-2); margin:0 }
.sobre-historia{ position:relative; margin-top:44px }
.sobre-historia>h3{ font:600 1.12rem/1.4 'Poppins',sans-serif; text-transform:none; letter-spacing:0; margin:0 0 24px }
.sobre-trajetoria{ overflow-x:auto; scroll-snap-type:x proximity; padding:8px 0 12px; scrollbar-color:var(--azure) transparent; scrollbar-width:thin }
.sobre-trajetoria:focus-visible{ outline:2px solid var(--navy); outline-offset:5px }
.sobre-marcos{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px }
.sobre-marcos li{ position:relative; padding:24px 12px 0 0; border-top:2px solid rgba(0,145,255,.3); scroll-snap-align:start }
.sobre-marcos li::before{ content:''; position:absolute; top:-7px; left:0; width:12px; height:12px; border-radius:50%; background:var(--azure); box-shadow:0 0 0 4px #e1eef9 }
.sobre-marco{ display:block; color:var(--navy); font:800 1.7rem/1.1 'Barlow Condensed',sans-serif; margin-bottom:12px }
.sobre-marcos h4{ font:600 .95rem/1.4 'Poppins',sans-serif; margin:0 0 10px }
.sobre-marcos p{ font-size:.9rem; line-height:1.65; color:var(--tinta-2); margin:0 }
.sobre-deslize{ display:none }
.sobre-segmentos{ position:relative; margin:28px 0 0; color:var(--tinta-2); font-size:.82rem; line-height:1.7 }
.sobre-portfolio{ position:relative; display:flex; flex-wrap:wrap; gap:16px 24px; align-items:center; justify-content:space-between; margin-top:24px }
.sobre-portfolio p{ margin:0; flex:1 1 280px; font-size:.9rem; color:var(--tinta-2) }
.sobre-portfolio .btn{ color:var(--navy); border-color:rgba(0,43,201,.3); max-width:100% }
@media(max-width:1039px){ .sobre-diferenciais{ grid-template-columns:repeat(2,minmax(0,1fr)) } }
@media(max-width:639px){
  .sobre-diferenciais{ grid-template-columns:1fr; gap:16px }
  .sobre-diferencial{ display:grid; grid-template-columns:38px 1fr; gap:10px 14px; padding:20px }
  .sobre-diferencial .ic{ margin:0 }
  .sobre-diferencial h3{ align-self:center; margin:0 }
  .sobre-diferencial p{ grid-column:1/-1 }
  .sobre-deslize{ display:block; font-size:.8rem; color:var(--tinta-2); margin-bottom:16px }
  .sobre-marcos{ grid-template-columns:repeat(3,minmax(0,1fr)); width:calc(270% + 48px) }
  .sobre-marcos li{ padding-right:8px }
  .sobre-portfolio .btn{ width:100% }
}
 .form-seguranca { margin: 1rem 0; min-width: 0; max-width: 100%; }
 .form-seguranca + button[hidden] { display: none; }

.gtm-noscript{display:none;visibility:hidden}
