/* Axya: site institucional. Tokens do brand book (paleta D). */
@font-face{font-family:"Comfortaa";src:url(/assets/fonts/Comfortaa.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Poppins";src:url(/assets/fonts/Poppins-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url(/assets/fonts/Poppins-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Poppins";src:url(/assets/fonts/Poppins-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
:root{
  --noite:#0E1446; --inst:#012675; --berinjela:#3A1A3E; --lilas:#C3A3E0;
  --pedra:#F5F1EC; --branco:#FFFFFF; --grafite:#16131A; --suave:#5C5662;
  --linha:#DDD5CC; --elevada:#1A2257; --suave-escuro:#B9BDD6;
  --display:"Comfortaa", ui-rounded, "Trebuchet MS", sans-serif;
  --corpo:"Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --r-md:10px; --r-lg:16px; --max:1180px; --gutter:clamp(16px,4vw,40px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--pedra);color:var(--grafite);font-family:var(--corpo);font-size:17px;line-height:1.65}
img{max-width:100%;height:auto;display:block}
a{color:var(--inst)}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.15;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(34px,6vw,60px);letter-spacing:-.01em}
h2{font-size:clamp(28px,4vw,40px)}
h3{font-size:22px}
p{margin:0 0 1em;max-width:62ch}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.skip{position:absolute;left:-999px;top:8px;background:var(--lilas);color:var(--noite);padding:10px 16px;border-radius:var(--r-md);z-index:99}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--lilas);outline-offset:3px}
.claro :focus-visible,.secao:not(.escura) :focus-visible{outline-color:var(--inst)}

/* Cabeçalho */
.topo{background:var(--noite);color:var(--branco);position:sticky;top:0;z-index:40}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.marca{display:flex;align-items:center}
.marca img{height:42px;width:auto}
.menu{display:flex;gap:4px;align-items:center}
.menu a{color:var(--branco);text-decoration:none;font-size:15px;font-weight:500;padding:10px 14px;border-radius:var(--r-md)}
.menu a:hover{background:rgba(195,163,224,.14)}
.menu a[aria-current="page"]{color:var(--lilas)}
.menu .btn{margin-left:8px}
.abre-menu{display:none;background:none;border:1.5px solid rgba(195,163,224,.4);color:var(--branco);border-radius:var(--r-md);padding:9px 14px;font:600 15px var(--corpo);cursor:pointer}
@media (max-width:900px){
  .abre-menu{display:block}
  .menu{position:absolute;left:0;right:0;top:72px;background:var(--noite);flex-direction:column;align-items:stretch;padding:8px var(--gutter) 24px;display:none;border-top:1px solid rgba(195,163,224,.2)}
  .menu.aberto{display:flex}
  .menu a{padding:14px 8px;font-size:17px}
  .menu .btn{margin:12px 0 0;text-align:center}
}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 16px/1.2 var(--corpo);text-decoration:none;border:0;cursor:pointer;border-radius:var(--r-md);padding:15px 24px;background:var(--inst);color:var(--branco);transition:transform .15s,background .15s}
.btn:hover{background:#0A3591}
.btn:active{transform:scale(.98)}
.escura .btn,.topo .btn,.heroi .btn,.heroi-pagina .btn,.berinjela .btn{background:var(--lilas);color:var(--noite)}
.escura .btn:hover,.topo .btn:hover,.heroi .btn:hover,.heroi-pagina .btn:hover,.berinjela .btn:hover{background:#D3BBE9}
.btn.linha{background:transparent;color:var(--inst);border:1.5px solid var(--inst)}
.escura .btn.linha,.heroi .btn.linha,.heroi-pagina .btn.linha,.berinjela .btn.linha{background:transparent;color:var(--branco);border:1.5px solid rgba(195,163,224,.7)}
.escura .btn.linha:hover,.heroi .btn.linha:hover,.heroi-pagina .btn.linha:hover{background:rgba(195,163,224,.12)}
.btn.pequeno{padding:11px 18px;font-size:15px}
.acoes{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* Seções */
.secao{padding:clamp(56px,9vw,104px) 0}
.escura{background:var(--noite);color:var(--branco)}
.escura p{color:#E3E1EE}
.berinjela{background:var(--berinjela);color:var(--branco)}
.berinjela p{color:#EADDEC}
.inst{background:var(--inst);color:var(--branco)}
.lede{font-size:clamp(18px,2vw,21px);line-height:1.6}
.suave{color:var(--suave)}
.escura .suave,.berinjela .suave{color:var(--suave-escuro)}
.faixa{height:6px;background:linear-gradient(90deg,var(--inst) 0 55%,var(--berinjela) 55% 92%,var(--lilas) 92%)}

/* Herói: bloco de cor e foto, cortados pelo ângulo do A */
.heroi{background:var(--noite);color:var(--branco);position:relative;overflow:hidden}
.heroi .grade{display:grid;grid-template-columns:1.05fr .95fr;min-height:min(78vh,680px)}
.heroi .texto{padding:clamp(48px,8vw,96px) var(--gutter) clamp(48px,7vw,80px) max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter)));display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.heroi h1{max-width:13ch}
.heroi .lede{color:#E3E1EE;max-width:46ch}
.heroi .foto{position:relative;clip-path:polygon(22% 0,100% 0,100% 100%,0 100%)}
.heroi .foto picture{display:block;height:100%}
.heroi .foto img{width:100%;height:100%;object-fit:cover;object-position:30% 30%}
.heroi .foto::before{content:"";position:absolute;inset:0;background:var(--inst);clip-path:polygon(22% 0,29% 0,7% 100%,0 100%);z-index:1}
.heroi .fatos{display:flex;flex-wrap:wrap;gap:28px;margin-top:40px}
.heroi .fatos div{font-size:14px;color:var(--suave-escuro);max-width:18ch;line-height:1.4}
.heroi .fatos b{display:block;font-family:var(--display);font-size:30px;color:var(--lilas);line-height:1.1;margin-bottom:4px}
@media (max-width:860px){
  .heroi .grade{grid-template-columns:1fr}
  .heroi .foto{clip-path:polygon(0 14%,100% 0,100% 100%,0 100%);height:62vw;max-height:420px;order:2}
  .heroi .foto::before{display:none}
  .heroi .texto{padding:40px var(--gutter) 32px}
  .heroi .fatos{gap:16px;flex-wrap:nowrap}
  .heroi .fatos div{font-size:12.5px}
  .heroi .fatos b{font-size:24px}
}
.heroi-pagina{background:var(--noite);color:var(--branco);padding:clamp(48px,8vw,88px) 0 clamp(40px,6vw,64px);position:relative;overflow:hidden}
.heroi-pagina::after{content:"";position:absolute;right:-60px;bottom:-1px;width:min(38vw,420px);height:100%;background:var(--inst);clip-path:polygon(60% 0,100% 0,100% 100%,0 100%);opacity:.55}
.heroi-pagina .wrap{position:relative;z-index:1}
.heroi-pagina p{color:#E3E1EE}
.trilha-nav{font-size:14px;margin-bottom:18px;color:var(--suave-escuro)}
.trilha-nav a{color:var(--suave-escuro)}

/* Método: os 5 blocos em sequência */
.metodo{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:32px;counter-reset:bloco}
.metodo .bloco{position:relative;padding:22px 26px 22px 34px;background:var(--branco);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%,18px 50%);margin-left:-10px}
.metodo .bloco:first-child{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%);margin-left:0;padding-left:22px}
.metodo .bloco:nth-child(2){background:#EEE8F4}
.metodo .bloco:nth-child(3){background:#E4DAEE}
.metodo .bloco:nth-child(4){background:#D7C6E6}
.metodo .bloco:nth-child(5){background:var(--lilas)}
.metodo b{font-family:var(--display);font-size:19px;display:block;color:var(--noite)}
.metodo span{font-size:14px;color:#3C3644;line-height:1.4;display:block}
@media (max-width:860px){
  .metodo{grid-template-columns:1fr;gap:6px}
  .metodo .bloco,.metodo .bloco:first-child{clip-path:none;margin:0;border-radius:var(--r-md);padding:16px 18px}
}

/* Grades e cartões */
.grade-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.grade-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:900px){.grade-3{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.grade-2,.grade-3{grid-template-columns:1fr}}
.cartao{background:var(--branco);border-radius:var(--r-lg);padding:28px;border:1px solid var(--linha);display:flex;flex-direction:column}
.cartao p{font-size:16px}
.cartao .preco{font-family:var(--display);font-weight:700;font-size:26px;color:var(--inst);margin:4px 0 12px}
.cartao .acoes{margin-top:auto;padding-top:12px}
.escura .cartao{background:var(--elevada);border-color:#2E3670}
.escura .cartao .preco{color:var(--lilas)}
.cartao.destaque{background:var(--berinjela);color:var(--branco);border-color:var(--berinjela)}
.cartao.destaque p{color:#EADDEC}
.cartao.destaque .preco{color:var(--lilas)}
.cartao.destaque .btn{background:var(--lilas);color:var(--noite)}
.selo{display:inline-block;font-size:13px;font-weight:600;border-radius:999px;padding:4px 12px;background:#EEE8F4;color:var(--berinjela);margin-bottom:12px;align-self:flex-start}
.destaque .selo,.escura .selo{background:rgba(195,163,224,.18);color:var(--lilas)}
.entrada{text-decoration:none;color:inherit;transition:border-color .15s}
.entrada:hover{border-color:var(--inst)}
.entrada h3{color:var(--noite)}
.entrada .ir{color:var(--inst);font-weight:600;font-size:15px;margin-top:auto}

/* Lista de serviços */
.servicos{display:grid;gap:0;border-top:1px solid var(--linha)}
.servico{display:grid;grid-template-columns:1fr auto;gap:8px 32px;padding:28px 0;border-bottom:1px solid var(--linha);align-items:start}
.servico h3{margin:0 0 6px}
.servico p{margin:0;font-size:16px;color:#3C3644}
.servico .lado{text-align:right;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.servico .preco{font-family:var(--display);font-weight:700;font-size:24px;color:var(--inst);white-space:nowrap}
.servico.destaque{background:var(--branco);margin:0 calc(-1 * clamp(0px,2vw,24px));padding:28px clamp(0px,2vw,24px);border-radius:var(--r-lg);border:2px solid var(--berinjela)}
@media (max-width:640px){.servico{grid-template-columns:1fr}.servico .lado{align-items:flex-start;text-align:left}}

/* Tabela de pacotes */
.pacotes{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:32px}
@media (max-width:1040px){.pacotes{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.pacotes{grid-template-columns:1fr}}
.pacote{background:var(--branco);border-radius:var(--r-lg);padding:24px;border:1px solid var(--linha);display:flex;flex-direction:column}
.pacote h3{margin-bottom:4px}
.pacote .preco{font-family:var(--display);font-weight:700;font-size:26px;color:var(--inst);white-space:nowrap}
.pacote .parc{font-size:14px;color:var(--suave);margin-bottom:12px}
.pacote dl{margin:12px 0 16px;font-size:14px}
.pacote dt{color:var(--suave)}
.pacote dd{margin:0 0 8px;font-weight:500}
.pacote .btn{margin-top:auto}
.pacote.completo{background:var(--noite);color:var(--branco);border-color:var(--noite)}
.pacote.completo .preco{color:var(--lilas)}
.pacote.completo .parc,.pacote.completo dt{color:var(--suave-escuro)}
.pacote.completo .btn{background:var(--lilas);color:var(--noite)}

/* Etapas */
.etapas{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:28px}
@media (max-width:900px){.etapas{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.etapas{grid-template-columns:1fr}}
.etapas h3{font-size:19px;border-top:3px solid var(--lilas);padding-top:12px;color:var(--branco)}
.etapas ol{list-style:none;margin:0;padding:0}
.etapas li{display:grid;grid-template-columns:30px 1fr;gap:6px;font-size:15px;margin-bottom:10px;color:#E3E1EE;line-height:1.45}
.etapas li b{color:var(--lilas);font-family:var(--display)}

/* Divisão foto e texto */
.dividido{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,64px);align-items:center}
.dividido .foto img{border-radius:var(--r-lg);width:100%;aspect-ratio:4/5;object-fit:cover}
.dividido .foto.larga img{aspect-ratio:4/3}
@media (max-width:820px){.dividido{grid-template-columns:1fr}}
.areas{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:16px 0 24px;list-style:none}
.areas li{border:1.5px solid var(--linha);border-radius:999px;padding:6px 14px;font-size:15px}
.escura .areas li{border-color:#2E3670}

/* Parceiros */
.parceiros{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media (max-width:700px){.parceiros{grid-template-columns:1fr}}
.parceiro{background:var(--branco);border-radius:var(--r-lg);border:1px solid var(--linha);padding:24px 26px;display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start}
.parceiro .ini{width:56px;height:56px;border-radius:14px;background:var(--noite);color:var(--lilas);display:grid;place-items:center;font:700 20px var(--display)}
.parceiro h3{font-size:20px;margin-bottom:2px}
.parceiro .area{font-size:15px;color:var(--suave);margin:0 0 8px}
.parceiro .fez{font-size:14px;margin:0 0 10px}
.parceiro .fez b{color:var(--berinjela)}
.parceiro .status{font-size:14px;color:var(--suave)}
.parceiro a.visitar{font-weight:600;font-size:15px}

/* E-book em mockup */
.livro{display:grid;place-items:center;padding:28px 0 8px;perspective:900px}
.capa{width:170px;aspect-ratio:3/4.2;border-radius:3px 10px 10px 3px;background:var(--berinjela);color:var(--branco);padding:22px 18px;display:flex;flex-direction:column;justify-content:space-between;transform:rotateY(-18deg);box-shadow:-10px 14px 24px rgba(14,20,70,.28),inset 7px 0 0 rgba(0,0,0,.22);font-family:var(--display)}
.capa.azul{background:var(--noite)}
.capa b{font-size:19px;line-height:1.15}
.capa small{font:500 11px var(--corpo);color:var(--lilas)}
.capa i{display:block;width:34px;height:4px;background:var(--lilas);border-radius:4px}

/* FAQ */
.faq details{border-bottom:1px solid var(--linha);padding:4px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:18px;padding:18px 32px 18px 0;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:14px;font:400 26px var(--corpo);color:var(--inst)}
.faq details[open] summary::after{content:"−"}
.faq details p{padding-bottom:16px}

/* Rodapé */
.rodape{background:var(--noite);color:var(--suave-escuro);font-size:15px;padding:56px 0 28px}
.rodape .grade{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
@media (max-width:820px){.rodape .grade{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.rodape .grade{grid-template-columns:1fr}}
.rodape h2{font-size:16px;color:var(--branco);font-family:var(--corpo);font-weight:600;margin-bottom:10px}
.rodape ul{list-style:none;margin:0;padding:0}
.rodape li{margin-bottom:8px}
.rodape a{color:var(--suave-escuro);text-decoration:none}
.rodape a:hover{color:var(--lilas)}
.rodape .base{border-top:1px solid #2E3670;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:14px}
.rodape .assin{height:64px;width:auto;margin-bottom:14px}

/* WhatsApp flutuante */
.zap{position:fixed;right:18px;bottom:18px;z-index:50;width:60px;height:60px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 6px 20px rgba(14,20,70,.3);transition:transform .15s}
.zap:hover{transform:scale(1.06)}
.zap svg{width:32px;height:32px;fill:#fff}

/* Mocks do "o que você recebe" */
.mock{background:var(--branco);border-radius:var(--r-lg);border:1px solid var(--linha);padding:22px;font-size:14px}
.mock .anel{width:110px;height:110px;border-radius:50%;background:conic-gradient(var(--inst) 0 62%,var(--linha) 62% 100%);display:grid;place-items:center;margin:4px auto 14px}
.mock .anel span{width:84px;height:84px;border-radius:50%;background:var(--branco);display:grid;place-items:center;font:700 28px var(--display);color:var(--noite)}
.mock .paleta{display:flex;gap:6px;margin:6px 0 12px}
.mock .paleta i{flex:1;height:46px;border-radius:8px}
.mock .cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.mock .cal i{aspect-ratio:1;border-radius:6px;background:#EEE8F4}
.mock .cal i.p{background:var(--inst)}.mock .cal i.r{background:var(--berinjela)}
.mock .kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mock .kanban div{background:var(--pedra);border-radius:8px;padding:8px;min-height:120px}
.mock .kanban b{font-size:12px;display:block;margin-bottom:6px;color:var(--suave)}
.mock .kanban span{display:block;background:var(--branco);border-radius:6px;padding:6px 8px;margin-bottom:6px;font-size:12px;border-left:3px solid var(--inst)}

/* Autodiagnóstico */
.diag{max-width:640px;margin:0 auto;scroll-margin-top:96px}
.diag form{display:grid;gap:16px}
.campo label{display:block;font-weight:600;font-size:15px;margin-bottom:6px}
.campo input,.campo select{width:100%;font:16px var(--corpo);padding:14px 16px;border-radius:var(--r-md);border:1.5px solid var(--linha);background:var(--branco);color:var(--grafite)}
.campo input:focus,.campo select:focus{border-color:var(--inst);outline:none;box-shadow:0 0 0 3px rgba(1,38,117,.15)}
.aceite{display:flex;gap:10px;font-size:14px;align-items:flex-start;color:var(--suave)}
.aceite input{margin-top:4px;width:18px;height:18px;flex:none}
.erro{color:#A3262A;font-size:14px;min-height:1em;margin:0}
.barra{height:8px;background:var(--linha);border-radius:8px;overflow:hidden;margin-bottom:28px}
.barra i{display:block;height:100%;background:var(--inst);border-radius:8px;transition:width .3s}
.etiqueta{font-size:14px;font-weight:600;color:var(--berinjela);margin-bottom:8px}
.pergunta{font-family:var(--display);font-weight:700;font-size:clamp(22px,4vw,28px);line-height:1.3;margin-bottom:24px}
.opcoes{display:grid;gap:10px}
.opcao{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--branco);border:1.5px solid var(--linha);color:var(--grafite);border-radius:14px;padding:16px 18px;font:16px var(--corpo);cursor:pointer}
.opcao:hover{border-color:var(--inst)}
.opcao[aria-pressed="true"]{border-color:var(--inst);background:#EEF1F9}
.opcao .ponto{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--suave)}
.opcao[aria-pressed="true"] .ponto{border-color:var(--inst);background:radial-gradient(circle,var(--inst) 0 45%,transparent 50%)}
.voltar{background:none;border:0;color:var(--suave);font:15px var(--corpo);padding:16px 0;cursor:pointer}
.resultado-topo{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;margin-bottom:28px}
@media (max-width:520px){.resultado-topo{grid-template-columns:1fr;justify-items:center;text-align:center}}
.nota{position:relative;width:150px;height:150px}
.nota svg{width:100%;height:100%;transform:rotate(-90deg)}
.nota .n{position:absolute;inset:0;display:grid;place-items:center;align-content:center;font:700 44px/1 var(--display);color:var(--noite)}
.nota .n small{font:500 13px var(--corpo);color:var(--suave);margin-top:4px}
.faixa-nota{display:inline-block;font-size:14px;font-weight:600;border-radius:999px;padding:4px 12px;margin-bottom:8px;color:var(--grafite)}
.painel{background:var(--branco);border-radius:var(--r-lg);border:1px solid var(--linha);padding:22px;margin-bottom:16px}
.painel h3{font-size:19px}
.linha-area{display:grid;grid-template-columns:90px 1fr 48px;gap:10px;align-items:center;font-size:15px;margin-bottom:10px}
.linha-area .trilho{height:8px;background:var(--linha);border-radius:8px;overflow:hidden}
.linha-area .trilho i{display:block;height:100%;border-radius:8px}
.linha-area b{text-align:right;font-variant-numeric:tabular-nums}
.prioridades{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:p}
.prioridades li{display:grid;grid-template-columns:28px 1fr;gap:10px;font-size:15px}
.prioridades li::before{counter-increment:p;content:counter(p);font:700 18px var(--display);color:var(--berinjela)}
.prioridades strong{display:block}
[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ===== v2: fotos, prints, parceiros, área do cliente ===== */
.menu a.cliente{border:1.5px solid rgba(195,163,224,.45)}
@media (max-width:900px){.menu a.cliente{border:0}}
.escura .cartao h3,.cartao.destaque h3{color:var(--branco)}
.escura .entrada .ir,.cartao.destaque .ir{color:var(--lilas)}
.selo.gratis{background:var(--lilas);color:var(--noite);font-size:15px;margin-bottom:14px}
.aviso-gratis{background:#E8F4EC;border:1.5px solid #9BCBAA;border-radius:var(--r-md);padding:14px 18px;font-size:16px;margin-bottom:24px}
figure{margin:0}
.vitrine{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.vitrine img,.prints img,.galeria img{width:100%;height:auto;border-radius:var(--r-lg);display:block}
.vitrine img{aspect-ratio:2000/1037;object-fit:cover}
@media (max-width:700px){.vitrine{grid-template-columns:1fr}}
.prints figure,.galeria figure{display:flex;flex-direction:column;gap:10px}
.prints figcaption,.galeria figcaption{font-size:15px;font-weight:500}
.prints figure.claro img{background:#fff;border:1px solid var(--linha);aspect-ratio:3/2;object-fit:contain;padding:10px}
.galeria{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:24px}
.galeria img{border:1px solid var(--linha);aspect-ratio:1900/870;object-fit:cover;object-position:top}
.galeria.grande img{aspect-ratio:3/2;object-fit:cover;object-position:top left;border-color:#2E3670}
@media (max-width:900px){.galeria{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.galeria{grid-template-columns:1fr}}
.grade-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media (max-width:900px){.grade-4{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.grade-4{grid-template-columns:1fr}}
.dois-cta{display:grid;grid-template-columns:1fr 1fr;gap:48px}
@media (max-width:760px){.dois-cta{grid-template-columns:1fr}}
.entrada.com-img{padding:0;overflow:hidden}
.entrada.com-img figure img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top left;display:block}
.entrada.com-img .corpo{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1}
/* serviços com exemplo */
.servico{grid-template-columns:240px 1fr auto;gap:12px 32px;align-items:center}
.servico .exemplo img{width:100%;border-radius:12px;aspect-ratio:3/2;object-fit:cover;object-position:top left;border:1px solid var(--linha);display:block}
.servico .lado .parc-s{font-size:13px;color:var(--suave);margin-top:-6px}
.exemplo.escuro{background:var(--noite);border-radius:12px;display:grid;place-items:center;aspect-ratio:3/2;overflow:hidden}
.exemplo.escuro img.sem-fundo{border:0;width:auto;height:100%;aspect-ratio:auto;object-fit:contain;border-radius:0}
@media (max-width:760px){.servico{grid-template-columns:1fr}.servico .exemplo{max-width:420px}}
.livro-card .exemplo{margin:-28px -28px 20px;border-radius:var(--r-lg) var(--r-lg) 0 0;aspect-ratio:4/3}
.nota-mock{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--suave-escuro)}
.anel-g{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--lilas) 0 72%,#2E3670 72% 100%);display:grid;place-items:center}
.anel-g span{width:94px;height:94px;border-radius:50%;background:var(--noite);display:grid;place-items:center;font:700 34px var(--display);color:var(--branco)}
.cartao.destaque .nota-mock{background:#2A1230}
.cartao.destaque .anel-g span{background:#2A1230}
.prioridades.colunas{grid-template-columns:repeat(5,1fr);margin-top:20px}
@media (max-width:900px){.prioridades.colunas{grid-template-columns:1fr}}
.dividido.sem-foto{grid-template-columns:1.4fr .6fr}
@media (max-width:820px){.dividido.sem-foto{grid-template-columns:1fr}}
/* parceiros */
.parceiros{grid-template-columns:repeat(3,1fr);gap:22px}
@media (max-width:980px){.parceiros{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.parceiros{grid-template-columns:1fr}}
.parceiro{display:flex;flex-direction:column;padding:0;overflow:hidden;gap:0}
.parceiro .previa{aspect-ratio:3/2;background:var(--noite);overflow:hidden;position:relative}
.parceiro .previa img,.parceiro .previa video{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.parceiro .previa.vazia{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--noite) 0 60%,var(--berinjela) 60%)}
.parceiro .previa .ini{width:72px;height:72px;border-radius:18px;background:var(--lilas);color:var(--noite);display:grid;place-items:center;font:700 26px var(--display)}
.parceiro .previa small{color:var(--suave-escuro);font-size:14px}
.parceiro .info{padding:20px 22px 22px;display:flex;flex-direction:column;align-items:flex-start}
.parceiro .info h3{margin:4px 0 2px}
.parceiro .area{font-size:15px;color:var(--suave);margin:0 0 8px}
.midia{width:100%;height:100%;object-fit:cover}
/* área do cliente */
.area-sec{padding-top:clamp(40px,6vw,72px)}
.area-grade{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.area-login form{display:grid;gap:14px;max-width:420px;margin-top:18px}
.area-foto img{border-radius:var(--r-lg);width:100%;aspect-ratio:3/2;object-fit:cover}
@media (max-width:860px){.area-grade{grid-template-columns:1fr}.area-foto{order:-1}}
.app-demo{padding-top:0}
.app{background:var(--noite);color:var(--branco);border-radius:24px;overflow:hidden;max-width:980px;margin:12px auto 0;box-shadow:0 30px 60px rgba(14,20,70,.25)}
.app-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid #2E3670;flex-wrap:wrap}
.app-topo .ola{font:700 20px var(--display)}
.app-topo .nivel{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--suave-escuro)}
.app-topo .nivel b{background:var(--lilas);color:var(--noite);border-radius:999px;padding:4px 12px;font-size:14px}
.app-abas{display:flex;gap:6px;padding:12px 16px;overflow-x:auto;border-bottom:1px solid #2E3670}
.app-abas button{background:none;border:0;color:var(--suave-escuro);font:600 15px var(--corpo);padding:10px 14px;border-radius:999px;cursor:pointer;white-space:nowrap}
.app-abas button[aria-selected="true"]{background:var(--lilas);color:var(--noite)}
.app-corpo{padding:24px;min-height:380px}
.app-card{background:var(--elevada);border-radius:16px;padding:18px 20px;margin-bottom:12px}
.app-card h4{margin:0 0 6px;font:700 18px var(--display)}
.app-card p{margin:0;color:#D9DCEE;font-size:15px}
.app-card .tipo{font-size:13px;color:var(--lilas);font-weight:600}
.app-feito{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.app-feito input{flex:1;min-width:180px;font:15px var(--corpo);padding:11px 14px;border-radius:10px;border:1px solid #2E3670;background:var(--noite);color:var(--branco)}
.app-card.ok{outline:2px solid #7BD3A0}
.app-card.ok .btn{background:#7BD3A0}
.app-xp{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.app-xp div{background:var(--elevada);border-radius:14px;padding:14px;text-align:center;font-size:13px;color:var(--suave-escuro)}
.app-xp b{display:block;font:700 26px var(--display);color:var(--branco)}
.medalhas{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}
.medalha{background:var(--elevada);border-radius:14px;padding:16px 10px;text-align:center;font-size:14px}
.medalha i{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 8px;border-radius:50%;background:var(--lilas);color:var(--noite);font:700 20px var(--display);font-style:normal}
.medalha.travada{opacity:.4}
.medalha.travada i{background:#2E3670;color:var(--suave-escuro)}
.trilha-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.trilha-lista li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;background:var(--elevada);border-radius:12px;padding:12px 16px;font-size:15px}
.trilha-lista .st{width:22px;height:22px;border-radius:50%;border:2px solid var(--suave-escuro)}
.trilha-lista .feito .st{background:#7BD3A0;border-color:#7BD3A0}
.trilha-lista .hoje .st{border-color:var(--lilas);box-shadow:0 0 0 4px rgba(195,163,224,.25)}
.progresso-fase{height:10px;background:#2E3670;border-radius:10px;overflow:hidden;margin:6px 0 18px}
.progresso-fase i{display:block;height:100%;background:var(--lilas);border-radius:10px}
.briefing-q{font:700 22px/1.3 var(--display);margin:6px 0 18px}
.briefing-op{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.briefing-op button{background:var(--elevada);border:1.5px solid #2E3670;color:var(--branco);border-radius:14px;padding:16px;font:500 15px var(--corpo);cursor:pointer;text-align:left}
.briefing-op button[aria-pressed="true"]{border-color:var(--lilas);background:#262F6E}
.salvo{font-size:13px;color:#7BD3A0;margin-top:12px;min-height:1em}
.confete{position:fixed;inset:0;pointer-events:none;z-index:90}
.materiais{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.materiais a{display:block;background:var(--elevada);border-radius:14px;padding:16px;color:var(--branco);text-decoration:none;font-size:15px}
.materiais a small{display:block;color:var(--lilas);font-size:12px;margin-bottom:4px}
.parceiro{align-items:stretch;grid-template-columns:none;padding:0}
.parceiro .previa{width:100%}
.servico .exemplo img{object-position:center}
.app .btn{background:var(--lilas);color:var(--noite)}
.app .btn.linha{background:transparent;color:var(--branco);border:1.5px solid rgba(195,163,224,.7)}
.app-card.ok .btn{background:#7BD3A0;color:var(--noite)}
/* briefing */
.briefing-sec{background:var(--noite);color:var(--branco);min-height:80vh}
.briefing-sec .trilha-nav a{color:var(--suave-escuro)}
.b-app{max-width:720px;margin:0 auto}
.b-topo{display:flex;align-items:end;gap:16px;margin-bottom:14px}
.b-topo>div{flex:1}
.b-etapa{font-size:15px;color:var(--lilas);font-weight:600}
.b-barra{height:10px;background:#2E3670;border-radius:10px;overflow:hidden;margin-top:8px}
.b-barra i{display:block;height:100%;background:var(--lilas);border-radius:10px;transition:width .3s}
.b-pct{font:700 22px var(--display)}
.b-passos{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:18px}
.b-passos button{background:transparent;border:1.5px solid #2E3670;color:var(--suave-escuro);font:500 14px var(--corpo);border-radius:999px;padding:7px 14px;white-space:nowrap;cursor:pointer}
.b-passos button.atual{background:var(--lilas);border-color:var(--lilas);color:var(--noite);font-weight:600}
.b-card{background:var(--elevada);border-radius:20px;padding:clamp(22px,4vw,36px)}
.b-cont{font-size:14px;color:var(--suave-escuro)}
.b-q{font:700 clamp(22px,4vw,30px)/1.25 var(--display);margin:6px 0 10px;color:var(--branco)}
.b-ajuda{color:var(--suave-escuro);font-size:15px;margin:0 0 14px}
.b-input{width:100%;font:17px var(--corpo);padding:15px 16px;border-radius:12px;border:1.5px solid #2E3670;background:var(--noite);color:var(--branco);margin-top:6px}
.b-input:focus{outline:none;border-color:var(--lilas)}
textarea.b-input{resize:vertical}
.b-ops{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:8px}
.b-ops.chips{display:flex;flex-wrap:wrap}
.b-op{background:var(--noite);border:1.5px solid #2E3670;color:var(--branco);border-radius:14px;padding:16px;font:500 16px var(--corpo);text-align:left;cursor:pointer;transition:border-color .15s,transform .1s}
.b-ops.chips .b-op{border-radius:999px;padding:10px 18px}
.b-op:hover{border-color:var(--lilas)}
.b-op[aria-pressed="true"]{border-color:var(--lilas);background:#2A3378;box-shadow:inset 0 0 0 1px var(--lilas)}
.b-op:active{transform:scale(.98)}
.b-aceite{display:flex;gap:10px;align-items:flex-start;font-size:16px;color:#E3E1EE;margin-top:6px}
.b-aceite input{width:20px;height:20px;margin-top:3px;flex:none}
.b-arquivo{display:block;border:2px dashed #3C4590;border-radius:14px;padding:26px;text-align:center;cursor:pointer;color:var(--suave-escuro);margin-top:8px}
.b-arquivo input{position:absolute;opacity:0;width:1px;height:1px}
.b-arquivo:focus-within{border-color:var(--lilas)}
.b-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}
.b-salvo{font-size:14px;color:#7BD3A0}
.b-ajuda-final{font-size:15px;color:var(--suave-escuro);margin-top:18px}
.b-ajuda-final a{color:var(--lilas)}
.b-inicio p{color:#E3E1EE}
.b-fim{text-align:center}
.b-fim p{margin-left:auto;margin-right:auto;color:#E3E1EE}
.b-medalha{width:84px;height:84px;margin:0 auto 10px;border-radius:50%;background:var(--lilas);color:var(--noite);display:grid;place-items:center;font:700 34px var(--display)}
.briefing-sec .btn{background:var(--lilas);color:var(--noite)}
.briefing-sec .btn.linha{background:transparent;color:var(--branco);border:1.5px solid rgba(195,163,224,.7)}
.briefing-sec .wrap{padding-bottom:64px}
/* v11: mockups reais em 3:2, exemplos por etapa, sobre maior */
.vitrine img{aspect-ratio:3/2}
.vitrine figure{margin:0;display:flex;flex-direction:column;gap:10px}
.vitrine figcaption{font-size:15px;font-weight:500}
.entrada.com-img figure img{aspect-ratio:3/2;object-position:center}
.galeria.sites{grid-template-columns:1fr 1fr}
.galeria.sites img{aspect-ratio:3/2;border:0;object-fit:cover;object-position:center}
.galeria.grande img{object-position:center}
@media (max-width:560px){.galeria.sites{grid-template-columns:1fr}}
.etapas-ex figcaption b{display:inline-grid;place-items:center;min-width:30px;height:24px;border-radius:12px;background:var(--berinjela);color:var(--branco);font-size:12px;margin-right:6px;padding:0 6px}
.sobre-grade{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center}
.sobre-grade .foto img{aspect-ratio:4/5;object-position:50% 22%;max-height:none;box-shadow:0 24px 60px rgba(14,20,70,.18)}
@media (max-width:820px){.sobre-grade{grid-template-columns:1fr}}
.app-bloco{grid-template-columns:.7fr 1.3fr}
.app-bloco figure{margin:0}
@media (max-width:820px){.app-bloco{grid-template-columns:1fr}}
.prints figure{margin:0}
/* briefing v2 */
.b-setup{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;background:var(--noite);border-radius:16px;padding:16px;margin:16px 0 20px}
.b-setup>p{grid-column:1/-1}
.b-setup label{font-size:14px;font-weight:600;color:var(--lilas)}
.b-setup select.b-input,.b-setup .b-input{background:#0A0F38;font-size:16px;padding:12px 14px}
select.b-input{appearance:auto}
.b-arrobas{display:grid;gap:8px}
.b-outro{display:flex;gap:8px;margin-top:12px;align-items:center}
.b-outro .b-input{margin-top:0}
.b-res-bloco{border-top:1px solid #2E3670;padding-top:16px;margin-top:16px}
.b-res-bloco h3{font:700 18px var(--display);color:var(--lilas);margin:0 0 8px}
.b-res-bloco dl{margin:0;display:grid;gap:4px}
.b-res-bloco dt{font-size:13px;color:var(--suave-escuro);margin-top:8px}
.b-res-bloco dd{margin:0;font-size:15px}
.b-vazio{color:#7C80A8;font-style:italic}
/* área do cliente: medalhas v2 */
.med-filtros{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.med-filtros button{font:600 13px var(--corpo);border-radius:999px;border:1.5px solid #2E3670;background:transparent;color:var(--branco);padding:6px 12px;cursor:pointer}
.med-filtros button[aria-pressed=true]{background:var(--lilas);color:var(--noite);border-color:var(--lilas)}
.medalha i{font-size:24px}
.medalha small{display:block;font-size:12px;color:var(--suave-escuro);margin-top:4px}
.res-mini{display:grid;gap:8px;margin:12px 0}
.res-mini div{background:var(--elevada);border-radius:12px;padding:10px 14px;font-size:14px}
.res-mini b{display:block;font-size:12px;color:var(--lilas);font-weight:600}
/* vale-presente */
.vale-sec{background:radial-gradient(120% 80% at 80% 0,#2A3A9A 0,var(--noite) 60%);min-height:80vh;display:grid;align-items:center}
.vale-card{max-width:620px;margin:0 auto;background:linear-gradient(160deg,#FBF6EE,#F1E6D6);color:var(--grafite);border-radius:28px;padding:clamp(28px,6vw,52px);text-align:center;box-shadow:0 40px 90px rgba(0,0,0,.4);position:relative;overflow:hidden}
.vale-card:before{content:"";position:absolute;inset:12px;border:1.5px dashed rgba(58,26,62,.25);border-radius:20px;pointer-events:none}
.vale-card h1{font-size:clamp(30px,6vw,46px);margin:6px 0 16px}
.vale-ola{font-size:18px;margin:16px 0 0;color:var(--berinjela);font-weight:600}
.vale-item{display:inline-block;background:var(--berinjela);color:var(--branco);border-radius:16px;padding:14px 22px;font:700 clamp(18px,3.4vw,22px) var(--display);margin-bottom:18px}
.vale-card blockquote{margin:0 auto 20px;max-width:440px;font-size:17px;font-style:italic;color:#3C3644}
.vale-card cite{display:block;font-style:normal;font-weight:600;font-size:14px;margin-top:8px;color:var(--berinjela)}
.vale-cod{display:flex;flex-direction:column;gap:2px;align-items:center;margin-bottom:22px;font-size:13px;color:#6A6470}
.vale-cod b{font:700 26px var(--display);letter-spacing:2px;color:var(--inst)}
.vale-card .acoes{justify-content:center}
.vale-card .btn.linha{color:var(--berinjela);border-color:var(--berinjela)}
.vale-card.vencido{filter:grayscale(.6)}
.vale-aviso{color:#B23A3A;font-weight:600}
.vale-hist{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}
.vale-hist li{background:#fff;border:1px solid var(--linha);border-radius:12px;padding:10px 14px;font-size:15px}
.vale-hist span{color:var(--suave);font-size:13px;float:right}
#form-vale select{width:100%;font:inherit;padding:14px 16px;border-radius:12px;border:1.5px solid var(--linha);background:#fff}
.b-nav .btn{white-space:nowrap}
@media (max-width:520px){.b-nav{gap:8px}.b-nav .btn{padding-left:16px;padding-right:16px}.b-salvo{font-size:12px;text-align:center}}
/* App do cliente v2: joguinho, claro ou escuro */
.app{--a-bg:#F5F1EC;--a-card:#fff;--a-txt:#16131A;--a-suave:#6A6470;--a-linha:#E6DED4;--a-cor:#012675;--a-cor2:#3A1A3E;--a-ok:#2E8B57;background:var(--a-bg);color:var(--a-txt);border:1px solid var(--a-linha)}
.app[data-tema=escuro]{--a-bg:#0E1446;--a-card:#1A2257;--a-txt:#fff;--a-suave:#B9BCD8;--a-linha:#2E3670;--a-cor:#C3A3E0;--a-cor2:#C3A3E0;--a-ok:#7BD3A0;border-color:#2E3670}
.app .app-topo,.app .app-abas{border-color:var(--a-linha)}
.app .app-topo .ola{font:700 22px var(--display)}
.app .nivel{color:var(--a-suave)}
.app .nivel b{background:var(--a-cor);color:var(--a-bg)}
.app .placar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.app .placar span{background:var(--a-card);border:1px solid var(--a-linha);border-radius:999px;padding:6px 12px;font-weight:700;font-size:15px}
.app .tema{background:var(--a-card);border:1px solid var(--a-linha);color:var(--a-txt);border-radius:999px;padding:6px 12px;font:600 14px var(--corpo);cursor:pointer}
.app .app-abas button{color:var(--a-suave)}
.app .app-abas button[aria-selected="true"]{background:var(--a-cor);color:var(--a-bg)}
.app .app-corpo{padding:20px 24px 26px}
.app .dica{color:var(--a-suave);margin:0 0 14px}
.tarefa{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;background:var(--a-card);border:1px solid var(--a-linha);border-radius:20px;padding:14px 16px;margin-bottom:12px;box-shadow:0 3px 0 var(--a-linha)}
.tarefa .em{font-size:34px;line-height:1;text-align:center}
.tarefa h4{margin:0 0 4px;font:700 17px var(--display)}
.tarefa p{margin:0;font-size:14px;color:var(--a-suave)}
.tarefa .tipo{font-size:12px;font-weight:700;color:var(--a-cor);text-transform:uppercase;letter-spacing:1px}
.tarefa input{margin-top:8px;width:100%;font:14px var(--corpo);padding:8px 10px;border-radius:10px;border:1px solid var(--a-linha);background:var(--a-bg);color:var(--a-txt)}
.check{width:46px;height:46px;border-radius:50%;border:3px solid var(--a-linha);background:var(--a-bg);color:#fff;font:700 22px var(--corpo);cursor:pointer;display:grid;place-items:center;transition:transform .15s}
.check:active{transform:scale(.9)}
.tarefa.ok{border-color:var(--a-ok)}
.tarefa.ok .check{background:var(--a-ok);border-color:var(--a-ok)}
.tarefa.ok h4{text-decoration:line-through;opacity:.7}
.recado{background:var(--a-card);border:1px dashed var(--a-cor);border-radius:16px;padding:12px 16px;text-align:center;font-size:15px}
.app .app-feito{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}
.app .btn{background:var(--a-cor);color:var(--a-bg)}
.app .btn.linha{background:transparent;color:var(--a-txt);border:1.5px solid var(--a-linha)}
.app .salvo{color:var(--a-ok)}
.mapa{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.mapa li{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;background:var(--a-card);border:1px solid var(--a-linha);border-radius:16px;padding:10px 14px}
.mapa .bola{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:var(--a-bg);border:3px solid var(--a-linha)}
.mapa .feito .bola{background:var(--a-ok);border-color:var(--a-ok);color:#fff}
.mapa .hoje .bola{border-color:var(--a-cor);box-shadow:0 0 0 5px color-mix(in srgb,var(--a-cor) 25%,transparent)}
.mapa small{display:block;color:var(--a-suave);font-size:12px}
.app .progresso-fase{background:var(--a-linha)}
.app .progresso-fase i{background:var(--a-cor)}
.app .app-card{background:var(--a-card);border:1px solid var(--a-linha);color:var(--a-txt)}
.app .app-card p{color:var(--a-suave)}
.app .app-card .tipo{color:var(--a-cor)}
.app .res-mini div{background:var(--a-bg);border:1px solid var(--a-linha)}
.app .res-mini b{color:var(--a-cor)}
.app .materiais a{background:var(--a-card);border:1px solid var(--a-linha);color:var(--a-txt)}
.app .materiais a small{color:var(--a-cor)}
.app .app-xp div{background:var(--a-card);border:1px solid var(--a-linha);color:var(--a-suave)}
.app .app-xp b{color:var(--a-txt)}
.app .med-filtros button{border-color:var(--a-linha);color:var(--a-txt)}
.app .med-filtros button[aria-pressed=true]{background:var(--a-cor);color:var(--a-bg);border-color:var(--a-cor)}
.app .medalha{background:var(--a-card);border:1px solid var(--a-linha)}
.app .medalha i{background:var(--a-bg);border:3px solid var(--a-cor);color:var(--a-txt)}
.app .medalha small{color:var(--a-suave)}
.app .medalha.travada i{background:var(--a-linha);border-color:var(--a-linha);filter:grayscale(1)}
.ganho{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);background:var(--a-ok,#2E8B57);color:#fff;font:700 22px var(--display);padding:14px 22px;border-radius:999px;z-index:60;animation:sobe 1.2s ease forwards;pointer-events:none}
@keyframes sobe{from{opacity:0;transform:translate(-50%,-30%)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-120%)}}
@media (max-width:560px){.app .app-corpo{padding:16px}.tarefa{grid-template-columns:40px 1fr auto;padding:12px}.tarefa .em{font-size:28px}.check{width:42px;height:42px}}
/* login */
.senha-w{position:relative}
.senha-w input{padding-right:52px}
.olho{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;font-size:20px;cursor:pointer;padding:8px;line-height:1}
.link-btn{background:none;border:0;color:var(--inst);font:600 15px var(--corpo);text-decoration:underline;cursor:pointer;padding:0}
.aviso-ok{background:#DDF1E4;color:#1F6B43;border-radius:12px;padding:12px 14px;font-size:15px}
.conta-topo{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.dividido .foto.plena img{aspect-ratio:3/2;object-fit:contain;background:#F5F1EC}
.duas-cores{background:linear-gradient(90deg,var(--berinjela) 50%,var(--inst) 50%)}
.duas-cores .dois-cta>div:last-child{padding-left:clamp(0px,3vw,40px)}
@media (max-width:760px){.duas-cores{background:none;padding:0}.duas-cores .dois-cta{gap:0}.duas-cores .wrap{padding:0;max-width:none}
.duas-cores .dois-cta>div{padding:56px var(--gutter)!important;background:var(--berinjela)}.duas-cores .dois-cta>div:last-child{background:var(--inst)}}
.tarefa>div{min-width:0}.tarefa input{display:block;box-sizing:border-box}