/* ============================================================
   O Criativo que Aprendeu a Vender: cores do livro por cima do design system
   do O Conselheiro (site.css). Paleta tirada da capa:
   verde escuro #1F1F1F, verde médio #B93E0B, verde vivo #FC5A18, branco.
   O laranja vai só nos botões e em pequenos sinais.
   Dois contextos: escuro (por omissão) e .claro.
   --t é a "tinta" em RGB, para contornos e véus.
============================================================ */
:root,
.claro .janela, .claro .chamada, .claro .escuro-ilha{
  --preto:#0F0F0F;
  --cartao-a:#222222; --cartao-b:#141414;
  --t:244,240,235;
  --linha:rgba(244,240,235,.10); --linha-forte:rgba(244,240,235,.2);
  --texto:#F7F4EF; --texto-2:#D4CDC5; --texto-3:#A79E94;
  --acento:#F4F0EB; --sobre-acento:#0F0F0F;
  color:var(--texto);
}
.claro, .barra{
  --cartao-a:#FFFFFF; --cartao-b:#EDE7DF;
  --t:26,22,18;
  --linha:rgba(26,22,18,.12); --linha-forte:rgba(26,22,18,.22);
  --texto:#1C1712; --texto-2:#4A433B; --texto-3:#5E564D;
  --acento:#B93E0B; --sobre-acento:#FFFFFF;
  color:var(--texto);
}
:root{
  --branco:#F7F3EE;
  --verde:#FC5A18; --verde-claro:#FF7A3D; --sobre-verde:#1A0B04;
  --verde-medio:#B93E0B; --verde-escuro:#1F1F1F;
  --marca:linear-gradient(160deg,#4A2A18 0%,#2A1910 55%,#1F1F1F 100%);
  color-scheme:light dark;
}
html,body{ background:var(--preto); }
.claro{ background:var(--branco); }
:focus-visible{ outline-color:var(--verde); }

/* cartões, vidro, contornos */
.vidro{ background:rgba(20,20,20,.55); border-color:rgba(var(--t),.16); }
.claro .vidro{ background:rgba(255,255,255,.65); }
.claro .janela.vidro{ background:linear-gradient(135deg,#222222,#141414); border-color:rgba(26,22,18,.5); }
.contorno{ background:rgba(var(--t),.03); box-shadow:inset 0 0 0 1px rgba(var(--t),.12); }
.holofote::after{ background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), rgba(var(--t),.08), transparent 60%); }
.ico-caixa{ width:48px; height:48px; border-radius:15px; display:grid; place-items:center; flex:none; box-shadow:inset 0 0 0 1px rgba(var(--t),.18); color:var(--texto); }
.ico-caixa svg{ width:22px; height:22px; }

/* botões: laranja com texto quase preto (contraste 6:1) */
.botao-principal, .claro .botao-principal, .barra .botao-principal{ background:var(--verde); color:var(--sobre-verde); box-shadow:0 0 0 1px rgba(255,255,255,.2) inset, 0 12px 34px -14px rgba(252,90,24,.7); }
.botao-principal:hover, .claro .botao-principal:hover, .barra .botao-principal:hover{ background:var(--verde-claro); box-shadow:0 0 0 1px rgba(255,255,255,.28) inset, 0 16px 40px -12px rgba(252,90,24,.8); }
.botao-linha{ background:rgba(var(--t),.03); }
.botao-linha:hover{ border-color:rgba(var(--t),.45); background:rgba(var(--t),.06); }
.botao-escuro{ background:var(--verde); color:var(--sobre-verde); }
.botao-escuro:hover{ background:var(--verde-claro); }

/* barra de cima */
.barra{ background:rgba(247,243,238,.94); backdrop-filter:blur(18px) saturate(1.3); -webkit-backdrop-filter:blur(18px) saturate(1.3); }
.barra.rolou{ background:rgba(247,243,238,.94); border-bottom-color:rgba(26,22,18,.12); }
.barra nav a:hover{ background:rgba(26,22,18,.06); }
.marca .selo-escala{ width:38px; height:38px; border-radius:12px; background:var(--verde-escuro); color:var(--verde); display:grid; place-items:center; flex:none; }
.marca .selo-escala svg{ width:20px; height:20px; }
@media (max-width:640px){ .marca .selo-escala{ width:34px; height:34px; } }

/* abertura */
.abertura{ padding-top:150px; }
.abertura-fundo .grelha{ background-image:linear-gradient(rgba(26,22,18,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(26,22,18,.08) 1px, transparent 1px); }
.abertura-fundo .luz{ background:radial-gradient(closest-side, rgba(252,90,24,.16), rgba(185,62,11,.05) 55%, transparent); }
.abertura-fundo .foto{ display:none !important; }
@media (max-width:640px){ .abertura{ padding-top:120px; } }
.janela{ box-shadow:0 40px 110px -40px rgba(26,22,18,.6); }
.janela-topo{ border-bottom-color:rgba(var(--t),.1); }
.pontos i{ background:rgba(var(--t),.2); }
.pontos i:first-child{ background:var(--verde); }
.etiqueta{ box-shadow:inset 0 0 0 1px rgba(var(--t),.14); }
.etiqueta.viva{ color:var(--verde); box-shadow:inset 0 0 0 1px rgba(252,90,24,.4); display:inline-flex; align-items:center; gap:7px; }
.etiqueta.viva::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--verde); }
svg [stroke="#fff"]{ stroke:var(--acento); }
svg [fill="#fff"]{ fill:var(--acento); }

/* livro e etiquetas na abertura */
.produto{ position:relative; width:min(560px,100%); aspect-ratio:1/0.82; margin:-6px auto 6px; }
.produto .livro{ position:absolute; left:50%; top:50%; width:46%; transform:translate(-50%,-50%); z-index:1; }
.produto .livro img{ width:100%; height:auto; filter:drop-shadow(0 30px 34px rgba(26,22,18,.45)); }
.produto .orbitas{ position:absolute; inset:4%; border-radius:50%; border:1px dashed rgba(26,22,18,.16); }
.produto .orbitas::after{ content:""; position:absolute; inset:14%; border-radius:50%; border:1px dashed rgba(252,90,24,.28); }
.etapa{ position:absolute; z-index:2; transform:translate(-50%,-50%); display:inline-flex; align-items:center; gap:10px; padding:7px 14px 7px 7px; border-radius:16px; white-space:nowrap;
  background:rgba(255,255,255,.85); box-shadow:inset 0 0 0 1px rgba(26,22,18,.14), 0 16px 30px -18px rgba(26,22,18,.5); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
.etapa .ico-caixa{ width:36px; height:36px; border-radius:11px; color:var(--verde-medio); }
.etapa .ico-caixa svg{ width:18px; height:18px; }
.etapa small{ display:block; font-size:11px; color:var(--texto-3); line-height:1.2; font-variant-numeric:tabular-nums; }
.etapa b{ display:block; font-weight:500; font-size:15px; line-height:1.2; letter-spacing:-.02em; color:var(--texto); }
.etapa.quente{ background:var(--verde); box-shadow:0 16px 30px -14px rgba(252,90,24,.7); }
.etapa.quente b,.etapa.quente small{ color:var(--sobre-verde); }
.etapa.quente .ico-caixa{ background:var(--sobre-verde); color:var(--verde); box-shadow:none; }
.e1{ left:13%; top:20%; } .e2{ left:87%; top:16%; } .e3{ left:90%; top:62%; } .e4{ left:70%; top:92%; } .e5{ left:14%; top:78%; }
@media (prefers-reduced-motion:no-preference){
  .produto .livro{ animation:boia 6s ease-in-out infinite; }
  .etapa{ animation:boia-etapa 5s ease-in-out infinite; }
  .e2{ animation-delay:-1s; } .e3{ animation-delay:-2.2s; } .e4{ animation-delay:-3.1s; } .e5{ animation-delay:-1.7s; }
  @keyframes boia{ 50%{ transform:translate(-50%,-53%) rotate(-1deg); } }
  @keyframes boia-etapa{ 50%{ transform:translate(-50%,calc(-50% - 8px)); } }
}
@media (max-width:600px){
  .produto{ aspect-ratio:1/0.95; }
  .produto .livro{ width:52%; }
  .etapa{ gap:7px; padding:5px 10px 5px 5px; border-radius:12px; }
  .etapa .ico-caixa{ width:28px; height:28px; border-radius:9px; }
  .etapa .ico-caixa svg{ width:15px; height:15px; }
  .etapa b{ font-size:13px; } .etapa small{ font-size:10px; }
  .e1{ left:20%; top:12%; } .e2{ left:80%; top:12%; } .e3{ left:83%; top:70%; } .e4{ left:60%; top:93%; } .e5{ left:18%; top:82%; }
}

/* painel da operação (a janela que endireita) */
.painel-op{ display:grid; grid-template-columns:220px minmax(0,1fr); }
.painel-lado{ padding:18px 14px; border-right:1px solid rgba(var(--t),.1); display:flex; flex-direction:column; gap:4px; }
.painel-lado .rotulo{ font-size:12.5px; color:var(--texto-3); padding:0 10px 10px; }
.estagio{ display:flex; align-items:center; gap:11px; padding:10px; border-radius:12px; font-size:14.5px; color:var(--texto-2); }
.estagio svg{ width:18px; height:18px; }
.estagio .estado{ margin-left:auto; width:18px; height:18px; border-radius:50%; display:grid; place-items:center; background:rgba(var(--t),.08); }
.estagio .estado svg{ width:11px; height:11px; }
.estagio.feito .estado{ background:rgba(252,90,24,.18); color:var(--verde); }
.estagio.agora{ background:rgba(var(--t),.06); color:var(--texto); box-shadow:inset 0 0 0 1px rgba(252,90,24,.4); }
.estagio.agora > svg{ color:var(--verde); }
.estagio.agora .estado{ background:var(--verde); color:var(--sobre-verde); }
.painel-centro{ padding:20px 22px 16px; min-width:0; }
.kpis{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:14px; }
.kpi{ padding:14px 16px; border-radius:14px; }
.kpi small{ display:block; font-size:12.5px; color:var(--texto-3); margin-bottom:6px; }
.kpi b{ font-weight:500; font-size:clamp(17px,2.2vw,24px); letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.kpi b.sobe{ color:var(--verde); }
.grafico-op{ padding:14px 16px 10px; border-radius:14px; }
.grafico-op .topo{ display:flex; justify-content:space-between; gap:10px; font-size:13px; color:var(--texto-3); margin-bottom:8px; }
.grafico-op .topo b{ font-weight:500; color:var(--texto); font-size:14.5px; }
.grafico-op svg{ width:100%; height:auto; }
.grafico-op .dias{ display:flex; justify-content:space-between; padding:6px 2% 0; font-size:11.5px; color:var(--texto-3); }
@media (max-width:820px){
  .painel-op{ grid-template-columns:1fr; }
  .painel-lado{ border-right:0; border-bottom:1px solid rgba(var(--t),.1); flex-direction:row; flex-wrap:wrap; gap:6px; padding:12px; }
  .painel-lado .rotulo{ width:100%; padding:0 4px 4px; }
  .estagio{ padding:7px 10px; font-size:13px; gap:7px; box-shadow:inset 0 0 0 1px rgba(var(--t),.1); }
  .estagio .estado{ display:none; }
}
@media (max-width:560px){ .painel-centro{ padding:12px; } .kpis{ grid-template-columns:1fr 1fr; } .kpis .kpi:last-child{ grid-column:1/-1; } }

/* faixa fina */
.faixa{ padding:16px 0; }
.faixa-trilho{ animation-duration:40s; }
.faixa-trilho ul{ gap:26px; padding-right:26px; }
.faixa-trilho li{ font-size:clamp(15px,1.25vw,17px); letter-spacing:-.01em; color:rgba(var(--t),.7); }
.faixa-trilho li.sep{ width:6px; height:6px; background:var(--verde); }

/* problema: cadeia */
.cadeia{ display:flex; flex-direction:column; gap:10px; }
.elo{ display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1.15fr); align-items:center; gap:14px; padding:20px 22px; }
.elo .a{ color:var(--texto); font-size:17px; letter-spacing:-.02em; }
.elo .b{ color:var(--texto-2); font-size:17px; letter-spacing:-.02em; display:flex; align-items:center; gap:8px; }
.elo .b svg{ width:18px; height:18px; color:#B3261E; flex:none; }
.elo .seta-elo{ width:36px; height:36px; border-radius:50%; display:grid; place-items:center; box-shadow:inset 0 0 0 1px var(--linha-forte); color:var(--texto-3); }
.elo .seta-elo svg{ width:15px; height:15px; }
.elo.suave{ grid-template-columns:auto 1fr; background:transparent; border-style:dashed; }
@media (max-width:560px){ .elo{ grid-template-columns:1fr; gap:10px; padding:18px; } .elo .seta-elo{ transform:rotate(90deg); width:30px; height:30px; } }
.chamada{ background:var(--marca); color:#F7F4EF; }
.chamada::before{ background:radial-gradient(80% 60% at 100% 0%, rgba(255,255,255,.14), transparent 60%), radial-gradient(70% 55% at 0% 100%, rgba(0,0,0,.2), transparent 65%); }
.chamada h3{ color:#F7F4EF; }

/* para ti */
.para{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; }
.para .cartao{ grid-column:span 2; padding:28px; display:flex; flex-direction:column; gap:16px; }
.para .cartao.largo{ grid-column:span 3; }
.para h3{ font-size:19px; line-height:1.3; letter-spacing:-.02em; margin-bottom:8px; }
.para p{ font-size:15.5px; }
.para .ico-caixa{ color:var(--verde-medio); }
@media (max-width:980px){ .para{ grid-template-columns:1fr 1fr; } .para .cartao,.para .cartao.largo{ grid-column:span 1; } .para .cartao:last-child{ grid-column:1/-1; } }
@media (max-width:600px){ .para{ grid-template-columns:1fr; } .para .cartao:last-child{ grid-column:auto; } }

/* prova: números */
.prova-topo{ display:flex; justify-content:space-between; align-items:flex-end; gap:40px; flex-wrap:wrap; margin-bottom:56px; }
.prova-topo .cabeca{ margin-bottom:0; }
.prova-topo .lado{ max-width:340px; }
.numeros{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.numero{ padding:28px 26px; display:flex; flex-direction:column; min-height:250px; }
.numero .quando{ display:flex; align-items:center; gap:8px; font-size:13px; color:var(--texto-3); margin-bottom:auto; }
.numero .quando svg{ width:16px; height:16px; color:var(--verde); }
.numero .valor{ font-size:clamp(36px,3.4vw,48px); line-height:1; letter-spacing:-.05em; margin:34px 0 14px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.numero .valor small{ font-size:max(13px,.38em); letter-spacing:-.01em; color:var(--texto-3); margin-left:4px; }
.numero p{ font-size:15px; }
.numero.destaque{ background:var(--marca); border-color:#4A2A18; }
.numero.destaque .valor,.numero.destaque p,.numero.destaque .quando{ color:#F7F4EF; }
.numero.destaque .valor small{ color:#D4CDC5; }
.numero.destaque .quando svg{ color:var(--verde); }
.salto{ display:flex; align-items:center; gap:8px; margin-top:18px; font-size:13.5px; color:#F7F4EF; flex-wrap:wrap; }
.salto span:first-child{ padding:4px 10px; border-radius:8px; background:rgba(0,0,0,.2); }
.salto svg{ width:16px; height:16px; }
@media (max-width:1000px){ .numeros{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px){ .numeros{ grid-template-columns:1fr; } .numero{ min-height:0; } }

/* método: cadeia de 5 passos que acende */
.nao-e span.sim{ color:var(--texto); box-shadow:inset 0 0 0 1px rgba(252,90,24,.4); border-color:transparent; }
.passos-escala{ position:relative; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; padding:14px; border-radius:30px; }
.passos-escala::before{ content:""; position:absolute; left:10%; right:10%; top:50%; height:1px; background:linear-gradient(90deg, rgba(var(--t),.15), var(--verde)); }
.passos-escala .no{ position:relative; flex-direction:column; text-align:center; padding:26px 16px; gap:14px; justify-content:center; background:var(--preto); }
.passos-escala .no b{ font-size:17px; }
.passos-escala .no.aceso{ background:#222222; }
.passos-escala .no:last-child.aceso{ background:var(--verde); box-shadow:none; }
.passos-escala .no:last-child.aceso b{ color:var(--sobre-verde); }
.passos-escala .no:last-child.aceso .ico-caixa{ background:var(--sobre-verde); color:var(--verde); }
.porque{ display:grid; grid-template-columns:1fr 1fr 1.2fr; gap:16px; margin-top:16px; }
.porque div{ padding:24px 26px; font-size:17px; letter-spacing:-.02em; color:var(--texto-2); }
.porque div.chave{ color:var(--texto); font-size:19px; box-shadow:inset 0 0 0 1px rgba(252,90,24,.45); }
.porque div.chave span{ color:var(--verde); }
@media (max-width:860px){
  .passos-escala{ grid-template-columns:1fr; }
  .passos-escala::before{ left:50%; right:auto; top:8%; bottom:8%; width:1px; height:auto; background:linear-gradient(180deg, rgba(var(--t),.15), var(--verde)); }
  .passos-escala .no{ flex-direction:row; justify-content:flex-start; padding:14px 18px; }
  .porque{ grid-template-columns:1fr; }
}

/* o que recebes */
.recebes{ display:grid; grid-template-columns:1.25fr 1fr; grid-template-rows:auto auto; gap:16px; }
.recebes .cartao{ padding:32px; display:flex; flex-direction:column; }
.recebes .grande{ grid-row:span 2; }
.recebes .tipo{ display:inline-flex; align-items:center; gap:8px; font-size:13.5px; color:var(--verde); margin-bottom:10px; }
.recebes .tipo svg{ width:17px; height:17px; }
.recebes h3{ margin-bottom:12px; }
.recebes p{ font-size:16px; max-width:460px; }
.recebes .local{ display:flex; align-items:center; gap:10px; margin-top:16px; font-size:15px; color:var(--texto-2); }
.recebes .local svg{ width:18px; height:18px; color:var(--verde); }
.video{ position:relative; margin-top:auto; padding-top:28px; }
.video .ecra-video{ position:relative; aspect-ratio:16/10; border-radius:18px; overflow:hidden; box-shadow:inset 0 0 0 1px rgba(var(--t),.16); }
.video img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:55% 0%; }
.video .veu{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(15,15,15,.15), rgba(15,15,15,.85)); }
.video .duracao{ position:absolute; left:16px; top:14px; font-size:12.5px; padding:6px 12px; border-radius:999px; background:rgba(15,15,15,.6); box-shadow:inset 0 0 0 1px rgba(var(--t),.2); }
.video .tocar{ position:absolute; left:20px; bottom:48px; width:52px; height:52px; border-radius:50%; background:var(--verde); color:var(--sobre-verde); display:grid; place-items:center; box-shadow:0 0 0 8px rgba(252,90,24,.16); }
.video .tocar svg{ width:18px; height:18px; margin-left:3px; }
.video .progresso{ position:absolute; left:18px; right:18px; bottom:16px; display:flex; align-items:center; gap:12px; font-size:12.5px; color:var(--texto-2); }
.video .progresso span.pista{ flex:1; height:4px; border-radius:4px; background:rgba(var(--t),.18); overflow:hidden; }
.video .progresso span.pista i{ display:block; height:100%; width:34%; background:var(--verde); }
.livro-cartao{ display:flex; align-items:flex-end; gap:20px; }
.livro-cartao img{ width:96px; flex:none; filter:drop-shadow(0 16px 16px rgba(0,0,0,.45)); transform:rotate(-3deg); }
.modelos{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:auto; padding-top:20px; }
.modelos div{ display:flex; align-items:center; gap:10px; padding:12px 14px; border-radius:12px; font-size:14.5px; color:var(--texto-2); }
.modelos svg{ width:18px; height:18px; color:var(--verde); flex:none; }
.cta-meio{ display:flex; flex-direction:column; align-items:center; gap:12px; margin-top:44px; }
.cta-meio span{ display:inline-flex; align-items:center; gap:8px; font-size:14px; color:var(--texto-3); }
.cta-meio span svg{ width:17px; height:17px; color:var(--verde); }
@media (max-width:900px){ .recebes{ grid-template-columns:1fr; } .recebes .grande{ grid-row:auto; } }
@media (max-width:560px){ .recebes .cartao{ padding:24px 22px; } .modelos{ grid-template-columns:1fr; } .livro-cartao{ flex-direction:column; align-items:flex-start; } }

/* objeções */
.objecoes{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.objecao{ padding:30px; display:flex; flex-direction:column; gap:14px; }
.objecao .q{ display:flex; gap:14px; align-items:flex-start; }
.objecao .q svg{ width:24px; height:24px; color:var(--verde-medio); flex:none; margin-top:3px; }
.objecao h3{ font-size:21px; line-height:1.3; letter-spacing:-.03em; }
.objecao .r{ padding-left:38px; }
.objecao .r p{ font-size:16px; }
.objecao .r p + p{ margin-top:10px; }
.objecao .curta{ color:var(--verde-medio); font-size:18px; }
.objecao.inteira{ grid-column:1/-1; }
.objecao .forte{ margin:6px 0; padding:16px 20px; background:rgba(252,90,24,.1); box-shadow:inset 0 0 0 1px rgba(252,90,24,.28); border-radius:14px; color:var(--texto); font-size:17px; }
@media (max-width:800px){ .objecoes{ grid-template-columns:1fr; } .objecao{ padding:24px 22px; } .objecao .r{ padding-left:0; } }

/* previsível */
.adivinhar{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.adivinhar .palavra{ margin-top:22px; font-size:clamp(34px,4.4vw,54px); line-height:1.02; letter-spacing:-.05em; color:var(--verde); }
.verificar{ list-style:none; border-radius:30px; overflow:hidden; }
.verificar li{ display:flex; align-items:center; gap:16px; padding:18px 22px; font-size:18px; letter-spacing:-.02em; border-bottom:1px solid var(--linha); color:var(--texto); }
.verificar li:last-child{ border-bottom:0; }
.verificar .ico-caixa{ width:42px; height:42px; border-radius:12px; color:var(--verde); }
@media (max-width:900px){ .adivinhar{ grid-template-columns:1fr; gap:36px; } }

/* mentor */
.mentor-numeros{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:30px; border-top:1px solid var(--linha); }
.mentor-numeros div{ padding:20px 20px 4px; border-left:1px solid var(--linha); }
.mentor-numeros div:first-child{ padding-left:0; border-left:0; }
.mentor-numeros b{ display:block; font-weight:500; font-size:clamp(28px,3vw,36px); letter-spacing:-.05em; color:var(--verde); line-height:1; margin-bottom:10px; font-variant-numeric:tabular-nums; }
.mentor-numeros span{ font-size:14.5px; color:var(--texto-3); line-height:1.45; display:block; }
.retrato img{ filter:none; }
.retrato::after{ background:linear-gradient(0deg, rgba(15,15,15,.65), transparent 45%); }
.pilula{ background:var(--acento); color:var(--sobre-acento); }
.pilula svg{ color:var(--verde); }
@media (max-width:560px){ .mentor-numeros div{ padding:16px 10px 4px; } .mentor-numeros b{ font-size:26px; } .mentor-numeros span{ font-size:13px; } }

/* caso de sucesso: antes e depois */
.caso{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,480px); gap:60px; align-items:center; }
.caso .quem{ display:inline-flex; align-items:center; gap:10px; padding:6px 14px 6px 6px; border-radius:999px; box-shadow:inset 0 0 0 1px var(--linha-forte); font-size:14px; color:var(--texto-2); margin-bottom:22px; }
.caso .quem b{ font-weight:500; background:var(--verde-medio); color:#fff; padding:3px 10px; border-radius:999px; font-size:12.5px; }
.caso p + p{ margin-top:14px; }
.caso .nota-caso{ margin-top:22px; padding:16px 20px; background:rgba(252,90,24,.1); box-shadow:inset 0 0 0 1px rgba(252,90,24,.28); border-radius:14px; color:var(--texto); font-size:17px; }
.comparar-fotos{ position:relative; width:100%; aspect-ratio:4/5; border-radius:30px; overflow:hidden; margin:0; box-shadow:inset 0 0 0 1px var(--linha-forte), 0 30px 70px -40px rgba(26,22,18,.6); touch-action:pan-y; }
.comparar-fotos img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.comparar-fotos .antes{ clip-path:inset(0 calc(100% - var(--pos)) 0 0); }
.comparar-fotos .lbl{ position:absolute; top:16px; z-index:3; padding:6px 14px; border-radius:999px; font-size:13px; color:#fff; background:rgba(15,15,15,.65); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
.comparar-fotos .lbl.a{ left:16px; } .comparar-fotos .lbl.b{ right:16px; }
.comparar-fotos .linha-c{ position:absolute; top:0; bottom:0; left:var(--pos); width:2px; background:var(--verde); transform:translateX(-50%); z-index:2; pointer-events:none; }
.comparar-fotos .pega{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:50px; height:50px; border-radius:50%; background:var(--verde); color:var(--sobre-verde); display:flex; align-items:center; justify-content:center; gap:2px; box-shadow:0 10px 30px -8px rgba(0,0,0,.6); }
.comparar-fotos .pega svg{ width:14px; height:14px; }
.comparar-fotos .pega .vira{ transform:rotate(180deg); }
.comparar-fotos input{ position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:ew-resize; z-index:4; -webkit-appearance:none; appearance:none; }
.comparar-fotos input:focus-visible ~ .linha-c .pega{ outline:2px solid #fff; outline-offset:3px; }
@media (max-width:900px){ .caso{ grid-template-columns:1fr; gap:36px; } .comparar-fotos{ max-width:440px; margin:0 auto; order:-1; } }

/* preços */
.precos-fundo{ background:radial-gradient(closest-side, rgba(252,90,24,.18), transparent); }
.plano.destaque{ background:var(--marca); border-color:#4A2A18; color:#F7F4EF; box-shadow:0 30px 90px -30px rgba(0,0,0,.6); }
.plano.destaque::before{ background:radial-gradient(80% 60% at 100% 0%, rgba(255,255,255,.12), transparent 60%), radial-gradient(70% 55% at 0% 100%, rgba(0,0,0,.22), transparent 65%); }
.plano.destaque h3,.plano.destaque .valor,.plano.destaque li svg{ color:#F7F4EF; }
.plano.destaque li svg{ color:var(--verde); }
.plano.destaque .plano-tipo,.plano.destaque .plano-preco .antes{ color:rgba(247,244,239,.7); }
.plano.destaque .desc,.plano.destaque li,.plano.destaque .unidade{ color:rgba(247,244,239,.88); }
.plano.destaque .plano-preco{ border-color:rgba(247,244,239,.2); }
.plano li svg{ color:var(--verde); }
.promo{ background:var(--verde); color:var(--sobre-verde); }
.confianca-pag{ max-width:980px; margin:20px auto 0; display:flex; justify-content:center; gap:10px 28px; flex-wrap:wrap; font-size:14px; color:var(--texto-2); }
.confianca-pag span{ display:inline-flex; align-items:center; gap:8px; }
.confianca-pag svg{ width:17px; height:17px; color:var(--verde); }
.tres-passos{ max-width:980px; margin:30px auto 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.tres-passos div{ padding:20px; font-size:16.5px; color:var(--texto); letter-spacing:-.02em; }
.tres-passos small{ display:block; color:var(--verde); font-size:13px; margin-bottom:8px; font-variant-numeric:tabular-nums; }
@media (max-width:560px){ .tres-passos{ grid-template-columns:1fr; } }

/* perguntas */
.pergunta-item.aberta .mais{ background:var(--verde-medio); color:#fff; }

/* fecho */
.fecho .nascer{ background:radial-gradient(closest-side, rgba(252,90,24,.32), rgba(185,62,11,.3) 55%, transparent); }
.fecho .horizonte{ border-top-color:rgba(244,240,235,.45); box-shadow:0 -30px 80px -20px rgba(252,90,24,.25); background:var(--preto); }
.perguntas-fecho{ display:flex; flex-direction:column; align-items:center; gap:10px; margin:0 auto 34px; max-width:660px; }
.perguntas-fecho .velha{ font-size:18px; color:var(--texto-3); text-decoration:line-through; text-decoration-color:rgba(244,240,235,.5); }
.perguntas-fecho .entao{ display:block; font-size:14px; color:var(--texto-3); }
.perguntas-fecho .nova{ font-size:clamp(21px,2.6vw,30px); line-height:1.2; letter-spacing:-.04em; color:var(--texto); }
.resumo{ display:inline-flex; flex-direction:column; align-items:center; gap:16px; padding:28px 30px; border-radius:30px; }
.resumo .nome{ font-size:22px; letter-spacing:-.04em; }
.resumo .sub{ margin:0; font-size:15px; color:var(--texto-2); max-width:420px; }
.resumo .itens{ display:flex; gap:8px; flex-wrap:wrap; justify-content:center; }
.resumo .itens span{ display:inline-flex; align-items:center; gap:7px; font-size:13.5px; color:var(--texto-2); padding:6px 12px; border-radius:999px; box-shadow:inset 0 0 0 1px var(--linha-forte); }
.resumo .itens svg{ width:15px; height:15px; color:var(--verde); }
@media (max-width:640px){ .resumo{ padding:24px 18px; width:100%; } }

.aviso-resultados{ font-size:12.5px; color:var(--texto-3); margin-top:10px; }
.seccao-escura-pos-clara{ padding-top:130px !important; }
@media (max-width:720px){ .seccao-escura-pos-clara{ padding-top:88px !important; } }
.passos-escala{ background:linear-gradient(135deg,#222222,#141414); box-shadow:0 30px 70px -40px rgba(26,22,18,.6); }
/* o livro é dimensionado pela altura, para nunca passar por cima do título */
.produto .livro{ width:auto; height:90%; }
.produto .livro img{ width:auto; height:100%; }
.abertura h1{ font-size:clamp(34px,4.6vw,62px); }
@media (max-width:600px){ .produto{ margin-bottom:18px; } .produto .livro{ width:auto; height:72%; } }
/* sombra do livro em gradientes (o drop-shadow fica recortado e duro no Safari do telemóvel) */
.produto .livro img{ filter:none; position:relative; z-index:1; }
.produto .livro::before{ content:""; position:absolute; inset:6% -14% -4% -6%; background:radial-gradient(closest-side, rgba(26,22,18,.30), rgba(26,22,18,.12) 60%, transparent); pointer-events:none; }
.produto .livro::after{ content:""; position:absolute; left:-4%; right:-12%; bottom:-7%; height:14%; background:radial-gradient(closest-side, rgba(26,22,18,.45), rgba(26,22,18,.16) 60%, transparent); pointer-events:none; }


/* ============================================================
   Próprio d'O Criativo que Aprendeu a Vender
============================================================ */
.marcador, .nota-papel, .fita{ font-family:"Instrument Serif", Georgia, serif; font-style:italic; font-weight:400; letter-spacing:.5px; }

/* barra escura, porque a abertura também é escura */
.barra{ --t:244,240,235; --linha:rgba(244,240,235,.10); --linha-forte:rgba(244,240,235,.2); --texto:#F7F4EF; --texto-2:#D4CDC5; --texto-3:#A79E94; color:var(--texto); background:rgba(15,15,15,.82); }
.barra.rolou{ background:rgba(15,15,15,.94); border-bottom-color:rgba(244,240,235,.1); }
.barra nav a:hover{ background:rgba(244,240,235,.08); }
.marca .selo-escala{ box-shadow:inset 0 0 0 1px rgba(252,90,24,.4); }

/* ---------- abertura escura: texto e capa ---------- */
.cr-abertura{ text-align:left; padding:150px 0 100px; background:var(--preto); }
.cr-abertura .abertura-fundo .grelha{ background-image:linear-gradient(rgba(244,240,235,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(244,240,235,.05) 1px, transparent 1px); }
.cr-abertura .abertura-fundo .luz{ left:72%; top:50%; width:820px; height:820px; transform:translate(-50%,-50%); background:radial-gradient(closest-side, rgba(252,90,24,.22), rgba(252,90,24,.05) 60%, transparent); }
.cr-abertura .contentor{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:40px; align-items:center; }
.cr-abertura h1{ margin:0 0 24px; max-width:none; font-size:clamp(40px,5vw,70px); color:var(--texto); }
.cr-abertura .marcador{ display:inline-block; color:var(--verde); font-size:1.12em; line-height:1; }
.cr-abertura .entrada{ margin:0 0 34px; max-width:560px; }
.cr-abertura .abertura-botoes{ justify-content:flex-start; }
.cr-kicker{ display:block; margin-bottom:18px; font-size:15px; color:var(--texto-3); }
.oficios{ list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin-top:32px; }
.oficios li{ font-size:13.5px; padding:6px 12px; border-radius:999px; color:var(--texto-2); box-shadow:inset 0 0 0 1px rgba(var(--t),.16); }
.cr-capa.produto{ width:100%; aspect-ratio:auto; height:600px; margin:0; }
.cr-capa .livro{ height:82%; }
.produto .livro::before,.produto .livro::after{ background:radial-gradient(closest-side, rgba(0,0,0,.6), rgba(0,0,0,.25) 60%, transparent); }
.cr-capa .brilho{ position:absolute; inset:10% 8%; border-radius:50%; background:radial-gradient(closest-side, rgba(252,90,24,.28), transparent 70%); }
.fita{ position:absolute; z-index:2; padding:8px 18px; font-size:23px; color:#1A0B04; background:var(--verde); box-shadow:0 14px 26px -14px rgba(0,0,0,.8); }
.fita.f1{ left:2%; top:16%; transform:rotate(-6deg); }
.fita.f2{ right:0; top:46%; transform:rotate(5deg); background:#F7F4EF; }
.fita.f3{ left:8%; bottom:12%; transform:rotate(-3deg); }
@media (max-width:900px){
  .cr-abertura{ padding:110px 0 70px; text-align:center; }
  .cr-abertura .contentor{ grid-template-columns:1fr; gap:6px; }
  .cr-abertura .entrada{ margin:0 auto 30px; }
  .cr-abertura .abertura-botoes,.oficios{ justify-content:center; }
  .cr-capa.produto{ order:-1; height:420px; }
  .cr-capa .livro{ height:76%; }
  .fita{ font-size:19px; padding:6px 12px; }
  .fita.f2{ right:4%; top:30%; }
  .fita.f1{ left:4%; top:8%; } .fita.f3{ left:auto; right:4%; bottom:10%; }
}

/* ---------- a conversa: antes e depois ---------- */
.cr-conversa{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,420px); gap:64px; align-items:center; }
.cr-conversa .cabeca{ margin-bottom:28px; }
.alternar{ display:inline-flex; padding:5px; border-radius:999px; box-shadow:inset 0 0 0 1px var(--linha-forte); background:rgba(255,255,255,.6); margin-bottom:26px; }
.alternar button{ font:inherit; font-size:15px; border:0; background:none; color:var(--texto-2); padding:10px 20px; border-radius:999px; cursor:pointer; transition:background .3s, color .3s; }
.alternar button[aria-pressed="true"]{ background:var(--texto); color:var(--branco); }
.alternar button[data-ver="depois"][aria-pressed="true"]{ background:var(--verde); color:var(--sobre-verde); }
.alternar button:focus-visible{ outline:2px solid var(--acento); outline-offset:2px; }
.mudou{ list-style:none; display:flex; flex-direction:column; gap:12px; }
.mudou li{ display:flex; gap:12px; align-items:center; font-size:17px; letter-spacing:-.02em; color:var(--texto); }
.mudou svg{ width:22px; height:22px; flex:none; }
.mudou.so-antes svg{ color:#B3261E; }
.mudou.so-depois svg{ color:var(--acento); }
[data-estado="antes"] .so-depois, [data-estado="depois"] .so-antes{ display:none; }
.telefone{ position:relative; border-radius:38px; padding:14px 14px 18px; background:#0F0F0F; box-shadow:0 0 0 1px rgba(0,0,0,.5), 0 40px 80px -40px rgba(26,22,18,.7); color:#F7F4EF; }
.telefone-topo{ display:flex; align-items:center; gap:12px; padding:10px 12px 14px; border-bottom:1px solid rgba(244,240,235,.08); }
.telefone-topo .avatar{ width:38px; height:38px; border-radius:50%; display:grid; place-items:center; background:#2A2A2A; color:#D4CDC5; font-size:15px; }
.telefone-topo b{ display:block; font-weight:500; font-size:15.5px; }
.telefone-topo small{ font-size:12.5px; color:#A79E94; }
.chat{ display:flex; flex-direction:column; gap:10px; padding:18px 6px 6px; min-height:420px; }
.msg{ max-width:82%; padding:10px 14px; border-radius:18px; font-size:15px; line-height:1.4; }
.msg.ele{ align-self:flex-start; background:#222; border-bottom-left-radius:6px; color:#F7F4EF; }
.msg.eu{ align-self:flex-end; background:#F7F4EF; color:#1C1712; border-bottom-right-radius:6px; }
.so-depois .msg.eu{ background:var(--verde); color:#1A0B04; }
.desfecho{ margin-top:auto; padding:12px 14px; border-radius:14px; font-size:14px; line-height:1.4; }
.desfecho.mau{ background:rgba(179,38,30,.16); color:#F2B8B5; }
.desfecho.bom{ background:rgba(252,90,24,.16); color:#FFB894; }
.nota-exemplo{ display:block; text-align:center; margin-top:10px; font-size:12px; color:#A79E94; }
@media (prefers-reduced-motion:no-preference){
  .anima .chat .msg, .anima .chat .desfecho{ animation:entra-msg .45s cubic-bezier(.2,.7,.2,1) both; }
  .chat > :nth-child(2){ animation-delay:.25s !important; } .chat > :nth-child(3){ animation-delay:.5s !important; }
  .chat > :nth-child(4){ animation-delay:.75s !important; } .chat > :nth-child(5){ animation-delay:1s !important; } .chat > :nth-child(6){ animation-delay:1.3s !important; }
  @keyframes entra-msg{ from{ opacity:0; transform:translateY(8px); } }
}
@media (max-width:900px){ .cr-conversa{ grid-template-columns:1fr; gap:36px; } .telefone{ max-width:420px; width:100%; margin:0 auto; } }
@media (max-width:420px){ .alternar button{ padding:9px 14px; font-size:14px; } .chat{ min-height:0; } }

/* ---------- frases em papéis colados ---------- */
.notas{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; max-width:1000px; margin:0 auto; }
.nota-papel{ padding:26px 24px 30px; font-size:25px; line-height:1.25; color:#1C1712; background:#F7F4EF; box-shadow:0 22px 34px -22px rgba(0,0,0,.9); }
.nota-papel.laranja{ background:var(--verde); color:#1A0B04; }
.notas .nota-papel:nth-child(1){ transform:rotate(-2deg); } .notas .nota-papel:nth-child(2){ transform:rotate(1.5deg); }
.notas .nota-papel:nth-child(3){ transform:rotate(-1deg); } .notas .nota-papel:nth-child(4){ transform:rotate(2deg); }
.notas .nota-papel:nth-child(5){ transform:rotate(-1.5deg); } .notas .nota-papel:nth-child(6){ transform:rotate(1deg); }
.cr-veredicto{ margin:70px auto 0; max-width:820px; text-align:center; font-size:clamp(24px,3vw,36px); line-height:1.25; letter-spacing:-.04em; color:var(--texto-2); }
.cr-veredicto span{ display:block; color:var(--texto); }
@media (max-width:860px){ .notas{ grid-template-columns:1fr 1fr; gap:16px; } .nota-papel{ font-size:22px; padding:20px 18px 24px; } }
@media (max-width:520px){ .notas{ grid-template-columns:1fr; } }

/* ---------- para quem: ofícios ---------- */
.oficios-grelha{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.oficio{ display:flex; flex-direction:column; gap:28px; padding:22px; font-size:17px; letter-spacing:-.02em; color:var(--texto); }
.oficio svg{ width:28px; height:28px; color:var(--acento); }
.se-tu{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:44px; padding-top:34px; border-top:1px solid var(--linha); }
.se-tu p{ display:flex; gap:12px; align-items:flex-start; font-size:15.5px; color:var(--texto-2); }
.se-tu svg{ width:22px; height:22px; flex:none; color:var(--acento); margin-top:1px; }
.se-tu b{ display:block; font-weight:500; font-size:17px; color:var(--texto); letter-spacing:-.02em; margin-bottom:4px; }
@media (max-width:900px){ .oficios-grelha{ grid-template-columns:1fr 1fr; } .se-tu{ grid-template-columns:1fr; gap:18px; } }
@media (max-width:420px){ .oficio{ gap:18px; padding:18px; font-size:15.5px; } }

/* ---------- do talento ao rendimento: degraus ---------- */
.degraus{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; align-items:end; height:360px; max-width:1040px; margin:0 auto; padding-bottom:6px; border-bottom:1px solid var(--linha-forte); }
.degrau{ display:flex; flex-direction:column; justify-content:flex-end; align-items:stretch; height:100%; gap:12px; text-align:center; }
.degrau .barra-d{ display:block; height:var(--h); border-radius:14px 14px 4px 4px; background:linear-gradient(180deg, rgba(var(--t),.16), rgba(var(--t),.05)); box-shadow:inset 0 0 0 1px rgba(var(--t),.12); transform-origin:bottom; }
.degrau b{ order:2; font-weight:500; font-size:14.5px; color:var(--texto-2); }
.degrau.topo-d .barra-d{ background:linear-gradient(180deg, #FC5A18, #B93E0B); box-shadow:none; }
.degrau.topo-d b{ color:var(--verde); }
@media (prefers-reduced-motion:no-preference){
  .anima .degraus .barra-d{ transform:scaleY(.04); transition:transform 1s cubic-bezier(.2,.7,.2,1); }
  .anima .degraus.visto .barra-d{ transform:none; }
  .degraus .degrau:nth-child(2) .barra-d{ transition-delay:.1s; } .degraus .degrau:nth-child(3) .barra-d{ transition-delay:.2s; }
  .degraus .degrau:nth-child(4) .barra-d{ transition-delay:.3s; } .degraus .degrau:nth-child(5) .barra-d{ transition-delay:.4s; } .degraus .degrau:nth-child(6) .barra-d{ transition-delay:.5s; }
}
.degraus-texto{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; max-width:1040px; margin:28px auto 0; }
.degraus-texto .cartao{ padding:20px; font-size:15px; color:var(--texto-2); }
.degraus-texto small{ display:block; color:var(--verde); font-size:13px; margin-bottom:8px; }
.degraus-texto b{ display:block; font-weight:500; font-size:17px; color:var(--texto); letter-spacing:-.02em; margin-bottom:6px; }
@media (max-width:900px){ .degraus-texto{ grid-template-columns:1fr 1fr; } }
.degrau b{ min-height:2.7em; line-height:1.35; }
@media (max-width:620px){
  .degraus{ display:flex; flex-direction:column; align-items:stretch; gap:10px; height:auto; padding-bottom:0; border-bottom:0; }
  .degrau{ display:grid; grid-template-columns:118px minmax(0,1fr); align-items:center; gap:12px; height:auto; text-align:left; }
  .degrau b{ order:0; min-height:0; font-size:14px; }
  .degrau .barra-d{ order:1; width:var(--h); height:36px; border-radius:4px 12px 12px 4px; transform-origin:left center; }
  .anima .degraus .barra-d{ transform:scaleX(.04); }
  .anima .degraus.visto .barra-d{ transform:none; }
  .degraus-texto{ grid-template-columns:1fr; }
}

/* ---------- o que recebes: kit ---------- */
.kit{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:16px; }
.kit-capa{ position:relative; display:grid; place-items:center; min-height:460px; border-radius:30px; background:#0F0F0F; overflow:hidden; }
.kit-capa .brilho{ position:absolute; inset:15%; border-radius:50%; background:radial-gradient(closest-side, rgba(252,90,24,.3), transparent 70%); }
.kit-capa img{ position:relative; height:340px; width:auto; transform:rotate(-4deg); filter:drop-shadow(0 26px 26px rgba(0,0,0,.6)); }
.tipo-kit{ position:absolute; left:22px; top:20px; display:inline-flex; align-items:center; gap:8px; font-size:13.5px; color:var(--verde); }
.tipo-kit svg{ width:17px; height:17px; }
.kit-temas{ padding:34px 36px; border-radius:30px; box-shadow:inset 0 0 0 1px var(--linha); background:rgba(255,255,255,.55); }
.kit-temas h3{ margin-bottom:18px; }
.kit-temas ol{ list-style:none; counter-reset:t; display:grid; grid-template-columns:1fr 1fr; gap:0 28px; }
.kit-temas li{ counter-increment:t; display:flex; gap:12px; padding:14px 0; border-bottom:1px solid var(--linha); font-size:15.5px; color:var(--texto); line-height:1.4; }
.kit-temas li::before{ content:counter(t, decimal-leading-zero); font-size:13px; color:var(--acento); padding-top:2px; font-variant-numeric:tabular-nums; }
.kit-master{ grid-column:1/-1; display:grid; grid-template-columns:minmax(0,320px) minmax(0,1fr); gap:28px; align-items:center; padding:18px 28px 18px 18px; }
.kit-video{ position:relative; aspect-ratio:16/10; border-radius:18px; overflow:hidden; }
.kit-video img{ width:100%; height:100%; object-fit:cover; object-position:55% 0%; }
.kit-video .tocar{ position:absolute; left:16px; bottom:16px; width:48px; height:48px; border-radius:50%; display:grid; place-items:center; background:var(--verde); color:var(--sobre-verde); }
.kit-video .tocar svg{ width:17px; height:17px; margin-left:3px; }
.kit-master h3{ margin-bottom:10px; }
.kit-master p{ font-size:16px; max-width:560px; }
.tag-pacote{ display:inline-block; font-size:12px; padding:4px 10px; border-radius:999px; background:rgba(185,62,11,.1); color:var(--acento); margin-bottom:12px; }
@media (max-width:900px){ .kit{ grid-template-columns:1fr; } .kit-capa{ min-height:360px; } .kit-capa img{ height:270px; } .kit-master{ grid-template-columns:1fr; padding:16px 16px 22px; } }
@media (max-width:620px){ .kit-temas{ padding:24px 22px; } .kit-temas ol{ grid-template-columns:1fr; } }

/* ---------- mitos ---------- */
.mitos{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.mito{ padding:30px; display:flex; flex-direction:column; gap:14px; }
.mito s{ font-size:clamp(19px,2vw,23px); letter-spacing:-.03em; color:var(--texto-3); text-decoration-color:var(--verde); text-decoration-thickness:2px; }
.mito .mito-r{ font-size:12.5px; color:var(--texto-3); margin-bottom:-8px; }
.mito p{ font-size:17px; color:var(--texto-2); }
.mito p strong{ color:var(--verde); font-weight:500; }
@media (max-width:760px){ .mitos{ grid-template-columns:1fr; } .mito{ padding:24px 22px; } }

/* ---------- autor ---------- */
.cr-autor{ display:grid; grid-template-columns:minmax(0,440px) minmax(0,1fr); gap:64px; align-items:center; }
.cr-autor-foto{ position:relative; border-radius:30px; overflow:hidden; aspect-ratio:4/5; }
.cr-autor-foto img{ width:100%; height:100%; object-fit:cover; object-position:50% 25%; filter:grayscale(1) contrast(1.05); }
.cr-kicker.escuro{ color:var(--texto-2); }
.cr-autor .mentor-numeros b{ color:var(--acento); }
@media (max-width:900px){ .cr-autor{ grid-template-columns:1fr; gap:36px; } .cr-autor-foto{ max-width:440px; } }
.nome-curto{ display:none; }
@media (max-width:560px){ .barra .nome-longo{ display:none; } .barra .nome-curto{ display:inline; } }