@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap');
:root{
  --ameixa:#3D1E2B; --leveza:#F4F0EA; --autoridade:#24211F; --presenca:#6E3548; --acolhimento:#CBB8AD; --sofisticacao:#9A8E9F;
  --card:#ffffff; --borda:#e6dfd8; --mut:#7a716d;
  --serif:'DM Serif Display',Georgia,serif; --sans:'Manrope',system-ui,sans-serif; --mono:'IBM Plex Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--leveza);color:var(--autoridade);font-family:var(--sans);line-height:1.55}
.app{display:flex;min-height:100vh}

/* coluna lateral */
.lateral{overflow-y:auto;width:250px;flex:0 0 250px;background:var(--ameixa);color:#f4eaee;padding:26px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.marca{font-family:var(--serif);font-size:1.45rem;color:#fff;margin:0 8px}
.marca-sub{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#dcc3cd;margin:4px 8px 22px}
.grupo{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#cfaebb;margin:20px 10px 8px}
.item{display:block;width:100%;text-align:left;background:none;border:0;color:#f4eaee;font:inherit;font-size:.92rem;padding:10px 12px;border-radius:10px;cursor:pointer}
.item:hover{background:rgba(255,255,255,.08)}
.item.ativo{background:rgba(255,255,255,.16);font-weight:600}
.rodape-lat{margin-top:auto;border-top:1px solid rgba(255,255,255,.18);padding-top:14px;font-size:.85rem;display:flex;gap:10px;align-items:center}
.avatar{width:34px;height:34px;border-radius:50%;background:var(--acolhimento);color:var(--presenca);display:grid;place-items:center;font-family:var(--serif)}

/* conteúdo */
.principal{flex:1;min-width:0;padding:40px clamp(18px,4vw,56px) 70px;max-width:1100px}
h1{font-family:var(--serif);font-weight:400;font-size:2.2rem;margin:0 0 22px}
h2{font-family:var(--serif);font-weight:400;font-size:1.35rem;margin:0 0 8px}
.rotulo{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sofisticacao)}
.mut{color:var(--mut)}
.card{background:var(--card);border:1px solid var(--borda);border-radius:18px;padding:22px 26px;margin:0 0 18px}
.destaque{background:var(--presenca);border-color:var(--presenca);color:#fff}
.destaque .rotulo{color:#dcc3cd}.destaque p{color:#f4eaee}
.botao{background:var(--presenca);color:#fff;border:0;border-radius:99px;padding:12px 24px;font:inherit;font-weight:600;cursor:pointer}
.botao:hover{filter:brightness(1.1)}
.destaque .botao{background:var(--leveza);color:var(--presenca)}
.botao.sec{background:transparent;color:var(--presenca);border:1px solid var(--presenca)}
.botao:disabled{opacity:.5;cursor:default}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:18px}
.grade .card{margin:0}
.etapa-atual{border:2px solid var(--presenca)}
.fechada{opacity:.62}
.pilula{display:inline-block;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;border-radius:99px;padding:3px 10px;margin:6px 0}
.p-ok{background:var(--acolhimento);color:var(--autoridade)}
.p-and{background:var(--presenca);color:#fff}
.p-fec{background:#e9e4ec;color:var(--sofisticacao)}
.selos{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.selo{background:#efe6ea;color:var(--presenca);border-radius:99px;padding:6px 14px;font-size:.85rem;font-weight:600}
label{display:block;font-weight:600;margin:18px 0 6px}
input,textarea{width:100%;padding:12px 14px;border:1px solid var(--borda);border-radius:12px;background:var(--leveza);color:var(--autoridade);font:inherit}
textarea{min-height:92px;resize:vertical}
input:focus,textarea:focus{outline:2px solid var(--sofisticacao);outline-offset:1px}
pre{white-space:pre-wrap;font:inherit;margin:0}
.erro{color:#a8323e;margin-top:10px}
.aviso{background:#efe6ea;border-radius:14px;padding:14px 18px;margin:0 0 18px}
a{color:var(--presenca)}
@media(max-width:780px){
  .app{flex-direction:column}
  .lateral{position:static;width:100%;height:auto;flex:none;flex-direction:row;flex-wrap:wrap;align-items:center;padding:14px}
  .marca-sub,.grupo,.rodape-lat{display:none}.marca{margin-right:12px}
  .item{width:auto}
}

/* ondas 2 e 3 */
.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.coluna{background:#ebe5dd;border-radius:16px;padding:12px;min-height:140px}
.coluna h3{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sofisticacao);margin:2px 4px 10px;font-weight:500}
.tarefa{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:10px 12px;margin-bottom:8px;font-size:.92rem}
.tarefa .mover{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.mini{background:transparent;border:1px solid var(--borda);border-radius:99px;padding:3px 10px;font:inherit;font-size:.74rem;color:var(--presenca);cursor:pointer}
.mini:hover{background:#efe6ea}
.check{display:flex;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--borda);cursor:pointer}
.check:last-child{border-bottom:0}
.check input{width:20px;height:20px;accent-color:var(--presenca);flex:none}
.barra{height:10px;background:#e6dfd8;border-radius:99px;overflow:hidden;margin:10px 0}
.barra>div{height:100%;background:var(--presenca);border-radius:99px}
.notas{display:flex;gap:6px;flex-wrap:wrap}
.notas label{display:inline-flex;margin:0;font-weight:500;gap:4px;align-items:center;border:1px solid var(--borda);border-radius:99px;padding:6px 14px;cursor:pointer}
.notas input{width:auto;accent-color:var(--presenca)}
.linha-tempo{border-left:2px solid var(--acolhimento);margin:8px 0 0 8px;padding-left:18px}
.linha-tempo .ponto{margin:0 0 16px;position:relative}
.linha-tempo .ponto::before{content:"";position:absolute;left:-25px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--presenca)}
.data{font-family:var(--mono);font-size:.7rem;color:var(--sofisticacao);letter-spacing:.06em}
.niveis{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.nivel{border:1px solid var(--borda);border-radius:99px;padding:6px 14px;font-size:.85rem;color:var(--mut)}
.nivel.on{background:var(--presenca);color:#fff;border-color:var(--presenca);font-weight:600}
.numerao{font-family:var(--serif);font-size:3rem;line-height:1;color:var(--presenca)}
.vazio{border:1.5px dashed var(--acolhimento);border-radius:16px;padding:26px;text-align:center;color:var(--mut)}
.estado-avancando{background:#dfeee6;color:#2f6a4b}.estado-parada{background:#f4e3c9;color:#8a5a12}.estado-sumida{background:#f2d9dc;color:#a8323e}
.dois{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:780px){.kanban,.dois{grid-template-columns:1fr}}

/* menu estilo Acelera */
.pill-comece{display:block;width:100%;background:var(--acolhimento);color:var(--presenca);border:0;border-radius:99px;padding:14px;font:inherit;font-weight:700;font-size:.98rem;cursor:pointer;margin:0 0 6px}
.pill-comece:hover,.pill-comece.on{background:#dccdc4}
.item{display:flex;align-items:center;gap:12px}
.item svg{flex:none;opacity:.85}

/* comece aqui */
.construir{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:10px}
.construir-item{display:flex;align-items:center;gap:10px}
.construir-item .num{width:26px;height:26px;border-radius:50%;background:var(--acolhimento);color:var(--presenca);display:grid;place-items:center;font-size:.8rem;font-weight:700;flex:none}
.mantra{background:var(--ameixa);border-color:var(--ameixa);color:#fff}
.mantra .rotulo{color:var(--acolhimento)}
.mantra h2{color:#fff;font-size:1.55rem;margin:0 0 4px}
.mantra .dourado{color:var(--acolhimento);font-family:var(--serif);font-size:1.15rem;margin:16px 0 10px}
.mantra p{color:#f4eaee}

.construir-item{align-items:flex-start}.construir-item strong{font-family:var(--serif);font-weight:400;font-size:1.1rem}

/* formulário de perfil */
.form-grade{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:6px}
.form-grade.um{grid-template-columns:1fr}
.form-grade.tres{grid-template-columns:1fr 1fr 1fr}
.form-grade.rua{grid-template-columns:1fr 2fr 1fr}
.form-grade.cidade{grid-template-columns:1.2fr 1fr 1fr .7fr}
.campo label{margin:12px 0 6px}
select{width:100%;padding:12px 14px;border:1px solid var(--borda);border-radius:12px;background:var(--leveza);color:var(--autoridade);font:inherit}
.subcard{border:1px solid var(--borda);border-radius:16px;padding:18px 20px;margin-top:18px;background:#faf8f5}
.subcard h3{font-family:var(--serif);font-weight:400;font-size:1.25rem;margin:0 0 2px}
details summary{cursor:pointer;color:var(--presenca);font-weight:600;margin:10px 0}
@media(max-width:780px){.form-grade,.form-grade.tres,.form-grade.rua,.form-grade.cidade{grid-template-columns:1fr}}

.dois-grupos{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.dois-grupos .card{display:flex;flex-direction:column}
.dois-grupos .card .botao{align-self:flex-start;margin-top:auto}

.horario{background:#efe6ea;border-left:4px solid var(--presenca);border-radius:10px;padding:12px 14px;margin:12px 0}
.horario .rotulo{display:block;color:var(--presenca);margin-bottom:2px}
.horario strong{font-size:1.02rem;color:var(--autoridade);font-weight:700}

.portao{list-style:none;padding:0;margin:8px 0 14px;font-size:1.02rem}
.portao li{padding:4px 0;color:#dcc3cd}
.portao li.feito{color:#fff;font-weight:600}
.ok{color:#2f6a4b;font-weight:600;margin:10px 0 0}
.card.destaque button:disabled{opacity:.45}

/* jornada em lista */
.jornada-lista{margin:8px 0 22px}
.etapa-linha{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--borda)}
.etapa-linha:last-child{border-bottom:0}
.etapa-num{flex:none;width:48px;height:28px;border-radius:99px;background:var(--presenca);color:#fff;display:grid;place-items:center;font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;margin-top:6px}
.etapa-num.ok{background:var(--acolhimento);color:var(--presenca);font-weight:700}
.etapa-linha.fechada .etapa-num{background:#e9e4ec;color:var(--sofisticacao)}
.etapa-corpo h2{font-size:1.7rem;margin:0}
.etapa-corpo .rotulo{margin:2px 0 8px}
.etapa-corpo p{margin:0 0 8px;max-width:560px}
.etapa-corpo strong{color:var(--presenca)}
.etapa-linha.fechada{opacity:.6}

/* início estilo painel */
.hero-nivel{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;background:var(--ameixa);color:#f4eaee;border-radius:20px;padding:22px 28px;margin:6px 0 22px}
.hero-nivel .numerao{color:#fff}
.hero-nivel .rotulo{color:var(--acolhimento)}
.hero-linha{font-size:.92rem;color:#dcc3cd;margin-bottom:8px}
.hero-pts{font-family:var(--serif);font-size:1.6rem;color:#fff}
.hero-dir{text-align:right}
.barra.escura{background:rgba(255,255,255,.16);height:8px;margin:0}
.barra.escura>div{background:var(--acolhimento)}
.stepper{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:6px;margin:6px 0 24px;position:relative}
.passo{text-align:center;cursor:pointer;padding:6px 2px}
.bola{width:44px;height:44px;border-radius:50%;margin:0 auto 6px;display:grid;place-items:center;background:#ece6ef;color:var(--sofisticacao);font-size:1.05rem;border:2px solid transparent}
.passo.ok .bola{background:var(--acolhimento);color:var(--presenca);font-weight:700}
.passo.on .bola{background:#fff;border-color:var(--presenca);color:var(--presenca)}
.passo-n{font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.passo-nome{font-size:.8rem;color:var(--autoridade);margin-top:2px}
.par{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-bottom:18px}
.par .card{margin:0}
.check.marco{justify-content:flex-start}
.marco-t{flex:1}.marco-p{font-family:var(--mono);font-size:.74rem;color:var(--mut)}
.proximo-marco{background:#efe1e6;border-color:#e5cfd7}
.link{background:none;border:0;color:var(--presenca);font:inherit;font-weight:700;padding:0;margin-top:14px;cursor:pointer}
.atalhos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.atalho{margin:0}
.atalho-ic{width:38px;height:38px;border-radius:10px;background:var(--ameixa);color:#fff;display:grid;place-items:center;margin-bottom:14px}
.atalho h2{font-size:1.2rem}
@media(max-width:780px){.hero-nivel,.par{grid-template-columns:1fr}.hero-dir{text-align:left}}

.hero-boasvindas{background:var(--ameixa);color:#f4eaee;border-radius:22px;padding:34px 36px;margin:0 0 18px}
.hero-boasvindas .rotulo{color:var(--acolhimento);margin-bottom:10px}
.hero-boasvindas h1{color:#fff;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.15;margin:0 0 12px;max-width:760px}
.hero-boasvindas h1 em{color:var(--acolhimento);font-style:italic}
.hero-boasvindas p{margin:0;max-width:620px;color:#dcc3cd}

.regras li{margin:8px 0}.sub-regras{font-family:var(--serif);font-weight:400;font-size:1.15rem;margin:18px 0 2px}.palavras{columns:2;list-style:none;padding:0;margin:8px 0 0}.palavras li{margin:6px 0;break-inside:avoid}@media(max-width:780px){.palavras{columns:1}}

/* calendário */
.cal-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 14px}
.cal-topo h2{margin:0}.cal-topo h2::first-letter{text-transform:uppercase}
.cal-grade{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:26px}
.cal-dia-nome{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sofisticacao);text-align:center;padding:4px 0}
.cal-cel{min-height:84px;background:#fff;border:1px solid var(--borda);border-radius:12px;padding:6px 8px;overflow:hidden}
.cal-vazio{min-height:84px}
.cal-cel.hoje{border-color:var(--presenca);box-shadow:0 0 0 1px var(--presenca) inset}
.cal-cel.tem{background:#f3e8ed}
.cal-num{font-size:.8rem;color:var(--mut)}
.cal-ev{margin-top:4px;font-size:.72rem;line-height:1.25;background:var(--presenca);color:#fff;border-radius:6px;padding:3px 6px}
.cal-botoes{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.cal-botoes .botao{text-decoration:none;display:inline-block;margin:0}
@media(max-width:780px){.cal-cel{min-height:56px;padding:4px}.cal-ev{font-size:.62rem}}

/* trilha da jornada */
.item .seta{margin-left:auto;font-size:.8rem;opacity:.8}
.submenu{margin:2px 0 8px 18px;border-left:1px solid rgba(255,255,255,.16);padding-left:6px}
.subitem{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;color:#e9dce2;font:inherit;font-size:.86rem;padding:7px 10px;border-radius:8px;cursor:pointer}
.subitem:hover{background:rgba(255,255,255,.07)}
.subitem.ativo{background:rgba(255,255,255,.14);color:#fff;font-weight:600}
.subitem .sn{font-family:var(--mono);font-size:.7rem;color:var(--acolhimento);min-width:18px}
.subitem .seta{margin-left:auto;font-size:.75rem}
.subitem.trancada{opacity:.65}
h1 em{color:var(--presenca);font-style:italic}
.etapas-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:0 0 18px}
.etapa-card{cursor:pointer;margin:0;transition:transform .12s}
.etapa-card:hover{transform:translateY(-2px)}
.etapa-card h2{margin:4px 0}

/* plano de ação em quadro */
.plano-topo{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;flex-wrap:wrap;margin-bottom:6px}
.plano-topo h1{margin:2px 0 6px}.plano-topo p{max-width:520px;margin:0}
.plano-dir{display:flex;gap:12px;align-items:center}
.badge-feitas{background:#efe6ea;color:var(--presenca);border-radius:10px;padding:8px 14px;font-size:.85rem;font-weight:600}
.botao.escuro{background:var(--ameixa);margin:0}
.plano-barra{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border-top:1px solid var(--borda);padding-top:16px;margin:16px 0 20px}
.plano-barra .barra{margin:0}
.kb-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}
.kb-col{background:#ebe5dd;border-radius:16px;padding:12px;min-height:160px;transition:background .15s}
.kb-col.sobre{background:#e2d6da}
.kb-titulo{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sofisticacao);padding:2px 6px 10px}
.kb-card{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:12px 14px;margin-bottom:10px;cursor:grab}
.kb-texto{font-weight:600;line-height:1.35}
.kb-tag{display:inline-block;background:#f0ece6;border-radius:6px;padding:2px 8px;font-size:.74rem;color:var(--mut);margin-top:8px}
.kb-tag i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--sofisticacao)}
.kb-atraso{display:inline-block;background:#fbe3dc;color:#a8323e;border-radius:6px;padding:2px 8px;font-size:.74rem;margin-top:8px}
.kb-rodape{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:.82rem}
.kb-av{width:26px;height:26px;border-radius:50%;background:#ece6ef;color:var(--presenca);display:grid;place-items:center;font-size:.72rem;font-weight:700}
.kb-card .mover{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;opacity:.0;max-height:0;overflow:hidden;transition:all .15s}
.kb-card:hover .mover,.kb-card:focus-within .mover{opacity:1;max-height:60px}
.kb-stats{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;margin-bottom:18px}
.kb-stats .card{margin:0}
@media(max-width:780px){.kb-grade,.kb-stats{grid-template-columns:1fr}.plano-barra{grid-template-columns:1fr}.kb-card .mover{opacity:1;max-height:60px}}

.link-ajuda{background:none;border:0;color:var(--acolhimento);font:inherit;font-size:.78rem;padding:2px 0 0;margin:0;cursor:pointer;text-decoration:underline}
.link-ajuda:hover{color:#fff}

/* aulas por módulo e marco */
.aula-linha{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--borda)}
.aula-linha:first-of-type{border-top:0}
.aula-texto{min-width:0}
.aula-linha .botao{margin:0;text-decoration:none;white-space:nowrap}
.aulas-marco{background:#f7f2f5;border-radius:12px;padding:2px 14px;margin:-4px 0 12px 34px}

.chips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 18px}
.chip{background:#fff;border:1px solid var(--borda);color:var(--autoridade);border-radius:99px;padding:7px 16px;font:inherit;font-size:.85rem;cursor:pointer;margin:0}
.chip.on{background:var(--ameixa);border-color:var(--ameixa);color:#fff}

/* projeto: treinos em vídeo */
.semana-topo{display:flex;align-items:center;gap:12px;margin:26px 0 12px}
.semana-topo h2{margin:0}
.treinos{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.treino{background:#fff;border:1px solid var(--borda);border-radius:16px;overflow:hidden;position:relative}
.treino a{display:block;position:relative;line-height:0}
.treino img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#e9e4ec}
.treino .play{position:absolute;inset:0;display:grid;place-items:center;font-size:1.6rem;color:#fff;background:linear-gradient(0deg,rgba(61,30,43,.45),rgba(61,30,43,.05));line-height:1}
.treino .info{display:flex;justify-content:space-between;align-items:center;padding:10px 14px}
.treino.feito{opacity:.72}
.feito-check{display:flex;align-items:center;gap:6px;margin:0;font-weight:500;font-size:.85rem;cursor:pointer}
.feito-check input{width:18px;height:18px;accent-color:var(--presenca)}

.evo-linha{display:flex;gap:26px;flex-wrap:wrap;margin:6px 0 10px}

.meta-linha{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:2px 4px 18px}
.evo-linha{gap:40px}

.hist-linha{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--borda);font-size:.92rem}
.hist-linha .data{min-width:86px}

.selo.apagado{background:#ece6ef;color:var(--sofisticacao);font-weight:500}

.silhuetas{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin:14px 0 8px}
.silhueta{width:130px;text-align:center}
.silhueta .rotulo{margin-top:6px}

.alim-linha{padding:10px 0;border-top:1px solid var(--borda)}
.alim-linha:first-of-type{border-top:0}

/* movimento: painel de cartões pequenos */
.mini-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:18px}
.mini-card{margin:0;cursor:pointer;padding:16px 18px;transition:transform .12s}
.mini-card:hover{transform:translateY(-2px)}
.mini-card p{margin:6px 0 0;font-size:.95rem}
.dias{display:inline-flex;gap:6px;vertical-align:middle;margin-left:6px}
.dia{width:14px;height:14px;border-radius:50%;background:#e6dfd8}
.dia.on{background:var(--presenca)}
.escala{margin:14px 0 8px}
.escala-barra{position:relative;display:flex;height:12px;border-radius:99px;overflow:hidden}
.zona.abaixo{background:#9A8E9F}.zona.saudavel{background:#8fc3a6}.zona.sobre{background:#e7c27d}.zona.acima{background:#d98a7e}
.marcador{position:absolute;top:-3px;width:4px;height:18px;background:var(--autoridade);border-radius:2px;transform:translateX(-2px)}
.escala-leg{display:flex;justify-content:space-between;font-size:.72rem;color:var(--mut);margin-top:6px}

/* passos do movimento e banner da central */
.passo-topo{display:flex;align-items:center;gap:14px;margin:26px 0 12px}
.passo-num{flex:none;width:34px;height:34px;border-radius:50%;background:var(--presenca);color:#fff;display:grid;place-items:center;font-family:var(--mono);font-size:.85rem}
.passo-topo h2{margin:0}
.banner-central{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:linear-gradient(120deg,var(--ameixa),var(--presenca));color:#fff;border-radius:22px;padding:34px 38px;margin:26px 0 8px}
.banner-central h2{color:#fff;font-size:1.9rem;margin:2px 0 6px}
.banner-central p{margin:0;color:#f4eaee;max-width:520px}
.banner-central .rotulo{color:var(--acolhimento)}
.banner-central .botao{background:var(--leveza);color:var(--presenca);margin:0}

.ritual-linha{padding:12px 0;border-top:1px solid var(--borda)}
.ritual-linha:first-of-type{border-top:0}
.ebook-dentro{margin-top:18px;padding-top:14px;border-top:1px solid var(--borda)}

.afirmacoes{margin-top:8px;padding:12px 16px;background:#f3e8ed;border-radius:12px;font-family:var(--serif);font-size:1.15rem;color:var(--presenca);line-height:1.7}

.playlist{margin-top:18px;padding-top:16px;border-top:1px solid var(--borda)}

/* ===== modo aplicativo (celular) ===== */
.topo-mobile,.abas,.fundo-gaveta{display:none}
@media(max-width:780px){
  html{-webkit-text-size-adjust:100%}
  body{padding-bottom:0;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}
  .app{display:block;min-height:100vh}
  .topo-mobile{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40;background:var(--ameixa);color:#fff;padding:calc(10px + env(safe-area-inset-top)) 18px 10px}
  .topo-mobile .marca{margin:0;font-size:1.3rem}
  .topo-mobile .avatar{width:32px;height:32px;font-size:.9rem}
  .lateral{position:fixed !important;top:0;left:0;bottom:0;width:84%;max-width:330px;height:100vh !important;flex:none;flex-direction:column !important;flex-wrap:nowrap !important;align-items:stretch !important;transform:translateX(-105%);transition:transform .22s ease;z-index:70;padding:calc(22px + env(safe-area-inset-top)) 16px calc(22px + env(safe-area-inset-bottom)) !important;overflow-y:auto;box-shadow:6px 0 24px rgba(0,0,0,.25)}
  .lateral.aberta{transform:none}
  .lateral .marca-sub,.lateral .grupo,.lateral .rodape-lat{display:flex !important}
  .lateral .marca-sub{display:block !important}
  .lateral .grupo{display:block !important}
  .fundo-gaveta{display:block;position:fixed;inset:0;background:rgba(20,10,15,.5);opacity:0;pointer-events:none;transition:opacity .2s;z-index:65}
  .fundo-gaveta.on{opacity:1;pointer-events:auto}
  .principal{padding:18px 16px calc(96px + env(safe-area-inset-bottom)) !important;max-width:none}
  body:not(.com-abas) .principal{padding-bottom:28px !important}
  h1{font-size:1.7rem}
  .abas{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--borda);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px rgba(60,30,40,.08)}
  .abas[hidden]{display:none}
  .aba{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;color:var(--mut);font:inherit;font-size:.68rem;padding:8px 2px;margin:0;border-radius:12px;cursor:pointer;min-height:52px}
  .aba svg{width:22px;height:22px}
  .aba.on{color:var(--presenca);font-weight:700}
  .item,.subitem{min-height:46px}
  .botao,.chip,.mini{min-height:44px}
  input,textarea,select{font-size:16px !important}
  .card{padding:18px 18px}
  .hero-boasvindas{padding:24px 22px}
  .hero-nivel{padding:18px 20px}
  .banner-central{padding:24px 22px}
  .stepper{grid-template-columns:repeat(4,1fr)}
  .etapa-linha{gap:12px}
  .etapa-corpo h2{font-size:1.4rem}
  .cal-botoes .botao{flex:1;text-align:center}
  .mini-cards{grid-template-columns:1fr 1fr}
  .treinos{grid-template-columns:1fr}
}
@media(max-width:380px){.mini-cards{grid-template-columns:1fr}}

/* mantra do Movimento: claro */
.mantra-claro{background:#fff;border:1px solid var(--borda);border-left:4px solid var(--presenca);color:var(--presenca)}
.mantra-claro .rotulo{color:var(--sofisticacao)}
.mantra-claro h2{color:var(--presenca);font-style:italic}

/* desafio */
.desafio-topo{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;margin:6px 0 18px}
.desafio-pts{text-align:right}
.desafio-cols{display:grid;grid-template-columns:1fr 1.1fr;gap:22px;align-items:start}
.rank-linha{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--borda)}
.rank-linha:first-of-type{border-top:0}
.rank-linha.eu{background:var(--leveza);margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:10px}
.rank-pos{width:30px;font-family:var(--mono);color:var(--mut)}
.rank-nome{flex:1}
.acao-topo{display:flex;justify-content:space-between;gap:12px}
.acao-pts{font-family:var(--mono);color:var(--presenca);white-space:nowrap}
.acao-card p{margin:4px 0 12px}
.premio{background:var(--leveza);border-radius:14px;padding:16px 18px}
.premio ul{margin:8px 0 0;padding-left:18px}
@media(max-width:780px){.desafio-cols{grid-template-columns:1fr}.desafio-pts{text-align:left}}

.rank-nome{flex:1}

.pontos-grande{text-align:center;padding:26px}
.pontos-num{font-family:var(--serif);font-size:4.2rem;line-height:1;color:var(--presenca);margin:8px 0}

.hs-duvida{border-top:1px solid var(--borda);padding:16px 0}
.hs-l{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin:12px 0 3px}
.hs-imgs{display:flex;gap:10px;flex-wrap:wrap}
.hs-imgs img{width:130px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--borda)}

.filtro-mes{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px}
.filtro-mes label{margin:0;font-weight:600}
.filtro-mes select{width:auto;min-width:220px}

/* login e termos (sem o menu lateral) */
body.sem-login .lateral,body.sem-login .topo-mobile,body.sem-login .abas,body.sem-login .fundo-gaveta{display:none !important}
body.sem-login .app{display:block}
body.sem-login .principal{margin:0 auto;max-width:480px;padding:clamp(24px,8vh,80px) 18px 40px !important}
.login-marca{font-family:var(--serif);font-size:2rem;color:var(--ameixa);text-align:center}
.login-sub{text-align:center;color:var(--mut,#6b625e);margin:2px 0 22px;font-size:.9rem}
body.sem-login .principal:has(.login.largo){max-width:720px}
.termos{max-height:46vh;overflow-y:auto;border:1px solid #e2d8cf;border-radius:10px;padding:4px 16px 10px;margin-top:12px;background:#fffdfb}
.termos h3{font-size:.95rem;color:var(--ameixa);margin:16px 0 4px}.termos p{margin:4px 0;font-size:.9rem;line-height:1.5}

/* documentos da aluna */
.doc-card summary{cursor:pointer;font-size:1.02rem;list-style-position:inside}
.doc{margin-top:14px;line-height:1.55;font-size:.95rem}
.doc h2{font-family:var(--serif);font-size:1.5rem;margin:6px 0 8px;color:var(--ameixa)}
.doc h3{font-size:1.08rem;margin:20px 0 6px;color:var(--ameixa)}
.doc h4{font-size:.98rem;margin:16px 0 4px}
.doc p{margin:7px 0}.doc ul{margin:6px 0 10px;padding-left:20px}.doc li{margin:3px 0}
.doc blockquote{margin:10px 0;padding:8px 14px;border-left:3px solid var(--ameixa);background:#faf3f5;border-radius:0 8px 8px 0}
.doc hr{border:0;border-top:1px solid #e2d8cf;margin:18px 0}
.doc a{color:var(--ameixa);text-decoration:underline}

/* passos da etapa */
.barra-passos{height:8px;background:#e8dfd6;border-radius:99px;overflow:hidden;margin-top:10px}.barra-passos div{height:100%;background:var(--ameixa);border-radius:99px}
.passo-cab{display:flex;align-items:center;gap:10px;margin-bottom:6px}.passo-n{font-family:var(--mono,monospace);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ameixa);font-weight:700}.passo-cab .marco-p{margin-left:auto}
.passo.feito{opacity:.85}.passo h2{margin:2px 0 6px}
.como-fazer{margin:12px 0;border:1px solid #e2d8cf;border-radius:10px;padding:10px 14px;background:#fffdfb}.como-fazer summary{cursor:pointer;font-weight:700;color:var(--ameixa)}
.passo .doc-card{box-shadow:none;border:1px solid #e2d8cf;margin-top:12px}
.passo,.passo .como-fazer,.passo .doc,.passo .doc-card{text-align:left}
.passo .doc ul,.passo .doc ol{text-align:left}
.passo-cab{flex-wrap:wrap}

/* ponto A e ponto B */
.ab-grade{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0}
@media(max-width:780px){.ab-grade{grid-template-columns:1fr}}
.ab{text-align:left}.ab-lista{list-style:none;padding:0;margin:8px 0 0}.ab-lista li{margin:8px 0;line-height:1.45;font-size:.93rem}
.ab-grade .ab:last-child{border-top:3px solid var(--ameixa)}

/* quadro de tarefas: arrastar e editar */
.kb-card{cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.kb-card.arrastando{opacity:.35}
.kb-card.fantasma{position:fixed;z-index:200;pointer-events:none;opacity:.95;box-shadow:0 12px 30px rgba(0,0,0,.25);transform:rotate(2deg);margin:0}
body.arrastando-tarefa{cursor:grabbing;user-select:none}
.cal-tarefa{background:#e9e1f0;color:#4a2b57}
.modal-fundo{position:fixed;inset:0;background:rgba(40,25,32,.55);z-index:300;display:grid;place-items:center;padding:18px;overflow-y:auto}
.modal{background:#fff;border-radius:16px;padding:22px;width:min(560px,100%);box-shadow:0 20px 50px rgba(0,0,0,.3);text-align:left;max-height:92vh;overflow-y:auto}
.modal-botoes{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}.modal-botoes .link{margin-left:auto}

.sem-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 14px;flex-wrap:wrap}
.sem-tit{text-align:center;flex:1;min-width:180px}.sem-tit .link{display:block;margin:2px auto 0}

/* dashboard de passos */
.passos-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:14px 0 24px}
.passo-tile{display:flex;flex-direction:column;gap:10px;text-align:left;background:#fff;border:1px solid var(--borda);border-radius:16px;padding:16px;cursor:pointer;font:inherit;color:inherit;min-height:150px;transition:transform .12s,box-shadow .12s}
.passo-tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(61,30,43,.12)}
.passo-tile.feito{background:#f3f7f2}
.passo-tile .tile-t{font-size:1.02rem;line-height:1.3;flex:1}.passo-tile .tile-m{font-size:.82rem}

/* tabelas dentro dos documentos */
.tabela-wrap{overflow-x:auto;margin:14px 0;border:1px solid #e2d8cf;border-radius:12px;background:#fff}
.tabela-doc{width:100%;border-collapse:collapse;font-size:.9rem;text-align:left;min-width:520px}
.tabela-doc th{background:#f1e8e0;color:var(--ameixa);font-weight:700;padding:10px 12px;border-bottom:1px solid #e2d8cf;white-space:nowrap}
.tabela-doc td{padding:11px 12px;border-bottom:1px solid #efe7de;vertical-align:top;line-height:1.45}
.tabela-doc tr:last-child td{border-bottom:0}.tabela-doc tbody tr:nth-child(even){background:#fcfaf7}
.tabela-doc td:first-child{font-weight:600;min-width:150px}

/* respostas do passo */
.campos .campo-resp{padding:12px 0;border-bottom:1px solid #efe7de}.campos .campo-resp:last-of-type{border-bottom:0}
.campo-rot{font-family:var(--mono,monospace);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ameixa);font-weight:700;margin-bottom:4px}
.campos .doc{margin-top:2px;font-size:.95rem}
.apoio summary{cursor:pointer}

/* check no quadro do passo */
.passo-tile .passo-cab{width:100%}
.tile-check{margin-left:auto;width:30px;height:30px;border-radius:50%;border:2px solid #cdbfb3;display:grid;place-items:center;font-size:1rem;color:transparent;cursor:pointer;flex:none;transition:all .12s;background:#fff}
.tile-check:hover{border-color:var(--ameixa);color:#cdbfb3}
.tile-check.on{background:#2f8f5b;border-color:#2f8f5b;color:#fff}
/* quadros dos passos: ocupam a largura, maiores */
.passos-grade{grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important;gap:16px}
.passo-tile{min-height:190px;padding:20px}
.passo-tile .tile-t{font-size:1.2rem;line-height:1.3}
.passo-tile .tile-m{font-size:.86rem}

/* ===== hierarquia visual: o que fazer, o que é apoio, o que é destaque ===== */
:root{--ouro:#B8862B;--ouro-bg:#fbf1dc;--verde:#2f8f5b;--verde-bg:#e4f3ea;--ambar:#e0a53a}
/* estados com cor */
.pilula.p-and{background:var(--ouro-bg);color:#7a5200;border:1px solid #efd9a6}
.pilula.p-ok{background:var(--verde-bg);color:#1f6b42;border:1px solid #bfe1cd}
.pilula.p-fec{background:#ece7e1;color:#7b716a}
.passo-tile{border-top:6px solid var(--ambar)}
.passo-tile.feito{border-top-color:var(--verde);background:#f3faf5}
.passo-tile .passo-n{color:var(--ouro)}
.passo-tile.feito .passo-n{color:var(--verde)}
.passo-tile .tile-m{color:#6b625e;border-top:1px dashed #e2d8cf;padding-top:8px}

/* a tela de um passo */
.campos{border:2px solid var(--ameixa);border-left-width:8px;background:#fff;box-shadow:0 8px 24px rgba(110,53,72,.10)}
.campos>.rotulo{background:var(--ameixa);color:#fff;display:inline-block;padding:4px 12px;border-radius:99px;font-size:.7rem;margin-bottom:10px}
.campos .campo-resp{padding:14px 0}
.campos .campo-rot{display:inline-block;background:var(--ouro-bg);color:#7a5200;padding:3px 10px;border-radius:6px;font-size:.7rem;margin-bottom:8px}
.campos .campo-resp .doc{font-size:1.02rem;color:#24211F;line-height:1.55}
.campos .campo-resp .mut{font-style:italic}
.apoio{background:#f6f2ec;border:1px dashed #d8ccbf;box-shadow:none;color:#6b625e}
.apoio>summary{font-size:.92rem;color:#6b625e}
.apoio .doc{font-size:.9rem;color:#5b524d}
label.check.marco{background:var(--verde-bg);border:2px solid var(--verde);border-radius:14px;padding:14px 16px;font-weight:700;color:#1f6b42}
.passo-cab .passo-n{color:var(--ouro)}

/* dentro dos documentos */
.doc h2{background:linear-gradient(90deg,rgba(110,53,72,.10),transparent);border-left:6px solid var(--ameixa);padding:8px 14px;border-radius:0 10px 10px 0;margin:22px 0 10px;font-size:1.3rem}
.doc h3{color:var(--ouro);text-transform:uppercase;letter-spacing:.07em;font-size:.8rem;margin:18px 0 6px;border-bottom:2px solid var(--ouro-bg);padding-bottom:4px}
.doc li::marker{color:var(--ameixa)}
.doc li strong,.doc p strong{color:var(--ameixa)}
.doc blockquote{background:var(--ouro-bg);border-left:5px solid var(--ouro);color:#5a4210;font-weight:500;border-radius:0 12px 12px 0;padding:10px 16px}
.doc hr{border-top:2px dotted #e2d8cf}
.tabela-doc th{background:var(--ameixa);color:#fff}
.tabela-doc td:first-child{color:var(--ameixa)}

/* a etapa */
.passos-grade+.card,.passos-grade{margin-top:14px}

/* cabeçalho da etapa: bate o olho */
.hero-etapa{background:linear-gradient(135deg,#3D1E2B,#6E3548) !important;color:#fff !important;border:0 !important;padding:20px 24px !important;margin-bottom:14px}
.hero-etapa p{color:#f6e9ee !important;margin:4px 0}
.hero-etapa strong{color:#fff !important;font-size:1.15rem}
.hero-etapa .pilula{display:none}
.prog-etapa{padding:14px 20px !important;margin-bottom:6px}
.prog-etapa p{margin:0 0 8px !important}
.barra-passos{height:12px !important;background:#e8dfd6}.barra-passos div{background:linear-gradient(90deg,var(--ouro),var(--verde)) !important}

/* mapa em cartoes */
.mapa-titulo{margin:26px 0 10px;font-size:1.5rem;color:var(--ameixa)}
.mapa-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;align-items:start}
.mapa-card{background:#fff;border:1px solid var(--borda);border-radius:16px;overflow:hidden;text-align:left;box-shadow:0 6px 18px rgba(61,30,43,.07)}
.mapa-cab{padding:12px 16px;font-weight:700;color:#fff;font-size:.95rem;letter-spacing:.01em}
.mapa-corpo{padding:14px 16px 6px;font-size:.92rem}
.mapa-corpo.recortado{max-height:230px;overflow:hidden;position:relative}
.mapa-corpo.recortado::after{content:'';position:absolute;left:0;right:0;bottom:0;height:56px;background:linear-gradient(transparent,#fff)}
.mapa-card .link{margin:2px 16px 12px;display:inline-block}
.mapa-corpo .doc{margin:0}.mapa-corpo .doc h2,.mapa-corpo .doc h3{font-size:.95rem;background:none;border:0;padding:0;margin:10px 0 4px;text-transform:none;letter-spacing:0;color:var(--ameixa)}
.mapa-card.cor0 .mapa-cab{background:#6E3548}.mapa-card.cor1 .mapa-cab{background:#B8862B}.mapa-card.cor2 .mapa-cab{background:#2f8f5b}
.mapa-card.cor3 .mapa-cab{background:#3b6fa8}.mapa-card.cor4 .mapa-cab{background:#8a5aa8}.mapa-card.cor5 .mapa-cab{background:#c4623a}

.quadro-tile{min-height:150px;border-top-color:var(--ameixa)}
.quadro-tile .tile-t{font-size:1.3rem}

/* plano: todas as semanas */
.semana-card{padding:0 !important;overflow:hidden;text-align:left;margin-bottom:18px}
.semana-card.atual{border:2px solid var(--ouro)}
.sem-card-cab{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;background:linear-gradient(135deg,#3D1E2B,#6E3548);color:#fff;flex-wrap:wrap}
.sem-card-t{font-weight:700;font-size:1.05rem}
.sem-missao{padding:12px 18px 0;font-size:.95rem}
.sem-meta{margin:10px 18px 0;padding:8px 12px;background:var(--ouro-bg);border-left:4px solid var(--ouro);border-radius:0 8px 8px 0;font-size:.88rem;color:#5a4210}
.sem-cols{display:grid;grid-template-columns:1fr;gap:0;padding:6px 0 10px}
.sem-cols.duas{grid-template-columns:1fr 1fr}
@media(max-width:900px){.sem-cols.duas{grid-template-columns:1fr}}
.sem-col{padding:6px 18px 8px}
.sem-col-t{display:inline-block;margin:8px 0 6px;padding:4px 12px;border-radius:99px;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#6b625e}
.sem-col.b2b .sem-col-t{background:#3b6fa8}.sem-col.b2c .sem-col-t{background:#c4623a}
.sem-item{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #efe7de;cursor:pointer;line-height:1.4;font-size:.92rem}
.sem-item input{margin-top:3px;flex:none;width:18px;height:18px}
.sem-n{flex:none;width:22px;height:22px;border-radius:50%;background:#f1e8e0;color:var(--ameixa);font-size:.72rem;font-weight:700;display:grid;place-items:center}
.sem-txt{flex:1}.sem-item.feito .sem-txt{text-decoration:line-through;color:#9a8f88}.sem-item.feito .sem-n{background:var(--verde-bg);color:#1f6b42}
.sem-ed{flex:none;background:none;border:0;color:#a89c93;cursor:pointer;font-size:1rem}.sem-ed:hover{color:var(--ameixa)}

/* visao geral do plano */
.visao-plano{padding:18px 20px !important;margin:6px 0 18px;text-align:left}
.vp-topo{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:14px}
.vp-topo h2{margin:2px 0 0;font-size:1.5rem}.vp-barra{flex:1;min-width:200px;max-width:420px;height:12px;background:#e8dfd6;border-radius:99px;overflow:hidden}
.vp-barra div{height:100%;background:linear-gradient(90deg,var(--ouro),var(--verde));border-radius:99px}
.vp-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.vp-tile{text-align:left;background:#fff;border:1px solid var(--borda);border-top:5px solid var(--ambar);border-radius:14px;padding:12px 14px;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;gap:6px;transition:transform .12s,box-shadow .12s}
.vp-tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(61,30,43,.12)}
.vp-tile.sel{border-color:var(--ameixa);border-top-color:var(--ameixa);box-shadow:0 0 0 2px var(--ameixa)}
.vp-tile.ok{border-top-color:var(--verde);background:#f3faf5}
.vp-cab{display:flex;justify-content:space-between;align-items:center;gap:6px}.vp-sem{font-weight:700;color:var(--ameixa)}
.vp-hoje{background:var(--ouro-bg);color:#7a5200;border:1px solid #efd9a6;border-radius:99px;font-size:.66rem;padding:2px 8px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.vp-data{font-size:.82rem;color:#6b625e}.vp-missao{font-size:.84rem;line-height:1.35;min-height:2.7em}
.vp-pb{height:6px;background:#ece5dc;border-radius:99px;overflow:hidden}.vp-pb div{height:100%;background:var(--verde)}
.vp-rod{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#6b625e}
.vp-tags i{font-style:normal;font-size:.68rem;font-weight:700;color:#fff;border-radius:99px;padding:2px 8px;margin-left:4px}.vp-tags .b2b{background:#3b6fa8}.vp-tags .b2c{background:#c4623a}
.sem-info{background:#fff;border:1px solid var(--borda);border-left:6px solid var(--ouro);border-radius:12px;padding:12px 16px;margin:0 0 14px;text-align:left}
.sem-info p{margin:0 0 6px}.sem-info .sem-meta{margin:6px 0 0}

/* destaque no topo da etapa */
.destaque-etapa{background:linear-gradient(135deg,#fffaf0,#fbf1dc);border:2px solid var(--ouro);border-left-width:10px;border-radius:16px;padding:18px 22px;margin:0 0 16px;text-align:left}
.destaque-rot{display:inline-block;background:var(--ouro);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:99px;margin-bottom:8px}
.destaque-etapa .doc{margin:0}.destaque-etapa .doc p:first-child strong{font-size:1.7rem;color:var(--ameixa);font-family:var(--serif)}
.destaque-etapa .doc p{margin:4px 0}

/* banco de prompts e scripts */
.pr-tabs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0 16px}
@media(max-width:700px){.pr-tabs{grid-template-columns:1fr}}
.pr-tab{text-align:left;border:2px solid #e2d8cf;background:#fff;border-radius:16px;padding:16px 18px;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;gap:6px;transition:all .12s}
.pr-tab strong{font-size:1.15rem}.pr-tab span{font-size:.86rem;color:#6b625e;line-height:1.4}
.pr-tab.script{border-top:6px solid #2f8f5b}.pr-tab.prompt{border-top:6px solid #8a5aa8}
.pr-tab.script.on{background:#eaf6ee;border-color:#2f8f5b;box-shadow:0 8px 22px rgba(47,143,91,.18)}
.pr-tab.prompt.on{background:#f3ecf8;border-color:#8a5aa8;box-shadow:0 8px 22px rgba(138,90,168,.18)}
.pr-bar input{width:100%;padding:12px 16px;border:1px solid #e2d8cf;border-radius:12px;background:#fff;font:inherit;margin-bottom:10px}
.pr-secao{margin:26px 0 10px;font-size:1.25rem;padding-left:12px;border-left:6px solid}
.pr-secao.script{border-color:#2f8f5b;color:#1f6b42}.pr-secao.prompt{border-color:#8a5aa8;color:#6a3f86}
.pr-lista{display:flex;flex-direction:column;gap:8px}
.pr-item{background:#fff;border:1px solid #e2d8cf;border-radius:14px;overflow:hidden}
.pr-item.script{border-left:6px solid #2f8f5b}.pr-item.prompt{border-left:6px solid #8a5aa8}
.pr-item>summary{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;flex-wrap:wrap}
.pr-item>summary::-webkit-details-marker{display:none}
.pr-item>summary::after{content:'▾';margin-left:auto;color:#a89c93}.pr-item[open]>summary::after{content:'▴'}
.pr-badge{font-size:.72rem;font-weight:700;border-radius:99px;padding:3px 10px;color:#fff}.pr-item.script .pr-badge{background:#2f8f5b}.pr-item.prompt .pr-badge{background:#8a5aa8}
.pr-tit{font-weight:700;flex:1;min-width:180px}.pr-area{font-size:.72rem;color:#6b625e;background:#f1e8e0;border-radius:6px;padding:2px 8px}
.pr-corpo{padding:0 18px 18px;text-align:left}
.pr-quando{background:var(--ouro-bg);border-left:4px solid var(--ouro);border-radius:0 8px 8px 0;padding:8px 12px;margin:0 0 10px;font-size:.9rem}
.pr-como{font-size:.84rem;color:#6b625e;margin:0 0 8px}
.pr-texto{white-space:pre-wrap;word-break:break-word;background:#faf7f2;border:1px dashed #d8ccbf;border-radius:12px;padding:14px 16px;font:inherit;font-size:.93rem;line-height:1.55;margin:0 0 12px}
.pr-item.script .pr-texto{background:#f3faf5;border-color:#bfe1cd}.pr-item.prompt .pr-texto{background:#f7f2fa;border-color:#d9c6e6}

/* botao de PDF no topo */
.pdf-btn{margin-left:10px;background:#fff;border:2px solid var(--ameixa);color:var(--ameixa);font-weight:700;border-radius:99px;padding:7px 16px;cursor:pointer;font:inherit;font-size:.86rem;font-weight:700;transition:all .12s}
.pdf-btn:hover{background:var(--ameixa);color:#fff}
.passo-cab .pdf-btn{margin-left:auto}.passo-cab .marco-p{margin-left:10px}
.quadro-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:6px 0 4px}.quadro-hd .mapa-titulo{margin:6px 0}

/* anexo */
.arq-link{display:inline-block;background:var(--verde-bg);border:1px solid #bfe1cd;color:#1f6b42;font-weight:700;border-radius:10px;padding:9px 14px;text-decoration:none;word-break:break-all}
.arq-up{display:inline-block;border:2px dashed var(--ameixa);color:var(--ameixa);border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer}
.arq-up input{display:none}.arq-up:hover{background:#faf3f5}

/* sugestao de dinheiro */
.din-card{text-align:left;border:2px solid var(--ameixa);border-radius:16px}
.din-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0}
.din-item{border-radius:14px;padding:14px 16px;border-top:6px solid}.din-item p{margin:6px 0 0;font-size:.86rem;line-height:1.4}
.din-item.surv{background:#fdecea;border-color:#c0392b}.din-item.saud{background:#e4f3ea;border-color:#2f8f5b}.din-item.res{background:#fbf1dc;border-color:#B8862B}
.din-rot{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b625e}.din-val{font-size:1.5rem;font-weight:700;margin-top:2px}
.din-item.surv .din-val{color:#a8323e}.din-item.saud .din-val{color:#1f6b42}.din-item.res .din-val{color:#7a5200}
.din-aviso{background:#fdecea;border-left:6px solid #c0392b;border-radius:0 10px 10px 0;padding:10px 14px;margin:6px 0 10px;color:#7a1f1f}

.mapa-cab{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mapa-edit{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.55);color:#fff;border-radius:99px;padding:3px 12px;font-size:.74rem;font-weight:600;cursor:pointer}
.mapa-edit:hover{background:rgba(255,255,255,.35)}
.mapa-ed{padding:12px 16px 14px}.mapa-ed textarea{width:100%}

.destaque-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mapa-edit.escuro{background:#fff;border-color:var(--ouro);color:#7a5200}.mapa-edit.escuro:hover{background:var(--ouro-bg)}
.destaque-etapa textarea{width:100%}

.tab-edit input{width:100%;min-width:130px;padding:8px 10px;border:1px solid #e2d8cf;border-radius:8px;font:inherit;font-size:.88rem}
.tab-edit td{padding:6px}
.campos .tabela-wrap{margin:6px 0 0}
/* Kanban compacto */
.kb-grade{gap:10px}
.kb-col{padding:8px;min-height:90px;border-radius:12px}
.kb-titulo{padding:0 4px 6px;font-size:.62rem}
.kb-card{padding:7px 10px;margin-bottom:6px;border-radius:9px}
.kb-texto{font-size:.84rem;font-weight:600;line-height:1.3}
.kb-tag,.kb-atraso{font-size:.66rem;padding:1px 6px;margin-top:4px;margin-right:4px}
.kb-rodape{margin-top:4px;font-size:.7rem}
.kb-av{display:none}
.par{grid-template-columns:1fr}

/* Editar no canto de cada cartão */
.ab,.campos{position:relative}
.canto-edit{position:absolute;top:12px;right:14px;background:#fff;border:1px solid var(--borda);color:var(--ameixa);border-radius:99px;padding:3px 12px;font-size:.74rem;font-weight:600;cursor:pointer}
.canto-edit:hover{background:#f6efe9}
.campos .rotulo,.ab .rotulo{padding-right:80px}

/* Rodapé do menu: Pedir ajuda e Sair como botões separados */
.rodape-lat{flex-wrap:wrap}
.rodape-acoes{flex-basis:100%;display:flex;gap:8px;margin-top:4px}
.btn-lat{flex:1;background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:8px;padding:8px 10px;font:inherit;font-size:.8rem;cursor:pointer}
.btn-lat:hover{background:rgba(255,255,255,.14)}

/* Prompts e scripts: painel de grupos */
.pr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:10px}
.pr-gcard{text-align:left;background:#fff;border:1px solid var(--borda);border-radius:14px;padding:16px 18px;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:6px;transition:box-shadow .15s,transform .15s}
.pr-gcard:hover{box-shadow:0 6px 18px rgba(61,30,43,.12);transform:translateY(-1px)}
.pr-gcard.script{border-top:3px solid var(--ameixa)}
.pr-gcard.prompt{border-top:3px solid var(--ouro)}
.pr-gcard strong{font-family:var(--serif);font-size:1.05rem;color:var(--ameixa);line-height:1.25}
.pr-gn{font-size:.78rem;color:var(--mut)}
.pr-gprev{list-style:none;margin:6px 0 0;padding:0;font-size:.8rem;color:#6b5f58;line-height:1.4}
.pr-gprev li{padding:2px 0;border-top:1px solid #f0e8e1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr-gprev li.mais{color:var(--mut);font-style:italic}

/* Área da mentora: painel */
.badge{float:right;background:#a8323e;color:#fff;border-radius:99px;font-size:.7rem;font-weight:700;padding:1px 8px;margin-left:8px}
.crumb{font-size:.78rem;color:var(--mut);border-bottom:1px solid var(--borda);padding:0 0 12px;margin-bottom:22px}
.stats-mt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}
.stat-mt{background:#fff;border:1px solid var(--borda);border-radius:14px;padding:16px 18px}
.stat-rot{font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.stat-num{font-family:var(--serif);font-size:2.3rem;line-height:1.1;margin:8px 0 2px;color:var(--ameixa)}
.stat-num small{font-size:1rem;margin-left:2px}
.stat-num.risco{color:#a8323e}
.stat-sub{font-size:.8rem;color:var(--mut)}
.fila{background:#fff;border:1px solid var(--borda);border-radius:14px;padding:4px 22px 8px}
.fila-cab{padding:16px 0 12px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.fila-cab h2{margin:0 0 2px}
.fila-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid #efe7df}
.ponto{width:8px;height:8px;border-radius:50%;background:#a8323e;flex:none}
.av-mt{width:34px;height:34px;border-radius:50%;background:#efe6dc;display:grid;place-items:center;font-weight:600;color:var(--ameixa);flex:none}
.fila-txt{flex:1;min-width:0}
.fila-nome{font-weight:600}
.fila-sub{font-size:.8rem;color:var(--mut);overflow:hidden;text-overflow:ellipsis}
.btn-fila{background:var(--ouro);border:0;border-radius:8px;padding:8px 16px;font:inherit;font-weight:700;font-size:.8rem;cursor:pointer;color:#3d2a00;flex:none}
.btn-fila:hover{filter:brightness(.96)}
.tab-al{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--borda);border-radius:14px;overflow:hidden}
.tab-al th{background:#f1ebe3;font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);text-align:left;padding:12px 16px;font-weight:500}
.tab-al td{padding:14px 16px;border-top:1px solid #efe7df;font-size:.9rem;vertical-align:middle}
.tab-al tbody tr{cursor:pointer}
.tab-al tbody tr:hover{background:#faf6f1}
.al-cel{display:flex;align-items:center;gap:12px}
@media(max-width:780px){.stats-mt{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Tarefa em abas */
.tf-topo{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.tf-titulo{width:100%;font-family:var(--serif);font-size:1.25rem;line-height:1.3;border:0;border-bottom:1px solid var(--borda);background:transparent;padding:4px 0 10px;resize:none;color:var(--ameixa)}
.tf-abas{display:flex;gap:6px;border-bottom:1px solid var(--borda);margin:14px 0 10px}
.tf-aba{background:none;border:0;padding:9px 14px;font:inherit;font-size:.88rem;font-weight:600;color:var(--mut);cursor:pointer;border-bottom:3px solid transparent;margin:0}
.tf-aba.on{color:var(--ameixa);border-bottom-color:var(--ameixa)}
.tf-painel label{display:block;margin:12px 0 4px;font-size:.82rem;font-weight:600}
.tf-seg{display:flex;gap:8px}
.tf-seg-b{flex:1;background:#fff;border:1px solid var(--borda);border-radius:10px;padding:9px 6px;font:inherit;font-size:.88rem;cursor:pointer;margin:0}
.tf-seg-b.on{background:var(--ameixa);border-color:var(--ameixa);color:#fff}

/* Tarefa: janela maior e texto legível */
.tarefa-modal{max-width:820px !important;width:94%;max-height:92vh;overflow-y:auto}
.tarefa-modal textarea{font-size:1rem;line-height:1.6}
.tf-titulo{font-size:1.4rem}

/* Agenda da semana */
.ag-wrap{overflow-x:auto;margin-top:12px;padding-bottom:6px}
.ag-grade{display:grid;grid-template-columns:64px repeat(7,minmax(128px,1fr));gap:8px;min-width:980px}
.ag-dia{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);text-align:center;padding:4px 0}
.ag-bloco{font-weight:700;font-size:.82rem;color:var(--ameixa);display:flex;align-items:center}
.ag-cel{background:#ebe5dd;border-radius:12px;min-height:96px;padding:8px;display:flex;flex-direction:column;gap:6px;transition:background .15s}
.ag-cel.sobre{background:#e2d6da;outline:2px dashed var(--ameixa)}
.ag-card{background:#fff;border:1px solid var(--borda);border-radius:9px;padding:7px 10px;font-size:.82rem;font-weight:600;line-height:1.3;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}
.ag-card.arrastando{opacity:.35}
.ag-card.fantasma{position:fixed;z-index:200;pointer-events:none;opacity:.95;box-shadow:0 12px 30px rgba(0,0,0,.25);transform:rotate(2deg);margin:0}
.ag-mais{background:transparent;border:1px dashed #cfc4b9;color:var(--mut);border-radius:9px;padding:4px;font:inherit;font-size:1rem;cursor:pointer;margin-top:auto}
.ag-mais:hover{background:#f6efe9}

/* Regra 80/20 no plano */
.pareto{background:#fff8e8;border:1px solid #efd9a6;border-radius:14px;padding:16px 20px;margin:14px 0}
.pareto h2{margin:2px 0 10px;font-size:1.15rem}
.pareto p{margin:10px 0 0;font-size:.92rem}
.pareto-graf{display:flex;flex-direction:column;gap:8px}
.pareto-ln{display:grid;grid-template-columns:72px minmax(120px,1fr) minmax(0,1.3fr);gap:10px;align-items:center}
.pareto-rot{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:#7a5200}
.pareto-bar{display:flex;height:14px;border-radius:99px;overflow:hidden;background:#e8e0d6}
.pareto-bar .ouro{background:#e0a526}
.pareto-txt{font-size:.82rem;color:#5b4a2a}
@media(max-width:600px){.pareto-ln{grid-template-columns:64px 1fr}.pareto-txt{grid-column:1 / -1}}
.kb-card.kb-prio{border-left:4px solid #e0a526;background:#fffaf0}
.kb-estrela{font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#a06a00;margin-bottom:3px}

/* Prioridade escolhida pela aluna */
.kb-star{background:none;border:0;padding:0;margin:0 0 3px;font:inherit;font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:#a99f96;cursor:pointer;opacity:.7;text-align:left}
.kb-star:hover{opacity:1;color:#a06a00}
.kb-star.on{color:#a06a00;opacity:1;font-weight:700}
.tf-prio{display:flex !important;align-items:center;gap:8px;background:#fff8e8;border:1px solid #efd9a6;border-radius:10px;padding:10px 12px;margin:4px 0 8px !important;cursor:pointer;font-weight:600}
.tf-prio input{width:18px;height:18px;margin:0}

/* Ferramentas e prompts */
.fp-hero{background:linear-gradient(135deg,#3a1b29,#5a2d41);color:#fff;border-radius:20px;padding:34px 36px;margin-bottom:22px}
.fp-hero h1{color:#fff;margin:6px 0 10px;font-size:2.1rem}
.fp-hero p{color:#e9d9df;max-width:640px;margin:0}
.fp-kick{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#e8b84a}
.fp-filtros{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px;margin-bottom:6px}
.fp-campo label{display:block;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:6px}
.fp-campo input,.fp-campo select{width:100%;padding:11px 14px;border:1px solid var(--borda);border-radius:12px;background:#fff;font:inherit;font-size:.9rem}
.fp-cont{font-size:.8rem;color:var(--mut);margin:14px 0}
.fp-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}
.fp-card{background:#fff;border:1px solid var(--borda);border-radius:16px;padding:18px 18px 16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:box-shadow .15s,transform .15s}
.fp-card:hover{box-shadow:0 8px 22px rgba(61,30,43,.13);transform:translateY(-1px)}
.fp-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.fp-pill{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;border-radius:6px;padding:3px 9px;background:#ece7e1;color:#5b4f47}
.fp-pill.script{background:#e3efe8;color:#2f6a4b}.fp-pill.prompt{background:#f5ead0;color:#8a5a12}
.fp-meta{font-size:.74rem;color:var(--mut);text-align:right}
.fp-card h3{font-family:var(--serif);font-size:1.15rem;line-height:1.25;margin:4px 0 0;color:var(--ameixa)}
.fp-desc{font-size:.85rem;color:#5b4f47;margin:0;line-height:1.45}
.fp-code{position:relative;background:#2b1722;border-radius:12px;padding:14px 14px 0;margin-top:auto;height:126px;overflow:hidden}
.fp-code pre{margin:0;color:#e7d9df;font-family:var(--mono);font-size:.74rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;background:none;border:0;padding:0}
.fp-code:after{content:'';position:absolute;left:0;right:0;bottom:0;height:34px;background:linear-gradient(transparent,#2b1722)}
.fp-copiar{position:absolute;top:8px;right:8px;z-index:2;background:#e8b84a;color:#3a2a00;border:0;border-radius:8px;padding:5px 11px;font:inherit;font-size:.74rem;font-weight:700;cursor:pointer}
@media(max-width:780px){.fp-filtros{grid-template-columns:1fr 1fr}.fp-hero{padding:24px 22px}.fp-hero h1{font-size:1.6rem}.fp-grade{grid-template-columns:1fr}}

/* Agenda no celular */
.ag-card{touch-action:pan-y}
.ag-diacard{background:#fff;border:1px solid var(--borda);border-radius:14px;padding:12px 12px 14px;margin:10px 0}
.ag-diacard h3{margin:0 0 4px;font-size:1rem;color:var(--ameixa)}
.ag-linha{display:grid;grid-template-columns:60px minmax(0,1fr);gap:8px;align-items:start;margin-top:8px}
.ag-linha .ag-bloco{padding-top:8px;font-size:.8rem}
.ag-linha .ag-cel{min-height:44px}

/* Momento da venda */
.fp-momentos{background:#fff;border:1px solid var(--borda);border-radius:16px;padding:16px 18px;margin-bottom:18px}
.fp-mom-rot{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:10px}
.fp-mom-chips{display:flex;gap:8px;flex-wrap:wrap}
.fp-mom-chips .chip{font-size:.88rem;padding:9px 16px}
@media(max-width:780px){.fp-filtros{grid-template-columns:1fr}.fp-mom-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin:0 -6px;padding-left:6px;scrollbar-width:none}.fp-mom-chips .chip{flex:none}}

/* Área da mentora: espaço entre os botões da ficha */
.mentora .card>button.link{display:block;margin:12px 0 0;padding:6px 0;text-align:left}
.mentora .card>button.botao{display:inline-block;margin:14px 12px 0 0}
.mentora .card>details{margin-top:12px}
.mentora .card>.aviso{margin-top:16px}

/* sem rolagem lateral no celular */
html,body{max-width:100%;overflow-x:clip}

/* Ficha de acompanhamento */
.ac-tit{margin:22px 0 6px;font-size:1.05rem;color:var(--ameixa)}
.ac-etapa{border:1px solid var(--borda);border-radius:12px;padding:10px 12px;margin:8px 0;background:#fff}
.ac-etapa.atual{border-color:var(--ameixa);box-shadow:0 0 0 1px var(--ameixa) inset}
.ac-etapa-cab{display:flex;justify-content:space-between;font-weight:700;color:var(--ameixa)}
.ac-cont{font-family:var(--mono);font-size:.8rem;color:var(--mut)}
.ac-marcos{display:flex;flex-direction:column;gap:3px;margin-top:6px;font-size:.85rem;color:var(--mut)}
.ac-marco.ok{color:#2f6a4b}
.ac-trava{background:#fff8e8;border:1px solid #efd9a6;border-radius:10px;padding:10px 12px;margin:10px 0}
.ac-campo{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0}
.ac-campo input{width:auto}
.ac-duvida{border-left:3px solid var(--ouro);padding:4px 0 4px 12px;margin:10px 0}
.ac-duvida p{margin:2px 0}
.ac-acoes{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;padding-top:16px;border-top:1px solid var(--borda)}
.ac-acoes .botao{margin:0 !important}
.avancado{margin-top:18px;background:#fff;border:1px dashed var(--borda);border-radius:14px;padding:4px 16px 14px}
.avancado>summary{cursor:pointer;font-weight:700;color:var(--mut);padding:12px 0}

/* tipo do script (story único, grupo de WhatsApp, feed…) */
.fp-tipo{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.02em;color:var(--vinho,#4a1d2e);background:rgba(74,29,46,.08);border-radius:999px;padding:3px 10px;margin:2px 0 6px;max-width:100%}
.fp-tipos{margin-top:10px;align-items:center}
.fp-tipos .fp-mom-rot{margin:0 6px 0 0;flex:0 0 auto}
.fp-explica{background:rgba(74,29,46,.06);border-left:4px solid var(--vinho,#4a1d2e);border-radius:10px;padding:12px 16px;margin:12px 0;font-size:.95rem;line-height:1.5}
.fp-explica p{margin:4px 0 0}
.fp-guia{background:#fff;border:1px solid rgba(74,29,46,.18);border-radius:14px;padding:4px 18px;margin:14px 0}
.fp-guia>summary{cursor:pointer;font-weight:700;padding:12px 0;color:var(--vinho,#4a1d2e)}
.fp-guia .doc{padding-bottom:10px}

/* passo guiado: como fazer em cima, concluir embaixo */
.como-fazer{background:#fff8ea;border-color:#ecd9ad}
.como-fazer .doc h2{font-size:1.05rem;margin:14px 0 6px;color:var(--ameixa,#3b1f2b)}
.como-fazer .doc h2:first-child{margin-top:0}
.concluir{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:22px 0 8px}
.concluir .ok-t{margin:0;font-weight:700;color:#1d6b3e}
.botao.grande{padding:14px 26px;font-size:1.05rem}
.card.prox{margin:18px 0}