/* Brasau · site institucional e páginas de captação */
:root{
  --navy:#14284B; --navy-2:#1D3761; --navy-3:#0C1A33;
  --ouro:#B8893B; --ouro-claro:#D9B777; --ouro-suave:#FBF5E8; --ouro-texto:#86621F;
  --fundo:#fff; --nevoa:#F3F6FB; --linha:#DCE3EE;
  --tinta:#131D30; --suave:#546079;
  --ok:#2F8F5B; --erro:#B3402E;
  --titulo:"Red Hat Display","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --texto:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --raio:18px; --sombra:0 24px 60px -28px rgba(20,40,75,.38);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--tinta);font:400 16px/1.6 var(--texto);-webkit-font-smoothing:antialiased;padding-bottom:76px}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--titulo);font-weight:700;color:var(--navy);line-height:1.12;margin:0;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:clamp(2.150rem,6.200vw,3.500rem);font-weight:800;line-height:1.05;letter-spacing:-.03em}
h2{font-size:clamp(1.650rem,4.400vw,2.400rem)}
h3{font-size:1.180rem;letter-spacing:-.01em}
p{margin:0}
.largura{width:min(1160px,100% - 40px);margin-inline:auto}
.estreita{max-width:780px}
.centro{text-align:center}
.pular{position:absolute;left:-999px;top:8px;background:var(--navy);color:#fff;padding:10px 14px;border-radius:8px;z-index:50}
.pular:focus{left:8px}
:focus-visible{outline:3px solid var(--ouro);outline-offset:2px;border-radius:6px}
[id]{scroll-margin-top:84px}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 26px;border-radius:999px;font:600 1rem/1 var(--texto);text-decoration:none;border:1.500px solid transparent;cursor:pointer;transition:transform .15s,background .15s,color .15s,box-shadow .15s}
.btn:active{transform:translateY(1px)}
.btn svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.btn-pri{background:var(--navy);color:#fff;box-shadow:0 12px 26px -14px rgba(20,40,75,.8)}
.btn-pri:hover{background:var(--navy-2)}
.btn-sec{background:#fff;color:var(--navy);border-color:var(--navy)}
.btn-sec:hover{background:var(--navy);color:#fff}
.btn-ouro{background:var(--ouro-claro);color:var(--navy-3)}
.btn-ouro:hover{background:#E6C88D}
.btn-vazado{color:#fff;border-color:rgba(255,255,255,.45)}
.btn-vazado:hover{background:#fff;color:var(--navy)}
.btn-sm{min-height:42px;padding:0 18px;font-size:.920rem}

/* Topo */
.topo{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:saturate(1.400) blur(12px);border-bottom:1px solid var(--linha)}
.topo-in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none}
.marca img{width:34px;height:34px}
.marca-nome{font:800 1.500rem/1 var(--titulo);color:var(--navy);letter-spacing:-.035em}
.marca-nome.claro{color:#fff}
.nav{display:none;gap:28px}
.nav a{white-space:nowrap;font-weight:500;font-size:.950rem;color:var(--suave);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.nav a:hover,.nav a[aria-current]{color:var(--navy);border-color:var(--ouro)}

/* Abertura */
.hero{position:relative;overflow:hidden;padding:40px 0 52px;background:radial-gradient(820px 460px at 88% -8%,rgba(217,183,119,.240),transparent 62%),linear-gradient(180deg,var(--nevoa),#fff)}
.hero-grid{display:grid;gap:36px}
.sobretitulo{font-size:.740rem;font-weight:600;letter-spacing:.160em;text-transform:uppercase;color:var(--ouro-texto);margin-bottom:14px}
.grifo{background:linear-gradient(transparent 64%,rgba(217,183,119,.600) 64%,rgba(217,183,119,.600) 94%,transparent 94%)}
.lead{font-size:1.100rem;color:var(--suave);margin-top:18px;max-width:33em}
.hero-acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.selos{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-wrap:wrap;gap:10px 20px}
.selos li{display:flex;align-items:center;gap:7px;font-weight:500;font-size:.940rem;color:var(--navy)}
.selos svg,.lista-check svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--ouro);stroke-width:2.400;stroke-linecap:round;stroke-linejoin:round}
.hero-texto,.comp-wrap,.chat{animation:entra .6s cubic-bezier(.2,.7,.2,1) both}
.comp-wrap,.hero .chat{animation-delay:.12s}
/* Só desliza: o conteúdo nunca depende da animação para ficar visível. */
@keyframes entra{from{transform:translateY(14px)}to{transform:none}}

/* Quadro de comparação (ilustração da abertura) */
.comp-wrap{position:relative}
.comp-wrap::before{content:"";position:absolute;inset:18px -10px -14px 22px;border-radius:26px;background:var(--navy);transform:rotate(2.400deg);opacity:.960}
.comp-wrap::after{content:"";position:absolute;right:-6px;top:-10px;width:74px;height:74px;border-radius:50%;border:2px solid var(--ouro-claro);opacity:.800}
.comp{position:relative;z-index:1;margin:0;background:#fff;border:1px solid var(--linha);border-radius:24px;box-shadow:var(--sombra);overflow:hidden}
.comp-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;background:var(--navy);color:#fff}
.comp-topo strong{font:700 1.020rem/1.200 var(--titulo);letter-spacing:-.01em}
.comp-topo span{font-size:.700rem;letter-spacing:.100em;text-transform:uppercase;color:var(--ouro-claro);white-space:nowrap}
.comp-grade{display:grid;grid-template-columns:minmax(0,1.300fr) repeat(3,minmax(0,1fr));padding:14px 12px 4px}
.c{display:flex;align-items:center;justify-content:center;min-height:50px;padding:8px 6px;font-size:.860rem;font-weight:500;color:var(--navy);border-bottom:1px solid var(--linha);text-align:center}
.c.rot{justify-content:flex-start;text-align:left;color:var(--suave);font-weight:400;font-size:.840rem;line-height:1.300;padding-left:8px}
.c.cab{flex-direction:column;gap:5px;border-bottom:0;font:700 .900rem/1 var(--titulo);min-height:58px}
.c.cab em{font:600 .600rem/1 var(--texto);font-style:normal;letter-spacing:.060em;text-transform:uppercase;background:var(--ouro);color:#fff;padding:4px 7px;border-radius:999px;white-space:nowrap}
.c.dest{background:var(--ouro-suave);border-bottom-color:#EFE2C6}
.c.dest.cab{border-radius:14px 14px 0 0}
.c.fim{border-bottom:0}
.c.dest.fim{border-radius:0 0 14px 14px}
.pts{display:inline-flex;gap:4px}
.pts i{width:9px;height:9px;border-radius:50%;background:var(--linha)}
.p2 i:nth-child(-n+2),.p3 i:nth-child(-n+3),.p4 i{background:var(--navy)}
.cifra{font:700 .950rem/1 var(--titulo);letter-spacing:.080em;color:var(--linha)}
.cifra b{font-weight:700}
.c1 b:nth-child(-n+1),.c2 b:nth-child(-n+2),.c3 b{color:var(--navy)}
.comp figcaption{padding:12px 20px 16px;font-size:.780rem;line-height:1.450;color:var(--suave)}

/* Faixa de fatos */
.fatos{background:var(--navy);color:#fff}
.fatos ul{list-style:none;margin:0;padding:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}
.fatos strong{display:block;font:700 1.050rem/1.250 var(--titulo);letter-spacing:-.01em}
.fatos span{display:block;font-size:.860rem;color:#B9C6DD;margin-top:4px;line-height:1.400}
.fatos li{padding-left:14px;border-left:2px solid var(--ouro)}

/* Logos das operadoras: faixa que desliza para a direita, sem emenda (a lista vem duas vezes no HTML) */
.operadoras{padding:44px 0 8px}
.operadoras .sobretitulo{margin-bottom:20px}
.esteira{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.esteira-trilho{display:flex;width:max-content;animation:desliza 72s linear infinite}
.esteira:hover .esteira-trilho{animation-play-state:paused}
.esteira ul{list-style:none;margin:0;padding:0 7px;display:flex;gap:14px;flex:none}
.esteira li{flex:none;display:grid;place-items:center;min-width:168px;height:84px;padding:0 18px;background:#fff;border:1px solid var(--linha);border-radius:14px}
.esteira img{max-width:200px;max-height:44px;width:auto;height:auto}
@keyframes desliza{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){
  .esteira{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  .esteira ul[aria-hidden]{display:none}
}

/* Faixas */
.faixa{padding:68px 0}
.faixa-nevoa{background:var(--nevoa)}
.faixa-escura{background:var(--navy);color:#DCE4F2}
.faixa-escura h2,.faixa-escura h3{color:#fff}
.faixa-escura .sobretitulo{color:var(--ouro-claro)}
.texto{color:var(--suave);margin-top:14px;font-size:1.050rem;max-width:36em}
.centro .texto{margin-inline:auto}
.cabecalho{max-width:720px}
.cabecalho.centro{margin-inline:auto}

/* Para quem */
.publicos{display:grid;gap:16px;margin-top:38px}
.publico{display:flex;flex-direction:column;gap:10px;padding:26px;border:1px solid var(--linha);border-radius:var(--raio);background:#fff;text-decoration:none;color:inherit;transition:transform .18s,box-shadow .18s,border-color .18s}
.publico:hover{transform:translateY(-3px);box-shadow:var(--sombra);border-color:#C9D3E3}
.publico>svg{width:36px;height:36px;fill:none;stroke:var(--ouro);stroke-width:1.600;stroke-linecap:round;stroke-linejoin:round;margin-bottom:6px}
.publico p{color:var(--suave);font-size:.970rem}
.publico .seta{margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:.940rem;color:var(--navy)}
.publico .seta svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.200;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
.publico:hover .seta svg{transform:translateX(4px)}
.publico.forte{background:var(--navy);border-color:var(--navy);color:#fff}
.publico.forte h3,.publico.forte .seta{color:#fff}
.publico.forte p{color:#C3CEE2}
.publico.forte>svg{stroke:var(--ouro-claro)}

/* Passos */
.passos{list-style:none;padding:0;margin:40px 0 0;display:grid;gap:16px}
.passos li{position:relative;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:26px}
.passos p{color:var(--suave);margin-top:8px}
.num{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;font:700 1.100rem var(--titulo);margin-bottom:16px;box-shadow:0 0 0 4px #fff,0 0 0 5.500px var(--ouro-claro)}

/* Duas colunas com lista */
.duas{display:grid;gap:34px;align-items:center}
.duas .btn{margin-top:26px}
.lista-check{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.lista-check li{display:flex;gap:14px;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:18px 20px}
.lista-check svg{margin-top:3px}
.lista-check strong{display:block;color:var(--navy);font-weight:600}
.lista-check span{color:var(--suave);font-size:.950rem}

/* Quem somos */
.equipe{display:grid;gap:34px;align-items:center}
.equipe p+p{margin-top:12px}
.equipe h2{margin-bottom:16px}
.pessoas{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.pessoas li{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:var(--raio);background:rgba(255,255,255,.060);border:1px solid rgba(255,255,255,.140)}
.inicial{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--navy-3);border:2px solid var(--ouro-claro);color:#fff;font:700 1.300rem var(--titulo)}
.inicial svg{width:24px;height:24px;fill:none;stroke:var(--ouro-claro);stroke-width:1.700;stroke-linecap:round;stroke-linejoin:round}
.situacoes{display:grid;gap:16px;margin-top:38px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.situacao{display:flex;flex-direction:column;gap:12px;padding:26px;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);border-top:3px solid var(--ouro-claro)}
.situacao .fala{font:700 1.120rem/1.350 var(--titulo);color:var(--navy);letter-spacing:-.01em}
.situacao p:not(.fala){color:var(--suave);font-size:.960rem}
.situacao .seta{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:.940rem;color:var(--navy);text-decoration:none}
.situacao .seta svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.200;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
.situacao .seta:hover svg{transform:translateX(4px)}
.depoimentos{display:grid;gap:16px;margin-top:38px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.depoimento{margin:0;display:flex;flex-direction:column;gap:16px;padding:28px;background:#fff;border:1px solid var(--linha);border-radius:var(--raio)}
.depoimento::before{content:"\201C";font:800 3.200rem/.600 var(--titulo);color:var(--ouro-claro);margin-top:12px}
.depoimento blockquote{margin:0;color:var(--tinta);font-size:1.020rem}
.depoimento figcaption{margin-top:auto;padding-top:14px;border-top:1px solid var(--linha);font-size:.900rem;color:var(--suave)}
.depoimento figcaption strong{display:block;color:var(--navy);font:700 1rem/1.300 var(--titulo)}
.depoimento.exemplo{border-style:dashed;border-color:var(--ouro)}
.depoimento .etiqueta{align-self:flex-start;font-size:.680rem;font-weight:600;letter-spacing:.080em;text-transform:uppercase;background:var(--ouro-suave);color:var(--ouro-texto);padding:4px 9px;border-radius:999px}
.pessoas strong{display:block;color:#fff;font:700 1.050rem/1.250 var(--titulo)}
.pessoas span{font-size:.900rem;color:#B9C6DD}

/* Perguntas */
.faq{margin-top:34px;border-top:1px solid var(--linha)}
.faq details{border-bottom:1px solid var(--linha)}
.faq summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;font:600 1.050rem/1.350 var(--texto);color:var(--navy);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:8px;top:26px;width:10px;height:10px;border-right:2px solid var(--ouro);border-bottom:2px solid var(--ouro);transform:rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(225deg);top:30px}
.faq details p{padding:0 0 22px;color:var(--suave)}
.faq a{color:var(--navy);font-weight:500}

/* Chamada final */
.final{padding:0 0 72px}
.final-topo{padding-top:72px}
.painel{position:relative;overflow:hidden;background:var(--navy);color:#DCE4F2;border-radius:28px;padding:44px 26px;text-align:center}
.painel::before{content:"";position:absolute;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;border:2px solid rgba(217,183,119,.450)}
.painel::after{content:"";position:absolute;left:-50px;bottom:-90px;width:210px;height:210px;border-radius:50%;background:rgba(217,183,119,.100)}
.painel>*{position:relative;z-index:1}
.painel h2{color:#fff}
.painel p{margin:14px auto 0;max-width:34em}
.painel .hero-acoes{justify-content:center}
.painel .fone{margin-top:20px;font-size:.920rem;color:#B9C6DD}
.painel .fone strong{color:#fff;font-weight:600}

/* Conversa de qualificação */
.chat{background:#fff;border:1px solid var(--linha);border-radius:24px;box-shadow:var(--sombra);overflow:hidden;display:flex;flex-direction:column}
.chat-topo{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--navy);color:#fff}
.chat-topo img{width:42px;height:42px;border-radius:12px;border:1.500px solid rgba(217,183,119,.700)}
.chat-topo strong{display:block;font:700 1.050rem/1.200 var(--titulo)}
.chat-topo span{font-size:.800rem;color:#C3CEE2}
.chat-tempo{margin-left:auto;font-size:.720rem!important;letter-spacing:.080em;text-transform:uppercase;color:var(--ouro-claro)!important;white-space:nowrap}
.chat-barra{height:4px;background:var(--nevoa)}
.chat-barra i{display:block;height:100%;width:0;background:var(--ouro);transition:width .4s ease}
.chat-corpo{height:min(420px,56vh);overflow-y:auto;padding:18px 16px 6px;background:var(--nevoa);overscroll-behavior:contain}
.chat-log{display:flex;flex-direction:column;gap:8px}
.msg{max-width:86%;padding:11px 15px;border-radius:18px;font-size:.980rem;line-height:1.450;animation:surge .28s ease both;overflow-wrap:anywhere}
.msg.bot{align-self:flex-start;background:#fff;border:1px solid var(--linha);border-bottom-left-radius:6px}
.msg.eu{align-self:flex-end;background:var(--navy);color:#fff;border-bottom-right-radius:6px}
.msg.digitando{display:flex;gap:5px;padding:15px 16px}
.msg.digitando i{width:7px;height:7px;border-radius:50%;background:#B9C0CE;animation:pulo 1s infinite}
.msg.digitando i:nth-child(2){animation-delay:.15s}
.msg.digitando i:nth-child(3){animation-delay:.3s}
@keyframes surge{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes pulo{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.chat-resposta{padding:12px 16px 16px;background:#fff;border-top:1px solid var(--linha);min-height:76px;display:flex;flex-direction:column;gap:8px}
.chat-resposta:empty{display:none}
.opcoes{display:flex;flex-wrap:wrap;gap:8px}
.opcao{flex:1 1 auto;min-height:46px;padding:8px 16px;border-radius:999px;border:1.500px solid var(--navy);background:#fff;color:var(--navy);font:600 .950rem/1.200 var(--texto);cursor:pointer;transition:background .15s,color .15s}
.opcao:hover{background:var(--navy);color:#fff}
.campo{display:flex;gap:8px}
.campo input{flex:1;min-width:0;height:50px;border:1.500px solid var(--linha);border-radius:14px;padding:0 14px;font:400 1rem var(--texto);color:var(--tinta);background:#fff}
.campo input:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(20,40,75,.120)}
.campo button{flex:none;width:50px;height:50px;border-radius:14px;border:0;background:var(--navy);color:#fff;cursor:pointer;display:grid;place-items:center}
.campo button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.200;stroke-linecap:round;stroke-linejoin:round}
.aviso{font-size:.820rem;color:var(--erro);min-height:1.200em}
.aviso:empty{display:none}
.nota{font-size:.780rem;color:var(--suave);line-height:1.400}
.nota a{color:var(--navy)}
.armadilha{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.voltar{align-self:flex-start;background:none;border:0;padding:2px 0;color:var(--suave);font:500 .820rem var(--texto);cursor:pointer;text-decoration:underline}
.chat-noscript{padding:16px;color:var(--suave)}

/* Página de texto (privacidade, não encontrada) */
.pagina-texto{padding-bottom:0}
.prosa h1{font-size:clamp(1.900rem,5vw,2.600rem);margin-bottom:8px}
.prosa h2{font-size:1.250rem;margin:32px 0 8px}
.prosa p{color:var(--suave)}
.prosa .btn{margin-top:26px}

/* Área do Cliente */
.pagina-cliente{padding-bottom:0;background:var(--nevoa)}
.pagina-cliente main{min-height:calc(100vh - 68px)}
.topo-cliente{display:flex;align-items:center;gap:12px;min-width:0}
.topo-cliente .quem{font-size:.850rem;color:var(--suave);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}
.ac-estado{padding:64px 0}
.nota-grande{color:var(--suave);font-size:1.050rem}
.ac-entrar{padding:44px 0 64px;background:radial-gradient(820px 460px at 88% -8%,rgba(217,183,119,.240),transparent 62%),linear-gradient(180deg,var(--nevoa),#fff)}
.ac-entrar-grid{display:grid;gap:34px;align-items:start}
.ac-entrar h1{font-size:clamp(2rem,5.600vw,3rem)}
.ac-beneficios{margin-top:26px}
.ac-cartao{background:#fff;border:1px solid var(--linha);border-radius:24px;box-shadow:var(--sombra);padding:28px 24px;display:flex;flex-direction:column;gap:14px;min-width:0}
.ac-cartao h2{font-size:1.500rem}
.ac-sub{color:var(--suave)}
.ac-campo{display:flex;flex-direction:column;gap:6px;font-size:.900rem;font-weight:500;color:var(--navy)}
.ac-campo input,.ac-campo select,.ac-campo textarea{width:100%;min-width:0;min-height:50px;border:1.500px solid var(--linha);border-radius:14px;padding:12px 14px;font:400 1rem var(--texto);color:var(--tinta);background:#fff}
.ac-campo textarea{resize:vertical;min-height:110px;line-height:1.500}
.ac-campo input:focus,.ac-campo select:focus,.ac-campo textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(20,40,75,.120)}
.ac-check{display:flex;gap:10px;align-items:flex-start;font-size:.920rem;color:var(--tinta)}
.ac-check input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--navy)}
.ac-ou{display:flex;align-items:center;gap:12px;color:var(--suave);font-size:.850rem}
.ac-ou::before,.ac-ou::after{content:"";flex:1;height:1px;background:var(--linha)}
.ac-cartao .btn{width:100%}
.centro-acoes{justify-content:center}
.ac-cartao.centro .btn{width:auto}
.ac-painel{padding:36px 0 72px}
.ac-boas{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px}
.ac-boas .sobretitulo{margin-bottom:8px}
.ac-boas h1{font-size:clamp(1.900rem,5vw,2.600rem)}
.ac-contrato{min-width:min(100%,300px)}
.ac-resumo{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--linha);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden}
.ac-resumo>div{background:#fff;padding:16px 18px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:0}
.ac-resumo strong{font:700 1.050rem/1.250 var(--titulo);color:var(--navy);overflow-wrap:anywhere}
.ac-rot{font-size:.720rem;font-weight:600;letter-spacing:.120em;text-transform:uppercase;color:var(--suave)}
.ac-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.820rem;font-weight:600;background:var(--nevoa);color:var(--suave);white-space:nowrap}
.ac-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.ac-pill.ok{background:#E5F3EB;color:var(--ok)}
.ac-pill.erro{background:#F8E7E3;color:var(--erro)}
.ac-pill.ouro{background:var(--ouro-suave);color:var(--ouro-texto)}
.ac-progresso{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding:16px 18px;background:var(--ouro-suave);border:1px solid #EFE2C6;border-radius:var(--raio);text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.ac-progresso:hover,.ac-progresso.on{border-color:var(--ouro);box-shadow:0 12px 30px -24px rgba(20,40,75,.6)}
.ac-progresso-txt{display:flex;flex-direction:column;gap:2px}
.ac-progresso-txt strong{font:700 1.150rem/1.250 var(--titulo);color:var(--navy)}
.ac-progresso-txt span:last-child{font-size:.850rem;color:var(--ouro-texto)}
.ac-trilha{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex:1 1 220px;max-width:360px}
.ac-trilha li{flex:1;height:8px;border-radius:999px;background:#E9DDC4}
.ac-trilha li.feito{background:var(--navy)}
.ac-trilha li.agora{background:var(--ouro)}
.ac-progresso.alerta{background:#FBEDEA;border-color:#EBC4BB}
.ac-progresso.alerta:hover,.ac-progresso.alerta.on{border-color:var(--erro)}
.ac-progresso.alerta .ac-progresso-txt strong{color:var(--erro)}
.ac-progresso.alerta .ac-progresso-txt span:last-child{color:var(--erro)}
.ac-pendencia{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;border-radius:16px;background:#FBEDEA;border:1px solid #EBC4BB;border-left:4px solid var(--erro)}
.ac-pendencia strong{color:var(--erro);font:700 1.050rem/1.300 var(--titulo)}
.ac-pendencia ul{margin:0;padding-left:20px;color:var(--tinta);font-weight:500}
.ac-pendencia p{color:var(--tinta);font-size:.940rem}
.ac-pendencia .nota{color:var(--suave)}
.ac-recado{padding:14px 16px;border-radius:14px;background:var(--ouro-suave);border-left:4px solid var(--ouro);color:var(--tinta);white-space:pre-line;overflow-wrap:anywhere}
.ac-recado span{display:block;font-size:.760rem;font-weight:600;letter-spacing:.080em;text-transform:uppercase;color:var(--ouro-texto);margin-bottom:4px}
.ac-etapas{list-style:none;margin:0;padding:0;display:grid}
.ac-etapas li{position:relative;display:flex;gap:16px;padding-bottom:22px}
.ac-etapas li:last-child{padding-bottom:0}
.ac-etapas li:not(:last-child)::before{content:"";position:absolute;left:17px;top:38px;bottom:4px;width:2px;background:var(--linha)}
.ac-etapas li.feito:not(:last-child)::before{background:var(--navy)}
.ac-marca{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:2px solid var(--linha);background:#fff;color:var(--suave);font:700 .950rem var(--titulo)}
.ac-marca svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.600;stroke-linecap:round;stroke-linejoin:round}
.ac-etapas li.feito .ac-marca{background:var(--navy);border-color:var(--navy)}
.ac-etapas li.agora .ac-marca{border-color:var(--ouro);color:var(--ouro-texto);box-shadow:0 0 0 4px var(--ouro-suave)}
.ac-etapas strong{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--navy);font:700 1.020rem/1.300 var(--titulo);padding-top:6px}
.ac-etapas li:not(.feito):not(.agora) strong{color:var(--suave)}
.ac-etapas p{color:var(--suave);font-size:.940rem;margin-top:4px}
.ac-funcoes{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ac-funcao{display:flex;flex-direction:column;gap:4px;padding:16px;background:#fff;border:1px solid var(--linha);border-radius:16px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}
.ac-funcao:hover{border-color:#C9D3E3;box-shadow:0 12px 30px -22px rgba(20,40,75,.6);transform:translateY(-2px)}
.ac-funcao svg{width:28px;height:28px;margin-bottom:6px;fill:none;stroke:var(--ouro);stroke-width:1.700;stroke-linecap:round;stroke-linejoin:round}
.ac-funcao strong{font:700 .980rem/1.250 var(--titulo);color:var(--navy);display:flex;align-items:center;gap:6px}
.ac-funcao span{font-size:.820rem;color:var(--suave);line-height:1.350}
.ac-funcao.on{background:var(--navy);border-color:var(--navy)}
.ac-funcao.on strong{color:#fff}
.ac-funcao.on span{color:#C3CEE2}
.ac-funcao.on svg{stroke:var(--ouro-claro)}
.ac-funcao .ac-cont{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--ouro);color:#fff;font:700 .720rem/1 var(--texto)}
.ac-conteudo{margin-top:16px;padding:28px 22px;box-shadow:none;outline:none}
.ac-conteudo h2{font-size:1.450rem}
.ac-h3{font-size:1rem;margin-top:6px}
.ac-txt{color:var(--suave);max-width:46em}
.ac-txt strong{color:var(--tinta)}
.ac-acoes{display:flex;flex-wrap:wrap;gap:10px}
.ac-conteudo .btn{width:auto}
.ac-dl{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:10px 22px;margin:0;font-size:.970rem}
.ac-dl dt{color:var(--suave)}
.ac-dl dd{margin:0;font-weight:500;color:var(--tinta);overflow-wrap:anywhere}
.ac-lista{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ac-lista li{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--linha);border-radius:12px;font-size:.950rem}
.ac-lista span{color:var(--suave);font-size:.850rem}
.ac-form{display:flex;flex-direction:column;gap:14px;max-width:640px}
.ac-duas{display:grid;gap:14px}
.ac-saiba{border:1px solid var(--linha);border-radius:14px;padding:4px 16px}
.ac-saiba summary{cursor:pointer;padding:12px 0;font-weight:600;color:var(--navy)}
.ac-saiba p{color:var(--suave);font-size:.950rem;padding-bottom:12px}
.ac-titulo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.ac-pedidos{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ac-pedidos li{border:1px solid var(--linha);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px}
.ac-pedidos p{color:var(--tinta);font-size:.950rem;white-space:pre-line;overflow-wrap:anywhere}
.ac-pedido-topo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
.ac-pedido-topo strong{color:var(--navy)}
.ac-quando{font-size:.820rem;color:var(--suave)}
.ac-resposta{margin-top:6px;padding:12px 14px;border-radius:12px;background:var(--ouro-suave);font-size:.950rem;white-space:pre-line;overflow-wrap:anywhere}
.ac-resposta span{display:block;font-size:.760rem;font-weight:600;letter-spacing:.080em;text-transform:uppercase;color:var(--ouro-texto);margin-bottom:4px}
.ac-destaque{padding:14px 16px;border-radius:14px;background:var(--ouro-suave);color:var(--navy);font-weight:600}
.ac-ok{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.ac-ok>svg{width:44px;height:44px;padding:9px;border-radius:50%;background:#E5F3EB;fill:none;stroke:var(--ok);stroke-width:2.400;stroke-linecap:round;stroke-linejoin:round}
.ac-demo{font-size:.800rem;font-weight:600;color:var(--ouro-texto);background:var(--ouro-suave);border-radius:10px;padding:8px 12px;align-self:flex-start}
@media (max-width:639px){
  .topo-cliente .quem{display:none}
  .ac-dl{grid-template-columns:1fr;gap:2px}
  .ac-dl dd{margin-bottom:10px}
  .ac-conteudo .ac-acoes .btn{width:100%}
}
@media (min-width:640px){
  .ac-resumo{grid-template-columns:repeat(4,1fr)}
  .ac-funcoes{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ac-duas{grid-template-columns:1fr 1fr}
  .ac-conteudo{padding:32px}
}
@media (min-width:980px){
  .ac-entrar{padding:80px 0 96px}
  .ac-entrar-grid{grid-template-columns:1.100fr .900fr;gap:64px}
}

/* Rodapé */
.rodape{background:var(--navy-3);color:#B9C6DD;padding:44px 0 40px;font-size:.920rem}
.rodape-in{display:grid;gap:28px}
.rodape .marca{margin-bottom:12px}
.rodape .marca img{border-radius:10px;box-shadow:0 0 0 1.500px rgba(217,183,119,.650)}
.rodape h3{font:600 .740rem/1 var(--texto);letter-spacing:.140em;text-transform:uppercase;color:var(--ouro-claro);margin-bottom:12px}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rodape a{color:#fff;text-decoration:none}
.rodape a:hover{text-decoration:underline}
.rodape-legal{margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.120);font-size:.800rem;line-height:1.550}

/* Botão fixo no celular */
.fixo{position:fixed;left:16px;right:16px;bottom:14px;z-index:30;border-color:var(--ouro-claro);box-shadow:0 12px 28px -10px rgba(0,0,0,.550);transition:transform .25s,opacity .25s}
.fixo.some,.enviado .fixo{transform:translateY(140%);opacity:0;pointer-events:none}

@media (max-width:639px){
  .c.cab em{white-space:normal;text-align:center;line-height:1.150;border-radius:8px}
}
@media (min-width:640px){
  .publicos{grid-template-columns:1fr 1fr}
  .fatos ul{grid-template-columns:repeat(4,1fr);padding:30px 0}
  .painel{padding:60px 40px}
}
@media (min-width:760px){
  .passos{grid-template-columns:repeat(3,1fr)}
  .rodape-in{grid-template-columns:1.600fr 1fr 1fr;gap:48px}
}
@media (min-width:980px){
  body{padding-bottom:0}
  .fixo,.so-celular{display:none}
  .nav{display:flex}
  .hero{padding:72px 0 88px}
  .hero-grid{grid-template-columns:1.080fr .920fr;gap:64px;align-items:center}
  .publicos{grid-template-columns:repeat(4,1fr)}
  .publicos.tres{grid-template-columns:repeat(3,1fr)}
  .duas,.equipe{grid-template-columns:1fr 1fr;gap:64px}
  .faixa{padding:96px 0}
  .final{padding-bottom:96px}
  .final-topo{padding-top:96px}
  .chat-corpo{height:400px}
  .c{font-size:.900rem;min-height:54px}
}
/* Menu: em telas médias o link da Área do Cliente fica só no rodapé, para o menu caber numa linha. */
@media (max-width:1179px){ .nav .nav-largo{display:none} }
@media (min-width:980px) and (max-width:1099px){ .nav{gap:20px} }
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation:none!important;transition:none!important}
}