/* DES · Idealizado e Elaborado por Diego Rodrigues
   Fonte Manrope (SIL OFL) embutida; ícones Lucide (ISC). Espaçamento em múltiplos de 4. */
@font-face{font-family:"Manrope";src:url("fontes/manrope-latin-wght-normal.woff2") format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";src:url("fontes/manrope-latin-ext-wght-normal.woff2") format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --noite:#17204A;--coral:#FF6A4D;--coral-e:#C94327;--menta:#12A38A;--menta-e:#0B7A66;--roxo:#6C4DF2;--roxo-e:#5236D6;--sol:#F5A524;
  --fundo:#F6F3EE;--cartao:#FFFFFF;--campo:#FFFFFF;--linha:#E4E0D8;--linha2:#D6D1C7;--tx:#1B1F33;--tx2:#4A5068;--tx3:#6A6F85;--suave:#EFEBE4;--suave2:#F7F4EF;
  --raio:20px;--raio-p:14px;--sombra:0 1px 2px rgba(23,32,74,.05),0 10px 30px rgba(23,32,74,.07);--sombra-f:0 18px 50px rgba(15,20,50,.25);
  --f:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--base:17px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){html[data-tema="auto"]{--fundo:#0F1430;--cartao:#171E40;--campo:#1D2550;--linha:#2A3366;--linha2:#36407A;--tx:#EEF0FA;--tx2:#C2C7E0;--tx3:#9AA1C2;--suave:#222B57;--suave2:#1B2249;--noite:#8EA2FF;--coral-e:#FF8C73;--menta-e:#34C7AA;--roxo-e:#A893FF;--sombra:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.25);color-scheme:dark}}
html[data-tema="escuro"]{--fundo:#0F1430;--cartao:#171E40;--campo:#1D2550;--linha:#2A3366;--linha2:#36407A;--tx:#EEF0FA;--tx2:#C2C7E0;--tx3:#9AA1C2;--suave:#222B57;--suave2:#1B2249;--noite:#8EA2FF;--coral-e:#FF8C73;--menta-e:#34C7AA;--roxo-e:#A893FF;--sombra:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.25);color-scheme:dark}
html.fonte-g{--base:19.5px}html.fonte-gg{--base:22px}
html.contraste{--fundo:#fff;--cartao:#fff;--campo:#fff;--linha:#1B1F33;--linha2:#1B1F33;--tx:#000;--tx2:#000;--tx3:#1B1F33;--suave:#fff;--suave2:#fff;--noite:#17204A;--coral-e:#8F2410;--menta-e:#06604F;--roxo-e:#3F22B8;color-scheme:light}
*{box-sizing:border-box}
html{font-size:var(--base);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--tx);font-family:var(--f);line-height:1.5;min-height:100vh;padding-bottom:calc(84px + env(safe-area-inset-bottom));font-feature-settings:"ss01"}
body.sem-rolar{overflow:hidden}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--roxo-e)}
:focus-visible{outline:3px solid var(--sol);outline-offset:2px;border-radius:10px}
.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ic{width:1.15em;height:1.15em;flex:none;vertical-align:-.2em}
.ic.grande{width:44px;height:44px;stroke-width:1.6;color:var(--tx3)}
.ic.seta{margin-left:auto;color:var(--tx3)}
.link{border:0;background:none;padding:6px 0;color:var(--roxo-e);font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-size:.9rem}

/* topo e navegação */
.topo{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--fundo) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--linha)}
.topo-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top))}
.marca{display:flex;align-items:center;gap:9px;border:0;background:none;padding:4px;cursor:pointer;color:var(--tx)}
.marca b{font-size:1.4rem;font-weight:800;letter-spacing:-.05em}
.marca i{display:flex;gap:3px}.marca i span{width:7px;height:7px;border-radius:50%}
.topo .acoes{margin-left:auto;display:flex;gap:8px}
.ico-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--linha);background:var(--cartao);display:grid;place-items:center;cursor:pointer;color:var(--tx)}
.ico-btn .ic{width:20px;height:20px}
.sem-rede{background:var(--sol);color:#2B1A00;font-size:.85rem;font-weight:650;padding:8px 16px;text-align:center}
.nav{position:fixed;left:0;right:0;bottom:0;z-index:30;background:color-mix(in srgb,var(--cartao) 94%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--linha);padding-bottom:env(safe-area-inset-bottom)}
.nav-in{max-width:720px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}
.nav button{border:0;background:none;padding:8px 4px 9px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.72rem;font-weight:700;color:var(--tx3);cursor:pointer;min-height:62px;position:relative}
.nav .n-ic .ic{width:24px;height:24px}
.nav button[aria-current="page"]{color:var(--tx)}
.nav button[aria-current="page"] .n-ic{color:var(--cor)}
.nav button[aria-current="page"]::before{content:"";position:absolute;top:0;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:var(--cor)}

/* estrutura */
main{max-width:1180px;margin:0 auto;padding:18px 16px 30px}
main:focus{outline:none}
.col{max-width:720px;margin:0 auto}
.col.largo{max-width:960px}
.dupla{display:grid;gap:28px;grid-template-columns:minmax(0,1fr)}
.lado{display:none}
.col,.lado{min-width:0}
.dupla>.col,.dupla>.lado{width:100%}
@media(min-width:1100px){.dupla{grid-template-columns:minmax(0,660px) minmax(0,1fr);align-items:start}.dupla .col{margin:0}.lado{display:block;position:sticky;top:86px}.fab{display:none!important}}
.cartao{display:block;width:100%;text-align:left;background:var(--cartao);border:1px solid var(--linha);border-radius:var(--raio);padding:22px;box-shadow:var(--sombra);color:var(--tx)}
.cartao+.cartao,.cartao+.pilares,.pilares+.cartao,.hero+.cartao,.hero+.pilares{margin-top:14px}
.cartao.centro{text-align:center}
h1,h2,h3{line-height:1.2;margin:0 0 8px;letter-spacing:-.02em;font-weight:800}
h1{font-size:1.65rem}h2{font-size:1.22rem}h3{font-size:1rem}
.h-peq{font-size:1rem;margin-top:14px}
p{margin:0 0 10px}
.mudo{color:var(--tx2)}.peq{font-size:.88rem}
.eti{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cor,var(--coral-e));margin-bottom:6px}
.eti .ic{width:15px;height:15px}
.tit-linha{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.texto h2{margin-top:20px;font-size:1.08rem}.texto p{color:var(--tx2)}

/* marca */
.lockup{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-weight:600;font-size:1.05rem;letter-spacing:-.01em;color:var(--tx2)}
.lockup>span b{color:var(--c);font-weight:800}
.lockup>i{font-style:normal;color:var(--tx3)}
.lockup.no-escuro{color:#D5DAF3}.lockup.no-escuro>span b{color:color-mix(in srgb,var(--c) 72%,#fff)}.lockup.no-escuro>i{color:#8D96C2}
.logo-g{font-size:4rem;font-weight:800;letter-spacing:-.07em;line-height:.95;margin:0 0 12px;color:#fff}
.logo-m{font-size:3rem;font-weight:800;letter-spacing:-.07em;margin-bottom:6px}

/* início */
.hero{background:#17204A;color:#fff;border-radius:28px;padding:30px 24px 26px;position:relative;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,106,77,.6),rgba(255,106,77,0) 70%);z-index:-1}
.hero::after{content:"";position:absolute;left:-50px;bottom:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(18,163,138,.5),rgba(18,163,138,0) 70%);z-index:-1}
.hero p{color:#E1E5F6;max-width:34em;margin:16px 0 18px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 22px;min-height:50px;font-weight:750;cursor:pointer;background:var(--noite);color:#fff;text-decoration:none;text-align:center;line-height:1.2;transition:transform .12s,box-shadow .2s}
.btn:active{transform:scale(.97)}
.btn.claro{background:#fff;color:#17204A}
.btn.sec{background:var(--cartao);color:var(--tx);border:1.5px solid var(--linha2)}
.btn.cor{background:var(--cor,var(--noite));color:#fff}
html[data-tema="escuro"] .btn.cor,html[data-tema="escuro"] .btn:not(.sec):not(.claro){color:#0F1430}
@media (prefers-color-scheme:dark){html[data-tema="auto"] .btn.cor,html[data-tema="auto"] .btn:not(.sec):not(.claro){color:#0F1430}}
.btn.peq{padding:8px 14px;min-height:42px;font-size:.88rem}
.btn.perigo{background:#B3261E;color:#fff!important}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ouvir{flex:none;border:1px solid var(--linha2);background:var(--cartao);border-radius:999px;padding:7px 13px;font-size:.82rem;font-weight:750;cursor:pointer;display:inline-flex;gap:6px;align-items:center;min-height:42px;color:var(--tx)}
.ouvir.no-escuro{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.retomar{display:flex!important;align-items:center;gap:14px;cursor:pointer;margin-top:14px}
.ret-ic{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--c,var(--coral)) 14%,transparent);color:var(--c,var(--coral))}
.ret-ic .ic{width:24px;height:24px}
.ret-t{display:flex;flex-direction:column;min-width:0}.ret-t b{font-size:1.05rem}
.pilares{display:grid;gap:12px;margin-top:14px}
@media(min-width:720px){.pilares{grid-template-columns:repeat(3,1fr)}}
.pilar{display:flex;flex-direction:column;gap:4px;text-align:left;border:1px solid var(--linha);background:var(--cartao);border-radius:var(--raio);padding:18px;cursor:pointer;box-shadow:var(--sombra);position:relative;overflow:hidden;color:var(--tx);transition:transform .15s}
.pilar:hover{transform:translateY(-2px)}
.pilar-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--cor) 15%,transparent);color:var(--cor);margin-bottom:6px}
.pilar-ic .ic{width:22px;height:22px}
.pilar-n{font-size:1.3rem;font-weight:700;letter-spacing:-.02em}.pilar-n span{font-weight:800;color:var(--cor)}
.pilar .barra-wrap{margin-top:auto;padding-top:10px}
.barra{height:8px;border-radius:8px;background:var(--suave);overflow:hidden}
.barra i{display:block;height:100%;border-radius:8px;background:var(--cor,var(--noite));transition:width .6s cubic-bezier(.2,.8,.2,1)}
.barra-txt{display:flex;justify-content:space-between;font-size:.8rem;color:var(--tx3);margin-top:5px}
.conqs{display:grid;grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:10px;margin-top:6px}
.conq{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:12px 6px;border-radius:14px;border:1px dashed var(--linha2);color:var(--tx3);font-size:.76rem;line-height:1.25}
.conq b{color:var(--tx2);font-size:.8rem}
.conq .e{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--suave);margin-bottom:4px;opacity:.55}
.conq.ok{border-style:solid;border-color:color-mix(in srgb,var(--sol) 70%,transparent);background:color-mix(in srgb,var(--sol) 9%,var(--cartao))}
.conq.ok b{color:var(--tx)}
.conq.ok .e{background:var(--sol);color:#2B1A00;opacity:1}
.priv{display:flex!important;gap:14px;align-items:flex-start}
.priv-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--suave);color:var(--tx2)}
.aviso90{border-color:var(--menta)}
.rodape{margin:28px 0 6px;text-align:center}
.rodape nav{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
.credito{text-align:center;font-size:.8rem;color:var(--tx3);margin:10px 0 0}

/* passos */
.passos-topo{display:flex;align-items:center;gap:10px;margin-bottom:14px;width:100%;border:0;background:none;padding:6px 0;cursor:pointer;color:var(--tx)}
.passos-topo .barra{flex:1}
.passo-n{font-size:.82rem;color:var(--tx3);font-weight:750;white-space:nowrap}
.mapa-b{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;font-weight:750;border:1px solid var(--linha2);border-radius:999px;padding:6px 10px;background:var(--cartao)}
.pergunta-topo{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;margin-bottom:6px}
.pergunta-topo h1{font-size:1.6rem;margin:2px 0 4px}
.pergunta-topo h1:focus{outline:none}
.sub{color:var(--tx2);margin:0;font-size:1rem}
.campo{margin-top:16px}
.campo>label,.rot{display:block;font-weight:750;margin-bottom:6px;font-size:.95rem}
.req{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--coral-e);margin-left:6px;vertical-align:1px}
.ajuda{font-size:.83rem;color:var(--tx3);margin:-2px 0 6px}
.erro{color:#B3261E;font-weight:700;font-size:.85rem;margin:6px 0 0}
html[data-tema="escuro"] .erro{color:#FF9C94}
.entrada{position:relative;display:flex;gap:8px;align-items:stretch}
.entrada>input,.entrada>textarea,.entrada>select{width:100%;border:1.5px solid var(--linha2);border-radius:var(--raio-p);padding:12px 14px;background:var(--campo);min-height:52px;font-size:1rem;color:var(--tx)}
.entrada>textarea{min-height:110px;resize:vertical;line-height:1.5}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--roxo-e)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--roxo) 22%,transparent)}
[aria-invalid="true"]{border-color:#B3261E!important}
.mic{flex:none;width:52px;border-radius:var(--raio-p);border:1.5px solid var(--linha2);background:var(--campo);cursor:pointer;display:grid;place-items:center;color:var(--tx2)}
.mic .ic{width:22px;height:22px}
.mic.gravando{background:var(--coral);border-color:var(--coral);color:#fff;animation:pulsa 1.1s infinite}
@keyframes pulsa{50%{box-shadow:0 0 0 8px rgba(255,106,77,.18)}}
.sug{border:1px dashed var(--roxo);background:color-mix(in srgb,var(--roxo) 8%,transparent);color:var(--tx);border-radius:10px;padding:8px 12px;margin-top:8px;cursor:pointer;font-size:.9rem}
.alerta-t{color:var(--coral-e);font-weight:700}
.grade2{display:grid;gap:0 12px}
@media(min-width:560px){.grade2{grid-template-columns:1fr 1fr}}
.grade2.g-2{grid-template-columns:1fr 1fr}
.opcoes{display:grid;gap:10px;margin-top:14px}
@media(min-width:560px){.opcoes.duas{grid-template-columns:1fr 1fr}}
.op{display:flex;gap:12px;align-items:center;text-align:left;border:1.5px solid var(--linha);background:var(--campo);border-radius:16px;padding:14px;cursor:pointer;min-height:62px;width:100%;color:var(--tx);transition:border-color .15s,background .15s}
.op small{display:block;color:var(--tx3);font-size:.82rem;line-height:1.3;margin-top:2px}
.op-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--suave);color:var(--tx2)}
.op-ic .ic{width:21px;height:21px}
.marc{margin-left:auto;width:26px;height:26px;border-radius:50%;border:2px solid var(--linha2);flex:none;display:grid;place-items:center;color:transparent}
.marc .ic{width:15px;height:15px;stroke-width:3}
.op[aria-pressed="true"]{border-color:var(--cor,var(--noite));background:color-mix(in srgb,var(--cor,var(--noite)) 7%,var(--campo))}
.op[aria-pressed="true"] .op-ic{background:var(--cor,var(--noite));color:#fff}
.op[aria-pressed="true"] .marc,.viv.on .marc{background:var(--cor,var(--coral-e));border-color:var(--cor,var(--coral-e));color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--linha2);background:var(--campo);border-radius:999px;padding:8px 14px;cursor:pointer;font-size:.9rem;font-weight:650;min-height:42px;color:var(--tx);text-align:left}
.chip[aria-pressed="true"]{background:var(--noite);border-color:var(--noite);color:#fff}
html[data-tema="escuro"] .chip[aria-pressed="true"]{color:#0F1430}
.chip.mais{border-style:dashed;font-weight:550}
.chip:disabled{opacity:.45}
.seg{display:flex;border:1.5px solid var(--linha2);border-radius:12px;overflow:hidden;background:var(--campo)}
.seg button{flex:1;border:0;background:none;padding:9px 4px;font-size:.8rem;font-weight:700;cursor:pointer;min-height:44px;border-left:1px solid var(--linha);color:var(--tx)}
.seg button:first-child{border-left:0}
.seg button[aria-pressed="true"]{background:var(--noite);color:#fff}
html[data-tema="escuro"] .seg button[aria-pressed="true"]{color:#0F1430}
.seg button:disabled{opacity:.4;cursor:not-allowed}
.linha-info{display:grid;gap:6px;margin-top:12px}
@media(min-width:560px){.linha-info{grid-template-columns:170px 1fr;align-items:center}}
.item{border:1.5px solid var(--linha);border-radius:16px;padding:6px 16px 16px;margin-top:12px;background:var(--suave2)}
.item-topo{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.lixo{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:var(--coral-e);font-weight:750;cursor:pointer;padding:8px;font-size:.85rem}
.check{display:flex;gap:10px;align-items:center;margin-top:12px;font-size:.93rem;cursor:pointer}
.check input{width:22px;height:22px;accent-color:var(--roxo-e);flex:none}
.grupo-t{margin:20px 0 6px;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tx3)}
.vivs{display:grid;gap:10px}
@media(min-width:560px){.vivs{grid-template-columns:1fr 1fr}.viv.on{grid-column:span 2}}
.viv{border:1.5px solid var(--linha);border-radius:16px;background:var(--campo);--cor:var(--coral-e)}
.viv.on{border-color:var(--coral-e);background:color-mix(in srgb,var(--coral) 6%,var(--campo))}
.viv-b{display:flex;gap:12px;align-items:center;width:100%;border:0;background:none;padding:12px 14px;cursor:pointer;text-align:left;font-size:.93rem;color:var(--tx);min-height:60px}
.viv-ic{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--coral) 12%,transparent);color:var(--coral-e)}
.viv.on .viv-ic{background:var(--coral-e);color:#fff}
.viv-det{padding:0 14px 14px}.viv-det .campo{margin-top:4px}
.dica{display:flex;gap:10px;align-items:flex-start;background:color-mix(in srgb,var(--sol) 11%,var(--cartao));border:1px solid color-mix(in srgb,var(--sol) 40%,transparent);border-radius:14px;padding:12px 14px;font-size:.9rem;margin-top:16px;color:var(--tx)}
.dica>.ic{color:#A66A00;margin-top:2px}
html[data-tema="escuro"] .dica>.ic{color:var(--sol)}
.dica.alerta{background:color-mix(in srgb,var(--coral) 9%,var(--cartao));border-color:color-mix(in srgb,var(--coral) 40%,transparent)}
.dica.alerta>.ic{color:var(--coral-e)}
.dica ul{margin:6px 0 0;padding-left:18px}
.vazio{text-align:center;padding:22px 10px;color:var(--tx2);display:flex;flex-direction:column;align-items:center;gap:6px}
.vazio b{color:var(--tx);font-size:1.02rem}.vazio p{margin:0 0 8px;max-width:30em}
.rodape-passo{display:flex;gap:10px;justify-content:space-between;margin-top:22px;flex-wrap:wrap}
.rodape-passo .btn{flex:1;min-width:140px}
.fab{position:fixed;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:25;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:12px 18px;background:var(--tx);color:var(--fundo);font-weight:800;box-shadow:var(--sombra-f);cursor:pointer;min-height:50px}

/* currículo: prévia, modelos, foto, força */
.previa{background:var(--suave);border-radius:var(--raio);padding:12px}
.previa-pags{display:grid;gap:12px;justify-items:center}
.previa canvas.pag{display:block;border-radius:4px;box-shadow:0 6px 24px rgba(0,0,0,.16);cursor:pointer;background:#fff}
.previa-info{font-size:.8rem;color:var(--tx2);margin:10px 0 0;text-align:center}
.modelos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}
@media(min-width:620px){.modelos{grid-template-columns:repeat(6,1fr)}}
.modelo{border:1.5px solid var(--linha);border-radius:14px;padding:10px 6px 8px;background:var(--campo);cursor:pointer;font-size:.78rem;font-weight:750;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--tx)}
.modelo canvas{border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.18);background:#fff}
.modelo[aria-pressed="true"]{border-color:var(--coral-e);box-shadow:inset 0 0 0 1.5px var(--coral-e)}
.cores{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap}
.cor-b{width:42px;height:42px;border-radius:50%;border:3px solid var(--cartao);box-shadow:0 0 0 1.5px var(--linha2);cursor:pointer}
.cor-b[aria-pressed="true"]{box-shadow:0 0 0 3px var(--tx)}
.foto-bloco{margin-top:16px;border:1.5px solid var(--linha);border-radius:16px;padding:12px 14px}
.foto-bloco summary{cursor:pointer;font-weight:750;display:flex;gap:8px;align-items:center}
.foto-linha{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:8px}
.foto-prev{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none}
.vazio-foto{display:grid;place-items:center;background:var(--suave);color:var(--tx3)}
.forca{margin-top:18px;border:1.5px solid var(--linha);border-radius:18px;padding:16px;background:var(--suave2)}
.forca-topo{display:flex;gap:16px;align-items:center}
.forca-n{flex:none;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(var(--c) calc(var(--p)*1%),var(--suave) 0);position:relative}
.forca-n::before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--suave2)}
.forca-n b,.forca-n small{position:relative}.forca-n b{font-size:1.55rem;line-height:1}.forca-n small{font-size:.68rem;color:var(--tx3)}
.forca-l{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
.forca-l li{display:flex;gap:8px;align-items:flex-start;font-size:.9rem}
.forca-l li>.ic{margin-top:3px}
.forca-l li.ok>.ic{color:var(--menta-e)}.forca-l li.nao>.ic{color:var(--tx3)}
.forca-l li span{flex:1}.forca-l small{display:block;color:var(--tx3);font-size:.8rem}
.forca-l .link{padding:0;flex:none}
.acoes-cv{margin-top:14px}.acoes-cv .btn{flex:1;min-width:160px}

/* desenvolver */
.lacunas{display:grid;gap:8px;margin-top:10px}
.lacuna{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--coral) 8%,var(--cartao));font-size:.92rem}
.lacuna>.ic{color:var(--coral-e);margin-top:2px}
.lacuna.ok{background:color-mix(in srgb,var(--menta) 10%,var(--cartao))}.lacuna.ok>.ic{color:var(--menta-e)}
.cursos{display:grid;gap:12px;margin-top:12px}
@media(min-width:760px){.cursos{grid-template-columns:1fr 1fr}}
.curso{border:1.5px solid var(--linha);border-radius:16px;padding:16px;background:var(--campo);display:flex;flex-direction:column;gap:8px}
.curso.rec{border-color:var(--menta)}
.curso.feito{background:color-mix(in srgb,var(--menta) 6%,var(--campo))}
.curso-t{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}
.curso-t h3{margin:2px 0 0;font-size:1rem;line-height:1.3}
.curso p{margin:0}
.plat{font-size:.76rem;font-weight:800;color:var(--tx3);letter-spacing:.02em}
.meta{display:flex;flex-wrap:wrap;gap:6px}
.meta span{font-size:.74rem;font-weight:700;background:var(--suave);color:var(--tx2);border-radius:999px;padding:3px 9px}
.selo{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--menta) 16%,transparent);color:var(--menta-e);white-space:nowrap}
.selo.f{background:color-mix(in srgb,var(--roxo) 14%,transparent);color:var(--roxo-e)}
.selo.c{background:color-mix(in srgb,var(--coral) 15%,transparent);color:var(--coral-e)}
.curso .btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.curso .btns .btn:first-child{grid-column:1/-1}
.catalogos{display:grid;gap:8px;margin-top:10px}
@media(min-width:760px){.catalogos{grid-template-columns:1fr 1fr}}
.catalogo{display:flex;gap:12px;align-items:center;border:1.5px solid var(--linha);border-radius:14px;padding:12px 14px;text-decoration:none;color:var(--tx);background:var(--campo)}
.catalogo>.ic:first-child{color:var(--menta-e)}
.catalogo small{display:block;color:var(--tx3);font-size:.8rem}

/* destravar: vagas */
.filtros{display:grid;gap:10px;margin-top:12px}
.busca{align-items:center;border:1.5px solid var(--linha2);border-radius:var(--raio-p);background:var(--campo);padding-left:12px}
.busca>.ic{color:var(--tx3)}
.busca input{border:0!important;box-shadow:none!important;background:none!important;min-height:48px}
.vagas-n{margin:14px 0 8px;color:var(--tx2)}
.vagas{display:grid;gap:8px}
@media(min-width:760px){.vagas{grid-template-columns:1fr 1fr}}
.vaga{display:flex;gap:12px;align-items:center;border:1.5px solid var(--linha);border-radius:14px;padding:12px 14px;text-decoration:none;color:var(--tx);background:var(--campo);min-height:66px}
.vaga:hover{border-color:var(--roxo)}
.vaga-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--roxo) 12%,transparent);color:var(--roxo-e)}
.vaga-c{display:flex;flex-direction:column;gap:2px;min-width:0}
.vaga-c b{line-height:1.25}
.vaga-c .mudo{display:flex;align-items:center;gap:4px}
.tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px}
.tag{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:800;border-radius:999px;padding:3px 8px;background:var(--suave);color:var(--tx2)}
.tag.bt{background:color-mix(in srgb,var(--menta) 16%,transparent);color:var(--menta-e)}
.tag.pcd{background:color-mix(in srgb,var(--roxo) 14%,transparent);color:var(--roxo-e)}
.vaga-carrega{display:flex;gap:10px;align-items:center;justify-content:center;padding:24px;color:var(--tx2)}
.giro{width:20px;height:20px;border-radius:50%;border:3px solid var(--linha2);border-top-color:var(--roxo);animation:gira .8s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.passos-lista{counter-reset:p;list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px}
.passos-lista li{counter-increment:p;display:flex;gap:12px;align-items:flex-start}
.passos-lista li::before{content:counter(p);flex:none;width:30px;height:30px;border-radius:50%;background:var(--roxo-e);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.9rem}
.passos-lista li>span{display:block;padding-top:3px}
.passos-lista li .btn{display:flex;width:fit-content;margin-top:8px}
.copias{display:grid;gap:8px;margin-top:10px}
@media(min-width:760px){.copias{grid-template-columns:1fr 1fr}}
.copia{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1.5px solid var(--linha);border-radius:14px;padding:8px 8px 8px 14px;background:var(--campo)}
.copia span{font-weight:700;font-size:.92rem}
.perg{border:1.5px solid var(--linha);border-radius:16px;background:var(--campo);margin-top:10px;overflow:hidden}
.perg>button{width:100%;display:flex;gap:12px;align-items:center;text-align:left;border:0;background:none;padding:14px;cursor:pointer;font-weight:700;color:var(--tx)}
.perg>button .n{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--suave);font-size:.85rem}
.perg.feita>button .n{background:var(--menta-e);color:#fff}
.perg-corpo{padding:0 14px 14px}.perg-corpo .dica{margin-top:0}
.relogio{font-variant-numeric:tabular-nums;font-weight:800;font-size:1.3rem}
.transc{min-height:70px;border:1.5px dashed var(--linha2);border-radius:14px;padding:10px 12px;color:var(--tx2);font-size:.95rem;margin-top:10px;white-space:pre-wrap}
.nota{display:flex;gap:6px;flex-wrap:wrap}
.nota button{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--linha2);background:var(--campo);cursor:pointer;display:grid;place-items:center;color:var(--sol)}
.nota .ic{width:26px;height:26px}.nota .ic.cheia{fill:var(--sol)}
.grande-ic{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--sol) 22%,transparent);color:#A66A00;margin-bottom:8px}
.grande-ic .ic{width:32px;height:32px}
.sim-cartao-in{display:flex;gap:18px;align-items:center}
.sim-mini{flex:none;width:96px;height:96px}.sim-mini .av{width:100%;height:100%}
@media(max-width:460px){.sim-cartao-in{flex-direction:column;align-items:flex-start}.sim-mini{width:78px;height:78px}}
.sobre-p{display:flex;gap:14px;align-items:flex-start;margin-top:12px}.sobre-p p{margin:2px 0 0}

/* avisos, folhas, abertura, comemoração */
.toast{position:fixed;left:50%;top:calc(72px + env(safe-area-inset-top));transform:translate(-50%,-12px);display:flex;align-items:center;gap:12px;background:#17204A;color:#fff;padding:12px 16px;border-radius:14px;font-weight:650;opacity:0;pointer-events:none;transition:.25s;z-index:95;max-width:calc(100% - 32px);box-shadow:var(--sombra-f);font-size:.92rem}
.toast.ver{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.toast-b{border:0;background:#fff;color:#17204A;font-weight:800;border-radius:999px;padding:6px 12px;cursor:pointer;flex:none}
.folha-fundo{position:fixed;inset:0;z-index:70;background:rgba(10,14,35,.5);display:flex;align-items:flex-end;justify-content:center}
.folha{width:100%;max-width:640px;max-height:88vh;background:var(--cartao);border-radius:24px 24px 0 0;display:flex;flex-direction:column;transform:translateY(30px);opacity:0;transition:.25s;padding-bottom:env(safe-area-inset-bottom)}
.folha-fundo.ver .folha{transform:none;opacity:1}
@media(min-width:760px){.folha-fundo{align-items:center}.folha{border-radius:24px}}
.folha-topo{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 8px}
.folha-corpo{overflow:auto;padding:4px 16px 20px}
.mapa{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.mapa button{width:100%;display:flex;gap:12px;align-items:center;text-align:left;border:1.5px solid var(--linha);background:var(--campo);border-radius:14px;padding:10px 12px;cursor:pointer;color:var(--tx)}
.mapa button.atual{border-color:var(--coral-e)}
.mapa small{display:block;color:var(--tx3);font-size:.8rem}
.mapa .n{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--suave);font-weight:800;font-size:.85rem}
.mapa .n.ok{background:var(--menta-e);color:#fff}
.painel-a11y{position:fixed;right:12px;top:calc(66px + env(safe-area-inset-top));z-index:60;width:min(360px,calc(100% - 24px))}
.painel-a11y .cartao{box-shadow:var(--sombra-f)}
.abertura{position:fixed;inset:0;z-index:85;background:var(--fundo);display:grid;place-items:center;padding:24px;overflow:auto}
.ab-cx{max-width:420px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;animation:sobe .35s ease-out}
.ab-ilus{width:132px;height:132px;border-radius:38px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c);position:relative;margin-bottom:6px}
.ab-ilus::after{content:"";position:absolute;inset:-14px;border-radius:46px;border:2px dashed color-mix(in srgb,var(--c) 35%,transparent);animation:gira 30s linear infinite}
.ab-ilus .ic{width:60px;height:60px;stroke-width:1.6}
.ab-cx h2{font-size:1.5rem;margin:0}.ab-cx p{color:var(--tx2);margin:0}
.ab-cx .lockup{justify-content:center}
.ab-pontos{display:flex;gap:6px;margin:6px 0}.ab-pontos i{width:8px;height:8px;border-radius:4px;background:var(--linha2);transition:.2s}.ab-pontos i.on{width:22px;background:var(--tx)}
.ab-modos{display:grid;gap:10px;width:100%}
.ab-cx .btns{justify-content:center;flex-direction:column;width:100%}.ab-cx .btns .btn{width:100%}
@keyframes sobe{from{transform:translateY(16px);opacity:0}}
.festa{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:rgba(10,14,35,.55);padding:20px}
.festa .cartao{max-width:380px;text-align:center;animation:sobe .35s ease-out;position:relative;z-index:2}
.confete{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.confete i{position:absolute;top:-20px;left:var(--x);width:10px;height:14px;border-radius:2px;background:var(--c);transform:rotate(var(--r));animation:cai 2.4s var(--d) cubic-bezier(.3,.6,.4,1) forwards}
@keyframes cai{to{transform:translateY(105vh) rotate(calc(var(--r) + 540deg))}}

/* ================= simulação de entrevista ================= */
.av .av-olhos{transform-box:fill-box;transform-origin:center;animation:piscar 4.6s infinite}
@keyframes piscar{0%,95%,100%{transform:scaleY(1)}97%{transform:scaleY(.1)}}
.av .av-boca{opacity:0;transform-box:fill-box;transform-origin:center}
.av .av-cabeca{transform-box:fill-box;transform-origin:50% 90%}
.falando .av .av-boca{opacity:1;animation:boca .19s infinite alternate}
.falando .av .av-sorriso{opacity:0}
.ouvindo .av .av-cabeca{animation:acena 2.6s ease-in-out infinite}
@keyframes boca{from{transform:scaleY(.6)}to{transform:scaleY(3.4)}}
@keyframes acena{0%,100%{transform:rotate(0)}20%{transform:rotate(-2deg) translateY(1px)}45%{transform:rotate(0) translateY(2px)}70%{transform:rotate(1.5deg)}}
.sim{position:fixed;inset:0;z-index:92;background:#0E1331;color:#fff;overflow:auto;-webkit-overflow-scrolling:touch;--tx:#1B1F33;--tx2:#4A5068;--tx3:#6A6F85;--cartao:#fff;--campo:#fff;--linha:#E4E0D8;--linha2:#D6D1C7;--suave:#EFEBE4;--suave2:#F7F4EF;color-scheme:light}
.sim .cartao{color:var(--tx)}
.sim-topo{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));background:rgba(14,19,49,.92);backdrop-filter:blur(8px)}
.sim-x{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:none;color:#fff;cursor:pointer;display:grid;place-items:center}
.sim-corpo{max-width:780px;margin:0 auto;padding:8px 16px 28px}
.sim-avs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:6px 0 12px}
.sim-av{border:2px solid var(--linha);background:#fff;border-radius:16px;padding:10px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:750;font-size:.85rem;color:var(--tx)}
.sim-av small{font-weight:600;color:var(--tx3);font-size:.72rem}
.sim-av .av{width:72px;height:72px}
.sim-av.on{border-color:var(--roxo);box-shadow:0 0 0 2px var(--roxo)}
.sim-dicas{margin:12px 0 0;padding-left:20px;color:var(--tx2);font-size:.92rem}
.sim-palco{position:relative;margin-top:6px}
.sim-tile{position:relative;aspect-ratio:4/3;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#2A3577 0%,#1A2259 62%,#141B45 100%);display:grid;place-items:end center}
.sim-cena{position:absolute;inset:0;pointer-events:none}
.sim-tile .av{position:relative;width:min(62%,320px);height:auto;margin-bottom:-2%}
.sim-tile.falando{box-shadow:inset 0 0 0 3px var(--menta)}
.sim-tile.ouvindo{box-shadow:inset 0 0 0 3px var(--coral)}
.sim-tag{position:absolute;left:12px;bottom:12px;background:rgba(0,0,0,.5);padding:5px 10px;border-radius:999px;font-size:.78rem;font-weight:750;z-index:2}
.sim-onda{position:absolute;right:14px;bottom:14px;display:flex;gap:3px;align-items:flex-end;height:18px;opacity:0;z-index:2}
.sim-onda i{width:4px;border-radius:2px;background:var(--menta);height:6px}
.falando .sim-onda{opacity:1}.falando .sim-onda i{animation:onda .5s infinite alternate}.falando .sim-onda i:nth-child(2){animation-delay:.15s}.falando .sim-onda i:nth-child(3){animation-delay:.3s}
@keyframes onda{to{height:18px}}
.sim-eu{position:absolute;right:12px;top:12px;width:28%;max-width:180px;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 6px 18px rgba(0,0,0,.45);border:2px solid rgba(255,255,255,.22);z-index:2}
.sim-eu video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
.sim-eu .sim-tag{left:6px;bottom:6px;font-size:.7rem;padding:3px 8px}
.sim-contagem{position:absolute;inset:0;display:grid;place-items:center;z-index:4;background:rgba(14,19,49,.55);font-size:5rem;font-weight:800}
.sim-leg{font-size:1.25rem;font-weight:750;line-height:1.35;margin:16px 0 8px;min-height:3.4em}
.sim-status{display:flex;align-items:center;gap:8px;color:#C9CDE6;font-size:.92rem;min-height:1.6em;flex-wrap:wrap}
.sim-dot{width:10px;height:10px;border-radius:50%;background:var(--menta)}
.sim-dot.rec{background:var(--coral);animation:pulsa 1.1s infinite}
.sim-tempo{position:relative;height:10px;border-radius:6px;background:rgba(255,255,255,.12);margin-top:10px;overflow:hidden}
.sim-tempo .ideal{position:absolute;top:0;bottom:0;left:16.6%;width:50%;background:rgba(18,163,138,.35)}
.sim-tempo i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--coral);border-radius:6px;transition:width .5s linear}
.sim-tempo-l{display:flex;justify-content:space-between;font-size:.72rem;color:#9AA1C2;margin-top:4px}
.sim-transc{margin-top:12px;min-height:56px;border:1.5px dashed rgba(255,255,255,.22);border-radius:14px;padding:10px 12px;color:#E4E7F5;font-size:.95rem;white-space:pre-wrap}
.sim-transc:empty::before{content:"O que você falar aparece aqui.";color:#8F95BA}
.sim-transc .check{color:#fff}
.sim-ctrl{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.sim-ctrl .btn{flex:1;min-width:140px}
.sim-ctrl .btn.sec{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.sim-res .eti{display:flex}
.sim-nota-wrap{display:flex;gap:18px;align-items:center}
.sim-nota{flex:none;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(var(--roxo) calc(var(--p)*1%),var(--suave) 0);position:relative}
.sim-nota::before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}
.sim-nota b,.sim-nota small{position:relative}.sim-nota b{font-size:2rem;line-height:1;color:#17204A}.sim-nota small{font-size:.75rem;color:var(--tx3)}
@media(max-width:460px){.sim-nota-wrap{flex-direction:column;align-items:flex-start}}
.sim-radar{display:grid;gap:14px;align-items:center;margin-top:12px}
@media(min-width:600px){.sim-radar{grid-template-columns:240px 1fr}}
.sim-radar svg{width:100%;max-width:260px;height:auto;margin:0 auto;display:block}
.sim-crit{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sim-crit li{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:.9rem}
.sim-crit .barra{grid-column:1/-1;height:6px}
.sim-foco{margin:6px 0 0;padding-left:20px}
.sim-q{margin-top:12px}
.sim-q-t{display:flex;gap:10px;align-items:flex-start}.sim-q-t b{flex:1;line-height:1.3}
.sim-q-n{flex:none;width:28px;height:28px;border-radius:50%;background:var(--suave);display:grid;place-items:center;font-size:.82rem;font-weight:800}
.sim-q-nota{flex:none;font-weight:800;font-size:1.1rem;color:var(--roxo-e)}
.sim-bom,.sim-mel{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px;font-size:.92rem}
.sim-bom li::before{content:"✓ ";color:var(--menta-e);font-weight:800}
.sim-mel li::before{content:"→ ";color:var(--coral-e);font-weight:800}
.sim details{margin-top:8px}.sim summary{cursor:pointer;font-weight:750;color:var(--roxo-e)}
.sim-falou{color:var(--tx2);font-size:.92rem;margin-top:6px;line-height:1.6}
.sim-falou mark{border-radius:4px;padding:0 3px}
.sim-falou mark.v{background:#FFE1DA;color:#8F2410}
.sim-falou mark.e{background:#D9F3EC;color:#06604F}
.sim-falou mark.r{background:#E7E1FF;color:#3F22B8}
.sim-leg-cores{display:flex;flex-wrap:wrap;gap:8px;font-size:.78rem;margin-top:6px}
.sim-leg-cores span{border-radius:4px;padding:1px 6px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}