/* Thomazini Digital · site institucional · cores e fontes do kit de marca v1 */
:root{
  --preto:#07080C; --grafite:#14151C; --grafite-2:#1B1D26; --linha:rgba(255,255,255,.09);
  --coral:#FF3955; --coral-escuro:#6e0f22; --branco:#FFFFFF; --texto:#C9CAD3; --apagado:#8A8C99;
  --marca:"Plus Jakarta Sans","Inter",system-ui,sans-serif; --corpo:"Inter",system-ui,sans-serif;
  --max:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--preto);color:var(--texto);font:400 17px/1.6 var(--corpo);overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--marca);color:var(--branco);letter-spacing:-.025em;margin:0}
h1{font-weight:700;font-size:clamp(34px,4.4vw,56px);line-height:1.07}
h2{font-weight:700;font-size:clamp(28px,3.6vw,44px);line-height:1.12}
h3{font-weight:600;font-size:20px;line-height:1.3}
em{font-style:normal;color:var(--coral)}
p{margin:0}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 13px/1 var(--corpo);letter-spacing:.08em;text-transform:uppercase;color:var(--coral)}
.eyebrow::before{content:"";width:18px;height:2px;background:var(--coral)}
section{padding:112px 0}
.lead{font-size:clamp(18px,1.6vw,21px);color:var(--texto);max-width:640px}
.head{max-width:760px;margin-bottom:56px}
.head h2{margin:16px 0 18px}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:10px;font:600 16px/1 var(--corpo);text-decoration:none;transition:transform .15s ease,background .15s ease,border-color .15s ease;cursor:pointer;border:1px solid transparent}
.btn:hover{transform:translateY(-1px)}
.btn-coral{background:var(--coral);color:#fff;box-shadow:0 10px 30px -10px rgba(255,57,85,.7)}
.btn-coral:hover{background:#ff4d66}
.btn-linha{border-color:rgba(255,255,255,.22);color:#fff}
.btn-linha:hover{border-color:#fff}
.btn svg{width:20px;height:20px}

/* topo */
.topo{position:sticky;top:0;z-index:20;background:rgba(7,8,12,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--linha)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}
.topo .logo img{height:30px;width:auto}
.topo nav{display:flex;gap:30px;font-size:15px}
.topo nav a{text-decoration:none;color:var(--texto)}
.topo nav a:hover{color:#fff}
.topo .btn{min-height:42px;padding:0 18px;font-size:15px}

/* hero */
.hero{position:relative;padding:88px 0 104px;overflow:hidden}
.hero::before{content:"";position:absolute;inset:auto -10% 0 -10%;height:75%;background:radial-gradient(48% 62% at 28% 112%,var(--coral) 0%,var(--coral-escuro) 42%,transparent 76%);opacity:.6;pointer-events:none}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center}
.hero h1{margin:22px 0 24px}
.hero .lead{margin-bottom:34px}
.ctas{display:flex;flex-wrap:wrap;gap:14px}
.chips{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:34px;font-size:15px;color:#fff}
.chips span{display:inline-flex;align-items:center;gap:8px}
.chips span::before{content:"";width:6px;height:6px;background:var(--coral);transform:rotate(45deg)}

/* celular com o Google */
.fone{justify-self:center;width:min(360px,100%);background:#0d0e13;border:1px solid rgba(255,255,255,.12);border-radius:34px;padding:14px;box-shadow:0 40px 80px -30px rgba(0,0,0,.9),0 0 0 6px #111219}
.tela{background:#fff;border-radius:24px;overflow:hidden;color:#202124;font:400 13px/1.35 Arial,Helvetica,sans-serif}
.busca{display:flex;align-items:center;gap:8px;margin:14px 14px 10px;padding:10px 14px;border-radius:24px;box-shadow:0 1px 6px rgba(32,33,36,.28);font-size:14px}
.busca svg{width:16px;height:16px;color:#5f6368}
.res{position:relative;padding:10px 16px;border-top:1px solid #ecedef}
.res small{display:block;color:#5f6368;font-size:11px}
.res b{display:block;color:#1a0dab;font-weight:400;font-size:15px;margin:2px 0}
.res.ad{opacity:.38}
.res.ad small b{display:inline;color:#202124;font-weight:700;font-size:11px}
.pula{position:absolute;right:12px;top:50%;transform:translateY(-50%) rotate(-4deg);background:#202124;color:#fff;font:700 11px/1 Arial,sans-serif;padding:6px 8px;border-radius:6px;letter-spacing:.02em}
.mapa{height:74px;background:linear-gradient(135deg,#e8eef3 25%,#dfe7ee 25% 50%,#e8eef3 50% 75%,#dfe7ee 75%);background-size:28px 28px;position:relative}
.mapa i{position:absolute;width:14px;height:14px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#ea4335}
.mapa i:nth-child(1){left:22%;top:30%}.mapa i:nth-child(2){left:55%;top:48%;background:#9aa0a6}.mapa i:nth-child(3){left:78%;top:22%;background:#9aa0a6}
.local{display:flex;justify-content:space-between;gap:10px;padding:10px 16px;border-top:1px solid #ecedef}
.local b{font-size:14px;font-weight:700;color:#202124}
.local .est{color:#5f6368;font-size:12px}
.local .est span{color:#e37400}
.local .aberto{color:#188038}
.local.sua{background:#fff4f6;box-shadow:inset 3px 0 0 var(--coral)}
.liga{display:inline-flex;align-items:center;align-self:center;background:var(--coral);color:#fff;font:700 11px/1 Arial,sans-serif;padding:7px 9px;border-radius:6px;white-space:nowrap}
.local.outro{opacity:.6}

/* comparação */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:var(--grafite);border:1px solid var(--linha);border-radius:16px;padding:28px 24px}
.card .n{font:700 14px/1 var(--marca);color:var(--coral);margin-bottom:22px}
.card h3{margin-bottom:10px}
.card p{font-size:15.5px}
.fecho{margin-top:40px;max-width:760px;font-size:19px;color:#fff}

/* método */
.metodo{background:var(--grafite);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.tres{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tres .card{background:var(--preto);padding:34px 28px}
.tres .card .n{font-size:44px;letter-spacing:-.04em;margin-bottom:26px}
.trilha{margin-top:56px;padding:26px 28px;border:1px dashed rgba(255,255,255,.18);border-radius:16px}
.trilha ol{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:10px 8px;align-items:center}
.trilha li{display:inline-flex;align-items:center;gap:8px;color:#fff;font:600 15px/1 var(--corpo)}
.trilha li span{padding:9px 13px;border-radius:999px;background:var(--grafite-2);border:1px solid var(--linha)}
.trilha li:last-child span{background:var(--coral);border-color:var(--coral)}
.trilha li:not(:last-child)::after{content:"→";color:var(--apagado)}
.trilha p{font-size:15.5px}

/* prova */
.prova .grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.contrato{background:#fbfbfc;color:#1d1e24;border-radius:16px;padding:30px 30px 26px;font:400 14px/1.4 var(--corpo);box-shadow:0 30px 60px -30px rgba(0,0,0,.8);transform:rotate(-1deg)}
.contrato header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #1d1e24;padding-bottom:12px;margin-bottom:10px}
.contrato header b{font:700 18px/1 var(--marca);letter-spacing:-.01em}
.contrato header small{color:#6b6d78;font-size:12px}
.contrato table{width:100%;border-collapse:collapse}
.contrato td{padding:7px 0;border-bottom:1px solid #e6e7eb}
.contrato td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.contrato .mais td{color:#8a8c99;font-style:italic}
.contrato .total td{border:0;padding-top:16px;font:700 22px/1 var(--marca)}
.contrato .total td:first-child{font:600 13px/1.2 var(--corpo);color:#6b6d78;text-transform:uppercase;letter-spacing:.06em}
.contrato .total em{color:var(--coral-texto,#C81F3B)}
.numeros{display:grid;gap:16px}
.grande{background:linear-gradient(160deg,#2a0d15,var(--grafite) 60%);border:1px solid rgba(255,57,85,.35);border-radius:16px;padding:30px}
.grande strong{display:block;font:700 clamp(40px,4.6vw,58px)/1 var(--marca);color:#fff;letter-spacing:-.04em}
.grande strong em{font-size:.8em;margin-left:2px}
.grande p{margin-top:12px;color:#fff}
.citas{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cita{background:var(--grafite);border:1px solid var(--linha);border-radius:16px;padding:22px}
.cita q{display:block;color:#fff;font:600 17px/1.35 var(--marca);quotes:"“" "”"}
.cita small{display:block;margin-top:10px;color:var(--apagado);font-size:13.5px}
.nota{margin-top:26px;font-size:13.5px;color:var(--apagado);max-width:820px}

/* entrega */
.entrega .grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lista li{display:flex;gap:12px;align-items:flex-start;background:var(--grafite);border:1px solid var(--linha);border-radius:12px;padding:16px;color:#fff;font-size:15.5px;line-height:1.4}
.lista li::before{content:"";flex:none;width:18px;height:18px;margin-top:1px;border-radius:50%;background:var(--coral) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
.fora{margin-top:22px;padding:18px 20px;border-left:3px solid var(--coral);background:rgba(255,57,85,.06);border-radius:0 12px 12px 0;color:#fff;font-size:15.5px}

/* 90 dias */
.dias{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--linha);border-radius:16px;overflow:hidden}
.dia{padding:32px 28px;background:var(--grafite)}
.dia+.dia{border-left:1px solid var(--linha)}
.dia small{font:700 13px/1 var(--corpo);letter-spacing:.08em;text-transform:uppercase;color:var(--coral)}
.dia h3{margin:14px 0 10px}
.dia p{font-size:15.5px}
.dono{margin-top:22px;display:flex;align-items:center;gap:14px;color:#fff;font-size:17px}
.dono svg{flex:none;width:26px;height:26px;color:var(--coral)}

/* pra quem */
.quem .grid{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.ramos{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.ramos span{padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:#fff;font-size:15px}
.criterios{background:var(--grafite);border:1px solid var(--linha);border-radius:16px;padding:30px}
.criterios h3{margin-bottom:18px}
.criterios ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.criterios li{display:flex;gap:12px;color:#fff}
.criterios li::before{content:"";flex:none;width:8px;height:8px;margin-top:9px;background:var(--coral);transform:rotate(45deg)}
.vagas{margin-top:22px;padding-top:20px;border-top:1px solid var(--linha);font-size:15.5px}
.vagas b{color:#fff}

/* perguntas */
.faq{max-width:860px}
details{border-bottom:1px solid var(--linha)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:24px 0;color:#fff;font:600 19px/1.35 var(--marca);letter-spacing:-.01em}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";flex:none;color:var(--coral);font:400 28px/1 var(--corpo);transition:transform .2s}
details[open] summary::after{transform:rotate(45deg)}
details p{padding:0 0 26px;max-width:720px}

/* chamada final */
.final{position:relative;overflow:hidden;text-align:center;padding:128px 0}
.final::before{content:"";position:absolute;inset:auto -20% 0 -20%;height:85%;background:radial-gradient(45% 70% at 50% 118%,var(--coral) 0%,var(--coral-escuro) 42%,transparent 78%);opacity:.65;pointer-events:none}
.final .wrap{position:relative}
.final h2{font-size:clamp(32px,4.6vw,56px);max-width:820px;margin:18px auto 20px}
.final .lead{margin:0 auto 36px}
.final .ctas{justify-content:center}
.final .tel{margin-top:20px;font-size:15px;color:var(--texto)}
.final .tel a{color:#fff}

/* rodapé */
.rodape{border-top:1px solid var(--linha);padding:48px 0 40px;font-size:14px;color:var(--apagado)}
.rodape .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.rodape img{height:28px;width:auto;margin-bottom:16px}
.rodape h4{margin:0 0 12px;color:#fff;font:600 14px/1 var(--corpo)}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rodape a{text-decoration:none}
.rodape a:hover{color:#fff}
.copy{grid-column:1/-1;padding-top:24px;border-top:1px solid var(--linha);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* botão fixo no celular */
.fixo{display:none}

/* páginas de texto */
.doc{max-width:780px;margin:0 auto;padding:72px 24px 96px}
.doc h1{font-size:clamp(32px,4vw,44px);margin-bottom:10px}
.doc h2{font-size:22px;margin:40px 0 12px}
.doc p,.doc li{margin:0 0 12px}
.doc .data{color:var(--apagado);font-size:14px;margin-bottom:28px}

@media (max-width:980px){
  section{padding:84px 0}
  .hero .wrap,.prova .grid,.entrega .grid,.quem .grid{grid-template-columns:1fr}
  .hero{padding:56px 0 80px}
  .fone{margin-top:8px}
  .cards{grid-template-columns:1fr 1fr}
  .tres{grid-template-columns:1fr}
  .dias{grid-template-columns:1fr}
  .dia+.dia{border-left:0;border-top:1px solid var(--linha)}
  .topo nav{display:none}
  .contrato{transform:none}
}
@media (max-width:640px){
  body{font-size:16px}
  .wrap{padding:0 16px}
  .topo .wrap{height:64px}
  .topo .logo img{height:26px}
  .topo .btn{display:none}
  .cards,.citas,.lista{grid-template-columns:1fr}
  .ctas .btn{width:100%}
  .head{margin-bottom:40px}
  .contrato{padding:22px 18px}
  .rodape .wrap{grid-template-columns:1fr}
  .fixo{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:30}
  .fixo .btn{width:100%}
  body{padding-bottom:76px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* v3 · tese, teste no celular, princípios */
.tese{max-width:900px}
.tese h2{font-size:clamp(30px,4.2vw,52px)}
.tese .lead+.lead{margin-top:18px}
.dado{margin-top:44px;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;padding:28px 30px;border:1px solid var(--linha);border-radius:16px;background:var(--grafite)}
.dado strong{font:700 clamp(46px,5vw,64px)/1 var(--marca);color:var(--coral);letter-spacing:-.04em;white-space:nowrap}
.dado p{color:#fff;font-size:17px}
.dado small{display:block;margin-top:8px;color:var(--apagado);font-size:13px}
.teste{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:passo}
.teste li{list-style:none;position:relative;background:var(--preto);border:1px solid var(--linha);border-radius:16px;padding:30px 26px 28px}
.teste li::before{counter-increment:passo;content:counter(passo);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--coral);color:#fff;font:700 17px/1 var(--marca);margin-bottom:22px}
.teste h3{margin-bottom:10px}
.teste p{font-size:15.5px}
.teste code{font:500 14.5px/1.4 var(--corpo);color:#fff;background:var(--grafite-2);border:1px solid var(--linha);padding:2px 7px;border-radius:6px;white-space:nowrap}
.veredito{margin-top:26px;color:#fff;font-size:19px;max-width:820px}
.onde{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px 26px;color:var(--texto);font-size:15px}
.onde b{color:#fff;font-weight:600}
.principios{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.principios .card{padding:28px 26px}
.principios h3{margin-bottom:10px;font-size:19px}
.principios h3::before{content:"";display:block;width:22px;height:3px;background:var(--coral);margin-bottom:18px;border-radius:2px}
.escopo{margin-top:40px;padding:26px 28px;border-radius:16px;border:1px dashed rgba(255,255,255,.2)}
.escopo p{color:#fff;font-size:17px}
.escopo .itens{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.escopo .itens span{padding:9px 14px;border-radius:999px;background:var(--grafite-2);border:1px solid var(--linha);color:#fff;font-size:14.5px}
@media (max-width:980px){.teste,.principios{grid-template-columns:1fr}.dado{grid-template-columns:1fr;gap:12px}}
.hero::before,.final::before{-webkit-mask-image:linear-gradient(to bottom,#000 35%,transparent 100%);mask-image:linear-gradient(to bottom,#000 35%,transparent 100%)}
.hero::before{background:radial-gradient(50% 70% at 26% 70%,var(--coral) 0%,var(--coral-escuro) 42%,transparent 76%);opacity:.5}
.final::before{background:radial-gradient(45% 75% at 50% 75%,var(--coral) 0%,var(--coral-escuro) 42%,transparent 78%);opacity:.5}