:root{
  --black:#0a0708;--black-2:#130d0f;--black-3:#1c1416;
  --red:#D92B2B;--red-l:#F04545;--red-d:#A81E1E;--red-soft:#E86B6B;
  --white:#faf7f6;--dim:rgba(250,247,246,.66);--faint:rgba(250,247,246,.54);
  --fio:rgba(250,247,246,.34);
  --grad-red:linear-gradient(100deg,#F04545 0%,#D92B2B 55%,#A81E1E 100%);
  --f:'Inter Tight',system-ui,-apple-system,sans-serif;
  --d:'Instrument Serif',Georgia,serif;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--black);color:var(--white);font-family:var(--f);line-height:1.6;
  -webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;
  background-image:
    radial-gradient(ellipse 70% 40% at 8% 0%,rgba(217,43,43,.15),transparent 60%),
    radial-gradient(ellipse 60% 40% at 95% 100%,rgba(217,43,43,.1),transparent 60%);
  background-attachment:fixed;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
::selection{background:var(--red);color:#fff}

/* ---------- TOPO ---------- */
.topo{border-bottom:1px solid rgba(217,43,43,.28);background:rgba(10,7,8,.9);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}
.topo-in{max-width:1160px;margin:0 auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.marca-t{display:block;font-family:var(--f);font-size:21px;font-weight:800;line-height:1.1;letter-spacing:-.3px}
.marca-t em{font-style:normal;color:var(--red-l)}
.marca-s{display:block;font-size:10.5px;letter-spacing:2.6px;text-transform:uppercase;color:var(--faint);font-weight:700;margin-top:3px}
/* ---------- ATALHOS DO TOPO ---------- */
.topo-dir{display:flex;align-items:center;gap:10px}
.ic-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:14px;cursor:pointer;color:var(--dim);
  background:rgba(255,255,255,.04);border:1px solid rgba(217,43,43,.3);
  transition:all .22s ease;padding:0}
.ic-btn svg{width:20px;height:20px;fill:currentColor}
.ic-btn:hover,.ic-btn.aqui{color:#fff;background:rgba(217,43,43,.2);border-color:rgba(240,69,69,.6)}
.hamb{flex-direction:column;gap:5px}
.hamb span{display:block;width:19px;height:2px;border-radius:2px;background:currentColor;
  transition:all .25s ease}
.hamb[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamb[aria-expanded="true"] span:nth-child(2){opacity:0}
.hamb[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.ic-btn .pino{position:absolute;top:-5px;right:-5px}

/* ---------- MENU LATERAL ---------- */
.menu-fundo{position:fixed;inset:0;z-index:70;background:rgba(6,4,5,.72);
  backdrop-filter:blur(3px);opacity:0;transition:opacity .28s ease}
.menu-fundo.on{opacity:1}
.menu-lat{position:fixed;top:0;left:0;bottom:0;z-index:80;width:min(330px,88vw);
  overflow-y:auto;overscroll-behavior:contain;padding:20px 18px 34px;
  background:linear-gradient(170deg,#1c1316 0%,#120c0e 60%,#0d0809 100%);
  border-right:1px solid rgba(217,43,43,.35);box-shadow:24px 0 60px rgba(0,0,0,.6);
  transform:translateX(-100%);transition:transform .3s cubic-bezier(.2,.7,.3,1)}
.menu-lat.on{transform:translateX(0)}
.ml-topo{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
  padding-bottom:18px;margin-bottom:8px;border-bottom:1px solid rgba(217,43,43,.25)}
.ml-topo .marca-t{font-size:19px}
.ml-x{font-size:30px;line-height:1;color:var(--faint);background:none;border:none;cursor:pointer;
  padding:0 4px;transition:color .2s ease}
.ml-x:hover{color:#fff}
/* o nome de cada grupo em destaque, com uma linha em cima, para os grupos não virarem uma lista só */
.ml-grupo{font-size:11.5px;letter-spacing:1.8px;text-transform:uppercase;color:#f0c674;
  font-weight:800;margin:20px 0 8px;padding:14px 12px 0;border-top:1px solid rgba(255,255,255,.1)}
.ml-item{position:relative;display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;
  font-size:14.5px;font-weight:700;color:var(--dim);border:1px solid transparent;
  transition:all .2s ease}
.ml-item svg{width:19px;height:19px;fill:currentColor;flex-shrink:0;opacity:.85}
.ml-item span{flex:1}
.ml-item:hover{color:#fff;background:rgba(217,43,43,.14);border-color:rgba(217,43,43,.35)}
.ml-item.aqui{color:#fff;background:rgba(217,43,43,.22);border-color:rgba(240,69,69,.55)}
.ml-item.aqui svg{opacity:1;fill:var(--red-l)}
.ml-item.zap{color:#7fe6a6}
.ml-item.zap:hover{color:#fff;background:rgba(37,211,102,.18);border-color:rgba(37,211,102,.5)}
.ml-item.mn-front{color:#fff;background:rgba(217,43,43,.16);border-color:rgba(240,69,69,.45)}
.ml-item.mn-front:hover{background:var(--grad-red);border-color:var(--red-l)}
.ml-item.sair{color:var(--red-soft);margin-top:16px;
  border-top:1px solid rgba(217,43,43,.22);border-radius:0;padding-top:18px}
.ml-item.sair:hover{background:none;border-color:transparent;border-top-color:rgba(217,43,43,.22);color:#fff}
.ml-item .pino{position:static;margin-left:auto}

/* ---------- BARRA DE BAIXO, NO CELULAR ---------- */
.barra-baixo{display:none}
@media(max-width:760px){
  .barra-baixo{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;
    background:rgba(12,8,9,.94);backdrop-filter:blur(14px);
    border-top:1px solid rgba(217,43,43,.3);
    padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .bb-item{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;
    padding:7px 2px;border-radius:12px;background:none;border:none;cursor:pointer;
    font-family:var(--f);color:var(--faint);transition:color .2s ease}
  .bb-ic{position:relative;display:flex;align-items:center;justify-content:center}
  .bb-item svg{width:22px;height:22px;fill:currentColor}
  .bb-txt{font-size:10px;font-weight:700;letter-spacing:.2px;white-space:nowrap}
  .bb-item.aqui{color:var(--red-l)}
  .bb-item .pino{position:absolute;top:-6px;right:-10px}
  /* são seis botões: em tela estreita eles encolhem em vez de se empurrar */
  @media(max-width:400px){
    .bb-item{padding:7px 0;gap:2px}
    .bb-item svg{width:20px;height:20px}
    .bb-txt{font-size:9px;letter-spacing:0}
  }
  /* o menu abre pelo botão Menu da barra de baixo */
  .topo .hamb{display:none}
  .conteudo{padding-bottom:104px}
  .rodape{padding-bottom:96px}
  .instalar{bottom:78px}
}

.conteudo{flex:1;max-width:1160px;width:100%;margin:0 auto;padding:38px 22px 70px}
.rodape{text-align:center;padding:26px 22px;font-size:12px;color:var(--faint);border-top:1px solid rgba(217,43,43,.18)}

/* ---------- TIPOGRAFIA ---------- */
h1{font-family:var(--d);font-size:clamp(28px,4.6vw,42px);font-weight:700;line-height:1.15;margin-bottom:8px}
h1 .g{color:var(--red-l)}
h2{font-family:var(--d);font-size:clamp(22px,3vw,28px);font-weight:700;margin-bottom:16px}
.sub{color:var(--dim);font-size:16px;margin-bottom:30px;max-width:720px}
.eyebrow{display:block;font-size:11.5px;letter-spacing:3.2px;text-transform:uppercase;color:var(--red-soft);font-weight:800;margin-bottom:10px}

/* ---------- CARTOES METALICOS ---------- */
.grade{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.cartao{
  position:relative;overflow:hidden;border-radius:18px;padding:24px;
  background:linear-gradient(158deg,#372b2e 0%,#241a1d 48%,#181012 100%);
  border:1px solid rgba(217,43,43,.3);
  box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 12px 30px rgba(40,22,25,.34),0 0 18px rgba(217,43,43,.1);
  transition:all .28s ease;
}
.cartao::before{content:'';position:absolute;top:0;left:0;right:0;height:50%;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.02) 60%,transparent 100%)}
.cartao>*{position:relative;z-index:2}
.cartao:hover{transform:translateY(-4px);border-color:rgba(240,69,69,.65);
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 18px 42px rgba(40,22,25,.46),0 0 28px rgba(217,43,43,.32)}
.cartao .tag{display:inline-block;font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;font-weight:800;
  color:var(--red-soft);background:rgba(217,43,43,.16);border:1px solid rgba(217,43,43,.38);padding:5px 11px;border-radius:100px;margin-bottom:14px}
/* ---------- FAIXA DE NOVIDADES ---------- */
.novidades{position:relative;padding:24px;border-radius:22px;
  background:linear-gradient(160deg,rgba(217,43,43,.14),rgba(217,43,43,.03) 55%,transparent);
  border:1px solid rgba(217,43,43,.3)}
.novidades .secao-topo h2{display:flex;align-items:center;gap:10px}
.novidades .secao-topo h2::before{content:'';width:9px;height:9px;border-radius:50%;
  background:var(--red-l);box-shadow:0 0 12px rgba(240,69,69,.9);
  animation:pulsa 2s ease-in-out infinite}
@keyframes pulsa{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.78)}}
.divisor-secoes{display:flex;align-items:center;gap:16px;margin:34px 0 26px;
  font-size:10.5px;letter-spacing:2.8px;text-transform:uppercase;font-weight:800;
  color:var(--faint)}
.divisor-secoes::before,.divisor-secoes::after{content:'';flex:1;height:1px;
  background:rgba(217,43,43,.22)}
@media(max-width:600px){.novidades{padding:18px 16px}}

/* ---------- CAPA DO CONTEÚDO ---------- */
/* sangra até a borda do cartão, que tem 24px de respiro */
.cartao .capa{display:block;margin:-24px -24px 18px;overflow:hidden;
  border-bottom:1px solid rgba(217,43,43,.28);background:#0f0a0b}
.cartao .capa img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;
  transition:transform .4s ease}
.cartao.com-capa:hover .capa img{transform:scale(1.04)}
.cartao.agendado .capa img{opacity:.65}

.capa-topo{margin:4px 0 24px;border-radius:16px;overflow:hidden;
  border:1px solid rgba(217,43,43,.3);background:#0f0a0b;
  box-shadow:0 14px 34px rgba(0,0,0,.4)}
.capa-topo img{display:block;width:100%;max-height:420px;object-fit:cover}

/* ---------- ESCOLHA DE ACESSO ---------- */
.campo-acesso{border:1px dashed rgba(240,198,116,.5);border-radius:14px;padding:18px;
  background:rgba(240,198,116,.05)}
.acesso-tudo{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;margin-bottom:8px;
  color:var(--dim);cursor:pointer}
.acesso-tudo b{color:#fff;font-weight:800}
.acesso-tudo input{width:auto;margin-top:3px;flex:none}
.acesso-cx{margin:14px 0 4px;padding:16px;border-radius:12px;background:rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.08);transition:opacity .2s ease}
.acesso-cx.off{opacity:.35;pointer-events:none}
.acesso-atalhos{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px;
  padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}
.acesso-atalhos span{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;
  font-weight:800;color:var(--faint)}
.acesso-lista{display:grid;gap:9px;grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
.acesso-lista .cp-fix{font-size:14.5px}
.chips-acesso{display:flex;flex-wrap:wrap;gap:5px}
.chip-acesso{font-size:10.5px;letter-spacing:.6px;font-weight:800;padding:4px 9px;border-radius:100px;
  color:#7fe6a6;background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.4);white-space:nowrap}

/* ---------- DEGUSTAÇÃO ---------- */
.faixa-degusta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:26px;
  padding:20px 22px;border-radius:18px;
  background:linear-gradient(150deg,rgba(240,198,116,.14),rgba(240,198,116,.04));
  border:1px solid rgba(240,198,116,.4)}
.faixa-degusta > div{flex:1;min-width:250px;display:flex;flex-direction:column;gap:4px}
.fd-tag{font-size:10px;letter-spacing:2.4px;text-transform:uppercase;font-weight:800;color:#f0c674}
.faixa-degusta strong{font-size:16px;font-weight:800;color:#fff}
.fd-sub{font-size:13.5px;color:var(--dim);line-height:1.55}
.faixa-degusta .btn{flex:none;padding:14px 26px;font-size:14px}

.cartao.trancado{border-style:dashed;border-color:rgba(240,198,116,.35);cursor:pointer}
.cartao.trancado:hover{border-color:rgba(240,198,116,.8);
  box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 18px 42px rgba(40,22,25,.5),
             0 0 26px rgba(240,198,116,.22)}
.cartao.trancado:focus-visible{outline:2px solid rgba(240,198,116,.85);outline-offset:3px}
.cartao.trancado .capa{position:relative;display:block}
.cartao.trancado .capa img{opacity:.5;transition:opacity .3s ease}
.cartao.trancado .capa::after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,7,8,.15),rgba(10,7,8,.65))}
.capa-cad{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center}
.capa-cad svg{width:34px;height:34px;fill:rgba(255,255,255,.8);
  filter:drop-shadow(0 2px 12px rgba(0,0,0,.8));transition:all .3s ease}
.cartao.trancado:hover .capa img{opacity:.62}
.cartao.trancado:hover .capa-cad svg{fill:#f0c674;transform:scale(1.1)}
.cartao.trancado h3{margin-bottom:18px}
.cartao.trancado .acoes{margin-top:0}
.cartao.trancado:hover .btn.p.cad{color:#fff;background:rgba(240,198,116,.22);
  border-color:rgba(240,198,116,.8)}
.btn.p.cad{display:inline-flex;align-items:center;gap:8px;color:#f0c674;
  border-color:rgba(240,198,116,.5);background:rgba(240,198,116,.08)}
.btn.p.cad svg{width:15px;height:15px;fill:currentColor}
.btn.p.cad:hover{color:#fff;background:rgba(240,198,116,.22);border-color:rgba(240,198,116,.8)}

.tranca-pagina{text-align:center;padding:10px 0 40px;max-width:640px;margin:0 auto}
.tranca-pagina .am-cad{margin:24px auto 18px}
.tranca-pagina .sub{margin:0 auto 26px}
.tranca-capa img{opacity:.55}

/* chavinha de liga e desliga, na tabela */
.chave{position:relative;width:46px;height:26px;border-radius:100px;cursor:pointer;padding:0;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);
  transition:all .22s ease}
.chave span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;
  background:rgba(255,255,255,.55);transition:all .22s ease}
.chave:hover{border-color:rgba(37,211,102,.5)}
.chave.on{background:rgba(37,211,102,.28);border-color:rgba(37,211,102,.7)}
.chave.on span{left:23px;background:#7fe6a6;box-shadow:0 0 10px rgba(37,211,102,.7)}

.selo-livre{display:inline-block;font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;
  font-weight:800;color:#7fe6a6;background:rgba(37,211,102,.12);
  border:1px solid rgba(37,211,102,.42);padding:4px 10px;border-radius:100px}
.campo-livre{border:1px dashed rgba(37,211,102,.4);border-radius:14px;padding:16px;
  background:rgba(37,211,102,.05)}
.bb-cad{color:#f0c674 !important}

/* ---------- EDICAO NO PROPRIO CONTEUDO ---------- */
.adm-barra{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 24px;
  padding:14px 18px;border-radius:14px;
  background:rgba(240,198,116,.07);border:1px dashed rgba(240,198,116,.45)}
.adm-tag{font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;font-weight:800;
  color:#f0c674;margin-right:auto}
.edita-aqui{margin-bottom:26px}
.btn.p.edt{color:#f0c674;border-color:rgba(240,198,116,.45)}
.btn.p.edt:hover{color:#fff;background:rgba(240,198,116,.18);border-color:rgba(240,198,116,.7)}
h1 .selo-agenda{vertical-align:middle;margin-left:10px}
@media(max-width:600px){.adm-barra{gap:9px}.adm-tag{width:100%;margin:0 0 2px}}

/* ---------- BUSCA DENTRO DO FILTRO ---------- */
.filtro-busca{position:relative;display:flex;align-items:center;margin-left:auto}
.filtro-busca input{width:230px;max-width:46vw;font-size:13px;padding:9px 32px 9px 15px;
  border-radius:100px;border:1px solid rgba(217,43,43,.35);background:rgba(0,0,0,.3);
  color:var(--white);font-family:var(--f)}
.filtro-busca input:focus{outline:none;border-color:rgba(240,69,69,.7)}
.fb-limpa{position:absolute;right:11px;font-size:19px;line-height:1;color:var(--faint)}
.fb-limpa:hover{color:#fff}
@media(max-width:600px){.filtro-busca{margin-left:0;width:100%}.filtro-busca input{width:100%;max-width:none}}

/* ---------- GRADE DE CAPAS, NO ADMIN ---------- */
.capas-grade{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.capa-item{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;
  border:1px solid rgba(217,43,43,.26);background:linear-gradient(160deg,#241a1d,#150e10);
  transition:border-color .2s ease,box-shadow .2s ease}
.capa-item:hover{border-color:rgba(240,69,69,.55)}
.capa-item.escolhido{border-color:rgba(240,198,116,.75);
  box-shadow:0 0 0 1px rgba(240,198,116,.35),0 0 22px rgba(240,198,116,.16)}
.ci-prev{aspect-ratio:16/9;background:#0f0a0b;display:flex;align-items:center;justify-content:center;
  border-bottom:1px solid rgba(217,43,43,.2)}
.ci-prev img{width:100%;height:100%;object-fit:cover;display:block}
.ci-vazia{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#6d6162;font-weight:800}
.ci-txt{padding:14px 14px 10px;display:flex;flex-direction:column;gap:6px;flex:1}
.ci-txt .tag{align-self:flex-start;margin:0}
.ci-txt strong{font-size:14px;font-weight:700;line-height:1.35;color:#fff}
.ci-txt small{font-size:12px;color:var(--faint)}
.ci-arq{display:block;margin:0 14px 12px;cursor:pointer}
.ci-arq input{display:none}
.ci-arq span{display:block;text-align:center;font-size:12.5px;font-weight:800;padding:9px 12px;
  border-radius:100px;color:var(--red-soft);border:1px solid rgba(240,69,69,.42);
  background:rgba(217,43,43,.12);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ci-arq:hover span{color:#fff;background:rgba(217,43,43,.28)}
.capa-item.escolhido .ci-arq span{color:#f0c674;border-color:rgba(240,198,116,.5);
  background:rgba(240,198,116,.12)}
.ci-tirar{margin:0 14px 14px;font-size:12.5px}
.capas-rodape{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px;
  padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}
.capas-rodape #contaArq{font-size:13px;color:var(--faint)}
.capas-rodape #contaArq.pesado{color:#f0c674;font-weight:700}

/* prévia da capa atual, no admin */
.capa-atual{margin-bottom:12px}
.capa-atual img{display:block;width:100%;max-width:340px;border-radius:12px;
  border:1px solid rgba(217,43,43,.3);margin-bottom:8px}

.selo-agenda{display:inline-block;font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;
  font-weight:800;color:#f0c674;background:rgba(240,198,116,.12);border:1px solid rgba(240,198,116,.42);
  padding:5px 11px;border-radius:100px;margin:0 0 14px 8px}
.cartao.agendado{border-style:dashed;opacity:.82}
.cartao h3{font-size:19px;font-weight:800;line-height:1.3;margin-bottom:8px}
.cartao p{font-size:14.5px;color:var(--dim);line-height:1.6}
.cartao .meta{font-size:12px;color:var(--faint);margin-top:14px;display:flex;gap:12px;flex-wrap:wrap}
.cartao .acoes{margin-top:18px;display:flex;gap:9px;flex-wrap:wrap}

.destaque{border-color:rgba(240,69,69,.75);box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 18px 44px rgba(40,22,25,.5),0 0 34px rgba(217,43,43,.4)}

/* ---------- BOTOES ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:none;cursor:pointer;
  font-family:var(--f);font-size:14.5px;font-weight:800;padding:13px 24px;border-radius:100px;color:#fff;
  background:var(--grad-red);box-shadow:0 0 14px rgba(217,43,43,.45);transition:all .26s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 26px rgba(217,43,43,.7)}
.btn.g{background:linear-gradient(150deg,#4a4045,#241a1d);box-shadow:0 1px 0 rgba(255,255,255,.16) inset;border:1px solid rgba(255,255,255,.16)}
.btn.g:hover{border-color:rgba(240,69,69,.6);box-shadow:0 0 20px rgba(217,43,43,.3)}
.btn.p{padding:9px 16px;font-size:13px}
.btn.larga{width:100%}
.btn.perigo{background:linear-gradient(150deg,#5a2226,#331113);border:1px solid rgba(240,69,69,.4);box-shadow:none}

/* ---------- ABAS ---------- */
.abas{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}
.aba{font-size:13.5px;font-weight:800;letter-spacing:.4px;padding:11px 20px;border-radius:100px;
  color:var(--dim);background:rgba(217,43,43,.08);border:1px solid rgba(217,43,43,.3);transition:all .24s ease}
.aba:hover{color:#fff;border-color:rgba(240,69,69,.6)}
.aba.on{color:#fff;background:var(--grad-red);border-color:var(--red-l);box-shadow:0 0 16px rgba(217,43,43,.5)}

/* ---------- FORMULARIOS ---------- */
.caixa{max-width:440px;margin:6vh auto;padding:38px 34px;border-radius:24px;
  background:linear-gradient(158deg,#2c2225 0%,#1a1214 55%,#120c0e 100%);
  border:1px solid rgba(217,43,43,.35);
  box-shadow:0 1px 0 rgba(255,255,255,.16) inset,0 24px 60px rgba(0,0,0,.6),0 0 30px rgba(217,43,43,.18)}
.caixa h1{font-size:30px;text-align:center;margin-bottom:6px}
.caixa .sub{text-align:center;font-size:14px;margin-bottom:26px}
.campo{margin-bottom:16px}
.campo label{display:block;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;font-weight:800;color:var(--red-soft);margin-bottom:7px}
.campo input,.campo select,.campo textarea{
  width:100%;font-family:var(--f);font-size:15px;color:#fff;padding:13px 15px;border-radius:12px;
  background:rgba(0,0,0,.35);border:1px solid rgba(217,43,43,.32);outline:none;transition:all .2s ease}
.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--red-l);box-shadow:0 0 0 3px rgba(217,43,43,.18)}
.campo textarea{resize:vertical;min-height:92px;line-height:1.6}
.campo select option{background:#1a1214}
.campo .dica{font-size:12px;color:var(--faint);margin-top:6px}
.linha{display:grid;gap:16px}
@media(min-width:640px){.linha.duas{grid-template-columns:1fr 1fr}}

/* ---------- AVISOS ---------- */
.aviso{padding:13px 17px;border-radius:12px;font-size:14px;font-weight:600;margin-bottom:20px}
.aviso.ok{background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.45);color:#8ef0b5}
.aviso.erro{background:rgba(217,43,43,.14);border:1px solid rgba(240,69,69,.5);color:#ffb0b0}

/* ---------- TABELA ---------- */
.tabela{width:100%;border-collapse:collapse;font-size:14px}
.tabela th{text-align:left;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--red-soft);
  font-weight:800;padding:12px 14px;border-bottom:1px solid rgba(217,43,43,.3)}
.tabela td{padding:14px;border-bottom:1px solid rgba(255,255,255,.07);color:var(--dim);vertical-align:middle}
.tabela tr:hover td{background:rgba(217,43,43,.05)}
/* no celular a tabela rola sozinha em vez de empurrar a página inteira */
@media(max-width:700px){.tabela{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}
.tabela td strong{color:#fff;font-weight:700}
.rolagem{overflow-x:auto;border-radius:16px;border:1px solid rgba(217,43,43,.22);background:rgba(0,0,0,.25)}

/* ---------- PLAYER ---------- */
.player{position:relative;padding-top:56.25%;border-radius:16px;overflow:hidden;border:1px solid rgba(217,43,43,.4);margin-bottom:18px;background:#000}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:none}
.pl-carrega{position:absolute;inset:0;display:grid;place-items:center;
  font-size:13px;color:rgba(255,255,255,.55)}
/* o nome de quem está assistindo, por cima do vídeo: quem repassa, se entrega */
.pl-marca{position:absolute;right:10px;bottom:10px;z-index:3;pointer-events:none;
  font-size:10.5px;font-weight:700;letter-spacing:.3px;color:rgba(255,255,255,.34);
  text-shadow:0 1px 3px rgba(0,0,0,.8);animation:marca-anda 43s linear infinite}
@keyframes marca-anda{
  0%{right:10px;bottom:10px}   24%{right:10px;bottom:auto;top:10px}
  25%{right:auto;left:10px;top:10px} 49%{right:auto;left:10px;top:auto;bottom:10px}
  50%{right:auto;left:10px;bottom:10px} 74%{right:auto;left:10px;bottom:auto;top:10px}
  75%{right:10px;left:auto;top:10px}  100%{right:10px;left:auto;top:auto;bottom:10px}}
@media(prefers-reduced-motion:reduce){.pl-marca{animation:none}}
audio{width:100%;margin-top:14px;border-radius:100px}

.vazio{text-align:center;padding:70px 24px;color:var(--faint);border:1px dashed rgba(217,43,43,.3);border-radius:20px}
.vazio strong{display:block;color:var(--dim);font-size:17px;margin-bottom:8px;font-weight:700}

.selo{display:inline-block;font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:800;padding:4px 10px;border-radius:100px}
.selo.sim{background:rgba(37,211,102,.14);color:#7fe6a6;border:1px solid rgba(37,211,102,.4)}
.selo.nao{background:rgba(217,43,43,.14);color:#ffa8a8;border:1px solid rgba(240,69,69,.4)}
.selo.adm{background:rgba(217,43,43,.2);color:#ffc2c2;border:1px solid rgba(240,69,69,.5)}

.voltar{display:inline-block;font-size:13.5px;font-weight:700;color:var(--red-soft);margin-bottom:18px}
.voltar:hover{color:#fff}
.secao{margin-bottom:44px}

/* ---------- SECOES DO INICIO ---------- */
.secao-topo{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:20px;
  padding-bottom:14px;border-bottom:1px solid rgba(217,43,43,.24)}
.secao-topo h2{margin-bottom:4px;display:flex;align-items:center;gap:12px}
.contagem{font-family:var(--f);font-size:12px;font-weight:800;letter-spacing:.5px;color:var(--red-soft);
  background:rgba(217,43,43,.16);border:1px solid rgba(217,43,43,.4);padding:3px 11px;border-radius:100px}
.secao-desc{font-size:14px;color:var(--faint)}

/* ---------- SEPARADOR DE MES ---------- */
.mes{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.mes-nome{font-family:var(--d);font-size:21px;font-weight:700;color:#fff;white-space:nowrap}
.mes-linha{flex:1;height:1px;background:linear-gradient(90deg,rgba(217,43,43,.6),rgba(217,43,43,.05))}
.mes-qtd{font-size:11.5px;font-weight:800;color:var(--red-soft);background:rgba(217,43,43,.14);
  border:1px solid rgba(217,43,43,.36);padding:3px 10px;border-radius:100px}

.data-forte{color:var(--red-soft)!important;font-weight:700}
.vazio.pequeno{padding:34px 20px;font-size:14px}

/* ---------- WHATSAPP ---------- */
.menu a.zap{color:#7fe6a6;border-color:rgba(37,211,102,.4);background:rgba(37,211,102,.1)}
.menu a.zap:hover{color:#fff;background:rgba(37,211,102,.24);border-color:rgba(37,211,102,.7)}
.btn.zap-btn{background:#25D366;box-shadow:0 0 14px rgba(37,211,102,.45)}
.btn.zap-btn:hover{box-shadow:0 0 26px rgba(37,211,102,.7)}
.fala-grupo{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  margin-top:26px;padding:22px 26px;border-radius:16px;
  background:linear-gradient(150deg,rgba(37,211,102,.14),rgba(37,211,102,.05));
  border:1px solid rgba(37,211,102,.34)}
.fala-grupo strong{display:block;color:#fff;font-size:16.5px;font-weight:800}
.fala-grupo span{display:block;color:var(--dim);font-size:14px;margin-top:3px}

/* ---------- ALTURAS DO PLAYER ---------- */
.player.video{padding-top:56.25%}
.player.documento{padding-top:75%}
.player.spotify{padding-top:0;height:180px}
.player.spotify-alto{padding-top:0;height:352px}

/* ---------- RODAPE ---------- */
.rodape{display:flex;flex-direction:column;align-items:center;gap:5px;line-height:1.5}
.rodape .rd-marca{font-size:13px;font-weight:800;color:var(--dim);letter-spacing:.3px}
.rodape .rd-nomes{font-size:12.5px;font-weight:600;color:var(--red-soft)}
.rodape .rd-ano{font-size:11.5px;color:var(--faint)}
.rodape .rd-site{margin-top:9px;font-size:12.5px;font-weight:800;letter-spacing:.3px;color:var(--red-soft);
  border:1px solid rgba(217,43,43,.38);background:rgba(217,43,43,.1);padding:8px 18px;border-radius:100px;
  transition:all .24s ease}
.rodape .rd-site:hover{color:#fff;background:var(--grad-red);border-color:var(--red-l);
  box-shadow:0 0 16px rgba(217,43,43,.5);transform:translateY(-2px)}

/* ===========================================================
   COMUNIDADE: feed, posts e stories
   =========================================================== */

.menu a.mn-feed{position:relative}
.pino{position:absolute;top:2px;right:2px;min-width:17px;height:17px;border-radius:100px;
  background:var(--grad-red);color:#fff;font-size:10px;font-weight:900;display:flex;
  align-items:center;justify-content:center;padding:0 5px;box-shadow:0 0 10px rgba(217,43,43,.7)}

/* ---------- AVATAR ---------- */
.av{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;
  color:#fff;font-weight:900;letter-spacing:.5px;flex-shrink:0;
  box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 4px 12px rgba(0,0,0,.4)}
img.av-foto{object-fit:cover;object-position:center 22%;display:block;
  border:1px solid rgba(240,69,69,.35);background:#171011}

/* ---------- BARRA DE STORIES ---------- */
.stories-barra{display:flex;gap:16px;overflow-x:auto;padding:4px 2px 18px;margin-bottom:24px;
  border-bottom:1px solid rgba(217,43,43,.2);scrollbar-width:thin}
.stories-barra::-webkit-scrollbar{height:5px}
.stories-barra::-webkit-scrollbar-thumb{background:rgba(217,43,43,.35);border-radius:100px}
.st-bolha{display:flex;flex-direction:column;align-items:center;gap:7px;flex-shrink:0;width:76px;
  background:none;border:none;cursor:pointer;font-family:var(--f)}
.st-circ{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  position:relative;transition:transform .2s ease}
.st-bolha:hover .st-circ{transform:scale(1.06)}
.st-novo-ring{background:var(--grad-red);box-shadow:0 0 16px rgba(217,43,43,.5)}
.st-visto-ring{background:rgba(255,255,255,.16)}
.st-circ .st-ini{width:56px;height:56px;border-radius:50%;background:linear-gradient(150deg,#3a2c30,#191113);
  display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:900;color:#fff;
  border:2px solid var(--black)}
.st-circ img.st-foto{object-fit:cover;object-position:center 22%;background:#171011}
.st-mais{background:rgba(217,43,43,.12);border:2px dashed rgba(217,43,43,.5);color:var(--red-soft);
  font-size:28px;font-weight:300;line-height:1}
.st-nome{font-size:11.5px;font-weight:700;color:var(--dim);white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;max-width:76px}
.st-vazio{font-size:13.5px;color:var(--faint);padding:22px 4px}

/* ---------- COMPOSER ---------- */
.composer{margin-bottom:24px;padding:20px}
.cp-topo{display:flex;gap:13px;align-items:flex-start}
.cp-topo textarea{flex:1;background:rgba(0,0,0,.3);border:1px solid rgba(217,43,43,.28);border-radius:14px;
  color:#fff;font-family:var(--f);font-size:15.5px;line-height:1.6;padding:12px 15px;outline:none;resize:vertical;
  min-height:62px;transition:all .2s ease}
.cp-topo textarea:focus{border-color:var(--red-l);box-shadow:0 0 0 3px rgba(217,43,43,.16)}
.cp-baixo{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px;padding-left:55px}
.cp-arq{font-size:13px;font-weight:700;color:var(--red-soft);cursor:pointer;
  border:1px solid rgba(217,43,43,.35);background:rgba(217,43,43,.08);padding:8px 15px;border-radius:100px;
  transition:all .22s ease}
.cp-arq:hover{color:#fff;border-color:var(--red-l);background:rgba(217,43,43,.18)}
.cp-arq input{display:none}
.cp-fix{font-size:13px;color:var(--dim);display:flex;align-items:center;gap:7px;cursor:pointer}
.cp-fix input{width:auto}
.cp-baixo .btn{margin-left:auto}

/* ---------- POST ---------- */
.post{position:relative;overflow:hidden;border-radius:18px;padding:22px;margin-bottom:18px;
  background:linear-gradient(158deg,#372b2e 0%,#241a1d 48%,#181012 100%);
  border:1px solid rgba(217,43,43,.28);
  box-shadow:0 1px 0 rgba(255,255,255,.13) inset,0 12px 30px rgba(40,22,25,.32)}
.post::before{content:'';position:absolute;top:0;left:0;right:0;height:45%;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,transparent 100%)}
.post>*{position:relative;z-index:2}
.post-fixo{border-color:rgba(240,69,69,.6);box-shadow:0 1px 0 rgba(255,255,255,.18) inset,
  0 14px 36px rgba(40,22,25,.44),0 0 24px rgba(217,43,43,.26)}
.post-selo{position:absolute;top:0;right:0;z-index:3;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;
  font-weight:900;color:#fff;background:var(--grad-red);padding:5px 13px;border-radius:0 18px 0 12px}
.post-topo{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.post-autor{display:block;font-size:15.5px;font-weight:800;color:#fff;line-height:1.2}
.post-hora{display:block;font-size:12px;color:var(--faint);margin-top:2px}
.post-adm{margin-left:auto;display:flex;gap:7px}
.mini{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:var(--dim);
  font-family:var(--f);font-size:11.5px;font-weight:700;padding:6px 12px;border-radius:100px;cursor:pointer;
  transition:all .2s ease}
.mini:hover{color:#fff;border-color:rgba(255,255,255,.3)}
.mini-x{color:#ffaaaa;border-color:rgba(240,69,69,.35);background:rgba(217,43,43,.1)}
.mini-x:hover{color:#fff;background:rgba(217,43,43,.28);border-color:var(--red-l)}
.post-texto{font-size:16px;line-height:1.68;color:rgba(250,247,246,.9);white-space:pre-wrap;word-break:break-word}
.post-img{display:block;margin-top:15px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.post-img img{width:100%;height:auto;display:block}

.post-barra{display:flex;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.acao-btn{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);color:var(--dim);font-family:var(--f);font-size:13.5px;font-weight:800;
  padding:8px 16px;border-radius:100px;cursor:pointer;transition:all .22s ease}
.acao-btn svg{width:16px;height:16px}
.acao-btn:hover{color:#fff;border-color:rgba(240,69,69,.5);background:rgba(217,43,43,.14)}
.acao-btn.on{color:#fff;background:var(--grad-red);border-color:var(--red-l);
  box-shadow:0 0 14px rgba(217,43,43,.45)}

/* ---------- COMENTARIOS ---------- */
.post-coms{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);
  display:flex;flex-direction:column;gap:13px}
.com{display:flex;gap:11px;align-items:flex-start}
.com-txt{font-size:14.5px;line-height:1.6;color:rgba(250,247,246,.82);word-break:break-word}
.com-autor{display:block;font-size:13.5px;font-weight:800;color:#fff;margin-bottom:1px}
.com-hora{display:block;font-size:11.5px;color:var(--faint);margin-top:4px}
.ver-todos{font-size:13px;font-weight:700;color:var(--red-soft);padding-left:41px}
.ver-todos:hover{color:#fff}
.lista-coms{display:flex;flex-direction:column;gap:16px;margin-bottom:26px}
.com-cheio{background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:15px 17px}
.com-cheio form{margin-left:auto}

.com-form{display:flex;align-items:center;gap:10px;margin-top:15px;padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08)}
.com-form input[type=text]{flex:1;background:rgba(0,0,0,.32);border:1px solid rgba(217,43,43,.25);
  border-radius:100px;color:#fff;font-family:var(--f);font-size:14.5px;padding:11px 18px;outline:none;
  transition:all .2s ease}
.com-form input[type=text]:focus{border-color:var(--red-l);box-shadow:0 0 0 3px rgba(217,43,43,.15)}
.com-form button{background:var(--grad-red);border:none;color:#fff;font-family:var(--f);font-size:13.5px;
  font-weight:800;padding:11px 20px;border-radius:100px;cursor:pointer;transition:all .22s ease}
.com-form button:hover{box-shadow:0 0 18px rgba(217,43,43,.6)}
.com-form-grande{border-top:none;padding-top:0;margin-top:0}

/* ---------- MODAL ---------- */
.modal{position:fixed;inset:0;z-index:200;background:rgba(6,4,5,.82);backdrop-filter:blur(6px);
  display:none;align-items:center;justify-content:center;padding:22px}
.modal.on{display:flex}
.modal-cx{position:relative;width:100%;max-width:460px;padding:34px 30px;border-radius:22px;
  background:linear-gradient(158deg,#2c2225 0%,#1a1214 55%,#120c0e 100%);
  border:1px solid rgba(217,43,43,.4);
  box-shadow:0 1px 0 rgba(255,255,255,.16) inset,0 26px 64px rgba(0,0,0,.7)}
.modal-x{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--faint);
  font-size:30px;line-height:1;cursor:pointer;transition:color .2s ease}
.modal-x:hover{color:#fff}

/* ---------- STORIES: TELA CHEIA ---------- */
.story-body{background:#000;display:block;padding:0;margin:0;overflow:hidden}
.story-tela{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center}
.story-item{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#000}
.story-item.on{display:flex}
.story-item img,.story-item video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.story-progresso{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;gap:4px;padding:12px 12px 0}
.story-progresso .pg{flex:1;height:3px;border-radius:100px;background:rgba(255,255,255,.28);overflow:hidden}
.story-progresso .pg b{display:block;height:100%;width:0;background:#fff;border-radius:100px}
.story-cab{position:absolute;top:24px;left:0;right:0;z-index:20;display:flex;align-items:center;gap:11px;
  padding:0 16px}
.story-quem strong{display:block;font-family:var(--f);font-size:14.5px;font-weight:800;color:#fff;
  text-shadow:0 1px 6px rgba(0,0,0,.8)}
.story-quem span{display:block;font-family:var(--f);font-size:11.5px;color:rgba(255,255,255,.72);
  text-shadow:0 1px 6px rgba(0,0,0,.8)}
.story-fechar{margin-left:auto;color:#fff;font-size:34px;line-height:1;text-shadow:0 1px 8px rgba(0,0,0,.9);
  padding:0 6px}
.story-legenda{position:absolute;left:0;right:0;bottom:60px;z-index:15;text-align:center;padding:0 26px;
  font-family:var(--f);font-size:17px;font-weight:700;color:#fff;line-height:1.45;
  text-shadow:0 2px 14px rgba(0,0,0,.95)}
.story-lado{position:absolute;top:0;bottom:0;width:34%;z-index:18;background:none;border:none;cursor:pointer}
.story-esq{left:0}
.story-dir{right:0;width:66%}
.story-apagar{position:absolute;bottom:16px;right:16px;z-index:22}
.story-apagar button{background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.3);color:#ffb0b0;
  font-family:var(--f);font-size:12px;font-weight:700;padding:8px 15px;border-radius:100px;cursor:pointer}
.story-apagar button:hover{background:rgba(217,43,43,.6);color:#fff}

@media(max-width:560px){
  .cp-baixo{padding-left:0}
  .post{padding:18px 16px}
  .com-form button{padding:11px 16px}
}

/* ---------- ABA MENTORIA FRONT ---------- */
.menu a.mn-front{color:#fff;border-color:rgba(240,69,69,.55);background:rgba(217,43,43,.2);
  box-shadow:0 0 12px rgba(217,43,43,.3)}
.menu a.mn-front:hover{background:var(--grad-red);border-color:var(--red-l);
  box-shadow:0 0 20px rgba(217,43,43,.65)}

.fr-capa{text-align:center;padding:16px 0 34px;margin-bottom:10px}
.fr-capa .eyebrow{margin-bottom:14px}
.fr-capa h1{font-size:clamp(38px,7vw,64px);margin-bottom:12px}
.fr-linha{font-size:clamp(11px,2vw,13px);letter-spacing:4px;text-transform:uppercase;color:var(--dim);
  font-weight:700;margin-bottom:22px}
.fr-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.fr-numeros{display:grid;gap:16px;margin-bottom:46px}
@media(min-width:720px){.fr-numeros{grid-template-columns:repeat(3,1fr)}}
.fr-num{text-align:center;padding:24px 18px;border-radius:16px;
  background:linear-gradient(158deg,#372b2e 0%,#241a1d 48%,#181012 100%);
  border:1px solid rgba(217,43,43,.3);box-shadow:0 1px 0 rgba(255,255,255,.13) inset}
.fr-num strong{display:block;font-family:var(--d);font-size:29px;font-weight:700;color:var(--red-l);
  line-height:1.1;margin-bottom:5px}
.fr-num span{display:block;font-size:13.5px;color:var(--dim)}

.fr-fecha{text-align:center;padding:38px 30px}
.fr-fecha h2 .g{color:var(--red-l)}
.fr-fecha p{font-size:16.5px;line-height:1.7;color:var(--dim);max-width:560px;margin:0 auto}

.fr-opt{display:flex;align-items:center;gap:14px;padding:15px 18px;border-radius:15px;margin-bottom:11px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);transition:all .24s ease}
.fr-opt:hover{background:rgba(217,43,43,.16);border-color:var(--red-l);transform:translateY(-2px)}
.fr-opt strong{display:block;font-size:15.5px;font-weight:800;color:#fff;line-height:1.2}
.fr-opt em{display:block;font-style:normal;font-size:12.5px;color:var(--dim);margin-top:3px}
.fr-nota{text-align:center;font-size:13px;color:var(--faint);margin-top:18px;font-style:italic}

.fr-capa + .fr-numeros + .secao .cartao .tag,
.secao .cartao .tag{min-width:30px;text-align:center}

/* ---------- FAIXA DA PRÓXIMA AULA ---------- */
.faixa-aula{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  margin-bottom:30px;padding:20px 26px;border-radius:18px;
  background:linear-gradient(130deg,rgba(217,43,43,.3),rgba(217,43,43,.1) 60%,rgba(24,16,18,.9));
  border:1px solid rgba(240,69,69,.55);box-shadow:0 0 26px rgba(217,43,43,.28)}
.fa-tag{display:block;font-size:11px;letter-spacing:2.6px;text-transform:uppercase;font-weight:900;
  color:#fff;margin-bottom:6px}
.fa-txt strong{display:block;font-family:var(--d);font-size:21px;font-weight:700;color:#fff;line-height:1.25}
.fa-quando{display:block;font-size:13.5px;color:rgba(255,255,255,.75);margin-top:5px;font-weight:600}

/* ---------- FAIXA DO PRÓXIMO A SAIR ---------- */
.faixa-prox{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  margin-bottom:26px;padding:18px 24px;border-radius:18px;text-decoration:none;
  background:linear-gradient(140deg,rgba(240,198,116,.13),rgba(24,16,18,.85));
  border:1px solid rgba(240,198,116,.38);transition:all .22s ease}
.faixa-prox:hover{border-color:rgba(240,198,116,.72);box-shadow:0 0 24px rgba(240,198,116,.18)}
.fp-capa{flex:none;width:112px;height:63px;object-fit:cover;border-radius:11px;
  border:1px solid rgba(240,198,116,.3)}
.fp-tag{display:block;font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;
  font-weight:900;color:#f0c674;margin-bottom:6px}
.fp-txt strong{display:block;font-family:var(--d);font-size:19px;font-weight:700;color:#fff;line-height:1.3}
.fp-quando{display:block;font-size:13px;color:var(--dim);margin-top:5px;font-weight:600}

/* ---------- RITMO DA SEMANA ---------- */
.ritmo{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px}
.rt-item{display:flex;align-items:center;gap:13px;padding:16px 18px;border-radius:16px;
  background:linear-gradient(160deg,rgba(58,44,48,.5),rgba(24,16,18,.72));
  border:1px solid rgba(255,255,255,.1)}
.rt-ic{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:rgba(217,43,43,.16);border:1px solid rgba(217,43,43,.4)}
.rt-ic svg{width:19px;height:19px;fill:var(--red-soft)}
.rt-txt strong{display:block;font-size:14.5px;font-weight:800;color:#fff}
.rt-txt em{display:block;font-style:normal;font-size:12.5px;color:var(--dim);margin-top:3px;font-weight:600}

/* ---------- PROGRAMAÇÃO ---------- */
.pg-lista{display:flex;flex-direction:column;gap:10px}
.pg-item{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:16px;
  text-decoration:none;background:rgba(24,16,18,.6);
  border:1px solid rgba(255,255,255,.09);transition:all .2s ease}
.pg-item.aberto{border-color:rgba(217,43,43,.4);background:rgba(40,20,22,.6)}
.pg-item.aberto:hover{border-color:var(--red-l);box-shadow:0 0 22px rgba(217,43,43,.2)}
.pg-item.fechado{border-style:dashed;border-color:rgba(240,198,116,.35);cursor:pointer}
.pg-item.fechado:hover{border-color:rgba(240,198,116,.8)}
.pg-dia{flex:none;width:54px;text-align:center;border-right:1px solid rgba(255,255,255,.1);padding-right:14px}
.pg-dia b{display:block;font-family:var(--d);font-size:23px;font-weight:700;color:#fff;line-height:1}
.pg-dia em{display:block;font-style:normal;font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;
  font-weight:800;color:var(--faint);margin-top:4px}
.pg-capa{flex:none;width:104px;height:59px;border-radius:10px;overflow:hidden;position:relative;
  border:1px solid rgba(255,255,255,.12)}
.pg-capa img{width:100%;height:100%;object-fit:cover;display:block}
.pg-capa.turva::after{content:'';position:absolute;inset:0;
  background:linear-gradient(160deg,rgba(240,198,116,.14),rgba(10,7,8,.4))}
.pg-corpo{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.pg-corpo .tag{align-self:flex-start}
.pg-corpo strong{font-size:15.5px;font-weight:800;color:#fff;line-height:1.35}
.pg-corpo em{font-style:normal;font-size:13px;color:var(--dim);line-height:1.5}
.pg-estado{flex:none;display:flex;align-items:center;gap:9px}
.pg-ok{font-size:12.5px;font-weight:800;color:var(--red-soft)}
.pg-cad{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;
  background:rgba(240,198,116,.14);border:1px solid rgba(240,198,116,.4)}
.pg-cad svg{width:13px;height:13px;fill:#f0c674}
.pg-quando{font-size:12px;font-weight:800;color:#f0c674;white-space:nowrap}
@media (max-width:640px){
  .pg-item{gap:12px;padding:13px 14px;align-items:flex-start}
  .pg-dia{width:44px;padding-right:11px}
  .pg-capa{display:none}
  .fp-capa{width:78px;height:44px}
  .pg-estado{flex-direction:column;align-items:flex-end;gap:5px}
  .pg-quando{font-size:11px}
}

/* ---------- RESUMO DO MEMBRO ---------- */
.numeros{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.num{padding:20px 22px;border-radius:18px;
  background:linear-gradient(160deg,rgba(58,44,48,.5),rgba(24,16,18,.75));
  border:1px solid rgba(255,255,255,.1)}
.num b{display:block;font-family:var(--d);font-size:38px;font-weight:700;color:#fff;line-height:1}
.num b.menor{font-size:23px;line-height:1.25}
.num b span{font-family:var(--f);font-size:14px;font-weight:700;color:var(--faint);margin-left:8px}
.num em{display:block;font-style:normal;font-size:13px;color:var(--dim);margin-top:8px;font-weight:600}
.num-pe{display:block;font-size:12px;color:var(--faint);margin-top:9px;font-weight:700}
.num-pe.link{color:var(--red-soft);text-decoration:none}
.num .prog-barra{display:block;height:6px}

/* ---------- LEITOR DE PDF ---------- */
.leitor{margin-top:24px;border-radius:18px;overflow:hidden;
  border:1px solid rgba(255,255,255,.12);background:rgba(10,7,8,.6)}
.lt-topo{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}
.lt-nome{font-size:13px;font-weight:700;color:var(--dim);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.lt-conta{font-size:12px;font-weight:800;color:var(--faint);white-space:nowrap}
.lt-bts{display:flex;align-items:center;gap:8px;margin-left:auto}
.lt-bt{width:32px;height:32px;border-radius:10px;cursor:pointer;font-size:17px;font-weight:800;
  color:var(--dim);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}
.lt-bt:hover{color:#fff;border-color:rgba(255,255,255,.34)}
.lt-paginas{max-height:80vh;overflow:auto;padding:14px 12px;display:flex;
  flex-direction:column;align-items:center;gap:14px;background:#15101300;
  overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.lt-pag{max-width:100%;border-radius:8px;background:#fff;
  box-shadow:0 10px 28px rgba(0,0,0,.45)}
.lt-carregando{padding:60px 20px;color:var(--faint);font-size:14px}
.lt-sem{padding:50px 24px;text-align:center;color:var(--dim)}
.lt-sem p{margin-bottom:16px}
@media (max-width:640px){
  .lt-paginas{max-height:70vh;padding:10px 6px}
  .lt-nome{max-width:40%}
}

/* ---------- OFENSIVA ---------- */
.ofensiva{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 20px;
  padding:14px 20px;border-radius:16px;background:rgba(240,198,116,.08);
  border:1px solid rgba(240,198,116,.28)}
.ofensiva.on{background:rgba(217,43,43,.12);border-color:rgba(240,69,69,.45)}
.of-ic{flex:none;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;
  background:rgba(240,198,116,.16)}
.ofensiva.on .of-ic{background:rgba(217,43,43,.22)}
.of-ic svg{width:21px;height:21px;fill:#f0c674}
.ofensiva.on .of-ic svg{fill:var(--red-l)}
.of-txt{flex:1;min-width:200px}
.of-txt strong{display:block;font-size:16px;font-weight:800;color:#fff}
.of-txt em{display:block;font-style:normal;font-size:13px;color:var(--dim);margin-top:3px}
.of-rec{font-size:12px;font-weight:800;color:var(--faint);white-space:nowrap}

/* ---------- CONTINUE DE ONDE PAROU ---------- */
.continuar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:26px;
  padding:16px 20px;border-radius:18px;text-decoration:none;
  background:linear-gradient(140deg,rgba(58,44,48,.6),rgba(24,16,18,.85));
  border:1px solid rgba(255,255,255,.12);transition:all .22s ease}
.continuar:hover{border-color:rgba(240,69,69,.6);box-shadow:0 0 24px rgba(217,43,43,.18)}
.ct-capa{flex:none;width:120px;height:68px;object-fit:cover;border-radius:12px}
.ct-txt{flex:1;min-width:210px}
.ct-tag{display:block;font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;
  font-weight:900;color:var(--red-soft);margin-bottom:6px}
.ct-txt strong{display:block;font-size:17px;font-weight:800;color:#fff;line-height:1.3}
.ct-txt em{display:block;font-style:normal;font-size:13px;color:var(--dim);margin-top:4px}

/* ---------- ITEM DO MENU COM CADEADO ---------- */
.ml-item.com-cad .ml-cad{flex:0 0 auto}
.ml-cad{display:grid;place-items:center;width:22px;height:22px}
.ml-cad svg{width:13px;height:13px;fill:#f0c674;opacity:.9}
.ml-item.com-cad:hover .ml-cad svg{opacity:1}

/* ---------- FAIXA DA JORNADA ---------- */
.faixa-jornada{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:26px;
  padding:20px 24px;border-radius:18px;text-decoration:none;transition:all .22s ease;
  background:linear-gradient(135deg,rgba(240,198,116,.22),rgba(240,198,116,.07) 55%,rgba(24,16,18,.9));
  border:1px solid rgba(240,198,116,.62);box-shadow:0 0 26px rgba(240,198,116,.16)}
.faixa-jornada:hover{border-color:rgba(240,198,116,.95);box-shadow:0 0 34px rgba(240,198,116,.28)}
.fj-ic{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
  background:rgba(240,198,116,.14);border:1px solid rgba(240,198,116,.4)}
.fj-ic svg{width:22px;height:22px;fill:#f0c674}
.fj-txt{flex:1;min-width:220px}
.fj-tag{display:block;font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;
  font-weight:900;color:#f0c674;margin-bottom:5px}
.fj-txt strong{display:block;font-size:16.5px;font-weight:800;color:#fff}
.fj-txt em{display:block;font-style:normal;font-size:13px;color:var(--dim);margin-top:4px}
.faixa-jornada .btn{background:linear-gradient(150deg,#f0c674,#d8a83c);color:#241a1d;
  border:none;box-shadow:0 2px 10px rgba(240,198,116,.3);font-weight:900}
.faixa-jornada:hover .btn{background:linear-gradient(150deg,#f7d489,#e0b44c);
  box-shadow:0 3px 16px rgba(240,198,116,.45)}

/* ---------- A JORNADA ---------- */
.jr-agora{margin-top:28px;padding:26px;border-radius:20px;
  background:linear-gradient(150deg,rgba(37,211,102,.12),rgba(20,14,16,.85));
  border:1px solid rgba(37,211,102,.45)}
.jr-agora-topo h2{font-family:var(--d);font-size:26px;font-weight:700;color:#fff;margin:0}
.jr-etapa{display:block;font-size:10.5px;letter-spacing:2.4px;text-transform:uppercase;
  font-weight:900;color:#7fe6a6;margin-bottom:7px}

.jr-grade{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:780px){ .jr-grade{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))} }
.jr-cartao{position:relative;display:flex;flex-direction:column;padding:28px 24px;border-radius:22px;
  background:linear-gradient(160deg,rgba(44,34,37,.85),rgba(18,12,14,.9));
  border:1px solid rgba(255,255,255,.12)}
.jr-cartao.destaque{border-color:rgba(240,69,69,.6);box-shadow:0 0 34px rgba(217,43,43,.16)}
.jr-nome{font-size:11px;letter-spacing:2.2px;text-transform:uppercase;font-weight:900;
  color:var(--red-soft);margin-bottom:12px}
.jr-valor{font-family:var(--d);font-size:40px;font-weight:700;color:#fff;line-height:1}
.jr-linha{font-size:14px;color:var(--dim);margin-top:8px;line-height:1.5}
.jr-selo{display:inline-block;align-self:flex-start;margin-top:14px;padding:6px 14px;border-radius:100px;
  font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;font-weight:900;
  color:#fff;background:var(--grad-red)}
.jr-itens{list-style:none;margin:18px 0 0;padding:18px 0 0;display:flex;flex-direction:column;gap:11px;
  border-top:1px solid rgba(255,255,255,.12)}
.jr-itens li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:var(--dim)}
.jr-itens li::before{content:'\2713';flex:none;font-weight:900;font-size:13px;
  color:var(--red-l);line-height:1.5}
.jr-itens.verde{border-top-color:rgba(37,211,102,.3)}
.jr-itens.verde li::before{color:#7fe6a6}
.jr-itens.verde li{color:rgba(250,247,246,.85)}
.jr-cartao .btn{margin-top:auto;margin-top:22px}
.jr-pular{margin-top:26px}

/* ---------- PRAZO DO ACESSO ---------- */
.faixa-prazo{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 26px;
  padding:18px 22px;border-radius:18px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.14)}
.faixa-prazo > div{flex:1;min-width:230px;display:flex;flex-direction:column;gap:4px}
.faixa-prazo strong{font-size:17px;font-weight:800;color:#fff}
.faixa-prazo.perto{background:rgba(240,198,116,.1);border-color:rgba(240,198,116,.45)}
.faixa-prazo.venceu{background:rgba(217,43,43,.12);border-color:rgba(240,69,69,.5)}
.faixa-prazo .btn{flex:none}

/* ---------- AVISO DA BIBLIOTECA ---------- */
.faixa-livro{display:flex;align-items:center;gap:16px;margin:-6px 0 26px;padding:18px 22px;
  border-radius:18px;background:linear-gradient(140deg,rgba(217,43,43,.14),rgba(24,16,18,.85));
  border:1px solid rgba(240,69,69,.4)}
.fl-ic{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
  background:rgba(217,43,43,.2);border:1px solid rgba(240,69,69,.45)}
.fl-ic svg{width:22px;height:22px;fill:var(--red-soft)}
.fl-txt strong{display:block;font-size:16px;font-weight:800;color:#fff}
.fl-txt em{display:block;font-style:normal;font-size:13.5px;color:var(--dim);margin-top:4px;line-height:1.5}

/* ---------- FILTROS DA LISTA ---------- */
.filtros{display:flex;gap:9px;flex-wrap:wrap;margin:-8px 0 24px}
.filtro{font-size:12.5px;font-weight:800;color:var(--dim);text-decoration:none;
  padding:8px 16px;border-radius:100px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);transition:all .2s ease}
.filtro:hover{color:#fff;border-color:rgba(255,255,255,.3)}
.filtro.on{color:#fff;background:rgba(217,43,43,.2);border-color:rgba(240,69,69,.6)}

/* ---------- ESTRELA DE SALVAR ---------- */
.chk.estrela.on{color:#f0c674;background:rgba(240,198,116,.14);border-color:rgba(240,198,116,.5)}
.pino.claro{background:rgba(240,198,116,.9);color:#241a10}

/* ---------- COMPARTILHAR ---------- */
.cp-area{display:flex;gap:26px;flex-wrap:wrap;align-items:flex-start;margin-top:26px}
.cp-img{width:320px;max-width:100%;border-radius:18px;border:1px solid rgba(255,255,255,.14)}
.cp-lado{flex:1;min-width:250px}
.cp-lado h3{font-size:19px;margin-bottom:6px}
.cp-lado p{color:var(--dim);font-size:14px;margin-bottom:18px}
.cp-dica{font-size:12.5px;color:var(--faint);margin-top:14px}

/* ---------- AGENDAR EM LOTE ---------- */
.ag-lista{margin-top:20px;max-height:380px;overflow:auto;border-radius:14px;
  border:1px solid rgba(255,255,255,.1);padding:6px}
.ag-todos{display:flex;align-items:center;gap:10px;padding:11px 14px;font-size:13px;
  font-weight:800;color:var(--red-soft);border-bottom:1px solid rgba(255,255,255,.1)}
.ag-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:11px;cursor:pointer}
.ag-item:hover{background:rgba(255,255,255,.05)}
.ag-tit{flex:1;font-size:14px;font-weight:700;color:#fff}
.ag-meta{font-size:11.5px;color:var(--faint);white-space:nowrap}

/* ---------- MARCAR COMO VISTO ---------- */
.f-visto{display:inline-block}
.chk{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.16);color:var(--faint);font-family:var(--f);font-size:12.5px;
  font-weight:800;padding:9px 15px;border-radius:100px;cursor:pointer;transition:all .22s ease}
.chk svg{width:14px;height:14px}
.chk:hover{color:#fff;border-color:rgba(255,255,255,.34)}
.chk.on{color:#7fe6a6;background:rgba(37,211,102,.14);border-color:rgba(37,211,102,.5)}

/* ---------- PROGRESSO DA SEÇÃO ---------- */
.prog{display:flex;align-items:center;gap:10px;margin-top:8px}
.prog-barra{width:120px;height:5px;border-radius:100px;background:rgba(255,255,255,.12);overflow:hidden}
.prog-barra b{display:block;height:100%;background:linear-gradient(90deg,#3BA55D,#7fe6a6);border-radius:100px}
.prog span{font-size:11.5px;font-weight:700;color:var(--faint)}

/* ---------- BUSCA ---------- */
.busca{display:flex;gap:11px;margin-bottom:30px;flex-wrap:wrap}
.busca input{flex:1;min-width:220px;background:rgba(0,0,0,.34);border:1px solid rgba(217,43,43,.3);
  border-radius:100px;color:#fff;font-family:var(--f);font-size:16px;padding:14px 22px;outline:none;
  transition:all .2s ease}
.busca input:focus{border-color:var(--red-l);box-shadow:0 0 0 3px rgba(217,43,43,.16)}

/* ---------- TRILHA ---------- */
.tr-barra{display:flex;align-items:center;gap:14px;margin:0 0 26px}
.tr-barra .prog-barra{height:8px}
.tr-conta{font-size:13px;font-weight:800;color:var(--dim);white-space:nowrap}
.tr-dia{display:block;font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;
  font-weight:900;color:var(--red-soft);margin-bottom:6px}
.trilha li.feito{border-color:rgba(37,211,102,.4);background:rgba(37,211,102,.05)}
.trilha li.feito .tr-num{background:rgba(37,211,102,.18);border-color:rgba(37,211,102,.5);color:#7fe6a6}
.trilha li.feito h3{color:var(--dim)}
.tr-fim{margin-bottom:24px;padding:18px 22px;border-radius:16px;
  background:rgba(37,211,102,.1);border:1px solid rgba(37,211,102,.4);color:var(--dim);font-size:14px}
.tr-fim strong{display:block;color:#fff;font-size:16px;margin-bottom:4px}
.rd-link{color:var(--faint);text-decoration:underline}
.rd-link:hover{color:var(--red-soft)}
.esqueci{text-align:center;margin-top:18px}
.esqueci button{background:none;border:0;cursor:pointer;font-family:var(--f);
  font-size:13px;font-weight:700;color:var(--faint);text-decoration:underline}
.esqueci button:hover{color:var(--red-soft)}
.senha-nova{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 20px;
  border-radius:14px;background:rgba(240,198,116,.1);border:1px solid rgba(240,198,116,.4)}
.senha-nova span{font-size:13px;color:var(--dim)}
.senha-nova strong{font-family:monospace;font-size:22px;letter-spacing:2px;color:#f0c674}

.trilha{list-style:none;counter-reset:t;display:flex;flex-direction:column;gap:16px}
.trilha li{display:flex;gap:18px;padding:24px;border-radius:18px;
  background:linear-gradient(158deg,#372b2e 0%,#241a1d 48%,#181012 100%);
  border:1px solid rgba(217,43,43,.28);box-shadow:0 1px 0 rgba(255,255,255,.12) inset}
.tr-num{flex-shrink:0;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;
  justify-content:center;font-size:18px;font-weight:900;color:var(--red-l);
  background:linear-gradient(160deg,rgba(240,69,69,.3),rgba(217,43,43,.1));
  border:1px solid rgba(240,69,69,.45);box-shadow:0 0 12px rgba(217,43,43,.3)}
.tr-txt h3{font-size:18px;font-weight:800;color:#fff;margin-bottom:6px}
.tr-txt p{font-size:15px;line-height:1.65;color:var(--dim);margin-bottom:14px}

/* ---------- BARRA DE INSTALAÇÃO (PWA) ---------- */
.instalar{position:fixed;left:16px;right:16px;bottom:16px;z-index:150;display:flex;align-items:center;
  gap:14px;padding:15px 18px;border-radius:16px;
  background:linear-gradient(150deg,#2c2225,#140d0f);border:1px solid rgba(240,69,69,.5);
  box-shadow:0 16px 44px rgba(0,0,0,.65),0 0 22px rgba(217,43,43,.28)}
.instalar span{flex:1;font-size:13.5px;color:var(--dim);line-height:1.5}
.instalar button{background:var(--grad-red);border:none;color:#fff;font-family:var(--f);font-size:13.5px;
  font-weight:800;padding:11px 20px;border-radius:100px;cursor:pointer;flex-shrink:0}
.instalar .pwa-x{background:none;color:var(--faint);font-size:24px;padding:0 6px;line-height:1}
.instalar b{color:#fff;font-weight:800}
body.claro .instalar{background:#fff;border-color:var(--linha-f);box-shadow:0 16px 44px rgba(60,40,45,.18)}
body.claro .instalar b{color:var(--white)}
/* no celular ele fica acima da barra de atalhos, nunca por cima dela */
@media(max-width:760px){.instalar{bottom:calc(78px + env(safe-area-inset-bottom))}}
@media(min-width:760px){.instalar{left:auto;right:24px;bottom:24px;max-width:420px}}

/* ---------- BOAS-VINDAS ---------- */
.bv-lista{list-style:none;display:flex;flex-direction:column;gap:12px;margin:20px 0 26px}
.bv-lista li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.6;color:var(--dim)}
.bv-lista b{color:#fff;font-weight:800}
.bv-ic{flex-shrink:0;width:26px;height:26px;border-radius:8px;background:rgba(217,43,43,.18);
  border:1px solid rgba(240,69,69,.4);color:var(--red-l);display:flex;align-items:center;
  justify-content:center;font-size:13px;font-weight:900}

/* ---------- VISTAS DO STORY ---------- */
.st-vistas{position:absolute;bottom:16px;left:16px;z-index:22;display:flex;align-items:center;gap:7px;
  background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.22);border-radius:100px;padding:7px 14px;
  font-family:var(--f);font-size:12.5px;font-weight:700;color:#fff}
.st-vistas svg{width:15px;height:15px;fill:#fff}

/* ---------- ABA MENTORIA FRONT: pegada do site ---------- */
.fr-capa{text-align:center;padding:26px 0 46px}
.fr-marca{width:clamp(74px,12vw,100px);margin:0 auto 22px;
  filter:drop-shadow(0 0 14px rgba(217,43,43,.6)) drop-shadow(0 0 38px rgba(217,43,43,.3));
  animation:fglow 2.8s ease-in-out infinite}
.fr-marca svg{width:100%;height:auto;display:block}
@keyframes fglow{0%,100%{filter:drop-shadow(0 0 14px rgba(217,43,43,.6)) drop-shadow(0 0 38px rgba(217,43,43,.3))}
  50%{filter:drop-shadow(0 0 22px rgba(240,69,69,.9)) drop-shadow(0 0 52px rgba(217,43,43,.45))}}
.fr-eyebrow{font-size:clamp(11px,1.7vw,14px);letter-spacing:8px;text-transform:uppercase;color:var(--dim);
  font-weight:600;margin-bottom:10px}
.fr-nome{font-family:var(--d);font-size:clamp(54px,11vw,118px);font-weight:700;letter-spacing:2px;
  line-height:.95;background:var(--grad-red);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 20px rgba(217,43,43,.45)) drop-shadow(0 0 52px rgba(217,43,43,.22))}
.fr-regua{width:min(420px,80vw);height:1.5px;margin:20px auto 16px;
  background:linear-gradient(90deg,transparent,var(--red),transparent)}
.fr-linha{font-size:clamp(11px,1.9vw,14px);letter-spacing:5px;text-transform:uppercase;color:var(--dim);
  font-weight:600;margin-bottom:34px}
.fr-h1{font-family:var(--f);font-size:clamp(21px,3.4vw,34px);font-weight:700;line-height:1.34;
  max-width:780px;margin:0 auto 34px;color:var(--white)}
.fr-h1 .g{background:var(--grad-red);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;font-weight:900}

.fr-frase{font-family:var(--d);font-size:clamp(22px,3.8vw,38px);font-weight:500;line-height:1.34;
  color:var(--white);max-width:860px;margin:0 auto 54px;text-align:center;padding:0 8px}
.fr-frase .g{background:var(--grad-red);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;font-weight:700}

.fr-divisor{position:relative;overflow:hidden;border-radius:22px;padding:44px 34px;margin-bottom:26px;
  background:linear-gradient(120deg,#1c1214 0%,#120c0e 60%,#0a0708 100%);
  border:1px solid rgba(217,43,43,.42);box-shadow:0 0 26px rgba(217,43,43,.16)}
.fr-divisor::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 90% at 88% 50%,rgba(217,43,43,.26),transparent 62%)}
.fr-div-2::before{background:radial-gradient(ellipse 60% 90% at 12% 50%,rgba(217,43,43,.26),transparent 62%)}
.fr-divisor>*{position:relative;z-index:2}
.fr-div-tag{display:inline-block;font-size:11.5px;letter-spacing:3.4px;text-transform:uppercase;
  font-weight:900;color:var(--red-soft);margin-bottom:12px}
.fr-divisor h2{font-family:var(--d);font-size:clamp(28px,4.6vw,44px);font-weight:700;line-height:1.12;
  color:#fff;margin-bottom:12px}
.fr-divisor p{font-size:16px;color:var(--dim);max-width:520px}

.pilar{position:relative;overflow:hidden;border-radius:20px;padding:30px 26px;
  background:linear-gradient(158deg,#2b2124 0%,#171013 42%,#0c080a 100%);
  border:1px solid rgba(217,43,43,.4);
  box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 16px 40px rgba(30,12,14,.4),0 0 22px rgba(217,43,43,.12);
  transition:all .3s ease}
.pilar::before{content:'';position:absolute;top:0;left:0;right:0;height:52%;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%)}
.pilar>*{position:relative;z-index:2}
.pilar:hover{transform:translateY(-5px);border-color:var(--red-l);
  box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 22px 52px rgba(30,12,14,.5),0 0 32px rgba(217,43,43,.4)}
.pilar .pn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;
  font-size:20px;font-weight:900;color:var(--red-l);margin-bottom:18px;
  background:linear-gradient(160deg,rgba(240,69,69,.3),rgba(217,43,43,.1));
  border:1px solid rgba(240,69,69,.5);box-shadow:0 0 14px rgba(217,43,43,.35)}
.pilar h3{font-size:20px;font-weight:800;color:#fff;margin-bottom:10px;line-height:1.25}
.pilar p{font-size:15.5px;line-height:1.68;color:var(--dim)}

.fr-citacoes{display:grid;gap:18px;margin:20px 0 40px}
@media(min-width:760px){.fr-citacoes{grid-template-columns:1fr 1fr}}
.fr-citacoes blockquote{position:relative;padding:34px 30px;border-radius:20px;
  background:linear-gradient(158deg,#231a1c,#0e0a0b);border:1px solid rgba(217,43,43,.34);
  font-family:var(--d);font-size:clamp(20px,2.8vw,27px);font-weight:500;line-height:1.34;color:var(--white)}
.fr-citacoes blockquote span{position:absolute;top:2px;left:18px;font-family:var(--d);font-size:78px;
  color:rgba(217,43,43,.34);line-height:1}
.fr-citacoes blockquote b{color:var(--red-l);font-weight:700}
.fr-citacoes cite{display:block;font-family:var(--f);font-style:normal;font-size:12px;letter-spacing:2.4px;
  text-transform:uppercase;font-weight:800;color:var(--faint);margin-top:20px}

.fr-fecha{text-align:center;padding:52px 30px;border-radius:22px;
  background:linear-gradient(150deg,#1d1214 0%,#0c0809 100%);
  border:1px solid rgba(240,69,69,.45);box-shadow:0 0 34px rgba(217,43,43,.2)}
.fr-fecha h2{font-family:var(--d);font-size:clamp(28px,4.4vw,44px);font-weight:700;line-height:1.16;
  color:#fff;margin-bottom:14px}
.fr-fecha h2 .g{background:var(--grad-red);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent}
.fr-fecha p{font-size:16.5px;line-height:1.7;color:var(--dim);max-width:540px;margin:0 auto 28px}
.fr-pilulas{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.fr-pilulas span{font-size:11.5px;letter-spacing:2.4px;text-transform:uppercase;font-weight:800;
  color:var(--faint);border:1px solid rgba(255,255,255,.16);padding:8px 16px;border-radius:100px}

/* ---------- QUEM NÃO É MEMBRO ---------- */
.entrar-nao{max-width:440px;margin:0 auto 8vh;text-align:center}
.en-linha{position:relative;margin:26px 0 20px}
.en-linha::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(217,43,43,.4),transparent)}
.en-linha span{position:relative;background:var(--black);padding:0 16px;font-size:11.5px;letter-spacing:2.6px;
  text-transform:uppercase;font-weight:800;color:var(--red-soft)}
.en-txt{font-size:14.5px;line-height:1.72;color:var(--dim);margin-bottom:22px}
.en-txt strong{color:#fff;font-weight:800}
.en-btns{display:flex;gap:11px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
.en-btns .btn{font-size:13.5px;padding:12px 22px}
.en-pequeno{font-size:12.5px;line-height:1.6;color:var(--faint)}

/* ---------- MENTORIA FRONT: foto e listas ---------- */
.fr-capa{padding-bottom:34px}
.fr-foto{position:relative;border-radius:24px;overflow:hidden;margin-bottom:34px;
  border:1px solid rgba(217,43,43,.45);
  box-shadow:0 0 22px rgba(217,43,43,.26),0 0 58px rgba(217,43,43,.13),0 16px 44px rgba(0,0,0,.55)}
.fr-foto img{width:100%;height:auto;display:block}
.fr-nomes{position:absolute;inset:auto 0 0 0;display:flex;justify-content:space-between;gap:16px;
  padding:26px 30px;background:linear-gradient(0deg,rgba(10,7,8,.95) 0%,rgba(10,7,8,.6) 58%,transparent 100%)}
.fr-nomes .n{display:block;font-family:var(--d);font-size:clamp(17px,2.6vw,27px);font-weight:700;color:#fff;line-height:1.1}
.fr-nomes .r{display:block;font-size:clamp(10px,1.5vw,12.5px);letter-spacing:2.2px;text-transform:uppercase;
  color:var(--red-soft);font-weight:700;margin-top:5px}
.fr-nomes div:last-child{text-align:right}

.fr-duplo{display:grid;gap:18px;margin-bottom:36px}
@media(min-width:820px){.fr-duplo{grid-template-columns:1fr 1fr}}
.fr-lado{position:relative;overflow:hidden;border-radius:22px;padding:32px 28px;
  background:linear-gradient(158deg,#2b2124 0%,#171013 42%,#0c080a 100%);
  border:1px solid rgba(217,43,43,.4);
  box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 16px 40px rgba(30,12,14,.4)}
.fr-lado::before{content:'';position:absolute;top:0;left:0;right:0;height:45%;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,transparent 100%)}
.fr-lado>*{position:relative;z-index:2}
.fr-lado h2{font-family:var(--d);font-size:clamp(22px,3.2vw,30px);font-weight:700;color:#fff;
  line-height:1.15;margin-bottom:22px}
.fr-lista{list-style:none;display:flex;flex-direction:column;gap:11px}
.fr-lista li{display:flex;align-items:center;gap:13px;font-size:16px;font-weight:600;
  color:rgba(250,247,246,.86)}
.fr-lista li span{flex-shrink:0;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;
  justify-content:center;font-size:13.5px;font-weight:900;color:var(--red-l);
  background:linear-gradient(160deg,rgba(240,69,69,.3),rgba(217,43,43,.1));
  border:1px solid rgba(240,69,69,.45)}

.fr-link-site{display:inline-block;margin-top:20px;font-size:13.5px;font-weight:700;color:var(--red-soft)}
.fr-link-site:hover{color:#fff}

/* ---------- AMOSTRA PÚBLICA, COM CADEADO ---------- */
.am-topo{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:22px 22px 6px;max-width:1120px;margin:0 auto}
.am-marca{display:flex;flex-direction:column;align-items:flex-start}
.am-topo .marca-t{font-size:23px}
.am-topo .marca-s{margin-top:4px}
.am-entrar{flex:none;font-size:13px;font-weight:800;color:var(--red-soft);
  border:1px solid rgba(240,69,69,.4);border-radius:100px;padding:9px 17px;
  transition:all .24s ease;white-space:nowrap}
.am-entrar:hover{color:#fff;background:rgba(217,43,43,.2);border-color:rgba(240,69,69,.75)}
@media(max-width:520px){
  .am-topo{flex-direction:column;align-items:center;text-align:center}
  .am-marca{align-items:center}
}
.am-ja{margin-top:26px;font-size:14px;color:var(--faint)}
.am-ja a{color:var(--red-soft);font-weight:800}
.am-ja a:hover{color:#fff}

.am-capa{text-align:center;padding:22px 0 40px}
.am-cad{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;
  border-radius:18px;margin-bottom:20px;background:var(--grad-red);
  box-shadow:0 0 22px rgba(217,43,43,.55),0 0 52px rgba(217,43,43,.24)}
.am-cad svg{width:27px;height:27px;fill:#fff}
.am-sub{margin:0 auto 30px;max-width:620px;text-align:center}
.am-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.am-card{position:relative}
.am-trancado{cursor:pointer}
.am-trancado h3,.am-trancado p,.am-trancado .meta{filter:blur(5px);opacity:.5;user-select:none}
.am-trancado::after{content:'';position:absolute;inset:0;z-index:3;border-radius:18px;
  background:linear-gradient(160deg,rgba(10,7,8,.24),rgba(10,7,8,.52))}
.am-lock{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center}
.am-lock svg{width:34px;height:34px;fill:rgba(255,255,255,.72);
  filter:drop-shadow(0 2px 10px rgba(0,0,0,.7))}
.am-trancado:hover::after{background:linear-gradient(160deg,rgba(217,43,43,.2),rgba(10,7,8,.5))}
.am-trancado:hover .am-lock svg{fill:#fff}

/* ---------- POP-UP DO PRESENTE ---------- */
.modal-cx.duplo{max-width:880px;padding:0;overflow:hidden;display:grid;
  grid-template-columns:1fr;background:#120c0e}
@media(min-width:820px){ .modal-cx.duplo{grid-template-columns:1.05fr 1fr} }

.pr-lado{position:relative;overflow:hidden;padding:40px 36px;
  background:linear-gradient(150deg,#7d1230 0%,#4a0f22 45%,#1d0a12 100%)}
.pr-brilho{position:absolute;top:-70px;right:-60px;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(240,69,69,.5),transparent 68%);pointer-events:none}
.pr-lado h2{position:relative;z-index:2;font-family:var(--d);font-size:33px;line-height:1.18;
  font-weight:700;color:#fff;margin:0 0 16px}
.pr-lado h2 em{display:block;font-style:italic;color:#f0c674}
.pr-lado p{position:relative;z-index:2;font-size:15px;line-height:1.65;color:rgba(255,255,255,.82)}
.pr-lado p b{color:#fff;font-weight:700}
.pr-titulinho{position:relative;z-index:2;display:block;margin:20px 0 12px;font-size:10.5px;
  letter-spacing:2.2px;text-transform:uppercase;font-weight:900;color:rgba(255,255,255,.62)}
.pr-lista{position:relative;z-index:2;list-style:none;margin:0;padding:0;display:flex;
  flex-direction:column;gap:9px}
.pr-lista li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.45;
  font-weight:600;color:#fff}
.pr-lista li::before{content:'';flex:none;width:6px;height:6px;margin-top:7px;border-radius:50%;
  background:#f0c674;box-shadow:0 0 10px rgba(240,198,116,.7)}
.pr-selo{position:relative;z-index:2;display:inline-block;margin-bottom:18px;padding:7px 16px;
  border-radius:100px;font-size:10.5px;letter-spacing:2.4px;text-transform:uppercase;font-weight:900;
  color:#f0c674;background:rgba(240,198,116,.16);border:1px solid rgba(240,198,116,.45)}

.pr-form-lado{padding:38px 34px}
.pr-form{text-align:left}
.pr-form .campo{margin-bottom:15px}
.pr-form label{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;font-weight:800;
  color:var(--faint)}
.pr-form .btn{margin-top:8px}
.pr-nota{margin-top:16px;font-size:12.5px;line-height:1.55;color:var(--faint);text-align:center}
.pr-erro{margin:0 0 16px;padding:11px 16px;border-radius:12px;font-size:13.5px;font-weight:700;
  color:#ffb4b4;background:rgba(217,43,43,.14);border:1px solid rgba(240,69,69,.45)}
@media(max-width:819px){
  .pr-lado{padding:30px 26px}
  .pr-lado h2{font-size:27px}
  .pr-form-lado{padding:26px 24px 30px}
}

/* a capa dentro da amostra: igual à de dentro, mas com cadeado por cima */
.am-capa-img{display:block;margin:-24px -24px 18px;overflow:hidden;
  border-radius:18px 18px 0 0;border-bottom:1px solid rgba(217,43,43,.3)}
.am-capa-img img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.am-card.com-capa .am-lock{align-items:flex-start;padding-top:46px}
.am-card.com-capa .am-lock svg{width:40px;height:40px}

.am-duplo{display:grid;gap:18px}
@media(min-width:760px){.am-duplo{grid-template-columns:1fr 1fr}}
.am-fecha{margin-top:14px}
.fr-fecha .fr-btns{margin-top:4px}
.am-fecha h2{margin-bottom:26px}

/* ---------------------------------------------------------------
   Faixa de venda no fim de uma seção fechada
   --------------------------------------------------------------- */
.fv{margin:34px 0 10px;padding:30px;border-radius:20px;
  border:1px solid rgba(240,198,116,.42);
  background:linear-gradient(170deg,rgba(240,198,116,.11),rgba(200,16,46,.07) 55%,rgba(0,0,0,.28));
  box-shadow:0 0 30px rgba(240,198,116,.09)}
.fv-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:#f0c674;border:1px solid rgba(240,198,116,.4);border-radius:999px;padding:6px 13px;margin-bottom:14px}
.fv h2{font-size:26px;font-weight:800;color:#fff;margin:0 0 4px}
.fv-linha{font-size:14.5px;color:var(--faint);margin:0}
.fv-acervo{margin:18px 0 0;font-size:16px;line-height:1.55;color:var(--white)}
.fv-acervo b{font-size:24px;font-weight:800;color:#f0c674}
.fv-acervo span{display:block;font-size:14px;color:var(--dim);margin-top:2px}
.fv .jr-itens{margin-top:20px}
.fv-pe{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px;
  padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}
.fv-preco{font-size:22px;font-weight:800;color:#fff;margin-right:6px}

.jr-seguro{display:block;margin-top:10px;font-size:12px;line-height:1.5;color:var(--faint);text-align:center}
@media(max-width:560px){
  .fv{padding:22px}
  .fv-pe .btn{flex:1 1 100%;text-align:center;justify-content:center}
}

/* caixinha de sim ou não, nos ajustes */
.sim-nao{display:flex;align-items:center;gap:11px;padding:13px 15px;border-radius:12px;cursor:pointer;
  border:1px solid rgba(217,43,43,.3);background:rgba(255,255,255,.03);font-size:14px;font-weight:600}
.sim-nao:hover{border-color:rgba(240,198,116,.5)}
.sim-nao input{width:17px;height:17px;accent-color:#D92B2B;cursor:pointer}

/* página de compra */
.cp{display:grid;grid-template-columns:1.25fr .95fr;gap:22px;align-items:start;margin-top:26px}
.cp-form,.cp-lado{border-radius:18px;padding:26px;
  background:linear-gradient(158deg,#372b2e 0%,#241a1d 48%,#181012 100%);
  border:1px solid rgba(217,43,43,.3)}
.cp-lado{border-color:rgba(240,198,116,.4)}
.cp-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:#f0c674;margin-bottom:4px}
.cp-lado .jr-itens{margin-top:14px;border-top:none;padding-top:0}
.cp-valor{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);
  display:flex;flex-direction:column;gap:2px}
.cp-valor span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:700}
.cp-valor strong{font-size:30px;font-weight:800;color:#fff;line-height:1.1}
.cp-valor em{font-style:normal;font-size:13.5px;color:#f0c674}
.cp-lado .cp-obs{font-size:13.5px;line-height:1.5;color:#f0c674;margin:14px 0 0}
.cp-seguro{font-size:12.5px;line-height:1.55;color:var(--faint);text-align:center;margin:14px 0 0}
.cp .btn.larga{margin-top:8px}
.isca{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
@media(max-width:820px){.cp{grid-template-columns:1fr}}

/* contadores em bloco, na Administração */
.grade-num{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.num-cx{border:1px solid rgba(217,43,43,.3);border-radius:14px;padding:16px 18px;
  background:rgba(255,255,255,.03);display:flex;flex-direction:column;gap:2px}
.num-cx strong{font-size:24px;font-weight:800;color:#f0c674;line-height:1.15}
.num-cx span{font-size:13px;color:var(--faint)}
.num-cx.alerta{border-color:rgba(240,198,116,.6);background:rgba(240,198,116,.1)}

/* ===============================================================
   TEMA CLARO
   Não é o tema escuro invertido: é um desenho próprio. Página em
   cinza quente, cartões em branco puro, bordas sólidas e sombras
   de verdade. É a separação entre a página e o cartão que faz a
   leitura funcionar, não a cor do texto.
   =============================================================== */
body.claro{
  --pagina:#f2eeeb;--papel:#fff;--papel2:#faf7f6;
  --linha:#e6ded9;--linha-f:#d3c7c0;
  --white:#1a1113;--dim:#52464a;--faint:#706265;
  --red:#C4182B;--red-l:#C4182B;--red-d:#8E1020;--red-soft:#A21324;
  --ouro:#8a5d05;--verde:#12713b;
  background:var(--pagina);color:var(--white);background-image:none;
}
body.claro ::selection{background:#C4182B;color:#fff}

/* ---------- ESTRUTURA ---------- */
body.claro .topo{background:rgba(255,255,255,.96);border-bottom:1px solid var(--linha);
  box-shadow:0 1px 3px rgba(60,40,45,.05)}
body.claro .rodape{border-top:1px solid var(--linha);color:var(--faint)}
body.claro .barra-baixo{background:rgba(255,255,255,.97);border-top:1px solid var(--linha);
  box-shadow:0 -2px 10px rgba(60,40,45,.07)}
body.claro .bb-item{color:var(--faint)}
body.claro .bb-item.aqui{color:var(--red)}
body.claro .menu-fundo{background:rgba(35,24,27,.42)}

/* ---------- MENU LATERAL ---------- */
body.claro .menu-lat{background:var(--papel);border-right:1px solid var(--linha);
  box-shadow:20px 0 50px rgba(60,40,45,.18)}
body.claro .ml-topo{border-bottom:1px solid var(--linha)}
body.claro .ml-x{color:var(--faint)}
body.claro .ml-x:hover{color:var(--white)}
body.claro .ml-grupo{color:#8a5d05;border-top-color:var(--linha)}
body.claro .ml-item{color:var(--dim);border:1px solid transparent}
body.claro .ml-item:hover{color:var(--white);background:#f6f0ee;border-color:var(--linha)}
body.claro .ml-item.aqui{color:var(--red);background:#fdeceb;border-color:#f3cdcb;font-weight:800}
body.claro .ml-item.aqui svg{fill:var(--red)}
body.claro .ml-item.zap{color:var(--verde)}
body.claro .ml-item.zap:hover{color:#0c5a2e;background:#e9f7ee;border-color:#bfe6cd}
body.claro .ml-item.mn-front{color:#fff;background:#C4182B;border-color:#C4182B}
body.claro .ml-item.mn-front:hover{background:#A21324}
body.claro .ml-item.sair{color:var(--red-soft);border-top:1px solid var(--linha)}
body.claro .ml-item.sair:hover{color:var(--red);background:#fdeceb}
body.claro .ml-cad svg{fill:#a07a1a}

/* ---------- SUPERFÍCIES ---------- */
body.claro .cartao,body.claro .caixa,body.claro .modal-cx,body.claro .post,
body.claro .cp-form,body.claro .cp-lado,body.claro .jr-cartao,body.claro .num,
body.claro .rt-item,body.claro .pg-item,body.claro .capa-item,body.claro .fr-num{
  background:var(--papel);border:1px solid var(--linha);
  box-shadow:0 1px 2px rgba(60,40,45,.04),0 8px 22px rgba(60,40,45,.06)}
body.claro .cartao::before{background:none}
body.claro .rolagem{background:var(--papel);border:1px solid var(--linha)}
body.claro .acesso-cx,body.claro .com-cheio{background:var(--papel2);border:1px solid var(--linha)}
body.claro .vazio{background:var(--papel);border:1px dashed var(--linha-f);color:var(--dim)}
body.claro .modal{background:rgba(35,24,27,.45)}
body.claro .modal-x{color:var(--faint)}
body.claro .modal-x:hover{color:var(--white)}

/* ---------- TEXTOS ---------- */
body.claro h1,body.claro h2,body.claro h3,body.claro .cartao h3,
body.claro .mes-nome,body.claro .jr-valor,body.claro .jr-nome,body.claro .post-autor,
body.claro .com-autor,body.claro .ct-txt strong,body.claro .fj-txt strong,
body.claro .pg-corpo strong,body.claro .cd-titulo,body.claro .of-txt strong,
body.claro .fv h2,body.claro .fv-preco,body.claro .cp-valor strong,body.claro .ag-tit,
body.claro .tabela td strong,body.claro .da-venda strong,body.claro .num-cx strong,
body.claro .lt-nome,body.claro .marca-t{color:var(--white)}
body.claro .sub,body.claro .jr-linha,body.claro .post-texto,body.claro .com-txt,
body.claro .tabela td,body.claro .fv-acervo{color:var(--dim)}
body.claro .dica,body.claro .secao-desc,body.claro .faint,body.claro .marca-s,
body.claro .post-hora,body.claro .com-hora,body.claro .pg-quando,body.claro .of-rec,
body.claro .cp-seguro,body.claro .jr-seguro,body.claro .dv-obs,
body.claro .rd-marca,body.claro .rd-nomes,body.claro .rd-ano{color:var(--faint)}
body.claro .eyebrow,body.claro .campo label,body.claro .jr-etapa,
body.claro .data-forte,body.claro .rd-link{color:var(--red-soft)}
body.claro h1 .g,body.claro .g{color:var(--red)}
body.claro .marca-t em{color:var(--red)}

/* ---------- BOTÕES ---------- */
body.claro .btn{background:#C4182B;color:#fff;border:1px solid #C4182B;
  box-shadow:0 1px 2px rgba(150,20,35,.2),0 4px 12px rgba(150,20,35,.18)}
body.claro .btn:hover{background:#A21324;border-color:#A21324;
  box-shadow:0 2px 4px rgba(150,20,35,.25),0 8px 18px rgba(150,20,35,.22)}
body.claro .btn.g{background:var(--papel);color:var(--white);border:1px solid var(--linha-f);
  box-shadow:0 1px 2px rgba(60,40,45,.06)}
body.claro .btn.g:hover{background:#fff;color:var(--red);border-color:var(--red);
  box-shadow:0 2px 6px rgba(150,20,35,.14)}
body.claro .btn.perigo{background:#fff;color:#A21324;border:1px solid #e9c2c2}
body.claro .btn.perigo:hover{background:#A21324;color:#fff;border-color:#A21324}
body.claro .ic-btn{background:var(--papel);color:var(--dim);border:1px solid var(--linha-f);
  box-shadow:0 1px 2px rgba(60,40,45,.05)}
body.claro .ic-btn:hover,body.claro .ic-btn.aqui{color:var(--red);border-color:var(--red)}
body.claro .hamb span{background:var(--white)}

/* ---------- PÍLULAS: ABAS, FILTROS E CONTADORES ---------- */
body.claro .aba{background:var(--papel);color:var(--dim);border:1px solid var(--linha-f);
  box-shadow:0 1px 2px rgba(60,40,45,.05)}
body.claro .aba:hover{color:var(--red);border-color:var(--red);background:#fff}
body.claro .aba.on{background:#C4182B;color:#fff;border-color:#C4182B;
  box-shadow:0 2px 8px rgba(150,20,35,.28)}
body.claro .filtro{background:var(--papel);color:var(--dim);border:1px solid var(--linha-f)}
body.claro .filtro:hover{color:var(--red);border-color:var(--red)}
body.claro .filtro.on{background:#C4182B;color:#fff;border-color:#C4182B}
body.claro .contagem,body.claro .mes-qtd{color:#fff;background:#C4182B;border-color:#C4182B}
body.claro .jr-selo,body.claro .pino,body.claro .post-selo,body.claro .selo{
  background:#C4182B;color:#fff;border-color:#C4182B}
body.claro .chip-acesso{background:var(--papel2);color:var(--dim);border:1px solid var(--linha)}

/* ---------- FORMULÁRIOS ---------- */
body.claro .campo input,body.claro .campo select,body.claro .campo textarea,
body.claro .busca input,body.claro .filtro-busca input,body.claro .cp-topo textarea,
body.claro .com-form input[type=text]{
  background:var(--papel);color:var(--white);border:1px solid var(--linha-f)}
body.claro .campo input:focus,body.claro .campo select:focus,body.claro .campo textarea:focus{
  border-color:var(--red);box-shadow:0 0 0 3px rgba(196,24,43,.14)}
body.claro .campo input::placeholder,body.claro .campo textarea::placeholder{color:#857a7c}
body.claro .campo select option{background:#fff;color:var(--white)}
body.claro .sim-nao,body.claro .chk,body.claro .cp-fix,body.claro .ag-item,body.claro .fr-opt,
body.claro .mini,body.claro .acao-btn,body.claro .lt-bt,body.claro .ver-todos{
  background:var(--papel);color:var(--dim);border:1px solid var(--linha)}
body.claro .chk:hover,body.claro .mini:hover,body.claro .acao-btn:hover,
body.claro .lt-bt:hover,body.claro .ver-todos:hover,body.claro .fr-opt:hover,
body.claro .ag-item:hover{color:var(--red);border-color:var(--red);background:#fff}
body.claro .chk.on,body.claro .cp-fix input:checked + *{color:var(--red)}
body.claro .acesso-atalhos,body.claro .ag-todos,body.claro .capas-rodape,
body.claro .post-barra,body.claro .com-form,body.claro .lt-topo{border-color:var(--linha)}

/* ---------- LISTAS, TABELAS E DIVISORES ---------- */
body.claro .tabela th{color:var(--red-soft);border-bottom:1px solid var(--linha)}
body.claro .tabela td{border-bottom:1px solid var(--linha)}
body.claro .tabela tr:hover td{background:#fbf6f5}
body.claro .divisor-secoes span{background:var(--pagina);color:var(--faint)}
body.claro .divisor-secoes::before{background:var(--linha)}
body.claro .mes-linha{background:linear-gradient(90deg,var(--linha-f),transparent)}
body.claro .prog-barra{background:#e8e0dc}
body.claro .jr-itens{border-top:1px solid var(--linha)}
body.claro .jr-itens li{color:var(--dim)}
body.claro .jr-itens li::before{color:var(--red)}
body.claro .jr-itens.verde{border-top-color:#cfe8d9}
body.claro .jr-itens.verde li::before{color:var(--verde)}
body.claro .bv-lista li{color:var(--dim)}
body.claro .bv-ic{background:#fdeceb;color:var(--red);border-color:#f3cdcb}

/* ---------- CARTÕES DE CONTEÚDO ---------- */
body.claro .cd,body.claro .cartao.trancado{background:var(--papel);border:1px solid var(--linha);
  box-shadow:0 1px 2px rgba(60,40,45,.04),0 8px 22px rgba(60,40,45,.07)}
body.claro .cd:hover{border-color:var(--red);box-shadow:0 14px 30px rgba(60,40,45,.13)}
body.claro .capa,body.claro .capa-topo,body.claro .ci-prev,body.claro .pg-capa{background:#efe7e3}
body.claro .cd-tag,body.claro .tag,body.claro .ct-tag,body.claro .fp-tag,body.claro .fd-tag{
  color:var(--red-soft)}

/* ---------- FAIXAS ---------- */
body.claro .faixa-jornada,body.claro .continuar,body.claro .ofensiva,body.claro .faixa-prazo{
  background:var(--papel);border:1px solid var(--linha);
  box-shadow:0 1px 2px rgba(60,40,45,.04),0 8px 22px rgba(60,40,45,.06)}
body.claro .faixa-jornada{border-color:#e7d4a8}
body.claro .faixa-jornada:hover{border-color:#d8b96e;box-shadow:0 10px 26px rgba(160,122,26,.16)}
body.claro .faixa-livro{background:#fff6f5;border:1px solid #f0d3d1}
body.claro .faixa-prox{background:#fffaf0;border:1px solid #ecd9ab}
body.claro .fj-tag,body.claro .fp-tag,body.claro .fl-ic,body.claro .of-ic{color:#a07a1a}

/* ---------- FAIXA DE VENDA E JORNADA ---------- */
body.claro .fv{background:linear-gradient(170deg,#fffaf0,#fff7f6 60%,#fff);
  border:1px solid #e7d4a8;box-shadow:0 10px 28px rgba(60,40,45,.08)}
body.claro .fv-tag{color:var(--ouro);border-color:#e0c78e;background:#fff}
body.claro .fv-acervo b,body.claro .cp-tag,body.claro .cp-valor em,body.claro .cp-lado .cp-obs,
body.claro .dv-tag,body.claro .dv-trilha b,body.claro .num-cx strong{color:var(--ouro)}
body.claro .fv-pe{border-top:1px solid var(--linha)}
body.claro .jr-cartao.destaque{border-color:var(--red);box-shadow:0 10px 30px rgba(196,24,43,.14)}
body.claro .jr-agora{background:#f0f9f3;border:1px solid #c8e6d4}
body.claro .jr-etapa{color:var(--verde)}

/* ---------- VENDAS ---------- */
body.claro .num-cx{background:var(--papel);border:1px solid var(--linha);
  box-shadow:0 1px 2px rgba(60,40,45,.04)}
body.claro .num-cx.alerta{background:#fffaf0;border-color:#e7d4a8}
body.claro .num-cx span{color:var(--faint)}
body.claro .tr-de{color:var(--faint)}
body.claro .tr-seta{color:var(--red)}
body.claro .tr-para{color:var(--verde)}
body.claro .tr-falta{color:var(--ouro)}
body.claro .da-venda{background:linear-gradient(170deg,#fffaf0,#fff);border:1px solid #e7d4a8}
body.claro .diag{background:var(--papel2);border:1px solid var(--linha)}
body.claro .diag-cru{background:#f1ebe8;color:var(--dim)}
body.claro .diag-linha b{color:var(--ouro)}
body.claro .diag-linha a{color:var(--verde)}
body.claro .cp-formas{border-top:1px solid var(--linha)}
body.claro .cp-formas span{color:var(--white)}
body.claro .cp-formas b,body.claro .cp-formas em,body.claro .cp-valor span{color:var(--faint)}
body.claro .nao-paguei button{color:var(--faint);border-bottom-color:var(--linha-f)}
body.claro .nao-paguei button:hover{color:var(--red);border-bottom-color:var(--red)}

/* ---------- AVISOS ---------- */
body.claro .aviso{background:#f0f9f3;border:1px solid #c8e6d4;color:#0f5c2f}
body.claro .aviso.erro{background:#fdecec;border-color:#f2caca;color:#9c1420}

/* ---------- LEITOR DE PDF ---------- */
body.claro .leitor{background:var(--papel2);border:1px solid var(--linha)}
body.claro .lt-topo{background:var(--papel);border-bottom:1px solid var(--linha)}
body.claro .lt-conta,body.claro .lt-pag{color:var(--faint)}

/* ---------- FEED ---------- */
body.claro .composer,body.claro .post-img{border:1px solid var(--linha)}
body.claro .stories-barra{border-bottom:1px solid var(--linha)}
body.claro .st-nome{color:var(--dim)}
body.claro .st-mais,body.claro .st-vazio{background:var(--papel);border:1px dashed var(--linha-f);color:var(--faint)}

/* ---------- BOTÃO DE TROCAR O TEMA ---------- */
.so-claro{display:none}
.so-escuro{display:inline-flex}
body.claro .so-claro{display:inline-flex}
body.claro .so-escuro{display:none}
#btnTema svg{width:18px;height:18px;fill:currentColor}

/* ---------- TEMA CLARO: cadeados e faixa da aula ---------- */
/* A faixa da aula tinha um degradê que acabava escuro. Sobre a página
   branca ele vira rosa pálido com texto branco por cima, ilegível.
   No claro ela fica vermelha sólida, que é o único jeito de o texto
   branco continuar funcionando. */
body.claro .faixa-aula{background:linear-gradient(130deg,#C4182B,#8E1020);
  border:1px solid #8E1020;box-shadow:0 6px 18px rgba(150,20,35,.22)}
body.claro .fa-tag,body.claro .fa-txt strong{color:#fff}
body.claro .fa-quando{color:rgba(255,255,255,.88)}
body.claro .faixa-aula .btn{background:#fff;color:#A21324;border-color:#fff;box-shadow:none}
body.claro .faixa-aula .btn:hover{background:#fff6f5;color:#8E1020}

/* Botão dourado dos conteúdos com cadeado: dourado claro sobre branco
   não se lê. No claro ele vira branco com texto e borda em dourado escuro. */
body.claro .btn.p.cad{background:#fff;color:#8a5d05;border:1px solid #d8bd7e;
  box-shadow:0 1px 2px rgba(60,40,45,.06)}
body.claro .btn.p.cad:hover,body.claro .cartao.trancado:hover .btn.p.cad{
  background:#8a5d05;color:#fff;border-color:#8a5d05}
body.claro .btn.p.cad svg{fill:currentColor}
body.claro .cartao.trancado{border-color:#d8bd7e;background:#fffdf8}
body.claro .cartao.trancado:hover{border-color:#a07a1a;
  box-shadow:0 12px 28px rgba(160,122,26,.18)}
body.claro .cartao.trancado h3{color:var(--white)}
body.claro .capa-cad svg{fill:#fff}
body.claro .am-cad{background:#fffaf0;border-color:#e0c78e;color:#8a5d05}
body.claro .am-cad svg{fill:#8a5d05}
body.claro .ml-cad svg,body.claro .bb-cad svg,body.claro .pg-cad svg,
body.claro .cd-cad svg{fill:#8a5d05}
body.claro .tranca-pagina .sub{color:var(--dim)}
body.claro .selo-livre{color:#8a5d05;background:#fffaf0;border-color:#e0c78e}

/* faixa do próximo a sair e aviso da biblioteca, no claro */
body.claro .fp-tag{color:#8a5d05}
body.claro .fp-txt strong{color:var(--white)}
body.claro .fp-quando{color:var(--faint)}
body.claro .fl-ic svg{fill:#C4182B}
body.claro .fl-txt strong{color:var(--white)}
body.claro .fl-txt em{color:var(--dim)}
body.claro .pg-capa.turva::after{background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(60,40,45,.28))}

/* ---------- TEMA CLARO: os detalhes que sobraram ---------- */
body.claro .acesso-tudo b,body.claro .ci-txt strong,body.claro .fala-grupo strong,
body.claro .fp-txt strong,body.claro .rt-txt strong,body.claro .num b,
body.claro .jr-agora-topo h2,body.claro .faixa-prazo strong,body.claro .fl-txt strong,
body.claro .tr-fim strong,body.claro .tr-txt h3,body.claro .bv-lista b,
body.claro .pilar h3,body.claro .en-txt strong,body.claro .pr-lista li,
body.claro .fv-linha,body.claro .cd-desc{color:var(--white)}
body.claro .pg-dia b{color:var(--red)}
body.claro .pr-titulinho{color:var(--faint)}
body.claro .voltar:hover,body.claro .am-ja a:hover,body.claro .fb-limpa:hover,
body.claro .mini-x:hover,body.claro .cp-arq:hover,body.claro .ci-arq:hover span,
body.claro .menu a.zap:hover{color:var(--red)}
body.claro .btn.p.cad:hover,body.claro .btn.p.edt:hover,body.claro .am-entrar:hover{
  color:#fff;background:#C4182B;border-color:#C4182B}
body.claro .trilha li,body.claro .pilar,body.claro .instalar{
  background:var(--papel);border:1px solid var(--linha);
  box-shadow:0 1px 2px rgba(60,40,45,.04),0 8px 22px rgba(60,40,45,.06)}
body.claro .lt-paginas{background:var(--papel2)}
body.claro .tr-barra{background:#e8e0dc}
body.claro .tr-dia{color:var(--faint)}
body.claro .tr-num{background:#fdeceb;color:var(--red);border-color:#f3cdcb}
body.claro .trilha li.feito .tr-num{background:#12713b;color:#fff;border-color:#12713b}
body.claro .en-linha{border-color:var(--linha)}
body.claro .senha-nova{background:var(--papel2);border:1px solid var(--linha);color:var(--white)}
body.claro .adm-tag,body.claro .adm-barra{color:var(--faint)}
body.claro .selo-agenda,body.claro .selo-livre{background:#fff6f5;color:var(--red-soft);
  border-color:#f0d3d1}
body.claro .agendado{color:var(--ouro)}
body.claro .esqueci,body.claro .entrar-nao,body.claro .link{color:var(--red-soft)}
body.claro .esqueci:hover,body.claro .link:hover{color:var(--red)}

/* o "12x" sai menor que o número, porque o que pesa é a parcela */
.vl-pq{font-size:.6em;font-weight:600;letter-spacing:0;opacity:.78;margin-right:4px;
  vertical-align:baseline}
.jr-detalhe{display:block;margin-top:10px;font-size:12.5px;line-height:1.5;
  font-weight:700;color:#f0c674}
body.claro .jr-detalhe{color:#8a5d05}

/* aula sem acesso: o botão vira cadeado, dourado sobre a faixa vermelha */
.fa-cad{display:inline-flex;align-items:center;gap:9px;
  background:linear-gradient(150deg,#f0c674,#d8a83c)!important;color:#241a1d!important;
  border:none!important;box-shadow:0 2px 10px rgba(240,198,116,.3)!important}
.fa-cad:hover{background:linear-gradient(150deg,#f7d489,#e0b44c)!important;
  box-shadow:0 3px 16px rgba(240,198,116,.45)!important}
.fa-cad svg{width:15px;height:15px;fill:currentColor}

/* a faixa da jornada, no tema claro */
body.claro .faixa-jornada{background:linear-gradient(135deg,#fff8e8,#fffdf8 60%,#fff);
  border-color:#d8b96e;box-shadow:0 8px 24px rgba(160,122,26,.14)}
body.claro .faixa-jornada:hover{border-color:#a07a1a;box-shadow:0 12px 30px rgba(160,122,26,.22)}
body.claro .fj-ic{background:#fff6e2;border-color:#e0c78e}
body.claro .fj-ic svg{fill:#8a5d05}
body.claro .fj-tag{color:#8a5d05}
body.claro .faixa-jornada .btn,body.claro .fa-cad{
  background:#8a5d05!important;color:#fff!important;border-color:#8a5d05!important}
body.claro .faixa-jornada:hover .btn,body.claro .fa-cad:hover{background:#754e04!important}

/* título de grupo dentro da lista de benefícios */
.jr-itens li.jr-grupo{margin-top:8px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);
  font-size:11px;letter-spacing:1.8px;text-transform:uppercase;font-weight:900;color:#f0c674}
.jr-itens li.jr-grupo::before{content:none}
.jr-itens li.jr-grupo:first-child{margin-top:0;padding-top:0;border-top:none}
body.claro .jr-itens li.jr-grupo{color:#8a5d05;border-top-color:rgba(26,17,19,.12)}

/* ---------------------------------------------------------------
   Conexões: o diretório de quem está dentro
   --------------------------------------------------------------- */
.cx-busca{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 4px}
.cx-busca input{flex:1;min-width:230px;font-family:var(--f);font-size:15px;color:#fff;
  padding:13px 16px;border-radius:100px;background:rgba(0,0,0,.35);
  border:1px solid rgba(217,43,43,.32);outline:none}
.cx-busca input:focus{border-color:var(--red-l)}
body.claro .cx-busca input{background:#fff;color:var(--white);border-color:var(--linha-f)}

.cx-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:22px}
.cx-card{display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:26px 20px;border-radius:20px;
  background:linear-gradient(158deg,#372b2e 0%,#241a1d 48%,#181012 100%);
  border:1px solid rgba(217,43,43,.3);
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 12px 30px rgba(40,22,25,.3);
  transition:all .26s ease}
.cx-card:hover{border-color:var(--red-l);transform:translateY(-3px)}
.cx-card.trancado{border-style:dashed;border-color:rgba(240,198,116,.4)}
.cx-card.trancado:hover{border-color:rgba(240,198,116,.85);transform:none}
body.claro .cx-card{background:var(--papel);border-color:var(--linha);
  box-shadow:0 1px 2px rgba(60,40,45,.04),0 8px 22px rgba(60,40,45,.07)}
body.claro .cx-card:hover{border-color:var(--red)}
body.claro .cx-card.trancado{border-color:#d8bd7e;background:#fffdf8}

.cx-foto{width:92px;height:92px;border-radius:50%;overflow:hidden;flex:none;
  border:2px solid rgba(240,198,116,.55);display:grid;place-items:center;
  background:linear-gradient(150deg,#3a2c30,#191113)}
.cx-foto img{width:100%;height:100%;object-fit:cover}
.cx-ini{font-size:30px;font-weight:900;color:#f0c674;letter-spacing:1px}
body.claro .cx-foto{border-color:#d8bd7e;background:#f4ece6}
body.claro .cx-ini{color:#8a5d05}

.cx-card h3{font-size:17px;font-weight:800;color:#fff;margin:16px 0 0;line-height:1.3}
body.claro .cx-card h3{color:var(--white)}
.cx-funcao{display:block;margin-top:5px;font-size:13.5px;font-weight:700;color:#f0c674;line-height:1.4}
body.claro .cx-funcao{color:#8a5d05}
.cx-empresa{display:block;margin-top:10px;font-size:14px;font-weight:700;color:var(--white)}
.cx-cidade{display:block;margin-top:2px;font-size:12.5px;color:var(--faint)}
.cx-sobre{margin-top:12px;font-size:13.5px;line-height:1.6;color:var(--dim)}

.cx-links{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.cx-rede{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  color:var(--dim);border:1px solid rgba(255,255,255,.16);transition:all .2s ease}
.cx-rede svg{width:18px;height:18px}
.cx-rede:hover{color:#fff;border-color:var(--red-l);background:rgba(217,43,43,.16)}
body.claro .cx-rede:not(.zap):not(.insta):not(.mail):not(.linked):not(.site){
  color:var(--dim);border-color:var(--linha-f);background:var(--papel)}
body.claro .cx-rede.vazio:hover{color:#9a8f89;border-color:#cfc4bd;background:transparent}

/* o que fica embaçado para quem não tem acesso */
.cx-borrado{width:100%;margin:16px 0 18px;display:flex;flex-direction:column;align-items:center;gap:9px}
.cx-linha{display:block;width:85%;height:11px;border-radius:100px;
  background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.05));filter:blur(1px)}
.cx-linha.curta{width:55%}
body.claro .cx-linha{background:linear-gradient(90deg,rgba(26,17,19,.13),rgba(26,17,19,.05))}
/* nome de empresa comprido, email longo e link colado não podem estourar o cartão */
.cx-card,.cx-card h3,.cx-funcao,.cx-empresa,.cx-cidade,.cx-sobre{overflow-wrap:anywhere}

@media(max-width:560px){
  .cx-grade{grid-template-columns:1fr 1fr;gap:12px}
  /* com o acesso liberado o cartão tem bio e quatro contatos: em duas colunas
     no celular vira uma tira estreita e comprida. Então cai para uma só. */
  .cx-grade.aberto{grid-template-columns:1fr}
  .cx-card{padding:20px 14px}
  .cx-foto{width:80px;height:80px}
  .cx-ini{font-size:26px}
  .cx-sobre{font-size:13px}
}

/* cada contato na cor do seu aplicativo, para a pessoa reconhecer sem ler */
.zap-btn{background:#25D366!important;border-color:#25D366!important;color:#fff!important;
  box-shadow:0 2px 10px rgba(37,211,102,.3)!important;display:inline-flex;align-items:center;gap:8px}
.zap-btn:hover{background:#1FB855!important;border-color:#1FB855!important;
  box-shadow:0 3px 16px rgba(37,211,102,.45)!important}
.zap-btn svg{width:16px;height:16px;fill:currentColor}

.cx-rede.insta{color:#fff;border:none;
  background:linear-gradient(45deg,#F58529 0%,#DD2A7B 45%,#8134AF 72%,#515BD4 100%);
  box-shadow:0 2px 8px rgba(221,42,123,.3)}
.cx-rede.insta:hover{color:#fff;box-shadow:0 3px 14px rgba(221,42,123,.5);transform:translateY(-2px)}

.cx-rede.zap{color:#fff;border:none;background:#25D366;box-shadow:0 2px 8px rgba(37,211,102,.3)}
.cx-rede.zap:hover{color:#fff;background:#1FB855;box-shadow:0 3px 14px rgba(37,211,102,.5);
  transform:translateY(-2px)}
.cx-rede.vazio{color:var(--dim);border:1px dashed rgba(255,255,255,.22);background:transparent;
  opacity:.55;cursor:pointer}
.cx-rede.vazio:hover{opacity:.8;color:var(--dim);background:transparent;border-color:rgba(255,255,255,.34);
  transform:none;box-shadow:none}
body.claro .cx-rede.vazio{color:#9a8f89;border:1px dashed #cfc4bd;background:transparent}
.cx-aviso{margin:10px 0 0;font-size:12.5px;color:#f0c674;text-align:center}
body.claro .cx-aviso{color:#8a5d05}
.cx-rede.mail{color:#fff;border:none;background:#4b3b2a;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.cx-rede.mail:hover{color:#0a0708;background:#f0c674;box-shadow:0 3px 14px rgba(240,198,116,.45);
  transform:translateY(-2px)}
body.claro .cx-rede.mail{background:#3b3230}
body.claro .cx-rede.mail:hover{background:#8a5d05;color:#fff}
.cx-rede.linked{color:#fff;border:none;background:#0A66C2;box-shadow:0 2px 8px rgba(10,102,194,.3)}
.cx-rede.linked:hover{color:#fff;background:#08509b;box-shadow:0 3px 14px rgba(10,102,194,.5);
  transform:translateY(-2px)}

/* site ou portfólio da pessoa: dourado, porque é a vitrine dela */
.cx-rede.site{color:#0a0708;border:none;background:#f0c674;box-shadow:0 2px 8px rgba(240,198,116,.3)}
.cx-rede.site:hover{color:#0a0708;background:#f7d78f;box-shadow:0 3px 14px rgba(240,198,116,.5);
  transform:translateY(-2px)}

body.claro .cx-rede.zap,body.claro .cx-rede.insta,body.claro .cx-rede.mail,
body.claro .cx-rede.linked{color:#fff!important}
body.claro .cx-rede.site{background:#8a5d05;color:#fff!important;border:none}
body.claro .cx-rede.site:hover{background:#6f4a04;color:#fff!important}
body.claro .cx-rede.insta,body.claro .cx-rede.mail,body.claro .cx-rede.linked{border:none}

.fv-acervo.sem-num b{display:none}

/* ---- o perfil do membro no diretório (conta.php) ---- */
.pf-chamada{border:1px solid rgba(240,198,116,.38);background:rgba(240,198,116,.09);
  border-radius:16px;padding:16px 18px;margin:0 0 26px;font-size:14.5px;line-height:1.65;
  color:var(--dim);max-width:720px}
.pf-chamada strong{display:block;color:#f0c674;font-size:15.5px;margin-bottom:5px}
body.claro .pf-chamada{background:#fdf6e6;border-color:#e3cd98;color:#5b514c}
body.claro .pf-chamada strong{color:#8a5d05}
.pf-cartao{max-width:720px;margin-bottom:26px}
.pf-nota{font-size:13px;color:var(--dim);margin-bottom:20px}
.pf-opc{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  color:var(--dim);margin-left:6px}
.pf-foto-atual{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.pf-foto-atual img{width:84px;height:84px;border-radius:50%;object-fit:cover;
  border:2px solid rgba(240,198,116,.4)}
body.claro .pf-foto-atual img{border-color:#e3cd98}
.aviso-bloco{border:1px solid rgba(240,198,116,.34);background:rgba(240,198,116,.08);
  border-radius:14px;padding:14px 16px}
.aviso-bloco strong{display:block;color:#f0c674;margin-bottom:5px}
.aviso-bloco p{font-size:13.5px;line-height:1.6;color:var(--dim);margin:0 0 6px}
body.claro .aviso-bloco{background:#fdf6e6;border-color:#e3cd98}
body.claro .aviso-bloco strong{color:#8a5d05}

/* ---- topo de Minha conta: foto, nome e plano ---- */
.mc-topo{display:flex;align-items:center;gap:20px;margin:0 0 8px;flex-wrap:wrap}
.mc-foto{width:88px;height:88px;border-radius:50%;flex:0 0 88px;overflow:hidden;display:grid;
  place-items:center;background:linear-gradient(150deg,rgba(217,43,43,.3),rgba(240,198,116,.22));
  border:2px solid rgba(240,198,116,.4)}
.mc-foto img{width:100%;height:100%;object-fit:cover;display:block}
.mc-ini{font-size:30px;font-weight:900;color:#f0c674;letter-spacing:1px}
body.claro .mc-foto{border-color:#e3cd98;background:linear-gradient(150deg,#f6e3e3,#fbf1da)}
body.claro .mc-ini{color:#8a5d05}
.mc-dados{flex:1;min-width:230px}
.mc-dados h1{margin:0 0 4px}
.mc-dados .sub{margin:0 0 10px}
.mc-plano{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mc-plano-linha{font-size:13.5px;color:var(--dim)}

/* ---- a etiqueta do plano, usada aqui e na Administração ---- */
.selo-plano{display:inline-block;padding:5px 12px;border-radius:999px;font-size:11.5px;
  font-weight:800;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;
  border:1px solid transparent}
.selo-plano.anual{background:rgba(240,198,116,.16);color:#f0c674;border-color:rgba(240,198,116,.45)}
.selo-plano.front{background:rgba(217,43,43,.18);color:#ff8a8a;border-color:rgba(217,43,43,.5)}
.selo-plano.workshop{background:rgba(120,180,255,.14);color:#9cc4f5;border-color:rgba(120,180,255,.4)}
.selo-plano.gratuito{background:rgba(255,255,255,.07);color:var(--dim);border-color:rgba(255,255,255,.18)}
.selo-plano.admin{background:rgba(160,120,255,.15);color:#c0a6ff;border-color:rgba(160,120,255,.42)}
.selo-plano.vencido{background:rgba(217,43,43,.12);color:#ff9d9d;border-color:rgba(217,43,43,.4)}
.selo-plano.nenhum{background:transparent;color:var(--dim);border-color:rgba(255,255,255,.16)}
body.claro .selo-plano.anual{background:#fdf3de;color:#8a5d05;border-color:#e3cd98}
body.claro .selo-plano.front{background:#fdeaea;color:#a31220;border-color:#eec3c3}
body.claro .selo-plano.workshop{background:#e9f1fd;color:#1c4f8f;border-color:#c3d7ef}
body.claro .selo-plano.gratuito{background:#f3efec;color:#6b625d;border-color:#ddd3cc}
body.claro .selo-plano.admin{background:#f0eafd;color:#5733a8;border-color:#d6c9f2}
body.claro .selo-plano.vencido{background:#fdeaea;color:#a31220;border-color:#eec3c3}
body.claro .selo-plano.nenhum{color:#6b625d;border-color:#ddd3cc}

/* ---- aceite dos termos ---- */
.tm-aceite{max-width:620px}
.tm-mini{font-size:12.5px;color:var(--dim);margin-top:14px;line-height:1.6}
.tm-aceite .sim-nao{margin-bottom:14px;align-items:flex-start}
.tm-aceite .sim-nao em{display:block;font-style:normal;font-size:12.5px;color:var(--dim);margin-top:3px}

.selo-plano.entrada{background:rgba(255,255,255,.07);color:var(--dim);border-color:rgba(255,255,255,.18)}
body.claro .selo-plano.entrada{background:#f3efec;color:#6b625d;border-color:#ddd3cc}

/* ---- saudação do Início: foto, nome e plano ---- */
.pn-ola{display:flex;align-items:center;gap:22px;margin:0 0 30px;flex-wrap:wrap}
.pn-foto{width:82px;height:82px;flex:0 0 82px;border-radius:50%;overflow:hidden;display:grid;
  place-items:center;background:linear-gradient(150deg,rgba(217,43,43,.3),rgba(240,198,116,.22));
  border:2px solid rgba(240,198,116,.4)}
.pn-foto img{width:100%;height:100%;object-fit:cover;display:block}
.pn-ini{font-size:28px;font-weight:900;color:#f0c674;letter-spacing:1px}
body.claro .pn-foto{border-color:#e3cd98;background:linear-gradient(150deg,#f6e3e3,#fbf1da)}
body.claro .pn-ini{color:#8a5d05}
.pn-txt{flex:1;min-width:250px}
.pn-txt h1{margin:6px 0 8px}
.pn-txt .sub{margin:0 0 12px}
.pn-quem{font-size:14px;font-weight:700;color:#f0c674;margin:0 0 6px;letter-spacing:.2px}
body.claro .pn-quem{color:#8a5d05}
@media(max-width:560px){
  .pn-ola{gap:16px}
  .pn-foto{width:62px;height:62px;flex:0 0 62px}
  .pn-ini{font-size:21px}
}

/* ---- no computador o menu fica aberto do lado esquerdo, sem hambúrguer (à esquerda desde 06/10/2026) ---- */
.so-pc{display:none}
@media(min-width:1180px){
  .so-pc{display:inline-flex}
  .menu-lat,.menu-lat[hidden]{display:block;left:0;right:auto;top:0;bottom:0;width:262px;
    transform:none;transition:none;box-shadow:none;z-index:40;
    border-left:none;border-right:1px solid rgba(217,43,43,.28);padding-top:22px}
  .menu-fundo,.menu-fundo[hidden]{display:none}
  /* o [hidden]{display:none!important} das correções escondia a barra fixa: aqui ela ganha */
  body:not(.sem-barra) .menu-lat[hidden]{display:block!important}
  .ml-x{display:none}
  .hamb{display:none}
  body{padding-left:262px;transition:padding-left .25s ease}
  .menu-lat .ml-topo{margin-bottom:4px}

  /* recolhida: a barra sai e o hambúrguer volta */
  body.sem-barra{padding-left:0}
  body.sem-barra .menu-lat,body.sem-barra .menu-lat[hidden]{display:none}
  body.sem-barra .menu-lat.on{display:block;position:fixed;z-index:80;
    box-shadow:24px 0 60px rgba(0,0,0,.6)}
  body.sem-barra .menu-lat.on .ml-x{display:block}
  body.sem-barra .menu-fundo{display:block}
  body.sem-barra .menu-fundo[hidden]{display:none}
  body.sem-barra .hamb{display:inline-flex}
}
#btnBarra.ic-btn svg{width:19px;height:19px}
body.sem-barra #btnBarra{color:var(--faint)}
body.claro .menu-lat{border-right:1px solid var(--linha);border-left:none}

/* ==================================================================
   CATÁLOGO: esteiras que rolam de lado e cartões com capa grande
   ================================================================== */
.esteira-cx{position:relative;margin:0 -6px}
.esteira{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;
  scroll-behavior:smooth;scroll-snap-type:x proximity;overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;
  padding:6px 6px 16px;scrollbar-width:none;-ms-overflow-style:none}
.esteira::-webkit-scrollbar{display:none}
.esteira>.pstr{flex:0 0 272px;width:272px;scroll-snap-align:start}
.es-seta{position:absolute;top:44%;transform:translateY(-50%);z-index:6;
  width:42px;height:80px;border-radius:14px;display:grid;place-items:center;cursor:pointer;
  color:#fff;background:rgba(12,8,9,.86);border:1px solid rgba(217,43,43,.45);
  backdrop-filter:blur(6px);transition:opacity .2s ease,background .2s ease,border-color .2s ease;
  opacity:0;pointer-events:none}
.es-seta svg{width:26px;height:26px;fill:currentColor}
.es-seta:hover{background:var(--red);border-color:var(--red-l)}
.es-seta.esq{left:-16px}
.es-seta.dir{right:-16px}
@media(min-width:900px){
  .esteira-cx:hover .es-seta{opacity:1;pointer-events:auto}
  .esteira-cx .es-seta:focus-visible{opacity:1;pointer-events:auto}
}
.es-seta[hidden]{display:none}
body.claro .es-seta{background:rgba(255,255,255,.96);color:var(--red);border-color:var(--linha-f);
  box-shadow:0 6px 20px rgba(0,0,0,.16)}
body.claro .es-seta:hover{background:var(--red);color:#fff}

/* grade das seções, dos salvos e da busca, no mesmo formato */
.grade-cat{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(262px,1fr))}

/* ---- o cartão ---- */
.pstr{position:relative;display:block;border-radius:16px;overflow:hidden;
  background:#140d0f;border:1px solid rgba(217,43,43,.22);
  transition:transform .24s cubic-bezier(.2,.7,.3,1),box-shadow .24s ease,border-color .24s ease}
.pstr:hover{transform:translateY(-6px);border-color:rgba(240,69,69,.6);
  box-shadow:0 20px 46px rgba(0,0,0,.6)}
body.claro .pstr{background:#fff;border:1px solid var(--linha-f);box-shadow:0 2px 10px rgba(0,0,0,.05)}
body.claro .pstr:hover{border-color:var(--red);box-shadow:0 18px 38px rgba(0,0,0,.16)}

.pstr-capa{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
.pstr-capa img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s cubic-bezier(.2,.7,.3,1),filter .3s ease}
.pstr:hover .pstr-capa img{transform:scale(1.07)}

/* sem capa, cada seção tem o seu degradê, para a esteira não ficar monótona */
.pstr-sem{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:12px;background:linear-gradient(145deg,#2a171b,#1a1013 60%,#241419)}
.pstr-sem svg{width:42px;height:42px;fill:rgba(255,255,255,.55)}
.pstr-sem em{font-style:normal;font-size:10.5px;letter-spacing:2.6px;text-transform:uppercase;
  font-weight:800;color:rgba(255,255,255,.45)}
.pstr.t-insight  .pstr-sem{background:linear-gradient(145deg,#3a1218,#1b0d11 60%,#2b1016)}
.pstr.t-case     .pstr-sem{background:linear-gradient(145deg,#12283a,#0d151b 60%,#10222e)}
.pstr.t-sacada   .pstr-sem{background:linear-gradient(145deg,#123a2c,#0d1b16 60%,#0f2c22)}
.pstr.t-aula     .pstr-sem{background:linear-gradient(145deg,#2c1a3a,#150d1b 60%,#22132c)}
.pstr.t-workshop .pstr-sem{background:linear-gradient(145deg,#3a2812,#1b140d 60%,#2c1f10)}
.pstr.t-material .pstr-sem{background:linear-gradient(145deg,#243040,#11161d 60%,#1b2430)}
.pstr.t-livro    .pstr-sem{background:linear-gradient(145deg,#3a3212,#1b180d 60%,#2c2610)}
body.claro .pstr-sem{background:linear-gradient(145deg,#f4e7e3,#efe2dd 60%,#f7eee3)}
body.claro .pstr-sem svg{fill:rgba(0,0,0,.34)}
body.claro .pstr-sem em{color:#9c8f88}
body.claro .pstr.t-insight  .pstr-sem{background:linear-gradient(145deg,#fae3e3,#f3d9d9)}
body.claro .pstr.t-case     .pstr-sem{background:linear-gradient(145deg,#e2edf7,#d7e5f2)}
body.claro .pstr.t-sacada   .pstr-sem{background:linear-gradient(145deg,#e0f3ea,#d3ece0)}
body.claro .pstr.t-aula     .pstr-sem{background:linear-gradient(145deg,#ece2f7,#e2d5f2)}
body.claro .pstr.t-workshop .pstr-sem{background:linear-gradient(145deg,#f8ecd9,#f2e2c9)}
body.claro .pstr.t-material .pstr-sem{background:linear-gradient(145deg,#e6ebf2,#dae1ea)}
body.claro .pstr.t-livro    .pstr-sem{background:linear-gradient(145deg,#f6f0d6,#efe7c4)}

.pstr-veu{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,5,6,.62) 0%,rgba(8,5,6,.05) 34%,
             rgba(8,5,6,.35) 62%,rgba(8,5,6,.94) 100%)}

/* título e data, sempre por cima da capa */
.pstr-baixo{position:absolute;left:14px;right:14px;bottom:11px;z-index:3;display:block}
.pstr-titulo{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  color:#fff;font-size:15.5px;font-weight:800;line-height:1.35;letter-spacing:.1px;
  text-shadow:0 2px 14px rgba(0,0,0,.85)}
.pstr-data{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:11.5px;font-weight:700;
  color:rgba(255,255,255,.72);text-shadow:0 1px 8px rgba(0,0,0,.8)}
.pstr-vi{display:inline-flex;align-items:center;gap:4px;color:#7fe6a6}
.pstr-vi svg{width:13px;height:13px;fill:currentColor}
.pstr.vi .pstr-capa img{filter:saturate(.55) brightness(.75)}

/* selos: seção e novidade, no alto à esquerda */
.pstr-selos{position:absolute;top:11px;left:11px;z-index:3;display:flex;gap:6px;flex-wrap:wrap;
  max-width:calc(100% - 70px)}
.pstr-tag{font-size:9.5px;letter-spacing:1.8px;text-transform:uppercase;font-weight:800;color:#fff;
  padding:5px 9px;border-radius:7px;background:rgba(12,8,9,.74);
  border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(4px)}
.pstr.t-insight  .pstr-tag{border-color:rgba(255,120,120,.6);color:#ffc9c9}
.pstr.t-case     .pstr-tag{border-color:rgba(120,180,255,.55);color:#c6e0ff}
.pstr.t-sacada   .pstr-tag{border-color:rgba(120,230,180,.55);color:#bff0d9}
.pstr.t-aula     .pstr-tag{border-color:rgba(190,150,255,.55);color:#dcc9ff}
.pstr.t-workshop .pstr-tag{border-color:rgba(240,198,116,.6);color:#f5dfae}
.pstr.t-material .pstr-tag{border-color:rgba(180,200,225,.5);color:#dbe6f2}
.pstr.t-livro    .pstr-tag{border-color:rgba(230,215,120,.55);color:#f0e6ae}
.pstr-novo{font-size:9.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:900;color:#fff;
  padding:5px 9px;border-radius:7px;background:linear-gradient(130deg,#C4182B,#8E1020);
  box-shadow:0 2px 10px rgba(196,24,43,.55)}
.pstr-novo.agenda{background:rgba(12,8,9,.82);border:1px solid rgba(240,198,116,.55);color:#f0c674;
  box-shadow:none}

/* play no meio, só nas aulas e no workshop */
.pstr-play{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%) scale(.92);z-index:3;
  width:54px;height:54px;border-radius:50%;display:grid;place-items:center;
  background:rgba(12,8,9,.6);border:1.5px solid rgba(255,255,255,.75);
  opacity:.92;transition:all .25s ease}
.pstr-play svg{width:24px;height:24px;fill:#fff;margin-left:3px}
.pstr:hover .pstr-play{transform:translate(-50%,-50%) scale(1);opacity:1;
  background:var(--red);border-color:var(--red-l);box-shadow:0 6px 24px rgba(217,43,43,.55)}

/* trancado: a capa continua à mostra, só ganha um cadeado e a barra dourada */
.pstr.trancado .pstr-capa img{filter:saturate(.5) brightness(.62)}
.pstr.trancado .pstr-sem{filter:brightness(.72)}
.pstr.trancado:hover .pstr-capa img{filter:saturate(.75) brightness(.78)}
.pstr.trancado{border-color:rgba(240,198,116,.3)}
.pstr.trancado:hover{border-color:rgba(240,198,116,.75);box-shadow:0 20px 46px rgba(0,0,0,.6)}
.pstr-cadinho{position:absolute;top:11px;right:11px;z-index:4;width:30px;height:30px;border-radius:9px;
  display:grid;place-items:center;color:#f0c674;background:rgba(12,8,9,.78);
  border:1px solid rgba(240,198,116,.55);backdrop-filter:blur(4px)}
.pstr-cadinho svg{width:15px;height:15px;fill:currentColor}
.pstr-liberar{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 12px;
  font-size:12.5px;font-weight:800;letter-spacing:.3px;color:#f0c674;
  background:rgba(240,198,116,.1);border-top:1px solid rgba(240,198,116,.3);
  transition:all .2s ease}
.pstr-liberar svg{width:14px;height:14px;fill:currentColor}
.pstr-liberar:hover{color:#1a1208;background:#f0c674}
body.claro .pstr-liberar{color:#8a5d05;background:#fdf6e6;border-top:1px solid #e3cd98}
body.claro .pstr-liberar:hover{color:#fff;background:#8a5d05}
body.claro .pstr-cadinho{background:rgba(255,255,255,.92);color:#8a5d05;border-color:#e3cd98}

/* as ações, em coluna no canto direito da capa */
.pstr-ic{position:absolute;top:11px;right:11px;z-index:5;display:flex;flex-direction:column;gap:7px;
  opacity:0;transform:translateX(6px);transition:opacity .2s ease,transform .2s ease}
.pstr:hover .pstr-ic,.pstr:focus-within .pstr-ic{opacity:1;transform:none}
@media(hover:none){ .pstr-ic{opacity:1;transform:none} }
.pstr-ic form{display:block;line-height:0}
.pstr-bt{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;cursor:pointer;
  color:#fff;background:rgba(12,8,9,.74);border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(5px);padding:0;transition:all .18s ease}
.pstr-bt svg{width:15px;height:15px;fill:currentColor}
.pstr-bt:hover{background:var(--red);border-color:var(--red-l);transform:scale(1.08)}
.pstr-bt.on{color:#7fe6a6;border-color:rgba(37,211,102,.6);background:rgba(8,40,22,.82)}
.pstr-bt.estrela.on{color:#f0c674;border-color:rgba(240,198,116,.65);background:rgba(44,32,8,.85)}
body.claro .pstr-bt{background:rgba(255,255,255,.92);color:#5b524d;border-color:rgba(0,0,0,.1)}
body.claro .pstr-bt:hover{color:#fff;background:var(--red);border-color:var(--red)}
body.claro .pstr-bt.on{color:#1a7a48;background:#e6f6ec;border-color:#bfe3cd}
body.claro .pstr-bt.estrela.on{color:#8a5d05;background:#fdf3de;border-color:#e3cd98}

@media(max-width:560px){
  .esteira{gap:12px}
  .esteira>.pstr{flex:0 0 74vw;width:74vw}
  .grade-cat{grid-template-columns:1fr}
  .pstr-titulo{font-size:16px}
  .es-seta{display:none}
}

/* ---- faixa de destaque do Início ---- */
.dst{position:relative;border-radius:22px;overflow:hidden;margin:0 0 26px;
  min-height:330px;display:flex;align-items:flex-end;
  border:1px solid rgba(217,43,43,.3);box-shadow:0 22px 56px rgba(0,0,0,.5)}
.dst-capa{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform 8s ease}
.dst:hover .dst-capa{transform:scale(1.05)}
.dst-veu{position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(8,5,6,.95) 0%,rgba(8,5,6,.82) 42%,rgba(8,5,6,.25) 100%),
             linear-gradient(0deg,rgba(8,5,6,.9) 0%,rgba(8,5,6,0) 62%)}
.dst-txt{position:relative;z-index:2;padding:36px 34px;max-width:640px}
.dst-tag{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:2.6px;
  text-transform:uppercase;font-weight:900;color:#f0c674;margin-bottom:12px}
.dst-tag b{font-size:9.5px;letter-spacing:1.6px;color:#fff;padding:4px 8px;border-radius:6px;
  background:linear-gradient(130deg,#C4182B,#8E1020)}
.dst-txt h2{font-family:var(--d);font-size:clamp(26px,3.4vw,40px);line-height:1.12;color:#fff;
  margin:0 0 12px;text-shadow:0 3px 22px rgba(0,0,0,.7)}
.dst-txt p{font-size:15px;line-height:1.65;color:rgba(255,255,255,.8);margin:0 0 22px;max-width:520px}
.dst-bts{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dst-bts form{display:inline}
.dst-vi{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:#7fe6a6}
.dst-vi svg{width:16px;height:16px;fill:currentColor}
body.claro .dst{border-color:var(--linha-f);box-shadow:0 18px 44px rgba(0,0,0,.16)}
body.claro .dst-veu{background:linear-gradient(90deg,rgba(10,7,8,.92) 0%,rgba(10,7,8,.78) 44%,rgba(10,7,8,.28) 100%),
  linear-gradient(0deg,rgba(10,7,8,.88) 0%,rgba(10,7,8,0) 64%)}
@media(max-width:700px){
  .dst{min-height:270px;border-radius:18px}
  .dst-txt{padding:24px 20px}
  .dst-txt p{font-size:14px;margin-bottom:18px}
}

/* ---- no tema claro as bolinhas de contato mantêm a cor do app ---- */
body.claro .cx-rede.zap{background:#25D366;border:none;color:#fff}
body.claro .cx-rede.zap:hover{background:#1FB855;color:#fff}
body.claro .cx-rede.insta{border:none;color:#fff;
  background:linear-gradient(45deg,#F58529 0%,#DD2A7B 45%,#8134AF 72%,#515BD4 100%)}
body.claro .cx-rede.insta:hover{color:#fff}
body.claro .cx-rede.mail{background:#3b3230;border:none;color:#fff}
body.claro .cx-rede.mail:hover{background:#8a5d05;color:#fff}
body.claro .cx-rede.linked{background:#0A66C2;border:none;color:#fff}
body.claro .cx-rede.linked:hover{background:#08509b;color:#fff}

/* ---- o PDF não tem mais rolagem dentro de rolagem ---- */
.lt-paginas{max-height:none;overflow:visible}
@media (max-width:640px){ .lt-paginas{max-height:none} }

/* ---- menos brilho, mais respiro: o que faz parecer caro ---- */
.conteudo{padding:52px 26px 90px}
.secao{margin-bottom:58px}
.pn-txt h1{font-size:clamp(24px,2.5vw,31px)}
.pn-ola{gap:18px;margin-bottom:24px}
.pn-foto{width:66px;height:66px;flex:0 0 66px}
.pn-ini{font-size:23px}
.dst{margin-bottom:30px}
.btn{box-shadow:0 6px 18px rgba(168,30,30,.26)}
.btn:hover{box-shadow:0 10px 28px rgba(168,30,30,.34)}
.novidades h2::before{animation:none}
.fv h2{font-weight:700;font-size:23px}
.cx-card h3{font-weight:700}
.fv-preco{font-size:36px;line-height:1}
.fv-acervo b{font-size:19px}

/* ---- as capas sem imagem voltam para a paleta da marca: vermelho, dourado e grafite ---- */
.pstr.t-insight  .pstr-sem,
.pstr.t-case     .pstr-sem{background:linear-gradient(145deg,#3a1218,#1b0d11 60%,#2b1016)}
.pstr.t-sacada   .pstr-sem,
.pstr.t-material .pstr-sem{background:linear-gradient(145deg,#23191c,#141012 60%,#1d1517)}
.pstr.t-aula     .pstr-sem,
.pstr.t-workshop .pstr-sem,
.pstr.t-miniv    .pstr-sem,
.pstr.t-minip    .pstr-sem,
.pstr.t-livro    .pstr-sem{background:linear-gradient(145deg,#3a2c12,#1b160d 60%,#2c2110)}
body.claro .pstr.t-insight .pstr-sem,
body.claro .pstr.t-case    .pstr-sem{background:linear-gradient(145deg,#fae3e3,#f3d9d9)}
body.claro .pstr.t-sacada  .pstr-sem,
body.claro .pstr.t-material .pstr-sem{background:linear-gradient(145deg,#efe9e6,#e6dedb)}
body.claro .pstr.t-aula    .pstr-sem,
body.claro .pstr.t-workshop .pstr-sem,
body.claro .pstr.t-miniv   .pstr-sem,
body.claro .pstr.t-minip   .pstr-sem,
body.claro .pstr.t-livro   .pstr-sem{background:linear-gradient(145deg,#f8ecd9,#f2e2c9)}
.pstr.t-insight  .pstr-tag,
.pstr.t-case     .pstr-tag{border-color:rgba(255,120,120,.55);color:#ffc9c9}
.pstr.t-sacada   .pstr-tag,
.pstr.t-material .pstr-tag{border-color:rgba(255,255,255,.3);color:rgba(255,255,255,.88)}
.pstr.t-aula     .pstr-tag,
.pstr.t-workshop .pstr-tag,
.pstr.t-miniv    .pstr-tag,
.pstr.t-minip    .pstr-tag,
.pstr.t-livro    .pstr-tag{border-color:rgba(240,198,116,.6);color:#f5dfae}

/* ---- lista de membros na Administração: cartões, sem rolar de lado ---- */
.mb-filtros{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:20px}
.mb-filtros .mb-busca{flex:1;min-width:230px}
.mb-filtros input,.mb-filtros select{padding:11px 14px;border-radius:12px;font-family:var(--f);
  font-size:14px;color:var(--white);background:rgba(255,255,255,.05);
  border:1px solid rgba(217,43,43,.3)}
.mb-filtros select{cursor:pointer}
.mb-filtros option{background:#1a1214}
body.claro .mb-filtros input,body.claro .mb-filtros select{background:#fff;color:var(--white);
  border:1px solid var(--linha-f)}
body.claro .mb-filtros option{background:#fff}

.mb-lista{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}
.mb-card{border-radius:16px;padding:16px 18px;
  background:rgba(255,255,255,.035);border:1px solid rgba(217,43,43,.2)}
.mb-card.off{opacity:.58}
body.claro .mb-card{background:#fff;border:1px solid var(--linha-f);box-shadow:0 2px 8px rgba(0,0,0,.05)}
.mb-topo{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.mb-quem{flex:1;min-width:0}
.mb-quem strong{display:block;font-size:15px;font-weight:800;color:var(--white);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mb-mail{display:block;font-size:12.5px;color:var(--faint);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mb-selos{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.mb-abre{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.chip-acesso.tudo{color:#7fe6a6;border-color:rgba(37,211,102,.45);background:rgba(37,211,102,.12)}
.chip-acesso.nada{color:#ff9d9d;border-color:rgba(217,43,43,.45);background:rgba(217,43,43,.12)}
body.claro .chip-acesso.tudo{color:#1a7a48;background:#e6f6ec;border-color:#bfe3cd}
body.claro .chip-acesso.nada{color:#a31220;background:#fdeaea;border-color:#eec3c3}
.mb-pe{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
body.claro .mb-pe{border-top:1px solid var(--linha)}
.mb-info{font-size:12.5px;color:var(--dim);line-height:1.5}
.mb-info em{display:block;font-style:normal;font-size:11.5px;color:var(--faint)}
.mb-info b.ruim{color:#ff9d9d}
.mb-info b.perto{color:#f0c674}
body.claro .mb-info b.ruim{color:#a31220}
body.claro .mb-info b.perto{color:#8a5d05}
.mb-bts{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.mb-bts form{display:inline}
@media(max-width:620px){
  .mb-lista{grid-template-columns:1fr}
  .mb-filtros .mb-busca{min-width:100%}
  .mb-filtros select{flex:1;min-width:150px}
}

/* ==================================================================
   TIPOGRAFIA
   A Instrument Serif tem um peso só. Pedir negrito nela faz o navegador
   engrossar na marra, e é isso que deixa o título borrado. Então:
   1) font-synthesis desligado, para nunca existir negrito falso;
   2) a serifa fica SÓ nos momentos grandes, onde ela é bonita;
   3) título de seção, de cartão e de tabela vão de Inter Tight, que é
      onde a leitura realmente acontece.
   ================================================================== */
*{font-synthesis:none;-webkit-font-synthesis:none}

/* --- os momentos grandes, em serifa --- */
h1,.fr-capa h1,.caixa h1,.dst-txt h2,.fr-divisor h2,.fr-fecha h2,.pr-lado h2,
.am-fecha h2,.rn-ano h2{
  font-family:var(--d);font-weight:400;letter-spacing:0}
h1{font-size:clamp(30px,4.6vw,46px);line-height:1.08}
.dst-txt h2{font-size:clamp(30px,4vw,48px);line-height:1.06}
.fr-divisor h2,.fr-fecha h2{font-size:clamp(30px,4.8vw,48px);line-height:1.08}
.pn-txt h1{font-size:clamp(28px,3vw,38px);line-height:1.1}
.mc-dados h1{font-size:clamp(26px,2.8vw,34px)}
.caixa h1{font-size:34px}
.rn-ano h2{font-size:clamp(22px,2.6vw,30px)}

/* --- números de preço, também em serifa: é onde ela brilha --- */
.fv-preco,.rn-pr-txt strong,.rn-num b,.jr-preco,.dst-tag b{font-family:var(--d);font-weight:400}
.fv-preco{font-size:38px;letter-spacing:0}
.dst-tag b{font-family:var(--f);font-weight:900}

/* --- tudo que é interface volta para a Inter Tight --- */
h2,h3,.secao-topo h2,.fv h2,.cx-card h3,.jr-agora-topo h2,.fr-lado h2,.plano h3,
.cartao h3,.pilar h3,.tr-txt h3,.cp-lado h3,.pstr-titulo,.mb-quem strong,
.bv-cx h2,.modal-cx h2{font-family:var(--f);letter-spacing:-.1px}
h2{font-size:clamp(21px,2.5vw,27px);font-weight:800;line-height:1.22}
.secao-topo h2{font-size:clamp(20px,2.3vw,25px);font-weight:800}
.fv h2{font-size:25px;font-weight:800}
.jr-agora-topo h2,.fr-lado h2{font-weight:800}

/* --- texto corrido um pouco maior, que é onde a vista cansa --- */
.sub{font-size:16px;line-height:1.68}
.secao-desc{line-height:1.6}

/* ---- o trancado mostra capa e subtítulo, e nada mais ---- */
.pstr-sub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  margin-top:5px;font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.7);
  text-shadow:0 1px 10px rgba(0,0,0,.85)}
.tranca-sub{font-size:16px;line-height:1.6;color:var(--dim);max-width:520px;margin:0 auto 18px}
body.claro .tranca-sub{color:#5b524d}

/* ---- tela de renovação: o ano da pessoa e o preço ---- */
.rn-ano{max-width:760px;margin:0 auto 26px;border-radius:20px;padding:28px 26px;
  background:rgba(255,255,255,.04);border:1px solid rgba(217,43,43,.22)}
body.claro .rn-ano{background:#fff;border-color:var(--linha-f)}
.rn-ano h2{font-size:clamp(20px,2.4vw,26px);margin-bottom:18px}
.rn-num{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.rn-num div{text-align:center}
.rn-num b{display:block;font-family:var(--d);font-size:38px;font-weight:400;color:#f0c674;line-height:1}
.rn-num b.menor{font-size:19px;line-height:1.3;padding:8px 0}
.rn-num span{display:block;margin-top:6px;font-size:12.5px;color:var(--dim);line-height:1.4}
body.claro .rn-num b{color:#8a5d05}
.rn-linha{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);
  font-size:14.5px;color:var(--dim);line-height:1.65}
body.claro .rn-linha{border-color:var(--linha)}
.rn-preco{max-width:760px;margin:0 auto 26px;border-radius:20px;padding:26px;
  display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;
  background:rgba(240,198,116,.09);border:1px solid rgba(240,198,116,.4)}
body.claro .rn-preco{background:#fdf6e6;border-color:#e3cd98}
.rn-tag{display:block;font-size:10px;letter-spacing:2.6px;text-transform:uppercase;font-weight:900;
  color:#f0c674;margin-bottom:8px}
body.claro .rn-tag{color:#8a5d05}
.rn-pr-txt strong{display:block;font-family:var(--d);font-size:40px;font-weight:400;line-height:1;
  color:var(--white)}
.rn-pr-txt em{display:block;margin-top:8px;font-style:normal;font-size:13px;color:var(--dim)}
.rn-pr-bts{display:flex;gap:10px;flex-wrap:wrap}

.av-estado{border-radius:12px;padding:12px 14px;margin-bottom:16px;font-size:13.5px;line-height:1.55;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:var(--dim)}
.av-estado.bom{background:rgba(37,211,102,.1);border-color:rgba(37,211,102,.4);color:#7fe6a6}
.av-estado.ruim{background:rgba(217,43,43,.1);border-color:rgba(217,43,43,.4);color:#ff9d9d}
body.claro .av-estado{background:#f6f2ef;border-color:var(--linha-f);color:#5b524d}
body.claro .av-estado.bom{background:#e6f6ec;border-color:#bfe3cd;color:#1a7a48}
body.claro .av-estado.ruim{background:#fdeaea;border-color:#eec3c3;color:#a31220}

/* ==================================================================
   AJUSTES FINOS DE TIPOGRAFIA E ACABAMENTO
   ================================================================== */
/* a serifa fica fina demais com o antialias do Mac; nela, traço cheio */
h1,.fr-capa h1,.caixa h1,.dst-txt h2,.fr-divisor h2,.fr-fecha h2,.pr-lado h2,
.am-fecha h2,.rn-ano h2,.fv-preco,.rn-pr-txt strong,.rn-num b,.jr-valor,
.fr-nome,.fr-frase{-webkit-font-smoothing:auto;text-rendering:optimizeLegibility}

/* entrelinha: em português o acento da linha de baixo bate no de cima */
h1{line-height:1.14;letter-spacing:-.008em}
.dst-txt h2{line-height:1.1;letter-spacing:-.008em}
.fr-divisor h2,.fr-fecha h2{line-height:1.12}
.rn-ano h2{line-height:1.16}

/* nenhum peso que não existe na família, para não depender do reset */
.mes-nome,.fr-num strong,.fa-txt strong,.fp-txt strong,.pg-dia b,.num b,
.jr-valor,.fv-preco,.rn-num b{font-weight:400}
.fr-frase,.fr-citacoes blockquote{font-weight:400;font-style:italic}
.fr-nome{font-weight:400;letter-spacing:-.02em;line-height:.94}

/* o "12x" ao lado do preço volta para a sem serifa, senão ele some */
.vl-pq{font-family:var(--f);font-weight:700;font-size:.42em;letter-spacing:.02em}

/* menos brilho: glow difuso é assinatura de produto barato */
.destaque{box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 18px 44px rgba(0,0,0,.5)}
.aba.on,.btn.g:hover{box-shadow:none}
.fv{box-shadow:0 18px 44px rgba(0,0,0,.45)}

/* a esteira some suave na borda, em vez de cortar o cartão no meio */
.esteira{-webkit-mask-image:linear-gradient(90deg,#000 0 93%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0 93%,transparent 100%)}
.esteira.fim{-webkit-mask-image:none;mask-image:none}

/* cartão um pouco maior e em 3/2, que é proporção de catálogo */
.pstr-capa{aspect-ratio:3/2}
.esteira>.pstr{flex:0 0 300px;width:300px}
.grade-cat{grid-template-columns:repeat(auto-fill,minmax(286px,1fr));gap:20px}
.pstr-sub{color:rgba(255,255,255,.82)}
.pstr-veu{background:linear-gradient(180deg,rgba(8,5,6,.62) 0%,rgba(8,5,6,.05) 32%,
  rgba(8,5,6,.42) 60%,rgba(8,5,6,.97) 100%)}
@media(max-width:560px){ .esteira>.pstr{flex:0 0 76vw;width:76vw} }

/* quem navega pelo teclado precisa enxergar onde está */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid #f0c674;outline-offset:3px;border-radius:10px}

/* ---- convite das notificações, no fim do conteúdo ---- */
.cv-aviso{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  max-width:760px;margin:30px auto 0;border-radius:16px;padding:18px 20px;
  background:rgba(240,198,116,.08);border:1px solid rgba(240,198,116,.34)}
body.claro .cv-aviso{background:#fdf6e6;border-color:#e3cd98}
.cv-txt strong{display:block;font-size:15px;font-weight:800;color:#f0c674;margin-bottom:3px}
.cv-txt em{font-style:normal;font-size:13px;color:var(--dim);line-height:1.5}
body.claro .cv-txt strong{color:#8a5d05}
.cv-bts{display:flex;gap:8px;flex-wrap:wrap}

.rn-painel{max-width:none;margin-bottom:26px;border-color:rgba(240,198,116,.38);
  background:rgba(240,198,116,.07)}
body.claro .rn-painel{background:#fdf6e6;border-color:#e3cd98}
.rn-pe{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}
body.claro .rn-pe{border-color:var(--linha)}

/* ==================================================================
   COMENTÁRIOS NO CONTEÚDO
   ================================================================== */
.rc{max-width:760px;margin:38px auto 0;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}
body.claro .rc{border-color:var(--linha)}
.rc-topo{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.rc-topo h2{margin:0;font-size:19px;font-weight:800}
.rc-nota{font-size:13px;color:var(--faint)}
.rc-vazio{font-size:14.5px;color:var(--dim);margin-bottom:20px}
.rc-lista{display:flex;flex-direction:column;gap:16px;margin-bottom:22px}
.rc-item{position:relative;display:flex;gap:12px;align-items:flex-start}
.rc-corpo{flex:1;min-width:0;border-radius:14px;padding:12px 15px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
body.claro .rc-corpo{background:#fff;border-color:var(--linha-f)}
.rc-quem{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:5px}
.rc-quem strong{font-size:14px;font-weight:800;color:var(--white)}
.rc-quando{font-size:11.5px;color:var(--faint)}
.rc-corpo p{font-size:14.5px;line-height:1.6;color:var(--dim);margin:0}
.rc-x button{background:none;border:none;color:var(--faint);font-size:20px;line-height:1;
  cursor:pointer;padding:2px 6px}
.rc-x button:hover{color:var(--red-l)}
.rc-form{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}
.rc-form textarea{flex:1;min-width:220px;padding:12px 15px;border-radius:14px;resize:vertical;
  font-family:var(--f);font-size:14.5px;line-height:1.6;color:var(--white);
  background:rgba(255,255,255,.05);border:1px solid rgba(217,43,43,.3)}
.rc-form textarea:focus{border-color:var(--red-l);box-shadow:0 0 0 3px rgba(217,43,43,.16);outline:none}
body.claro .rc-form textarea{background:#fff;border-color:var(--linha-f)}
.pstr-rc{display:inline-flex;align-items:center;gap:4px}
.pstr-rc svg{width:12px;height:12px;fill:currentColor}

/* ==================================================================
   PLACAR DO MÊS
   ================================================================== */
.pl-eu{display:flex;align-items:center;gap:24px;flex-wrap:wrap;border-radius:20px;padding:24px 26px;
  margin-bottom:18px;background:rgba(240,198,116,.08);border:1px solid rgba(240,198,116,.36)}
body.claro .pl-eu{background:#fdf6e6;border-color:#e3cd98}
.pl-eu-num{text-align:center;min-width:120px}
.pl-eu-num b{display:block;font-family:var(--d);font-size:52px;font-weight:400;line-height:1;color:#f0c674}
body.claro .pl-eu-num b{color:#8a5d05}
.pl-eu-num span{display:block;margin-top:6px;font-size:12px;color:var(--dim)}
.pl-eu-txt strong{display:block;font-size:19px;font-weight:800;margin-bottom:4px}
.pl-eu-txt em{font-style:normal;font-size:14px;color:var(--dim)}
.pl-premio{border-radius:16px;padding:16px 20px;margin-bottom:34px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
body.claro .pl-premio{background:#fff;border-color:var(--linha-f)}
.pl-tag{display:block;font-size:10px;letter-spacing:2.6px;text-transform:uppercase;font-weight:900;
  color:var(--red-l);margin-bottom:6px}
.pl-premio strong{font-size:16px;font-weight:700;line-height:1.5;color:var(--white)}
.pl-lista{display:flex;flex-direction:column;gap:8px}
.pl-linha{display:flex;align-items:center;gap:14px;border-radius:14px;padding:10px 14px;
  background:rgba(255,255,255,.035);border:1px solid transparent}
.pl-linha.eu{background:rgba(217,43,43,.14);border-color:rgba(240,69,69,.45)}
body.claro .pl-linha{background:#fff;border:1px solid var(--linha-f)}
body.claro .pl-linha.eu{background:#fdeaea;border-color:#eec3c3}
.pl-pos{width:30px;text-align:center;font-family:var(--d);font-size:22px;font-weight:400;color:var(--faint)}
.pl-pos.top{color:#f0c674}
body.claro .pl-pos.top{color:#8a5d05}
.pl-nome{flex:1;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl-pts{font-family:var(--d);font-size:24px;font-weight:400;color:var(--white)}
.pl-regras{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.pl-regra{display:flex;align-items:center;gap:12px;border-radius:12px;padding:12px 14px;
  font-size:14px;color:var(--dim);background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.1)}
body.claro .pl-regra{background:#fff;border-color:var(--linha-f)}
.pl-vale{flex-shrink:0;min-width:44px;text-align:center;font-weight:800;font-size:13px;
  padding:5px 8px;border-radius:8px;color:#7fe6a6;background:rgba(37,211,102,.14);
  border:1px solid rgba(37,211,102,.35)}
body.claro .pl-vale{color:#1a7a48;background:#e6f6ec;border-color:#bfe3cd}

/* ==================================================================
   MURAL DE INSIGHTS
   ================================================================== */
.in-novo{display:flex;gap:14px;align-items:flex-start;border-radius:18px;padding:18px;
  margin-bottom:26px;background:rgba(255,255,255,.04);border:1px solid rgba(217,43,43,.25)}
body.claro .in-novo{background:#fff;border-color:var(--linha-f)}
.in-campo{flex:1;min-width:0}
.in-campo textarea{width:100%;padding:12px 14px;border-radius:14px;resize:vertical;
  font-family:var(--f);font-size:15.5px;line-height:1.6;color:var(--white);
  background:rgba(0,0,0,.28);border:1px solid rgba(217,43,43,.28)}
.in-campo textarea:focus{border-color:var(--red-l);box-shadow:0 0 0 3px rgba(217,43,43,.16);outline:none}
body.claro .in-campo textarea{background:#faf8f6;border-color:var(--linha-f)}
.in-pe{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}
.in-img{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;
  color:var(--dim);cursor:pointer}
.in-img svg{width:17px;height:17px;fill:currentColor}
.in-img input{display:none}
.in-fixa{margin:0;font-size:13px}
.in-pe .btn{margin-left:auto}

.in-mural{display:flex;flex-direction:column;gap:18px}
.in-post{border-radius:18px;padding:20px 22px;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1)}
.in-post.fixado{border-color:rgba(240,198,116,.45);background:rgba(240,198,116,.06)}
body.claro .in-post{background:#fff;border-color:var(--linha-f);box-shadow:0 2px 10px rgba(0,0,0,.04)}
body.claro .in-post.fixado{background:#fdf6e6;border-color:#e3cd98}
.in-topo{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.in-quem{flex:1;min-width:0}
.in-quem strong{display:block;font-size:15px;font-weight:800;color:var(--white)}
.in-quem span{font-size:12px;color:var(--faint)}
.in-fix{font-size:9.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:900;color:#f0c674;
  padding:4px 9px;border-radius:7px;border:1px solid rgba(240,198,116,.45)}
body.claro .in-fix{color:#8a5d05;border-color:#e3cd98}
.in-apaga button{background:none;border:none;color:var(--faint);font-size:22px;line-height:1;
  cursor:pointer;padding:0 4px}
.in-apaga button:hover{color:var(--red-l)}
.in-texto{font-size:16.5px;line-height:1.65;color:var(--white)}
.in-texto br + br{display:none}
body.claro .in-texto{color:#2b2422}
.in-foto{display:block;margin-top:16px;border-radius:14px;overflow:hidden;
  border:1px solid rgba(255,255,255,.1)}
/* foto em pé não pode tomar a tela inteira do post */
.in-foto img{width:100%;max-height:70vh;object-fit:cover;display:block}
.in-acoes{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08)}
body.claro .in-acoes{border-color:var(--linha)}
.in-acoes form{display:inline}
.in-bt{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:100px;cursor:pointer;
  font-family:var(--f);font-size:13px;font-weight:700;color:var(--dim);
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);transition:all .2s ease}
.in-bt svg{width:15px;height:15px;fill:currentColor}
.in-bt:hover{color:#fff;background:rgba(217,43,43,.2);border-color:rgba(240,69,69,.5)}
.in-bt.on{color:#ff8a8a;background:rgba(217,43,43,.18);border-color:rgba(240,69,69,.5)}
.in-bt.seco{cursor:default;background:none;border-color:transparent;color:var(--faint)}
.in-bt.seco:hover{background:none;color:var(--faint)}
.in-bt.cad{color:#f0c674;border-color:rgba(240,198,116,.4);background:rgba(240,198,116,.1);margin-left:auto}
.in-bt.cad:hover{color:#1a1208;background:#f0c674;border-color:#f0c674}
body.claro .in-bt{background:#f6f2ef;border-color:var(--linha-f);color:#5b524d}
body.claro .in-bt.cad{color:#8a5d05;background:#fdf6e6;border-color:#e3cd98}

/* ---- guia em vídeo do Comece por aqui ---- */
.gv-grade{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.gv-card{border-radius:18px;padding:20px 22px;background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.1)}
.gv-card.trancado{opacity:.72}
body.claro .gv-card{background:#fff;border-color:var(--linha-f);box-shadow:0 2px 10px rgba(0,0,0,.04)}
.gv-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;margin-bottom:14px;
  background:rgba(217,43,43,.16);border:1px solid rgba(217,43,43,.35)}
.gv-ico svg{width:20px;height:20px;fill:var(--red-l)}
body.claro .gv-ico{background:#fdeaea;border-color:#eec3c3}
.gv-card h3{font-size:16.5px;font-weight:800;margin-bottom:6px;color:var(--white)}
.gv-card p{font-size:14px;line-height:1.6;color:var(--dim);margin-bottom:14px}
.gv-video summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;list-style:none;
  padding:9px 16px;border-radius:100px;font-size:13px;font-weight:800;color:#fff;
  background:linear-gradient(130deg,#D92B2B,#A81E1E)}
.gv-video summary::-webkit-details-marker{display:none}
.gv-video summary svg{width:14px;height:14px;fill:currentColor}
.gv-video[open] summary{background:rgba(255,255,255,.08);color:var(--dim);margin-bottom:12px}
body.claro .gv-video[open] summary{background:#f3efec;color:#5b524d}
.gv-cad{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:#f0c674}
.gv-cad svg{width:14px;height:14px;fill:currentColor}
body.claro .gv-cad{color:#8a5d05}

/* ==================================================================
   PACOTES ADICIONAIS E CARRINHO
   ================================================================== */
/* O cartão de pacote inteiro está mais abaixo, junto com a capa. Aqui
   ficou só a grade: o resto era de antes das capas e virou lixo. */
.pc-grade{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}

.ct-barra{position:fixed;right:22px;top:96px;z-index:70}

.ct-abre{display:inline-flex;align-items:center;gap:9px;padding:14px 22px;border-radius:100px;
  cursor:pointer;border:none;font-family:var(--f);font-size:14px;font-weight:800;color:#fff;
  background:linear-gradient(130deg,#D92B2B,#A81E1E);box-shadow:0 12px 34px rgba(0,0,0,.45)}
.ct-abre svg{width:18px;height:18px;fill:currentColor}
.ct-fundo{position:fixed;inset:0;z-index:80;background:rgba(6,4,5,.72);backdrop-filter:blur(3px)}
.ct-caixa{position:fixed;top:0;right:0;bottom:0;z-index:90;width:min(390px,92vw);display:flex;
  flex-direction:column;padding:22px;background:linear-gradient(170deg,#1c1316,#0d0809);
  border-left:1px solid rgba(217,43,43,.35);box-shadow:-24px 0 60px rgba(0,0,0,.6)}
body.claro .ct-caixa{background:var(--papel);border-left:1px solid var(--linha)}
.ct-topo{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;
  margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.12)}
.ct-topo strong{font-size:17px;font-weight:800}
.ct-x{background:none;border:none;font-size:28px;line-height:1;color:var(--faint);cursor:pointer}
.ct-itens{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:8px 0}
.ct-item{display:flex;align-items:center;gap:10px;border-radius:12px;padding:11px 13px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
body.claro .ct-item{background:#fff;border-color:var(--linha-f)}
.ct-n{font-weight:900;color:#f0c674;font-size:14px}
body.claro .ct-n{color:#8a5d05}
.ct-nome{flex:1;font-size:14px;line-height:1.4}
.ct-tira{background:none;border:none;color:var(--faint);font-size:20px;line-height:1;cursor:pointer}
.ct-tira:hover{color:var(--red-l)}
.ct-vazio{font-size:14px;color:var(--faint);padding:20px 0}
.ct-pe{padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.ct-nota{font-size:12.5px;color:var(--faint);line-height:1.5;margin-bottom:14px}
.ct-pe .btn{width:100%;justify-content:center;margin-bottom:9px}

/* ==================================================================
   CORREÇÕES
   ================================================================== */
/* o atributo hidden tem que ganhar de qualquer display do nosso CSS.
   Sem isto, o X do carrinho e o convite de aviso não fechavam. */
[hidden]{display:none!important}

/* contato que a pessoa não cadastrou: apagado, mas inteiro.
   Antes ficava com borda tracejada e parecia botão quebrado. */
.cx-rede.vazio{color:rgba(255,255,255,.34);border:1px solid transparent;
  background:rgba(255,255,255,.05);opacity:1;cursor:pointer}
.cx-rede.vazio:hover{color:rgba(255,255,255,.5);background:rgba(255,255,255,.09);
  border-color:transparent;transform:none;box-shadow:none}
body.claro .cx-rede.vazio{color:#b3a9a3;background:#f1ece8;border:1px solid transparent}
body.claro .cx-rede.vazio:hover{color:#8a7f79;background:#e8e1dc;border-color:transparent}

/* título de seção não quebra em três linhas: o "de" fica colado */
h1,h2,h3,.secao-topo h2,.pstr-titulo{text-wrap:balance}

/* ---- missões do dia ---- */
.ms{border-radius:18px;padding:20px 22px;margin-bottom:26px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
body.claro .ms{background:#fff;border-color:var(--linha-f)}
.ms-topo{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.ms-tag{font-size:10px;letter-spacing:2.6px;text-transform:uppercase;font-weight:900;color:#f0c674}
body.claro .ms-tag{color:#8a5d05}
.ms-topo strong{font-size:16px;font-weight:800}
.ms-link{margin-left:auto;font-size:12.5px;font-weight:700;color:var(--dim)}
.ms-link:hover{color:var(--red-l)}
.ms-itens{display:flex;flex-direction:column;gap:8px}
.ms-item{display:flex;align-items:center;gap:12px;border-radius:12px;padding:11px 14px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);transition:all .2s ease}
.ms-item:hover{border-color:rgba(240,69,69,.5);background:rgba(217,43,43,.12)}
body.claro .ms-item{background:#faf8f6;border-color:var(--linha-f)}
.ms-ch{flex-shrink:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;
  border:1.5px solid rgba(255,255,255,.24)}
.ms-ch svg{width:13px;height:13px;fill:#08140d}
.ms-item.feito .ms-ch{background:#7fe6a6;border-color:#7fe6a6}
.ms-item.feito .ms-txt{color:var(--faint);text-decoration:line-through}
.ms-item.feito .ms-vale{opacity:.5}
.ms-txt{flex:1;font-size:14.5px;font-weight:700;color:var(--white)}
.ms-vale{font-size:12.5px;font-weight:800;color:#7fe6a6;padding:4px 9px;border-radius:8px;
  background:rgba(37,211,102,.14);border:1px solid rgba(37,211,102,.32)}
body.claro .ms-vale{color:#1a7a48;background:#e6f6ec;border-color:#bfe3cd}
body.claro .ms-ch{border-color:#cfc4bd}
.pc-ops{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.pc-ops-tit{font-size:12px;font-weight:800;color:var(--faint);text-transform:uppercase;
  letter-spacing:1.6px;margin-right:2px}
.pc-op input{position:absolute;opacity:0;pointer-events:none}
.pc-op span{display:inline-block;padding:7px 15px;border-radius:100px;cursor:pointer;
  font-size:13.5px;font-weight:800;color:var(--dim);background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.14);transition:all .18s ease}
.pc-op input:checked + span{color:#fff;background:linear-gradient(130deg,#D92B2B,#A81E1E);
  border-color:var(--red-l)}
.pc-op input:focus-visible + span{outline:2px solid #f0c674;outline-offset:2px}
body.claro .pc-op span{background:#f6f2ef;border-color:var(--linha-f);color:#5b524d}
body.claro .pc-op input:checked + span{color:#fff}

/* ---- guia em vídeo: cartões que passam de lado ---- */
.esteira > .gv-card{flex:0 0 320px;width:320px;scroll-snap-align:start}
.gv-player{width:100%;border-radius:12px;display:block;background:#000;margin-bottom:14px}
.gv-ir{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--red-l)}
.gv-ir:hover{color:#fff}
body.claro .gv-ir:hover{color:var(--red)}
.gv-card .player{margin-bottom:14px;border-radius:12px;overflow:hidden}
@media(max-width:560px){ .esteira > .gv-card{flex:0 0 80vw;width:80vw} }
.player-arq{width:100%;max-height:70vh;border-radius:16px;background:#000;display:block;
  margin-bottom:22px;border:1px solid rgba(255,255,255,.12)}
.pc-meio .pc-preco{margin-right:0}
.pc-ops{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0}
.pc-pe .pc-add{margin-left:auto}

/* ==================================================================
   REVISÃO DE 28/09: contraste, celular e detalhes
   ================================================================== */
/* o verde do WhatsApp com texto branco dava 1,98:1. Escurecido, dá 5,02:1 */
.zap-btn,.cx-rede.zap{background:#15803d!important;border-color:#15803d!important;
  box-shadow:none!important;color:#fff!important}
.zap-btn:hover,.cx-rede.zap:hover{background:#116c33!important;border-color:#116c33!important;
  box-shadow:none!important;color:#fff!important}
body.claro .zap-btn,body.claro .cx-rede.zap{background:#15803d!important;color:#fff!important}

/* coração curtido no tema claro estava igual ao não curtido */
body.claro .in-bt.on{color:#C4182B;background:#fdeaea;border-color:#eec3c3}

/* cartão do guia que a pessoa ainda não tem: apagado demais para ler */
.gv-card.trancado{opacity:1}
.gv-card.trancado h3,.gv-card.trancado p{opacity:.82}
.gv-card.trancado .gv-ico{background:rgba(240,198,116,.14);border-color:rgba(240,198,116,.4)}
.gv-card.trancado .gv-ico svg{fill:#f0c674}
body.claro .gv-card.trancado .gv-ico{background:#fdf6e6;border-color:#e3cd98}
body.claro .gv-card.trancado .gv-ico svg{fill:#8a5d05}

/* no celular a barra de baixo cobria o rodapé e o botão do carrinho */
@media(max-width:760px){
  .conteudo{padding-bottom:110px}
  .rodape{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
  .ct-barra{bottom:calc(84px + env(safe-area-inset-bottom));right:14px}
}
.fim-conteudo{display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:760px;
  margin:34px auto 0;padding-top:26px;border-top:1px solid rgba(255,255,255,.1)}
body.claro .fim-conteudo{border-color:var(--linha)}
.fim-conteudo form{display:inline}
.fim-conteudo .btn svg{width:16px;height:16px;fill:currentColor}

/* ==================================================================
   REVISÃO DE 28/09, segunda leva
   ================================================================== */
/* tema claro: os botões do mural não reagiam e o coração não mudava */
body.claro .in-bt:not(.seco):not(.cad):hover{color:#C4182B;background:#fff;border-color:#C4182B}
body.claro .in-bt.seco{background:none;border-color:transparent;color:var(--faint)}
body.claro .in-bt.seco:hover{background:none;border-color:transparent;color:var(--faint)}

/* pontos em dourado, não em verde neon: é prêmio, não app de hábito */
.pl-vale,.ms-vale{color:#f0c674;background:rgba(240,198,116,.1);
  border-color:rgba(240,198,116,.35)}
.ms-item.feito .ms-ch{background:#f0c674;border-color:#f0c674}
.ms-item.feito .ms-ch svg{fill:#1a1208}
body.claro .pl-vale,body.claro .ms-vale{color:#8a5d05;background:#fdf6e6;border-color:#e3cd98}
body.claro .ms-item.feito .ms-ch{background:#8a5d05;border-color:#8a5d05}
body.claro .ms-item.feito .ms-ch svg{fill:#fff}

/* as missões cabem numa linha quando estão no Início */
.ms.curto{padding:15px 18px}
.ms.curto .ms-itens{flex-direction:row;flex-wrap:wrap;gap:8px}
.ms.curto .ms-item{flex:1 1 220px}

/* pacotes em tela estreita */
.pc-grade{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
@media(max-width:420px){
  .pc-card .btn{width:100%;justify-content:center}
}

/* contrastes que ainda reprovavam */
body.claro ::placeholder{color:#857a7c}
.ms-ch{border-color:rgba(255,255,255,.45)}
body.claro .ms-ch{border-color:#9a8c86}
body.claro .ct-topo,body.claro .ct-pe{border-color:var(--linha)}
body.claro .ct-x,body.claro .ct-tira{color:#7d7275}

/* nenhum peso que a Instrument Serif não tem */
h1{font-weight:400} h2{font-weight:700}
.fr-nomes .n{font-weight:400}
.fr-citacoes blockquote b{font-weight:400;font-style:normal;color:var(--red-l)}
.jr-ja{font-size:14.5px;line-height:1.6;color:var(--dim)}
.jr-ja b{color:#f0c674}
body.claro .jr-ja b{color:#8a5d05}

/* ---- insight trancado: a primeira linha aparece, o resto vira barra ---- */
.in-post.trancado{border-color:rgba(240,198,116,.3)}
.in-post.trancado:hover{border-color:rgba(240,198,116,.65)}
body.claro .in-post.trancado{border-color:#e3cd98}
.in-borrado{display:flex;flex-direction:column;gap:9px;margin-top:12px}
.in-linha{display:block;height:12px;border-radius:6px;
  background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.07));
  filter:blur(2.5px)}
.in-linha.curta{width:52%}
body.claro .in-linha{background:linear-gradient(90deg,#e6ded9,#f1ebe7)}
.pl-linha.borrado{opacity:.75}
.pl-linha.borrado .in-linha{flex:1;height:14px;margin:0}
.pl-vulto{width:38px;height:38px;border-radius:50%;flex-shrink:0;
  background:rgba(255,255,255,.08);filter:blur(1px)}
body.claro .pl-vulto{background:#ebe4df}

/* ---- PDF: sem prévia, só abrir ou baixar ---- */
.pdf-cx{display:flex;align-items:center;gap:18px;flex-wrap:wrap;max-width:760px;margin:24px auto 0;
  border-radius:18px;padding:20px 22px;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12)}
body.claro .pdf-cx{background:#fff;border-color:var(--linha-f);box-shadow:0 2px 10px rgba(0,0,0,.04)}
.pdf-ic{flex-shrink:0;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;
  background:rgba(217,43,43,.16);border:1px solid rgba(217,43,43,.35)}
.pdf-ic svg{width:24px;height:24px;fill:var(--red-l)}
body.claro .pdf-ic{background:#fdeaea;border-color:#eec3c3}
.pdf-txt{flex:1;min-width:180px}
.pdf-txt strong{display:block;font-size:15.5px;font-weight:800;color:var(--white);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pdf-txt span{font-size:13px;color:var(--dim)}
.pdf-bts{display:flex;gap:9px;flex-wrap:wrap}

/* ---- mural de insights no Início ---- */
.esteira > .mu-card{flex:0 0 300px;width:300px;scroll-snap-align:start}
.mu-card{display:flex;flex-direction:column;border-radius:16px;padding:18px 20px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
body.claro .mu-card{background:#fff;border-color:var(--linha-f);box-shadow:0 2px 10px rgba(0,0,0,.04)}
.mu-card.trancado{border-color:rgba(240,198,116,.32)}
body.claro .mu-card.trancado{border-color:#e3cd98}
.mu-topo{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.mu-topo strong{display:block;font-size:13.5px;font-weight:800;color:var(--white);line-height:1.2}
.mu-topo span{font-size:11.5px;color:var(--faint)}
.mu-txt{flex:1;font-size:14.5px;line-height:1.6;color:var(--dim);margin-bottom:14px}
.mu-ir{margin-top:auto;font-size:12.5px;font-weight:800;color:var(--red-l)}
.mu-card.trancado .mu-ir{color:#f0c674}
body.claro .mu-card.trancado .mu-ir{color:#8a5d05}
@media(max-width:560px){ .esteira > .mu-card{flex:0 0 78vw;width:78vw} }
.pc-comando{display:block;font-size:13px;font-weight:700;color:var(--dim);margin-bottom:9px}
.pc-meio .pc-preco{margin-bottom:2px}

/* ---- Para a sua empresa: cartão com capa, sem preço ---- */
.pc-card{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.pc-card:hover{transform:translateY(-4px);border-color:rgba(240,69,69,.55);
  box-shadow:0 18px 40px rgba(0,0,0,.5)}
body.claro .pc-card{background:#fff;border-color:var(--linha-f);box-shadow:0 2px 10px rgba(0,0,0,.05)}
body.claro .pc-card:hover{border-color:var(--red);box-shadow:0 16px 34px rgba(0,0,0,.14)}
.pc-capa{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;background:#140d0f}
.pc-capa img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.pc-card:hover .pc-capa img{transform:scale(1.06)}
.pc-grupo{position:absolute;top:11px;left:11px;font-size:9.5px;letter-spacing:1.8px;
  text-transform:uppercase;font-weight:800;color:#fff;padding:5px 9px;border-radius:7px;
  background:rgba(12,8,9,.74);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(4px)}
.pc-corpo{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}
.pc-card h3{font-size:17px;font-weight:800;line-height:1.3;margin-bottom:8px;color:var(--white)}
.pc-resumo{font-size:14.5px;line-height:1.6;color:var(--dim);margin-bottom:8px}
.pc-detalhe{font-size:13px;line-height:1.6;color:var(--faint);margin-bottom:16px}
.pc-escolha{margin:auto 0 16px}
.pc-comando{display:block;font-size:12.5px;font-weight:800;color:var(--dim);margin-bottom:9px}
.pc-ops{display:flex;gap:7px;flex-wrap:wrap}
.pc-corpo .btn{width:100%;justify-content:center}

/* o botão do carrinho acompanha a rolagem no alto, e não briga com o rodapé */
@media(max-width:760px){
  .ct-barra{top:auto;bottom:calc(84px + env(safe-area-inset-bottom));right:14px}
}
.ct-abre{box-shadow:0 10px 30px rgba(0,0,0,.45)}

/* ==================================================================
   MENU: um ícone com cor própria por seção, sem números
   ================================================================== */
.ml-item svg{opacity:1;transition:fill .2s ease}
.ml-item.ic-ouro svg{fill:#f0c674}
.ml-item.ic-verde svg{fill:#7fe6a6}
.ml-item.ic-insight svg,.ml-item.ic-case svg{fill:#ff8a8a}
.ml-item.ic-miniv svg{fill:#7fe6a6}
.ml-item.ic-minip svg{fill:#c0a6ff}
.ml-item.ic-sacada svg{fill:#ffb27f}
.ml-item.ic-aula svg{fill:#9cc4f5}
.ml-item.ic-workshop svg{fill:#f0c674}
.ml-item.ic-material svg{fill:#cdd8e6}
.ml-item.ic-livro svg{fill:#e6d78a}
.ml-item.aqui svg{fill:#fff}
.ml-item.com-cad svg{fill:var(--faint)}

/* o cadeado deixa de ser um risco e vira um selo dourado discreto */
.ml-cad{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;
  background:rgba(240,198,116,.12);border:1px solid rgba(240,198,116,.34)}
.ml-cad svg{width:11px!important;height:11px!important;fill:#f0c674!important;opacity:1}
.ml-item.com-cad{color:var(--faint)}
.ml-item.com-cad:hover{color:#f0c674;background:rgba(240,198,116,.1);
  border-color:rgba(240,198,116,.4)}
.ml-item.com-cad:hover svg{fill:#f0c674}
.ml-item.com-cad:hover .ml-cad{background:#f0c674}
.ml-item.com-cad:hover .ml-cad svg{fill:#1a1208!important}

body.claro .ml-item.ic-ouro svg{fill:#a9791a}
body.claro .ml-item.ic-verde svg{fill:#1a7a48}
body.claro .ml-item.ic-insight svg,body.claro .ml-item.ic-case svg{fill:#C4182B}
body.claro .ml-item.ic-miniv svg{fill:#1a7a48}
body.claro .ml-item.ic-minip svg{fill:#5733a8}
body.claro .ml-item.ic-sacada svg{fill:#b45d18}
body.claro .ml-item.ic-aula svg{fill:#1c4f8f}
body.claro .ml-item.ic-workshop svg{fill:#a9791a}
body.claro .ml-item.ic-material svg{fill:#5b6672}
body.claro .ml-item.ic-livro svg{fill:#8a7a1a}
body.claro .ml-item.aqui svg{fill:var(--red)}
body.claro .ml-cad{background:#fdf6e6;border-color:#e3cd98}
body.claro .ml-cad svg{fill:#8a5d05!important}
.fa-fixa{font-size:11.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;
  color:#f0c674;padding:8px 14px;border-radius:100px;border:1px solid rgba(240,198,116,.4);
  white-space:nowrap}
body.claro .fa-fixa{color:#8a5d05;border-color:#e3cd98}
.player-fora{max-width:760px;margin:-8px auto 22px;font-size:12.5px;color:var(--faint);text-align:right}
.player-fora a{color:var(--red-l);font-weight:700}
.player-fora a:hover{color:#fff}
body.claro .player-fora a:hover{color:var(--red)}

/* ==================================================================
   VITRINE QUE VENDE
   O cartão é o mesmo de "Para a sua empresa" (.pc-card). Aqui fica só
   o que a vitrine tem a mais: preço, condição e quem anuncia.
   É um cartão por pessoa: os anúncios dela ficam dentro, e as
   miniaturas trocam qual aparece.
   ================================================================== */
/* o convite para anunciar: a faixa inteira é o botão, e é a primeira
   coisa que o olho acha na página */
.vt-chamada{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:22px 0 8px;padding:18px 20px;
  border-radius:18px;border:1px dashed rgba(240,198,116,.6);
  background:linear-gradient(120deg,rgba(240,198,116,.16),rgba(240,198,116,.04));
  transition:border-color .2s ease,transform .2s ease}
.vt-chamada:hover{border-color:#f0c674;transform:translateY(-2px)}
.vt-mais{width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;
  font-size:28px;font-weight:400;line-height:1;color:#0a0708;background:#f0c674}
.vt-ch-txt{display:flex;flex-direction:column;gap:3px;flex:1;min-width:200px}
.vt-ch-txt strong{font-size:16.5px;font-weight:800;line-height:1.3;color:var(--white)}
.vt-ch-txt em{font-size:13.5px;font-style:normal;line-height:1.5;color:var(--dim)}
/* o mesmo convite, repetido como último cartão da grade */
.vt-novo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  text-align:center;min-height:260px;padding:24px;border-radius:18px;
  border:1px dashed rgba(240,198,116,.6);background:rgba(240,198,116,.05);
  transition:border-color .2s ease,background .2s ease}
.vt-novo:hover{border-color:#f0c674;background:rgba(240,198,116,.11)}
.vt-novo strong{font-size:16px;font-weight:800;color:var(--white)}
.vt-novo em{font-size:13px;font-style:normal;color:var(--dim)}
body.claro .vt-chamada{background:#fdf6e6;border-color:#d8bd7e}
body.claro .vt-novo{background:#fffdf8;border-color:#d8bd7e}
body.claro .vt-chamada:hover,body.claro .vt-novo:hover{border-color:#8a5d05}
body.claro .vt-mais{background:#8a5d05;color:#fff}
@media(max-width:560px){
  .vt-chamada .btn{width:100%;justify-content:center}
}
/* no celular, a lista dos meus anúncios cabe na tela: a coluna pode
   encolher e os botões descem para a linha de baixo */
@media(max-width:620px){
  .vt-meus{grid-template-columns:minmax(0,1fr)}
  .vt-meus .mb-topo,.vt-meus .mb-pe{flex-wrap:wrap;gap:10px}
}
.vt-nota{font-size:13px;color:var(--faint);margin:22px 0 8px}
.vt-meus{margin:16px 0 8px}
.vt-grade{margin-top:22px}
.vt-pe{margin-top:auto;display:flex;flex-direction:column;gap:10px}
.vt-preco{font-size:16px;font-weight:800;color:#f0c674}
.vt-cond{font-size:13px;line-height:1.5;color:var(--dim);padding:9px 12px;border-radius:10px;
  background:rgba(240,198,116,.08);border:1px solid rgba(240,198,116,.3)}
.vt-cond b{color:#f0c674;font-weight:800}
.vt-dono{display:flex;align-items:center;gap:11px;padding:14px 18px;
  border-bottom:1px solid rgba(255,255,255,.1)}
/* só o anúncio escolhido aparece; o .pc-capa e o .pc-corpo têm display
   próprio, que passaria por cima do atributo hidden */
.vt-capa[hidden],.vt-corpo[hidden]{display:none}
.vt-troca{display:flex;gap:8px;flex-wrap:wrap;padding:12px 22px 0}
.vt-mini{width:66px;height:44px;padding:0;border-radius:9px;overflow:hidden;cursor:pointer;
  background:#140d0f;border:2px solid rgba(255,255,255,.14);opacity:.55;
  transition:opacity .2s ease,border-color .2s ease}
.vt-mini img{width:100%;height:100%;object-fit:cover;display:block}
.vt-mini:hover{opacity:1}
.vt-mini.on{opacity:1;border-color:#f0c674}
.vt-mini:focus-visible{outline:2px solid #f0c674;outline-offset:2px}
.vt-foto{width:38px;height:38px;border-radius:50%;overflow:hidden;flex:none;display:grid;place-items:center;
  background:rgba(240,198,116,.12);border:1px solid rgba(240,198,116,.4);
  font-size:13px;font-weight:800;color:#f0c674}
.vt-foto img{width:100%;height:100%;object-fit:cover;display:block}
.vt-quem{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.vt-quem strong{font-size:14px;font-weight:700;color:var(--white)}
.vt-quem em{font-size:12.5px;font-style:normal;color:var(--faint)}
.vt-card,.vt-card h3,.vt-quem strong,.vt-quem em{overflow-wrap:anywhere}
/* trancado: só a capa, o nome e o resumo, e o cartão não se mexe */
.vt-card.trancado{border-style:dashed;border-color:rgba(240,198,116,.4)}
.vt-card.trancado:hover{border-color:rgba(240,198,116,.85);transform:none;box-shadow:none}
.vt-card.trancado:hover .pc-capa img{transform:none}
body.claro .vt-preco,body.claro .vt-cond b{color:#8a5d05}
body.claro .vt-cond{background:#fdf6e6;border-color:#e3cd98}
body.claro .vt-dono{border-bottom-color:var(--linha)}
body.claro .vt-mini{border-color:var(--linha-f)}
body.claro .vt-mini.on{border-color:#8a5d05}
body.claro .vt-foto{background:#f4ece6;border-color:#d8bd7e;color:#8a5d05}
body.claro .vt-card.trancado{border-color:#d8bd7e;background:#fffdf8}
body.claro .vt-card.trancado:hover{border-color:#b8923a;box-shadow:0 2px 10px rgba(0,0,0,.05)}

/* ==================================================================
   PAINEL DO EMPRESÁRIO (Início) E METAS DO MÊS
   O Início abre como painel: a semana, a meta e as ferramentas. Os
   cartões aqui são mais sóbrios que os do catálogo: superfície lisa,
   borda fina, sem brilho vermelho. O vermelho fica para o que é ação.
   ================================================================== */
.em-card{display:flex;flex-direction:column;gap:10px;padding:20px 22px;border-radius:16px;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1)}
body.claro .em-card{background:var(--papel);border-color:var(--linha);
  box-shadow:0 1px 2px rgba(60,40,45,.04),0 8px 22px rgba(60,40,45,.05)}
.em-rot{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1.6px;
  text-transform:uppercase;font-weight:800;color:var(--faint)}
.em-rot svg{width:15px;height:15px;fill:#f0c674;flex:none}
body.claro .em-rot svg{fill:#8a5d05}
.em-titulo{font-size:17px;font-weight:800;line-height:1.3;color:var(--white)}
.em-titulo.em-grande{font-size:26px;letter-spacing:-.2px}
.em-txt{font-size:14px;line-height:1.55;color:var(--dim);margin:0}
.em-txt b{color:var(--white);font-weight:700}
.em-pe{margin-top:auto;padding-top:6px}
.em-tit{font-family:var(--f);font-size:17px;font-weight:800;letter-spacing:-.1px;margin:0 0 6px}

.em-semana{margin-bottom:40px}
.em-grade3{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}

/* a barra de progresso da meta, no Início e na página de metas */
.mt-barra{display:block;height:8px;border-radius:100px;background:rgba(255,255,255,.1);overflow:hidden}
.mt-barra b{display:block;height:100%;min-width:2px;border-radius:100px;
  background:linear-gradient(90deg,#3BA55D,#7fe6a6);transition:width .35s ease}
body.claro .mt-barra{background:#ebe4e0}
body.claro .mt-barra b{background:linear-gradient(90deg,#12713b,#2f9a5a)}

/* ferramentas: blocos de uso, não capas de aula */
.em-ferr{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
.em-tool{position:relative;display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-radius:14px;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);
  transition:border-color .2s ease,background .2s ease}
a.em-tool:hover{border-color:rgba(240,198,116,.6);background:rgba(240,198,116,.06)}
.em-tool-ic{width:40px;height:40px;flex:none;border-radius:11px;display:grid;place-items:center;
  background:rgba(240,198,116,.12);border:1px solid rgba(240,198,116,.3)}
.em-tool-ic svg{width:20px;height:20px;fill:#f0c674}
.em-tool-txt{display:flex;flex-direction:column;gap:3px;min-width:0;padding-right:8px}
.em-tool-txt strong{font-size:15px;font-weight:800;color:var(--white)}
.em-tool-txt em{font-size:13px;font-style:normal;line-height:1.45;color:var(--dim)}
.em-tool.breve{opacity:.62}
.em-selo{position:absolute;top:12px;right:12px;font-size:9.5px;letter-spacing:1.4px;text-transform:uppercase;
  font-weight:800;color:var(--faint);padding:4px 8px;border-radius:100px;border:1px solid rgba(255,255,255,.16)}
.em-tool .ml-cad{position:absolute;top:12px;right:12px}
body.claro .em-tool{background:var(--papel);border-color:var(--linha)}
body.claro a.em-tool:hover{border-color:#d8bd7e;background:#fffdf8}
body.claro .em-tool-ic{background:#fdf6e6;border-color:#e3cd98}
body.claro .em-tool-ic svg{fill:#8a5d05}
body.claro .em-selo{border-color:var(--linha-f)}

.em-bib{margin-top:10px}

/* ---- Metas do mês ---- */
.mt-aviso{font-size:13.5px;color:#f0c674;margin:-14px 0 20px}
body.claro .mt-aviso{color:#8a5d05}
.mt-grade{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));align-items:start}
.mt-form .campo{margin-bottom:14px}
.mt-campo{display:flex;align-items:center;gap:8px}
.mt-campo span{font-size:14px;font-weight:800;color:var(--faint);flex:none}
.mt-campo input{flex:1;min-width:0}
.mt-vazio{font-size:14px;line-height:1.6;color:var(--faint);padding:26px 0}
.mt-funil{display:flex;align-items:stretch;gap:8px;margin:6px 0 4px}
.mt-etapa{flex:1;min-width:0;padding:14px 10px;border-radius:12px;text-align:center;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.mt-etapa b{display:block;font-size:28px;font-weight:800;line-height:1.1;color:var(--white)}
.mt-etapa span{display:block;margin-top:4px;font-size:12px;font-weight:700;color:var(--faint);
  text-transform:uppercase;letter-spacing:1px}
.mt-etapa.forte{border-color:rgba(240,198,116,.55);background:rgba(240,198,116,.08)}
.mt-etapa.forte b{color:#f0c674}
.mt-seta{display:grid;place-items:center;color:var(--faint);font-size:16px}
body.claro .mt-etapa{background:var(--papel2);border-color:var(--linha)}
body.claro .mt-etapa.forte{background:#fdf6e6;border-color:#d8bd7e}
body.claro .mt-etapa.forte b{color:#8a5d05}
.mt-ritmo{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:6px}
.mt-ritmo div{padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}
.mt-ritmo span{display:block;font-size:11.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--faint)}
.mt-ritmo strong{display:block;margin-top:4px;font-size:15px;font-weight:800;line-height:1.35;color:var(--white)}
body.claro .mt-ritmo div{border-color:var(--linha)}
.mt-prog{margin-top:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}
body.claro .mt-prog{border-top-color:var(--linha)}
.mt-prog-topo{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.mt-prog-topo span{font-size:13px;font-weight:700;color:var(--dim)}
.mt-prog-topo strong{font-size:18px;font-weight:800;color:var(--white)}
.mt-falta{font-size:13.5px;line-height:1.55;color:var(--dim);margin:10px 0 0}
.mt-nota{font-size:12.5px;line-height:1.6;color:var(--faint);margin:14px 0 0}
@media(max-width:420px){
  .mt-funil{flex-wrap:wrap}
  .mt-seta{display:none}
  .mt-ritmo{grid-template-columns:1fr}
}

/* ---- Ferramentas de conta: desconto e ponto de equilíbrio ---- */
.ft-frase{font-size:15px;line-height:1.55;font-weight:700;color:var(--white);margin:14px 0 4px}
.ft-tab{width:100%;border-collapse:collapse;margin-top:16px;font-size:13.5px}
.ft-tab caption{text-align:left;font-size:11.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  color:var(--faint);padding-bottom:8px}
.ft-tab th{text-align:left;font-size:12px;font-weight:700;color:var(--faint);padding:8px 10px;
  border-bottom:1px solid rgba(255,255,255,.12)}
.ft-tab td{padding:9px 10px;color:var(--dim);border-bottom:1px solid rgba(255,255,255,.06)}
.ft-tab tr.on td{color:var(--white);font-weight:800;background:rgba(240,198,116,.08)}
body.claro .ft-tab th{border-bottom-color:var(--linha-f)}
body.claro .ft-tab td{border-bottom-color:var(--linha)}
body.claro .ft-tab tr.on td{background:#fdf6e6}
#rMeta{margin-top:16px}

/* O número do menu (Placar, novidades) é um span, e o .ml-item span estica todo
   span para ocupar a linha. O número não estica: fica do tamanho dele, na ponta. */
.ml-item .pino{flex:none}

/* ---- Funil de vendas ---- */
.em-linha{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px;padding:14px 18px;
  border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);
  transition:border-color .2s ease}
.em-linha:hover{border-color:rgba(240,198,116,.5)}
.em-linha-txt{flex:1;min-width:200px;font-size:14px;color:var(--dim)}
.em-linha-txt b{color:var(--white)}
body.claro .em-linha{background:var(--papel);border-color:var(--linha)}
body.claro .em-linha:hover{border-color:#d8bd7e}

.fn-resumo{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));margin-bottom:18px}
.fn-resumo .em-card{gap:6px;padding:16px 18px}
.fn-num{font-size:28px;font-weight:800;line-height:1.1;color:var(--white)}
.fn-num.quente{color:#f0c674}
body.claro .fn-num.quente{color:#8a5d05}
.fn-sub{font-size:12.5px;color:var(--faint)}
.fn-acoes{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}

.fn-hoje{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
.fn-ret-topo{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.fn-ret-topo strong{display:block;font-size:15.5px;font-weight:800;color:var(--white)}
.fn-ret-topo em{display:block;font-style:normal;font-size:13px;color:var(--faint)}
.fn-passo{font-size:14px;line-height:1.5;color:var(--dim);margin:0}
.fn-chip{display:inline-block;margin-left:6px;font-size:11px;font-weight:700;color:var(--faint);
  padding:2px 8px;border-radius:100px;border:1px solid rgba(255,255,255,.14);white-space:nowrap}
body.claro .fn-chip{border-color:var(--linha-f)}
.fn-quando{font-size:12px;font-weight:800;color:var(--faint);white-space:nowrap}
.fn-quando.hoje{color:#f0c674}
.fn-quando.atraso{color:#ff8a8a}
body.claro .fn-quando.hoje{color:#8a5d05}
body.claro .fn-quando.atraso{color:#b3172a}
.fn-bts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.fn-feito summary,.fn-zerar summary,.fn-fechados summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--dim)}
.fn-feito form,.fn-zerar form{margin-top:12px}
.fn-feito .campo{margin-bottom:10px}
.fn-atalhos{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.fn-atalhos button{font:inherit;font-size:12px;font-weight:700;color:var(--dim);cursor:pointer;
  padding:5px 10px;border-radius:100px;background:transparent;border:1px solid rgba(255,255,255,.16)}
.fn-atalhos button:hover{color:var(--white);border-color:rgba(240,198,116,.6)}
body.claro .fn-atalhos button{border-color:var(--linha-f)}

.fn-quadro{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
.fn-col{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px;border-radius:14px;
  background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08)}
body.claro .fn-col{background:var(--papel2);border-color:var(--linha)}
.fn-col-topo{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:2px 4px 6px}
.fn-col-topo strong{font-size:13.5px;font-weight:800;color:var(--white)}
.fn-col-topo span{font-size:12px;color:var(--faint);white-space:nowrap}
.fn-col-vazia{font-size:12.5px;color:var(--faint);padding:4px}
.fn-card{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:11px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
body.claro .fn-card{background:var(--papel);border-color:var(--linha)}
.fn-card-nome{font-size:14px;font-weight:800;color:var(--white);overflow-wrap:anywhere}
.fn-card-nome:hover{text-decoration:underline}
.fn-card em{font-style:normal;font-size:12.5px;color:var(--faint);overflow-wrap:anywhere}
.fn-card-pe{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:700;color:var(--dim)}
.fn-mover select{width:100%;margin-top:6px;font:inherit;font-size:12.5px;color:var(--dim);padding:6px 8px;
  border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.14)}
.fn-mover select option{background:#1a1214}
body.claro .fn-mover select{border-color:var(--linha-f)}
body.claro .fn-mover select option{background:#fff}
.fn-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:900px){ .fn-quadro{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:560px){ .fn-quadro{grid-template-columns:minmax(0,1fr)} }

.fn-fechados{margin-top:14px;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}
body.claro .fn-fechados{border-color:var(--linha)}
.fn-fechados summary span{font-weight:800;color:var(--faint);margin-left:4px}
.fn-lista{display:flex;flex-direction:column;margin-top:10px}
.fn-lista a{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:10px;padding:9px 4px;font-size:13.5px;
  color:var(--dim);border-top:1px solid rgba(255,255,255,.06)}
.fn-lista a strong{color:var(--white);font-weight:700}
body.claro .fn-lista a{border-top-color:var(--linha)}
@media(max-width:560px){ .fn-lista a{grid-template-columns:1fr 1fr} }

.fn-dados p{font-size:13.5px;line-height:1.6;color:var(--faint);max-width:680px;margin:0 0 12px}
.fn-zerar label{display:block;font-size:13px;color:var(--dim);margin-bottom:6px}
.fn-zerar input{font:inherit;padding:8px 10px;border-radius:8px;margin-right:8px;color:var(--white);
  background:transparent;border:1px solid rgba(255,255,255,.2)}
body.claro .fn-zerar input{border-color:var(--linha-f)}
.fn-form{max-width:760px}
.fn-apagar{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
body.claro .fn-apagar{border-top-color:var(--linha)}

/* ==================================================================
   ACABAMENTO PROFISSIONAL (30/09/2026)
   Revisão de design para tirar a cara de "feito por IA": uma escala de
   espaço, tipo e raio; um tipo só de cartão; sem halo nem degradê; vermelho
   só para ação e para onde a pessoa está; dourado só para o que é pago ou
   trancado; caixa alta só por cima de foto. Fica no fim de propósito:
   passa por cima das camadas antigas sem precisar reescrevê-las.
   ================================================================== */
:root{
  --e1:4px;--e2:8px;--e3:12px;--e4:16px;--e5:24px;--e6:32px;--e7:48px;--e8:64px;
  --t-xs:12px;--t-sm:14px;--t-base:16px;--t-md:18px;--t-lg:22px;--t-xl:28px;--t-2xl:36px;
  --r-s:6px;--r-m:10px;--r-l:16px;--r-pill:999px;
  --linha-e:rgba(255,255,255,.09);--linha-e2:rgba(255,255,255,.16);--sup:#141011;
  --grad-red:#C4182B;
}
body.claro{--linha-e:var(--linha);--linha-e2:var(--linha-f);--sup:var(--papel)}

/* pesos com papel: 400 texto, 500 menu e rótulo, 600 título de cartão e botão, 700 título de seção */
.btn,.aba,.filtro,.chk,.mini,.acao-btn,.in-bt,.pc-op span,.ci-arq span{font-weight:600}
.cartao h3,.pc-card h3,.cx-card h3,.gv-card h3,.em-titulo,.em-tool-txt strong,.vt-ch-txt strong,
.pstr-titulo,.post-autor,.in-quem strong,.mb-quem strong,.ms-txt{font-weight:600}
.ml-item{font-weight:500}

/* raio: 16 para bloco, 10 para campo e item, 6 para etiqueta */
:is(.cartao,.post,.caixa,.modal-cx,.cx-card,.pc-card,.em-card,.in-post,.mu-card,.gv-card,.ms,.rn-ano,
.rn-preco,.pl-eu,.fv,.jr-cartao,.jr-agora,.faixa-aula,.faixa-prox,.faixa-jornada,.faixa-prazo,
.faixa-livro,.faixa-degusta,.continuar,.ofensiva,.num,.rt-item,.pg-item,.trilha li,.leitor,.pdf-cx,
.vazio,.vt-chamada,.vt-novo,.dst,.capa-topo,.player,.rolagem,.cv-aviso,.pf-chamada,.in-novo,.em-linha,
.fn-col,.ft-tranca){border-radius:var(--r-l)}
:is(.campo input,.campo select,.campo textarea,.mb-filtros input,.mb-filtros select,.ml-item,.ic-btn,
.ct-item,.ms-item,.pl-regra,.rc-corpo,.com-cheio,.mt-etapa,.em-tool,.aviso,.av-estado,.pl-linha,.fn-card){border-radius:var(--r-m)}
:is(.pstr-tag,.pc-grupo,.pstr-novo,.in-fix,.pstr-cadinho,.pstr-bt,.pl-vale,.ms-vale,.dst-tag b,.lt-bt){border-radius:var(--r-s)}

/* a escala nas telas novas: painel, metas, ferramentas e vitrine */
.em-card{padding:var(--e5);gap:var(--e3)}
.em-titulo,.em-tit,.em-tool-txt strong,.vt-ch-txt strong,.pc-card h3,.cx-card h3{font-size:var(--t-md);line-height:1.35}
.em-titulo.em-grande{font-size:var(--t-xl)}
.em-txt,.em-tool-txt em,.pc-resumo,.vt-ch-txt em,.mt-falta,.cx-sobre,.dica,.mt-nota,.pc-detalhe,.secao-desc{font-size:var(--t-sm);line-height:1.55}
.sub{font-size:var(--t-md)}
.em-grade3,.em-ferr,.mt-grade,.pc-grade,.cx-grade,.grade-cat{gap:var(--e4)}
.em-tool{padding:var(--e4);gap:var(--e3)}
.pc-corpo{padding:var(--e5)}

/* sem halo e sem degradê: o brilho difuso é a assinatura de produto gerado */
body{background-image:none}
.pino,.st-novo-ring,.acao-btn.on,.am-cad,.tr-num,.pilar .pn,.chave.on span,.capa-item.escolhido,
.faixa-aula,.faixa-prox:hover,.continuar:hover,.pg-item.aberto:hover,.jr-cartao.destaque,.post-fixo,
.rodape .rd-site:hover,.pstr-novo,.pstr:hover .pstr-play,.com-form button:hover,.pr-lista li::before,
.novidades .secao-topo h2::before,.faixa-jornada,.faixa-jornada:hover,.faixa-jornada .btn,
.faixa-jornada:hover .btn,.cartao,.cartao:hover,.caixa{box-shadow:none}
.fa-cad,.fa-cad:hover{box-shadow:none!important}
.instalar{box-shadow:0 16px 40px rgba(0,0,0,.6)}
.gv-video summary,.ct-abre,.pc-op input:checked + span,.pstr-novo,.dst-tag b{background:#C4182B}
.faixa-jornada .btn,.fa-cad{background:#f0c674!important}
.faixa-jornada:hover .btn,.fa-cad:hover{background:#f7d489!important}
body:not(.claro) :where(.faixa-aula,.faixa-prox,.continuar,.faixa-livro,.faixa-degusta,.faixa-jornada,.fv,.fala-grupo,.jr-agora){background:#141011}

/* a palavra de destaque do título vira itálico da serifa, sem cor */
h1 .g,h2 .g,body.claro h1 .g,body.claro h2 .g{color:inherit}
h1 .g{font-style:italic}
.em-rot svg,.em-tool-ic svg,.rt-ic svg,body.claro .em-rot svg,body.claro .em-tool-ic svg{fill:var(--faint)}
.pn-quem,.mt-aviso,body.claro .pn-quem,body.claro .mt-aviso{color:var(--dim)}
.pn-foto,.mc-foto{border:1px solid var(--linha-e2);background:#1c1617}
body.claro .pn-foto,body.claro .mc-foto{border-color:var(--linha-f);background:#f1ece8}
.pn-ini,.mc-ini,body.claro .pn-ini,body.claro .mc-ini{color:var(--dim);font-weight:600}
.mt-etapa.forte b,.vt-preco,body.claro .mt-etapa.forte b,body.claro .vt-preco{color:var(--white)}
.voltar{color:var(--faint)} .voltar:hover{color:var(--white)}

/* caixa alta só por cima de foto */
.eyebrow{font-size:var(--t-sm);letter-spacing:0;text-transform:none;font-weight:500;color:var(--faint);margin-bottom:var(--e2)}
.campo label,.pr-form label{font-size:var(--t-sm);letter-spacing:0;text-transform:none;font-weight:600;color:var(--white)}
.em-rot,.mt-etapa span,.mt-ritmo span,.ft-tab caption,.pc-ops-tit,.acesso-atalhos span,.cp-valor span,.pf-opc,
.divisor-secoes,.tabela th,.fa-tag,.fp-tag,.ct-tag,.fj-tag,.fd-tag,.rn-tag,.ms-tag,.pl-tag,.cp-tag,.fv-tag,
.tr-dia,.jr-nome,.jr-etapa,.dst-tag,.adm-tag,.en-linha span,.pr-titulinho{
  text-transform:none;letter-spacing:0;font-size:var(--t-sm);font-weight:500}
.tabela th{font-weight:600;color:var(--faint)}
.selo,.selo-plano,.selo-agenda,.selo-livre,.cartao .tag,.chip-acesso,.in-fix,.em-selo{
  text-transform:none;letter-spacing:0;font-size:var(--t-xs);font-weight:600}
.pstr-tag,.pc-grupo,.pstr-novo{font-size:11px;letter-spacing:.06em}
@media(max-width:400px){.bb-txt{font-size:10.5px}}
body.claro .eyebrow,body.claro .tabela th{color:var(--faint)}
body.claro .campo label{color:var(--white)}

/* um tipo só de cartão: liso, borda fina neutra, sem brilho no topo */
body:not(.claro) :where(.cartao,.post,.trilha li,.cp-form,.cp-lado,.jr-cartao,.num,.rt-item,.fr-num,.caixa,.modal-cx){
  background:var(--sup);border:1px solid var(--linha-e);box-shadow:none}
body:not(.claro) :where(.cartao,.post,.pilar,.fr-lado)::before{display:none}
.cartao:hover{border-color:var(--linha-e2)}
.novidades{padding:0;background:none;border:0;border-radius:0}
.novidades .secao-topo h2::before{display:none}
.mt-etapa,body.claro .mt-etapa{border:0;background:rgba(255,255,255,.04)}
body.claro .mt-etapa{background:var(--papel2)}
.mt-etapa.forte,body.claro .mt-etapa.forte{border:0}
.mt-ritmo div,body.claro .mt-ritmo div{border:0;padding:0}
.vt-cond,body.claro .vt-cond{padding:0;background:none;border:0}

/* menu: o Victor pediu de volta (30/09/2026) os ícones coloridos, o
   vermelho no item onde a pessoa está e no passar do mouse. Daqui só vale
   a letra e o espaçamento; as cores são as das regras antigas do menu.
   O nome do grupo continua dourado e com a linha em cima. */
.ml-item{font-size:var(--t-sm);padding:10px var(--e3)}
.ml-item.aqui{font-weight:600}
.ml-cad{background:none;border:0}

/* bordas neutras: o vermelho volta a indicar ação e foco */
.topo{border-bottom-color:var(--linha-e)}
.rodape{border-top-color:var(--linha-e)}
.secao-topo{border-bottom:0;padding-bottom:0}
.ic-btn,.aba,.filtro{border-color:var(--linha-e2)}
.campo input,.campo select,.campo textarea,.busca input,.filtro-busca input,.cx-busca input,.rc-form textarea,
.in-campo textarea,.cp-topo textarea,.com-form input[type=text],.mb-filtros input,.mb-filtros select{border-color:var(--linha-e2)}
.tabela th{border-bottom-color:var(--linha-e2)}
.rolagem,.player,.capa-topo,.stories-barra,.barra-baixo,.cartao .capa{border-color:var(--linha-e)}
.vazio{border:1px dashed var(--linha-e2)}
.divisor-secoes::before,.divisor-secoes::after,.mes-linha{background:var(--linha-e)}

/* botão sólido, sem pulo; o secundário é contorno */
.btn{background:#C4182B;box-shadow:none;font-weight:600}
.btn:hover{background:#A81E1E;transform:none;box-shadow:none}
.btn.g{background:transparent;border:1px solid var(--linha-e2);box-shadow:none;color:var(--white)}
.btn.g:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.3);box-shadow:none}
.btn.perigo{background:transparent;border:1px solid rgba(240,69,69,.4);color:#ff9d9d}
body.claro .btn.g{background:transparent;color:var(--white);border:1px solid var(--linha-f)}
body.claro .btn.g:hover{background:rgba(0,0,0,.04);border-color:#b9aca5}

/* ícone sem quadradinho colorido atrás */
.em-tool-ic,.rt-ic,.fj-ic,.fl-ic,.of-ic,.gv-ico,.pdf-ic{width:auto;height:auto;background:none;border:0;border-radius:0}
.rt-ic svg,.gv-ico svg,.pdf-ic svg,.fl-ic svg,.of-ic svg{fill:var(--faint)}
.bv-ic,.tr-num{background:none;border:1px solid var(--linha-e2);color:var(--dim);box-shadow:none}
body.claro .em-tool-ic,body.claro .gv-ico,body.claro .pdf-ic,body.claro .fj-ic,body.claro .of-ic,
body.claro .bv-ic,body.claro .tr-num{background:none;border-color:transparent}
body.claro .bv-ic,body.claro .tr-num{border-color:var(--linha-f)}

/* ritmo vertical numa escala só */
.secao,.em-semana{margin-bottom:var(--e8)}
.secao-topo{margin-bottom:var(--e4)}
.pn-ola{margin-bottom:var(--e6)}
.divisor-secoes{margin:var(--e8) 0 var(--e6)}
.faixa-jornada,.dst{margin-bottom:var(--e7)}
.contagem,.mes-qtd,body.claro .contagem,body.claro .mes-qtd{background:none;border:0;padding:0;
  color:var(--faint);font-family:var(--f);font-size:var(--t-sm);font-weight:500;letter-spacing:0}

/* números alinhados e linhas de texto numa medida de leitura */
.mt-etapa b,.em-titulo.em-grande,.mt-prog-topo strong,.ft-tab td,.vt-preco,.num-cx strong,.fn-num{
  font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.01em}
.mt-etapa b{font-size:var(--t-lg)}
.sub{max-width:62ch}
.em-txt,.pc-resumo,.cx-sobre{max-width:60ch}

/* ferramenta de trabalho não pula nem dá zoom */
.cartao:hover,.pstr:hover,.pc-card:hover,.vt-chamada:hover,.fr-opt:hover,.rodape .rd-site:hover{transform:none}
.pstr:hover .pstr-capa img,.pc-card:hover .pc-capa img,.cartao.com-capa:hover .capa img{transform:scale(1.02)}
.dst:hover .dst-capa{transform:none}
body:not(.claro) .pstr:hover,body:not(.claro) .pc-card:hover{box-shadow:none;border-color:var(--linha-e2)}

/* ---- Ferramenta trancada: vê, mas não mexe ---- */
.ft-tranca{display:flex;align-items:center;gap:var(--e3);flex-wrap:wrap;margin:0 0 var(--e5);padding:var(--e4) var(--e5);
  border:1px dashed rgba(240,198,116,.5);background:rgba(240,198,116,.06)}
.ft-tranca .ml-cad svg{width:16px;height:16px;fill:#f0c674}
.ft-tranca-txt{flex:1;min-width:220px;font-size:var(--t-sm);line-height:1.5;color:var(--dim)}
.ft-tranca-txt strong{color:var(--white);font-weight:600}
body.claro .ft-tranca{background:#fdf6e6;border-color:#d8bd7e}
body.claro .ft-tranca .ml-cad svg{fill:#8a5d05}
.ft-campos{border:0;margin:0;padding:0;min-width:0}
.ft-campos:disabled input,.ft-campos:disabled select,.ft-campos:disabled .btn{opacity:.6;cursor:not-allowed}
.btn:disabled{opacity:.55;cursor:not-allowed}

/* ---- Funil: os sinais do mês e o atalho do desconto ---- */
.fn-sinais{list-style:none;margin:0 0 var(--e5);padding:0;display:flex;flex-direction:column;gap:var(--e2)}
.fn-sinais li{font-size:var(--t-sm);line-height:1.55;color:var(--dim);padding-left:var(--e4);position:relative}
.fn-sinais li::before{content:'';position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--faint)}
.fn-sinais b{color:var(--white);font-weight:600}
.fn-sinais a{color:var(--white);text-decoration:underline;text-underline-offset:2px}
.fn-card-link{font-size:var(--t-xs);color:var(--faint);text-decoration:underline;text-underline-offset:2px}
.fn-card-link:hover{color:var(--white)}
/* no tema claro o botão também fica sem sombra */
body.claro .btn,body.claro .btn:hover,body.claro .btn.g,body.claro .btn.g:hover{box-shadow:none}

/* O nome em dourado no Início e nas ferramentas, a pedido do Victor: os
   rótulos da semana, os nomes das ferramentas e os ícones deles. */
.em-rot,.em-rot svg,.em-tool-txt strong,.em-tool-ic svg{color:#f0c674;fill:#f0c674}
body.claro .em-rot,body.claro .em-rot svg,body.claro .em-tool-txt strong,body.claro .em-tool-ic svg{color:#8a5d05;fill:#8a5d05}
.em-tool.trancado .em-tool-txt strong,.em-tool.trancado .em-tool-ic svg{color:var(--dim);fill:var(--faint)}

/* Os cartões do Início e das ferramentas com corpo: fundo um pouco mais claro
   que a página e o ícone num círculo dourado suave. Sem isso, no tema escuro,
   o cartão virava só uma borda fina no preto. */
body:not(.claro) :where(.em-card,.em-tool,.em-linha,.fn-col){background:#1a1415;border-color:rgba(255,255,255,.1)}
body:not(.claro) a.em-tool:hover,body:not(.claro) .em-linha:hover{background:#211a1b;border-color:rgba(240,198,116,.45)}
.em-tool-ic{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:50%;
  background:rgba(240,198,116,.12);border:1px solid rgba(240,198,116,.28)}
.em-tool-ic svg{width:19px;height:19px}
body.claro .em-tool-ic{background:#fdf6e6;border:1px solid #e8d5a8}
.em-tool.trancado .em-tool-ic{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
body.claro .em-tool.trancado .em-tool-ic{background:#f4efec;border-color:var(--linha)}

/* Ferramenta no Início: ao passar o mouse, o círculo do ícone fica dourado
   cheio. É o único movimento do cartão, e diz "isto abre". */
.em-tool-ic{transition:background .18s ease,border-color .18s ease}
.em-tool-ic svg{transition:fill .18s ease}
a.em-tool:not(.trancado):hover .em-tool-ic,a.em-tool:not(.trancado):focus-visible .em-tool-ic{background:#f0c674;border-color:#f0c674}
a.em-tool:not(.trancado):hover .em-tool-ic svg,a.em-tool:not(.trancado):focus-visible .em-tool-ic svg{fill:#1a1208}
body.claro a.em-tool:not(.trancado):hover .em-tool-ic{background:#8a5d05;border-color:#8a5d05}
body.claro a.em-tool:not(.trancado):hover .em-tool-ic svg{fill:#fff}
a.em-tool:focus-visible{outline:2px solid #f0c674;outline-offset:2px}

/* ---- Raio-X ---- */
.rx-dois{display:grid;gap:var(--e4);grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}
.rx-cartao{color:inherit}
.rx-cartao .btn{align-self:flex-start;margin-top:auto}
body:not(.claro) .rx-cartao:hover{border-color:rgba(240,198,116,.45)}
body.claro .rx-cartao:hover{border-color:#d8bd7e}
.rx-nota-p,.rx-nota{font-family:var(--d);font-weight:400;line-height:1;color:var(--white);font-variant-numeric:tabular-nums}
.rx-nota-p{font-size:44px}
.rx-nota{font-size:64px;display:block;margin:var(--e2) 0 var(--e1)}
.rx-nota-p small,.rx-nota small{font-family:var(--f);font-size:var(--t-sm);color:var(--faint);margin-left:4px}
.rx-faixa{font-size:var(--t-sm);font-weight:600;color:#f0c674}
body.claro .rx-faixa{color:#8a5d05}
.rx-res{margin-bottom:var(--e5)}
.rx-res-topo{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--e5);flex-wrap:wrap}
.rx-tit{margin-top:var(--e3)}
.rx-evol{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:var(--e3)}
.rx-evol li{font-size:var(--t-sm);line-height:1.55;color:var(--dim);padding-left:4px}
.rx-evol li::marker{color:#f0c674;font-weight:700}
.rx-evol strong{display:block;color:var(--white);font-weight:600}
.rx-evol a{color:var(--faint);text-decoration:underline;text-underline-offset:2px}
.rx-evol a:hover{color:var(--white)}
body.claro .rx-evol li::marker{color:#8a5d05}
.rx-pe{display:flex;gap:var(--e2);flex-wrap:wrap;margin-top:var(--e2)}
.rx-hist{display:flex;align-items:flex-end;gap:10px;height:84px}
.rx-hist-mes{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%;width:30px}
.rx-hist-mes b{display:block;width:14px;border-radius:4px 4px 0 0;background:rgba(240,198,116,.55)}
.rx-hist-mes:last-child b{background:#f0c674}
.rx-hist-mes em{font-style:normal;font-size:11px;color:var(--faint)}
.rx-hist-mes i{font-style:normal;font-size:11px;font-weight:600;color:var(--dim);order:-1}
body.claro .rx-hist-mes b{background:#d8bd7e}
body.claro .rx-hist-mes:last-child b{background:#8a5d05}
.rx-form{margin-bottom:var(--e5)}
.rx-item{display:flex;align-items:flex-start;gap:var(--e3);padding:var(--e3) var(--e2);cursor:pointer;
  border-top:1px solid var(--linha-e);font-size:var(--t-base);line-height:1.45;color:var(--dim)}
.rx-item:first-of-type{border-top:0}
.rx-item input{position:absolute;opacity:0;pointer-events:none}
.rx-caixa{flex:none;width:22px;height:22px;margin-top:1px;border-radius:6px;border:1.5px solid var(--linha-e2);
  display:grid;place-items:center;transition:background .15s ease,border-color .15s ease}
.rx-item input:checked + .rx-caixa{background:#f0c674;border-color:#f0c674}
.rx-item input:checked + .rx-caixa::after{content:'';width:6px;height:11px;border:solid #1a1208;border-width:0 2px 2px 0;
  transform:rotate(45deg) translate(-1px,-1px)}
.rx-item input:checked ~ .rx-perg{color:var(--white)}
.rx-item input:focus-visible + .rx-caixa{outline:2px solid #f0c674;outline-offset:2px}
.rx-item:hover .rx-caixa{border-color:rgba(240,198,116,.7)}
body.claro .rx-item input:checked + .rx-caixa{background:#8a5d05;border-color:#8a5d05}
body.claro .rx-item input:checked + .rx-caixa::after{border-color:#fff}
.rx-form .btn{margin-top:var(--e4)}
.rx-frase .campo{margin-bottom:var(--e3)}
.rx-saida{margin-top:var(--e4);padding-top:var(--e4);border-top:1px solid var(--linha-e)}
.rx-saida-rot{display:flex;justify-content:space-between;font-size:var(--t-sm);font-weight:600;color:var(--white)}
.rx-saida-rot em{font-style:normal;font-weight:500;color:var(--faint)}
.rx-saida-rot em.rx-passou{color:#ff8a8a}
.rx-texto{white-space:pre-line;font-size:var(--t-base);line-height:1.55;color:var(--dim);margin:var(--e2) 0 var(--e3)}

/* ---- Rotina de vendas: as sete etapas do dia ---- */
.ro-rotina{margin-bottom:var(--e5)}
.ro-topo{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--e4);flex-wrap:wrap}
.ro-conta{font-family:var(--d);font-weight:400;font-size:var(--t-2xl);line-height:1;color:var(--white);
  font-variant-numeric:tabular-nums;white-space:nowrap}
.ro-conta span{color:#f0c674}
body.claro .ro-conta span{color:#8a5d05}
.ro-lista{list-style:none;margin:0;padding:0}
.ro-lista li{display:flex;align-items:center;gap:var(--e3);border-top:1px solid var(--linha-e)}
.ro-lista li:first-child{border-top:0}
.ro-item{flex:1;border-top:0}
.ro-txt{display:flex;flex-direction:column;gap:2px;font-size:var(--t-sm);line-height:1.5;color:var(--dim)}
.ro-txt b{font-size:var(--t-base);font-weight:600;color:var(--white)}
.ro-item input:checked ~ .ro-txt{color:var(--faint)}
.ro-item input:checked ~ .ro-txt b{color:var(--faint);text-decoration:line-through;text-decoration-thickness:1px}
.ro-link{flex:none;font-size:var(--t-xs);color:var(--faint);text-decoration:underline;text-underline-offset:2px}
.ro-link:hover{color:var(--white)}
@media(max-width:560px){ .ro-link{display:none} }
.ro-semana{display:flex;gap:var(--e2);margin-top:var(--e3);padding-top:var(--e4);border-top:1px solid var(--linha-e)}
.ro-dia{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--e2) 0;border-radius:var(--r-m);
  background:rgba(255,255,255,.03)}
.ro-dia em{font-style:normal;font-size:var(--t-xs);color:var(--faint)}
.ro-dia b{font-size:var(--t-base);font-weight:600;color:var(--white);min-height:1.2em;font-variant-numeric:tabular-nums}
.ro-dia.hoje{background:rgba(240,198,116,.12);outline:1px solid rgba(240,198,116,.45)}
.ro-dia.hoje b{color:#f0c674}
.ro-dia.depois{opacity:.45}
body.claro .ro-dia{background:var(--papel2)}
body.claro .ro-dia.hoje{background:#fdf6e6;outline-color:#d8bd7e}
body.claro .ro-dia.hoje b{color:#8a5d05}
.rx-rodape{font-size:var(--t-sm);color:var(--faint)}
.rx-rodape a{color:var(--white);text-decoration:underline;text-underline-offset:2px}
.rx-saida-1{margin-top:var(--e2);padding-top:0;border-top:0}

/* Revisão de 30/09: o funil de três quadros das ferramentas empilha antes
   de estourar no celular, e o anúncio tirado do ar continua legível para o
   dono ler o aviso. */
@media(max-width:560px){
  .mt-funil{flex-wrap:wrap}
  .mt-seta{display:none}
  .mt-etapa{flex:1 1 calc(50% - 8px)}
  .mt-etapa b{font-size:var(--t-md);overflow-wrap:anywhere}
}
.vt-meus .mb-card.off{opacity:1}
.vt-meus .mb-card.off .mb-quem{opacity:.55}

/* Upsell do workshop no checkout: um clique leva para a versão com análise */
.cp-upsell{display:flex;flex-direction:column;gap:var(--e1);margin:var(--e4) 0;padding:var(--e4);
  border:1px dashed rgba(240,198,116,.55);border-radius:var(--r-m);background:rgba(240,198,116,.06);color:var(--white);text-decoration:none}
.cp-upsell b{font-weight:600;font-size:var(--t-base)}
.cp-upsell span{font-size:var(--t-sm);color:var(--dim);line-height:1.5}
.cp-upsell em{font-style:normal;font-weight:600;font-size:var(--t-sm);color:#f0c674;margin-top:var(--e1)}
.cp-upsell:hover{border-style:solid;border-color:#f0c674}
body.claro .cp-upsell{background:#fdf6e6;border-color:#d8bd7e}
body.claro .cp-upsell em{color:#8a5d05}

/* As regras da jornada: o que acontece em cada compra */
.jr-regras{list-style:none;margin:var(--e3) 0 0;padding:0;display:grid;gap:var(--e3)}
.jr-regras li{font-size:var(--t-sm);line-height:1.55;color:var(--dim);padding-left:var(--e4);position:relative}
.jr-regras li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:#f0c674}
.jr-regras b{color:var(--white);font-weight:600}

/* A meta no Início, enquanto as ferramentas estão trancadas */
.em-card.trancado{border-style:dashed;border-color:rgba(240,198,116,.4)}
body.claro .em-card.trancado{border-color:#d8bd7e}
/* O que o produto não inclui: um xis no lugar do tique */
.jr-itens li.nao{color:var(--faint)}
.jr-itens li.nao,.jr-itens.verde li.nao{color:var(--faint)}
.jr-itens li.nao::before,.jr-itens.verde li.nao::before{content:'\2715';color:var(--faint);font-weight:700}
body.claro .jr-itens li.nao::before,body.claro .jr-itens.verde li.nao::before{color:var(--faint)}
/* A esteira da jornada: todos os planos lado a lado, numa linha só.
   Em tela estreita, a linha rola para o lado em vez de empilhar. */
.jr-onde{margin:var(--e5) 0 0;font-size:var(--t-sm);color:var(--dim)}
.jr-onde b{color:var(--white);font-weight:600}
.jr-esteira{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(208px,1fr);gap:var(--e3);
  margin:var(--e5) 0 var(--e6);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--e2);align-items:stretch}
.jr-esteira .jr-cartao{scroll-snap-align:start;padding:var(--e5) var(--e4);min-width:0}
.jr-esteira .jr-valor{font-size:30px}
.jr-esteira .jr-itens li{font-size:13px;gap:8px}
.jr-esteira .jr-pe{margin-top:auto;padding-top:var(--e4)}
.jr-esteira .jr-pe .btn{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;padding:12px 10px;font-size:14px;line-height:1.25;text-align:center;white-space:normal}
.jr-esteira .jr-pe .jr-seguro{display:block;margin-top:var(--e2);text-align:center}
.jr-cartao.atual{border-color:rgba(37,211,102,.45)}
.jr-voce{align-self:flex-start;margin-bottom:var(--e2);padding:3px 10px;border-radius:var(--r-pill);
  font-size:var(--t-xs);font-weight:600;color:#7fe6a6;background:rgba(37,211,102,.1);border:1px solid rgba(37,211,102,.35)}
body.claro .jr-cartao.atual{border-color:#bfe6cd}
body.claro .jr-voce{color:var(--verde);background:#e9f7ee;border-color:#bfe6cd}
.jr-esteira{max-width:100%;min-width:0}
@media(max-width:780px){ .jr-esteira{grid-auto-columns:calc(100vw - 80px)} }
/* Cartão da jornada enxuto: o resumo à vista, a lista inteira escondida */
.jr-itens.curto{gap:9px}
.jr-itens li.base{font-weight:600;color:var(--white)}
.jr-itens li.base::before{content:none}
.jr-tudo{margin-top:var(--e3)}
.jr-tudo summary{cursor:pointer;list-style:none;font-size:var(--t-sm);font-weight:600;color:var(--dim);text-decoration:underline;text-underline-offset:3px}
.jr-tudo summary::-webkit-details-marker{display:none}
.jr-tudo summary:hover{color:var(--white)}
.jr-tudo[open] summary{margin-bottom:var(--e2)}
.jr-tudo .jr-itens{margin-top:var(--e2);padding-top:var(--e3)}
/* A esteira acende o cartão em que a pessoa passa o mouse */
.jr-esteira .jr-cartao{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.jr-esteira .jr-cartao:hover{border-color:var(--red-l);box-shadow:0 0 0 1px var(--red-l),0 14px 34px rgba(217,43,43,.18);transform:translateY(-4px)}
.jr-esteira .jr-cartao.atual:hover{border-color:#7fe6a6;box-shadow:0 0 0 1px #7fe6a6,0 14px 34px rgba(37,211,102,.14)}
body.claro .jr-esteira .jr-cartao:hover{border-color:var(--red);box-shadow:0 0 0 1px var(--red),0 14px 30px rgba(196,24,43,.12)}
.jr-esteira.aberto{align-items:start}
/* a troca para o workshop sem análise: o mesmo cartão clicável, em tom neutro */
.cp-troca{border-color:var(--linha-e2);background:rgba(255,255,255,.03)}
.cp-troca em{color:var(--white)}
.cp-troca:hover{border-color:var(--white)}
body.claro .cp-troca{background:var(--papel2);border-color:var(--linha-f)}
body.claro .cp-troca em{color:var(--white)}
/* "Qual plano é o seu?": o teste de seis perguntas que indica o plano */
.qz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--e6);align-items:start;
  margin:var(--e6) 0;padding:var(--e6);border:1px solid rgba(240,198,116,.35);border-radius:var(--r-l);
  background:linear-gradient(158deg,#241a1d 0%,#161012 100%)}
.qz-tag{display:inline-block;margin-bottom:var(--e3);padding:3px 10px;border-radius:var(--r-pill);font-size:var(--t-xs);
  font-weight:600;color:#f0c674;background:rgba(240,198,116,.1);border:1px solid rgba(240,198,116,.35)}
.qz-topo h2{font-size:var(--t-2xl);line-height:1.15;margin:0 0 var(--e3)}
.qz-topo p{font-size:var(--t-sm);line-height:1.6;color:var(--dim);margin:0}
.qz-barra{height:4px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden;margin-bottom:var(--e5)}
.qz-barra b{display:block;height:100%;width:0;background:#C4182B;transition:width .3s ease}
.qz-num{display:block;font-size:var(--t-xs);color:var(--faint);margin-bottom:var(--e2)}
.qz-passo h3{font-size:var(--t-lg);line-height:1.3;margin:0 0 var(--e4)}
.qz-ops{display:grid;gap:var(--e2)}
.qz-op{text-align:left;padding:14px 16px;border-radius:var(--r-m);border:1px solid var(--linha-e2);background:rgba(255,255,255,.03);
  color:var(--white);font:inherit;font-size:var(--t-sm);font-weight:500;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.qz-op:hover,.qz-op.on{border-color:var(--red-l);background:rgba(217,43,43,.1)}
.qz-volta{margin-top:var(--e4);background:none;border:0;padding:0;font:inherit;font-size:var(--t-sm);color:var(--faint);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.qz-volta:hover{color:var(--white)}
.qz-res h3{margin:0;font-size:var(--t-xl)}
.qz-preco{margin:var(--e2) 0 0;font-family:var(--d);font-size:30px;line-height:1;color:var(--white)}
.qz-porque{margin:var(--e4) 0 0;font-size:var(--t-sm);line-height:1.6;color:var(--dim)}
.qz .jr-itens{margin-top:var(--e4)}
.qz-bts{display:flex;flex-wrap:wrap;gap:var(--e2);margin-top:var(--e5)}
body.claro .qz{background:var(--papel);border-color:#d8bd7e}
body.claro .qz-tag{color:#8a5d05;background:#fdf6e6;border-color:#d8bd7e}
body.claro .qz-barra{background:rgba(0,0,0,.08)}
body.claro .qz-op{background:var(--papel2);border-color:var(--linha-f)}
body.claro .qz-op:hover,body.claro .qz-op.on{border-color:var(--red);background:#fdeceb}
@media(max-width:780px){ .qz{grid-template-columns:1fr;gap:var(--e4);padding:var(--e5) var(--e4)} .qz-topo h2{font-size:var(--t-xl)} }.qz-corpo{min-width:0}

/* O convite para o teste "Qual o plano ideal para mim" (Início, jornada, amostra) */
.qz-convite{display:flex;align-items:center;gap:var(--e4);margin:var(--e5) 0;padding:var(--e4) var(--e5);
  border:1px solid rgba(240,198,116,.4);border-radius:var(--r-l);background:linear-gradient(158deg,#241a1d 0%,#161012 100%);
  color:var(--white);text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.qz-convite:hover{border-color:#f0c674;box-shadow:0 0 0 1px #f0c674,0 14px 30px rgba(240,198,116,.12);transform:translateY(-2px)}
.qz-convite-ic svg{width:34px;height:34px;fill:#f0c674;display:block}
.qz-convite-txt{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.qz-convite-txt strong{font-size:var(--t-md);font-weight:600}
.qz-convite-txt em{font-style:normal;font-size:var(--t-sm);line-height:1.5;color:var(--dim)}
.qz-rodape{margin-top:var(--e4);font-size:var(--t-sm)}
.qz-rodape a{color:var(--dim)} .qz-rodape a:hover{color:var(--white)}
body.claro .qz-convite{background:var(--papel);border-color:#d8bd7e}
body.claro .qz-convite-ic svg{fill:#a9791a}
@media(max-width:640px){ .qz-convite{flex-wrap:wrap} .qz-convite .btn{width:100%;text-align:center} }
.jr-onde a{color:#f0c674;text-decoration:underline;text-underline-offset:3px}
body.claro .jr-onde a{color:#8a5d05}

/* No Início, a jornada e o diagnóstico ficam juntos, logo depois do bom dia */
.faixa-jornada{margin-bottom:var(--e4)}
.faixa-jornada + .qz-convite{margin-top:0;margin-bottom:var(--e6)}

/* No Início, o diagnóstico vem antes da jornada */
.pn-ola + .qz-convite,.rn-painel + .qz-convite{margin-top:0}
.qz-convite + .faixa-jornada{margin-top:calc(-1 * var(--e1))}

/* O acesso de entrada em verde, igual ao "Você está aqui" da jornada (pedido do Victor) */
.selo-plano.entrada{background:rgba(37,211,102,.1);color:#7fe6a6;border-color:rgba(37,211,102,.4)}
body.claro .selo-plano.entrada{background:#e9f7ee;color:var(--verde);border-color:#bfe6cd}

/* Jornada sem diagnóstico: o valor fica embaçado até a pessoa fazer o diagnóstico de perfil */
.jr-borrado{filter:blur(7px);opacity:.75;user-select:none;pointer-events:none}

/* O resumo do que a pessoa respondeu, no resultado do diagnóstico */
.qz-resumo{list-style:none;margin:0 0 var(--e5);padding:var(--e3) var(--e4);display:grid;grid-template-columns:1fr 1fr;gap:var(--e2) var(--e4);
  border:1px solid var(--linha-e);border-radius:var(--r-m);background:rgba(255,255,255,.02)}
.qz-resumo li{display:flex;flex-direction:column;gap:2px;min-width:0}
.qz-resumo span{font-size:var(--t-xs);color:var(--faint)}
.qz-resumo b{font-size:var(--t-sm);font-weight:600;color:var(--white);line-height:1.35}
body.claro .qz-resumo{background:var(--papel2);border-color:var(--linha)}
@media(max-width:640px){ .qz-resumo{grid-template-columns:1fr} }
/* A parcela dos workshops, embaixo do valor, em amarelo */
.jr-parcela{display:block;margin-top:6px;font-size:var(--t-sm);font-weight:600;color:#f0c674}
body.claro .jr-parcela{color:#8a5d05}

/* O "12x" dos planos anuais em dourado, igual à parcela dos workshops, no escuro e no claro */
.jr-valor .vl-pq,.qz-preco .vl-pq{color:#f0c674;font-weight:600}
body.claro .jr-valor .vl-pq,body.claro .qz-preco .vl-pq{color:#8a5d05}

/* No pop-up dos e-books, o caminho para quem já é membro */
.pr-ja{margin-top:var(--e3);text-align:center;font-size:var(--t-sm);color:var(--dim)}
.pr-ja a{color:#f0c674;font-weight:600;text-decoration:underline;text-underline-offset:3px}
body.claro .pr-ja a{color:#8a5d05}

/* ==================================================================
   A SUA VOZ, NOSSA CULTURA, DESAFIO DO MÊS E TOUR (05/10/2026)
   ================================================================== */
.vz .secao-topo{align-items:flex-end}
.vz-novo{display:flex;gap:var(--e3);padding:var(--e4);border:1px solid var(--linha-e2);border-radius:var(--r-l);background:var(--sup);margin-bottom:var(--e4)}
.vz-novo-corpo{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--e2)}
.vz-novo textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:58px;padding:12px 14px;border-radius:var(--r-m);
  border:1px solid var(--linha-e2);background:rgba(255,255,255,.03);color:var(--white);font:inherit;font-size:var(--t-base)}
.vz-novo textarea:focus{outline:none;border-color:#f0c674}
.vz-novo-pe{display:flex;align-items:center;gap:var(--e3);flex-wrap:wrap}
.vz-foto{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:var(--t-sm);color:var(--dim);max-width:220px}
.vz-foto em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vz-foto svg{width:20px;height:20px;fill:#f0c674;flex:none}
.vz-foto:hover{color:var(--white)}
.vz-duvida{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-sm);color:var(--dim);cursor:pointer}
.vz-novo-pe .btn{margin-left:auto}
.vz-lista{display:flex;flex-direction:column;gap:var(--e3)}
.vz-post{padding:var(--e4) var(--e5);border:1px solid var(--linha-e);border-radius:var(--r-l);background:var(--sup)}
.vz-post.fixo{border-color:rgba(240,198,116,.45)}
.vz-topo{display:flex;align-items:center;gap:var(--e3)}
.vz-quem{display:flex;flex-direction:column;flex:1;min-width:0}
.vz-quem strong{font-size:var(--t-sm);font-weight:600}
.vz-quem span{font-size:var(--t-xs);color:var(--faint)}
.vz-tag{font-size:var(--t-xs);font-weight:600;padding:3px 9px;border-radius:var(--r-pill);color:#9cc4f5;background:rgba(120,180,255,.12);border:1px solid rgba(120,180,255,.35)}
.vz-tag.fixo{color:#f0c674;background:rgba(240,198,116,.1);border-color:rgba(240,198,116,.4)}
.vz-texto{margin-top:var(--e3);font-size:var(--t-base);line-height:1.6;color:var(--white);overflow-wrap:anywhere}
.vz-img{display:block;margin-top:var(--e3);border-radius:var(--r-m);overflow:hidden;max-height:420px}
.vz-img img{display:block;width:100%;max-height:420px;object-fit:cover}
.vz-pe{display:flex;align-items:center;gap:var(--e3);margin-top:var(--e3);flex-wrap:wrap}
.vz-pe form{margin:0}
.vz-pe .acao-btn{text-decoration:none}
.vz-responder{font-size:var(--t-sm);font-weight:600;color:#f0c674;text-decoration:none}
.vz-responder:hover{text-decoration:underline}
.vz-apaga{margin-left:auto}
.vz-apaga + .vz-apaga{margin-left:0}
.vz-mais{margin-top:var(--e3);font-size:var(--t-sm)}
.vz-mais a{color:var(--dim)} .vz-mais a:hover{color:var(--white)}
.vz-trancado{position:relative;border:1px dashed rgba(240,198,116,.45);border-radius:var(--r-l);overflow:hidden;min-height:220px}
.vz-borrado{filter:blur(6px);opacity:.5;padding:var(--e5);display:flex;flex-direction:column;gap:var(--e4)}
.vz-falso{display:flex;flex-direction:column;gap:8px;padding:var(--e4);border-radius:var(--r-m);background:rgba(255,255,255,.06)}
.vz-falso span{height:10px;border-radius:6px;background:rgba(255,255,255,.25)} .vz-falso span.curta{width:55%}
.vz-cad{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--e2);text-align:center;padding:var(--e5)}
.vz-cad strong{font-size:var(--t-lg)} .vz-cad span:not(.ml-cad){font-size:var(--t-sm);color:var(--dim);max-width:46ch}
.vz-cad .ml-cad svg{width:22px;height:22px;fill:#f0c674}
body.claro .vz-novo,body.claro .vz-post{background:var(--papel);border-color:var(--linha)}
body.claro .vz-novo textarea{background:var(--papel2);border-color:var(--linha-f)}
body.claro .vz-foto svg{fill:#a9791a}
body.claro .vz-responder{color:#8a5d05}
body.claro .vz-falso{background:rgba(0,0,0,.05)} body.claro .vz-falso span{background:rgba(0,0,0,.18)}

/* Nossa cultura */
.cu{max-width:820px}
.cu-grade{display:grid;grid-template-columns:1fr 1fr;gap:var(--e4)}
.cu-col{padding:var(--e4);border-radius:var(--r-m);border:1px solid var(--linha-e)}
.cu-col h3{margin:0 0 var(--e3);font-size:var(--t-md)}
.cu-col ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--e2)}
.cu-col li{position:relative;padding-left:22px;font-size:var(--t-sm);line-height:1.5;color:var(--dim)}
.cu-col.sim{border-color:rgba(37,211,102,.35);background:rgba(37,211,102,.05)}
.cu-col.sim li::before{content:'\2713';position:absolute;left:0;color:#7fe6a6;font-weight:700}
.cu-col.nao{border-color:rgba(217,43,43,.35);background:rgba(217,43,43,.05)}
.cu-col.nao li::before{content:'\2715';position:absolute;left:0;color:#ff8a8a;font-weight:700}
.cu-col a{color:#f0c674}
.cu-fim{margin-top:var(--e4);font-size:var(--t-sm);color:var(--faint)}
@media(max-width:700px){ .cu-grade{grid-template-columns:1fr} }

/* Desafio do mês */
.dm{margin:0 0 var(--e5);padding:var(--e5);border:1px solid rgba(240,198,116,.45);border-radius:var(--r-l);
  background:linear-gradient(158deg,#241a1d 0%,#161012 100%)}
.dm.completo{border-color:rgba(37,211,102,.5)}
.dm.trancado{border-style:dashed}
.dm-tag{display:inline-block;margin-bottom:var(--e2);padding:3px 10px;border-radius:var(--r-pill);font-size:var(--t-xs);font-weight:600;
  color:#f0c674;background:rgba(240,198,116,.1);border:1px solid rgba(240,198,116,.35)}
.dm h2{margin:0;font-size:var(--t-xl)}
.dm-premio{margin:var(--e2) 0 0;font-size:var(--t-sm);color:var(--dim)} .dm-premio b{color:#f0c674}
.dm-prog{display:flex;align-items:center;gap:var(--e3);margin:var(--e4) 0 var(--e3)}
.dm-prog .mt-barra{flex:1;margin:0} .dm-prog em{font-style:normal;font-size:var(--t-sm);color:var(--dim);white-space:nowrap}
.dm-passos{list-style:none;margin:0;padding:0;display:grid;gap:var(--e2)}
.dm-passos li{display:flex;align-items:center;gap:var(--e3);padding:10px 12px;border-radius:var(--r-m);background:rgba(255,255,255,.03);border:1px solid var(--linha-e)}
.dm-passos li form{margin:0}
.dm-passos li span{font-size:var(--t-sm);color:var(--white)}
.dm-passos li.ok span{color:var(--dim);text-decoration:line-through}
.dm-ch{width:26px;height:26px;border-radius:50%;border:2px solid rgba(240,198,116,.6);background:transparent;color:#161012;font-weight:900;cursor:pointer;display:grid;place-items:center;padding:0}
.dm-passos li.ok .dm-ch{background:#7fe6a6;border-color:#7fe6a6}
.dm-ok{margin:var(--e3) 0 0;font-size:var(--t-sm);color:#7fe6a6} .dm-ok a{color:inherit}
.dm-cad{display:flex;align-items:center;gap:var(--e3);flex-wrap:wrap;margin-top:var(--e3);font-size:var(--t-sm);color:var(--dim)}
.dm-cad .ml-cad svg{width:18px;height:18px;fill:#f0c674}
.dm-lista{margin:0;padding-left:22px;display:grid;gap:6px;font-size:var(--t-sm)}
.dm-lista em{font-style:normal;color:var(--faint)}
body.claro .dm{background:var(--papel);border-color:#d8bd7e}
body.claro .dm-tag{color:#8a5d05;background:#fdf6e6;border-color:#d8bd7e}
body.claro .dm-premio b{color:#8a5d05}
body.claro .dm-passos li{background:var(--papel2);border-color:var(--linha)}

/* Tour da plataforma, com voz */
.tr{margin:var(--e5) 0 var(--e7);padding:var(--e5);border:1px solid rgba(240,198,116,.4);border-radius:var(--r-l);
  background:radial-gradient(120% 100% at 0% 0%,rgba(217,43,43,.14),transparent 55%),linear-gradient(158deg,#241a1d 0%,#120d0e 100%)}
.tr-palco{position:relative;min-height:250px}
.tr-tela{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  gap:var(--e2);opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}
.tr-tela.on{opacity:1;transform:none;pointer-events:auto}
.tr-num{font-size:var(--t-xs);color:var(--faint)}
.tr-ico svg{width:54px;height:54px;fill:#f0c674;display:block}
.tr-tela h2{margin:var(--e1) 0 0;font-size:var(--t-2xl)}
.tr-tela p{margin:0;max-width:60ch;font-size:var(--t-md);line-height:1.55;color:var(--dim)}
.tr-ir{font-size:var(--t-sm);font-weight:600;color:#f0c674}
.tr-barra{display:flex;gap:4px;margin:var(--e5) 0 var(--e4)}
.tr-barra button{flex:1;height:14px;padding:5px 0;border:0;background:none;cursor:pointer}
.tr-barra b{display:block;height:4px;border-radius:4px;background:rgba(255,255,255,.14)}
.tr-barra button.ok b{background:rgba(240,198,116,.6)} .tr-barra button.agora b{background:#C4182B}
.tr-ctl{display:flex;align-items:center;justify-content:center;gap:var(--e3)}
.tr-bt{width:42px;height:42px;border-radius:50%;border:1px solid var(--linha-e2);background:transparent;color:var(--white);cursor:pointer;font-size:14px}
.tr-bt:hover{border-color:#f0c674;color:#f0c674}
body.claro .tr{background:var(--papel);border-color:#d8bd7e}
body.claro .tr-ico svg{fill:#a9791a} body.claro .tr-ir{color:#8a5d05}
body.claro .tr-barra b{background:rgba(0,0,0,.12)} body.claro .tr-barra button.ok b{background:#d8bd7e}
@media(max-width:640px){ .tr-palco{min-height:320px} .tr-tela h2{font-size:var(--t-xl)} .tr-tela p{font-size:var(--t-base)} }.dm-topo{min-width:0}
.tr-play{min-width:200px}
.tr-som{font-size:16px}

/* o cadeado d'A Sua Voz e do desafio: maior, num círculo dourado */
.vz-cad .ml-cad,.dm-cad .ml-cad{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(240,198,116,.12);border:1px solid rgba(240,198,116,.35)}
.dm-cad .ml-cad{width:34px;height:34px}
.vz-cad .ml-cad svg,.dm-cad .ml-cad svg{width:18px!important;height:18px!important;fill:#f0c674}
.tr-num{border:0;background:none;padding:0}
.vz-cad .ml-cad{flex:none;width:44px!important;height:44px!important;min-height:44px}

/* A Sua Voz para quem ainda não tem o plano: lê tudo, a caixa de escrever fica trancada */
.vz-novo-cad{align-items:center;border-style:dashed;border-color:rgba(240,198,116,.45)}
.vz-cad-linha{display:flex;align-items:center;gap:var(--e3);flex-wrap:wrap;font-size:var(--t-sm);color:var(--dim)}
.vz-cad-linha span:not(.ml-cad){flex:1;min-width:220px}
.vz-cad-linha b{color:var(--white);font-weight:600}
.vz-cad-linha .ml-cad{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:rgba(240,198,116,.12);border:1px solid rgba(240,198,116,.35)}
.vz-cad-linha .ml-cad svg{width:16px!important;height:16px!important;fill:#f0c674}
/* o desafio compacto no alto do Início */
.dm{padding:var(--e4) var(--e5)}
.dm h2{font-size:var(--t-lg)}
.dm-prog{margin:var(--e3) 0 var(--e2)}
.dm-det summary{cursor:pointer;list-style:none;display:inline-block;font-size:var(--t-sm);font-weight:600;color:#f0c674;text-decoration:underline;text-underline-offset:3px}
.dm-det summary::-webkit-details-marker{display:none}
.dm-det[open] summary{margin-bottom:var(--e3)}
body.claro .dm-det summary{color:#8a5d05}
/* o vídeo do tour */
.tr-video{padding:0;overflow:hidden;background:#0b0809}
.tr-video video{display:block;width:100%;aspect-ratio:16/9;background:#0b0809}
/* Desafio do mês numa linha só, no tamanho dos outros cartões do Início */
.dm{padding:var(--e4) var(--e5)}
.dm-linha{display:flex;align-items:center;gap:var(--e4)}
.dm-ic svg{width:34px;height:34px;fill:#f0c674;display:block}
.dm-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.dm-txt .dm-tag{align-self:flex-start;margin:0 0 2px}
.dm-txt strong{font-size:var(--t-md);font-weight:600}
.dm-txt em{font-style:normal;font-size:var(--t-sm);color:var(--dim)}
.dm-lado{display:flex;align-items:center;gap:var(--e3)}
.dm-mini{display:flex;align-items:center;gap:8px;width:150px}
.dm-mini .mt-barra{flex:1;margin:0}
.dm-mini em{font-style:normal;font-size:var(--t-xs);color:var(--dim);white-space:nowrap}
#dmPassos{margin-top:var(--e4)}
#dmPassos[hidden]{display:none}
body.claro .dm-ic svg{fill:#a9791a}
@media(max-width:700px){ .dm-linha{flex-wrap:wrap} .dm-lado{width:100%;justify-content:space-between} }
/* ---------- IDIOMA (06/10/2026) ---------- */
.idioma{position:relative}
.idioma summary{list-style:none;font-size:12.5px;font-weight:700;letter-spacing:.04em}
.idioma summary::-webkit-details-marker{display:none}
.idioma[open] summary{color:#fff;border-color:rgba(240,69,69,.6)}
.id-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:90;min-width:150px;padding:6px;border-radius:var(--r-m);
  background:var(--card,#161112);border:1px solid var(--linha-e2,rgba(255,255,255,.12));box-shadow:0 14px 30px rgba(0,0,0,.4);display:flex;flex-direction:column}
.id-menu button{all:unset;cursor:pointer;padding:9px 12px;border-radius:var(--r-s);font-size:14px;color:var(--dim)}
.id-menu button:hover{background:rgba(255,255,255,.06);color:var(--txt,#fff)}
.id-menu button.aqui{color:var(--red-l);font-weight:600}
.idioma.solto{position:fixed;top:14px;right:14px;z-index:60}
body.claro .id-menu{background:var(--papel);border-color:var(--linha-f)}
body.claro .id-menu button:hover{background:rgba(0,0,0,.05);color:var(--ink,#1a1012)}
/* a barra e os balões do tradutor do Google ficam escondidos: a troca é pelo seletor */
body>.skiptranslate,iframe.skiptranslate,.goog-te-banner-frame,#goog-gt-tt,.goog-te-balloon-frame{display:none!important}
body{top:0!important}
.goog-text-highlight{background:none!important;box-shadow:none!important}
/* ---------- BIBLIOTECA EM CATÁLOGO (06/10/2026) ---------- */
.esteira>.bib-item{flex:0 0 360px;width:360px;scroll-snap-align:start;display:flex;flex-direction:column;gap:10px}
.bib-item>.pstr{width:100%}
.bib-mes{font-size:15px;font-weight:600;color:var(--ouro,#f0c674)}
@media(max-width:600px){.esteira>.bib-item{flex-basis:80vw;width:80vw}}
/* ---------- MENÇÕES E NOTIFICAÇÕES (06/10/2026) ---------- */
.mencao{color:var(--ouro,#f0c674);font-weight:600}
.responder-a{all:unset;cursor:pointer;font-size:13px;font-weight:600;color:var(--dim)}
.responder-a:hover{color:var(--red-l)}
.rc-corpo .responder-a{display:inline-block;margin-top:6px}
.post-barra .responder-a{margin-left:auto;font-size:14px}
.mc-lista{position:absolute;z-index:120;padding:6px;border-radius:var(--r-m);background:#171112;
  border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 34px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:2px}
.mc-lista[hidden]{display:none}
.mc-item{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:var(--r-s);font-size:14px;color:var(--white)}
.mc-item.on,.mc-item:hover{background:rgba(217,43,43,.18)}
body.claro .mc-lista{background:var(--papel);border-color:var(--linha-f);box-shadow:0 14px 30px rgba(60,40,45,.18)}
body.claro .mc-item{color:var(--ink,#1a1012)}
.nt-lista{display:flex;flex-direction:column;gap:var(--e2,8px)}
.nt-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r-m);
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.nt-item:hover{border-color:rgba(240,69,69,.45)}
.nt-item.nova{border-color:rgba(240,69,69,.5);background:rgba(217,43,43,.08)}
.nt-corpo{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.nt-quem{font-size:15px}
.nt-txt{font-size:14px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nt-hora{font-size:12.5px;color:var(--faint)}
.nt-ponto{width:9px;height:9px;border-radius:50%;background:var(--red-l);flex:none}
.nt-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;
  background:rgba(240,198,116,.12);border:1px solid rgba(240,198,116,.35)}
.nt-ic svg{width:20px;height:20px;fill:var(--ouro,#f0c674)}
body.claro .nt-item{background:var(--papel);border-color:var(--linha-f)}
body.claro .nt-item.nova{background:rgba(217,43,43,.06);border-color:rgba(217,43,43,.4)}
.mc-nome{flex:1;min-width:0}

/* ---------- EDITAR NOS PRIMEIROS MINUTOS (06/10/2026) ---------- */
.ed{margin-top:6px}
.ed-bt{list-style:none;display:inline-block;cursor:pointer;font-size:13px;font-weight:600;color:var(--dim)}
.ed-bt::-webkit-details-marker{display:none}
.ed-bt:hover,.ed[open] .ed-bt{color:var(--red-l)}
.ed-form{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.ed-form textarea{width:100%;min-height:76px;padding:10px 12px;border-radius:var(--r-s);font:inherit;font-size:15px;
  color:inherit;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);resize:vertical}
.ed-pe{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ed-pe em{font-style:normal;font-size:12.5px;color:var(--faint)}
body.claro .ed-form textarea{background:var(--papel);border-color:var(--linha-f)}
/* ---- Revisão de 06/10: A Sua Voz, desafio e notificações no tema claro, foco e toque ---- */
.vz-novo textarea:focus{outline:none;border-color:#f0c674;box-shadow:0 0 0 3px rgba(240,198,116,.22)}
body.claro .vz-novo textarea:focus{border-color:#8a5d05;box-shadow:0 0 0 3px rgba(138,93,5,.22)}
body.claro :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline-color:#8a5d05}
.responder-a:focus-visible,.ed-bt:focus-visible{outline:2px solid #f0c674;outline-offset:2px;border-radius:var(--r-s)}
body.claro .responder-a:focus-visible,body.claro .ed-bt:focus-visible{outline-color:#8a5d05}
body.claro .vz-tag{color:#1d4f91;background:#eaf2fd;border-color:#9bbfe8}
body.claro .vz-tag.fixo{color:#8a5d05;background:#fdf6e6;border-color:#d8bd7e}
body.claro .cu-col a{color:#8a5d05}
body.claro .cu-col.sim li::before{color:var(--verde)}
body.claro .cu-col.nao li::before{color:#a21324}
body.claro .dm-ok{color:var(--verde)}
body.claro .vz-post.fixo{border-color:#d8bd7e}
body.claro .dm.completo{border-color:var(--verde)}
body.claro .vz-novo-cad{border-color:#d8bd7e}
body.claro .nt-item:hover{border-color:rgba(196,24,43,.45)}
body.claro .dm-ch{border-color:#8a5d05}
body.claro .dm-passos li.ok .dm-ch{background:var(--verde);border-color:var(--verde);color:#fff}
.ed-form textarea,.rc-form textarea{font-size:var(--t-base)}
.dm-lado{flex-wrap:wrap}
.dm-mini{flex:1;width:auto;min-width:120px}
@media(max-width:760px){
  .vz-responder,.responder-a,.ed-bt,.dm-ch,.dm-det summary{position:relative}
  .vz-responder::after,.responder-a::after,.ed-bt::after,.dm-det summary::after{content:'';position:absolute;inset:-14px -8px}
  .dm-ch::after{content:'';position:absolute;inset:-9px}
  .mc-item{padding:12px 10px}
}

/* no celular o sino do topo some: o Avisos da barra de baixo faz o papel (07/10/2026) */
@media(max-width:760px){.topo-dir .sino-topo{display:none}}

/* ---------- FAÇA SEU DIAGNÓSTICO: contato e parabéns (07/10/2026) ---------- */
.qz-form{display:flex;flex-direction:column;gap:4px;margin-top:10px}
.qz-erro{color:var(--red-l);font-size:14px;font-weight:600;margin:4px 0}
.qz-ok{text-align:center;padding:18px 0 6px}
.qz-ok-ic{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:rgba(37,211,102,.14);border:2px solid rgba(37,211,102,.5);color:#7fe6a6;font-size:30px;font-weight:700;margin-bottom:14px}
.qz-ok .qz-bts{justify-content:center}
.ld-diag{margin-top:6px;font-size:13px}
.ld-diag summary{cursor:pointer;color:var(--ouro,#f0c674);font-weight:600}
.ld-diag ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;max-width:420px}
.ld-diag li{display:flex;flex-direction:column}
.ld-diag li span{color:var(--faint);font-size:12px}
.ld-diag li b{font-weight:600;white-space:normal}

/* o botão do menu ao lado da marca (07/10/2026) */
.topo-esq{display:flex;align-items:center;gap:14px;min-width:0}

/* ---------- PLAYER DO DRIVE: TELA CHEIA E SEM O BOTÃO DE ABRIR FORA (07/10/2026) ---------- */
.pl-tampa{position:absolute;top:0;right:0;width:68px;height:68px;z-index:4;background:#000;border-bottom-left-radius:14px}
.pl-barra{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:-6px 0 18px}
.pl-barra .player-fora{margin:0}
.pl-cheia{display:inline-flex;align-items:center;gap:8px}
.pl-cheia svg{width:18px;height:18px}
.pl-sair{display:none;position:absolute;top:10px;left:10px;z-index:6;width:40px;height:40px;border-radius:50%;
  border:none;background:rgba(0,0,0,.6);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.player:fullscreen,.player:-webkit-full-screen{padding-top:0;width:100vw;height:100vh;border-radius:0;border:none}
.player:fullscreen .pl-sair,.player:-webkit-full-screen .pl-sair{display:block}
.player.pl-cheio{position:fixed;inset:0;z-index:200;padding-top:0;margin:0;border-radius:0;border:none}
.player.pl-cheio .pl-sair{display:block}
body.pl-travado{overflow:hidden}
/* vídeo em pé: o quadro tem o formato do celular, sem faixa preta dos lados (07/10/2026) */
.player.em-pe{padding-top:0;aspect-ratio:9/16;width:min(100%,420px);margin-left:auto;margin-right:auto}
@media(max-width:760px){.player.em-pe{width:min(100%,calc(80vh * 9 / 16))}}
.player.em-pe:fullscreen,.player.em-pe:-webkit-full-screen,.player.em-pe.pl-cheio{width:100vw;height:100vh;aspect-ratio:auto;margin:0}

/* o selo de WhatsApp em cada nome do "Com quem você quer falar?" (07/10/2026) */
.fr-opt .fr-zap{margin-left:auto;display:inline-flex;align-items:center;gap:6px;flex:none;padding:7px 12px;border-radius:999px;background:#15803d;color:#fff;font-size:13px;font-weight:600}
.fr-opt .fr-zap svg{width:15px;height:15px;fill:currentColor}
.zap-btn{display:inline-flex;align-items:center;gap:8px}

.qz-texto textarea{width:100%;min-height:96px;padding:12px 14px;border-radius:var(--r-m);font:inherit;font-size:16px;color:inherit;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);resize:vertical}
.qz-texto textarea:focus{outline:none;border-color:rgba(240,69,69,.6)}
body.claro .qz-texto textarea{background:var(--papel);border-color:var(--linha-f)}
@media(max-width:480px){.fr-opt .fr-zap{padding:9px;font-size:0;gap:0}.fr-opt .fr-zap svg{width:18px;height:18px}}

/* o aviso de que o diagnóstico vem antes dos materiais (07/10/2026) */
.qz-antes{margin-bottom:var(--e4,18px);line-height:1.5}
.qz-antes b{display:block;margin-bottom:4px}

/* ---------- PARÁGRAFOS NOS POSTS E COMENTÁRIOS (07/10/2026) ---------- */
.tx p{margin:0}
.tx p + p{margin-top:.75em}
.post-texto.tx{white-space:normal}
.com-txt .tx{margin:2px 0 4px}
.com-form textarea{flex:1;min-height:44px;max-height:240px;resize:none;background:rgba(0,0,0,.32);border:1px solid rgba(217,43,43,.25);
  border-radius:20px;color:#fff;font-family:var(--f);font-size:14.5px;line-height:1.45;padding:11px 18px;outline:none;transition:border-color .2s ease}
.com-form textarea:focus{border-color:var(--red-l);box-shadow:0 0 0 3px rgba(217,43,43,.15)}
.com-form:has(textarea){align-items:flex-end}
body.claro .com-form textarea{background:var(--papel);color:var(--white);border:1px solid var(--linha-f)}