/* =====================================================================
   SITE DE HOJE, MAIS VISUAL (09/11/2026): mesmo estilo, menos texto,
   letras maiores e o David em destaque. Carrega por último e só sobrescreve;
   um bloco por parte, para dar para desfazer uma parte sem mexer nas outras.
   ===================================================================== */

/* ---------- base: ícones de traço (sprite logo depois do <body>) ---------- */
.sprite-v39{position:absolute;width:0;height:0;overflow:hidden}
.ico{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* ---------- PARTE 1 · ABERTURA: você na frente, letra grande, menos frase ---------- */
.cinema-hero .hero-slide.is-active{opacity:1!important}
.cinema-hero .film-shade{background:linear-gradient(90deg,#07110ee8 0%,#07110ea6 30%,#07110e26 56%,transparent 74%),linear-gradient(0deg,#07110ee0,transparent 38%)!important}
.hero-copy h1{font-size:clamp(58px,5.2vw,80px)!important;line-height:1.02!important;max-width:9.2em!important;letter-spacing:-.02em!important;text-shadow:0 2px 30px #07110e,0 1px 2px #07110e}
.hero-selos{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 6px;padding:0;list-style:none;max-width:640px}
.hero-selos li{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;font-size:17px;font-weight:700;line-height:1.15;color:#f4f1e8;background:#0b120fd9;box-shadow:inset 0 0 0 1px #d0c3a270}
.hero-selos li:first-child{background:#e6d6ae;color:#10120f;box-shadow:0 8px 26px #d0c3a240}
.hero-selos .ico{width:19px;height:19px}
.cinema-hero .hero-note{font-size:12px;opacity:.85}
@media(max-width:767px){
  .cinema-hero .hero-gallery{bottom:auto;height:60svh}
  .cinema-hero .hero-authority{object-position:46% 22%!important}
  .cinema-hero .film-shade{background:linear-gradient(0deg,#07110e 40%,#07110ee6 47%,#07110e00 64%)!important}
  .cinema-hero .hero-copy{padding-top:47svh!important}
  .hero-copy h1{font-size:44px!important;line-height:1.04!important}
  .hero-selos{gap:8px;margin:2px 0 4px}
  .hero-selos li{font-size:15px;padding:8px 13px}
}
@media(max-width:767px){.cinema-hero .hero-actions{margin-top:16px!important}}

/* ---------- PARTE 2 · CALCULADORA: chamada curta na página + janela que abre ---------- */
.calc-chamada{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:22px 40px;padding:64px 0!important;border-bottom:1px solid #ffffff1a}
.calc-chamada h2{font-size:clamp(42px,5.4vw,76px);line-height:1.02;letter-spacing:-.02em;margin:12px 0 0}
.calc-chamada .button{font-size:17px;padding:20px 30px}
.calc-janela{position:fixed!important;inset:0!important;z-index:2147483000;margin:0!important;width:auto!important;max-width:none!important;height:auto!important;padding:0!important;border:0!important;
  overflow-y:auto;overscroll-behavior:contain;background:#07110ef5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s}
html.calc-aberta .calc-janela{opacity:1;visibility:visible;transition:opacity .35s ease}
html.calc-aberta,html.calc-aberta body{overflow:hidden!important}
.calc-caixa{position:relative;padding:86px 0 70px}
.calc-fechar{position:sticky;top:14px;z-index:3;display:flex;width:max-content;margin:0 0 10px auto;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid #d0c3a299;background:#10120fe6;color:#f1efe8;font:700 15px/1 Arial,sans-serif;cursor:pointer}
.calc-fechar:focus-visible{outline:2px solid #c5e6ce;outline-offset:3px}
@media(max-width:767px){.calc-chamada{padding:52px 0!important}.calc-chamada .button{width:100%;justify-content:center}.calc-caixa{padding-top:70px}}
@media(prefers-reduced-motion:reduce){.calc-janela,html.calc-aberta .calc-janela{transition:none}}

/* ---------- PARTE 3 · PORTAS mais curtas + o DIAGNÓSTICO em destaque ---------- */
.lift-card h3{font-size:clamp(26px,2.4vw,34px)!important;line-height:1.08!important}
.oferta-v39{position:relative;padding:96px 0;background:radial-gradient(ellipse at 30% 0%,#2b2a1d 0%,transparent 58%),#0a110d}
.oferta-caixa{display:grid;grid-template-columns:1fr 1fr;gap:30px 56px;align-items:center;padding:52px;border-radius:32px;
  background:linear-gradient(150deg,#1d2419,#0f150f 72%);box-shadow:inset 0 0 0 1px #d0c3a266,0 30px 90px #000a}
.oferta-v39 h2{font-size:clamp(48px,5.8vw,92px);line-height:1;letter-spacing:-.025em;margin:14px 0 0}
.oferta-num{display:flex;align-items:baseline;gap:14px;margin:14px 0 0;color:#e6d6ae;font:700 24px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.oferta-num b{font:400 clamp(104px,11vw,172px)/.82 Georgia,"Times New Roman",serif;letter-spacing:-.05em}
.oferta-lista{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none}
.oferta-lista li{display:flex;align-items:center;gap:12px;min-height:76px;padding:16px 18px;border-radius:18px;background:#ffffff0b;box-shadow:inset 0 0 0 1px #ffffff21;font:700 18px/1.25 Arial,sans-serif;color:#f4f1e8}
.oferta-lista .ico{width:28px;height:28px;color:#e6d6ae}
.oferta-botao{grid-column:2;justify-self:start;font-size:17px!important;padding:20px 28px!important}
@media(max-width:767px){
  .oferta-v39{padding:60px 0}
  .oferta-caixa{grid-template-columns:1fr;padding:30px 22px;border-radius:24px}
  .oferta-lista{grid-template-columns:1fr}
  .oferta-lista li{min-height:0}
  .oferta-botao{grid-column:auto;width:100%;justify-content:center}
}
@media(min-width:768px){.lift-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-areas:none!important}.lift-card{grid-column:auto!important;grid-row:auto!important}}

/* ---------- PARTE 4 · CENÁRIOS em destaque: palco próprio, título e opções grandes ---------- */
#seu-momento{position:relative;isolation:isolate;padding-top:120px!important;padding-bottom:120px!important}
#seu-momento::before{content:"";position:absolute;inset:44px -4vw;z-index:-1;border-radius:36px;
  background:radial-gradient(ellipse at 18% 8%,#3d3722 0%,transparent 52%),linear-gradient(160deg,#18211a,#0c120e);box-shadow:inset 0 0 0 1px #d0c3a24d,0 30px 90px #0008}
#seu-momento .section-heading h2{font-size:clamp(46px,6.2vw,100px)!important;line-height:1!important;letter-spacing:-.025em}
#seu-momento .choices button{min-height:86px;padding:20px 22px!important;gap:16px;align-items:center}
#seu-momento .choices button span{font:400 28px/1 Georgia,"Times New Roman",serif!important;color:#e6d6ae}
#seu-momento .choices button strong{font-size:clamp(19px,1.55vw,24px)!important;line-height:1.25!important}
#seu-momento .choices button[aria-pressed="true"]{background:#e6d6ae!important;color:#10120f!important;border-color:#e6d6ae!important}
#seu-momento .choices button[aria-pressed="true"] span,#seu-momento .choices button[aria-pressed="true"] strong,#seu-momento .choices button[aria-pressed="true"] b{color:#10120f!important}
#seu-momento .moment-answer h3{font-size:clamp(34px,3.3vw,52px)!important;line-height:1.05!important}
#seu-momento .moment-answer p{font-size:18px!important;line-height:1.5!important}
@media(max-width:767px){#seu-momento{padding-top:84px!important;padding-bottom:84px!important}#seu-momento::before{inset:28px -6vw;border-radius:28px}#seu-momento .choices button{min-height:76px}}

/* ---------- PARTE 5 · "Sem venda" em destaque (o bloco do próximo nível saiu; o efeito foi para os cenários) ---------- */
#cena-venda .scene-caption h3{font-size:clamp(58px,7vw,118px)!important;line-height:.98!important;letter-spacing:-.03em!important}
#cena-venda .scene-caption p{font-size:clamp(19px,1.6vw,24px)!important;line-height:1.35!important;color:#f1efe8!important;max-width:26ch}
@media(max-width:767px){#cena-venda .scene-caption h3{font-size:52px!important}}

/* ---------- PARTE 6 · FRENTES em carrossel que abre no toque + SESSÃO mais leve ---------- */
#frentes.expertise-section{height:auto!important;padding:100px 0!important}
#frentes .expertise-pin{display:block!important;position:relative!important;top:auto!important;height:auto!important;min-height:0!important}
#frentes .expertise-heading{max-width:780px;margin-bottom:30px}
#frentes .expertise-heading h2{font-size:clamp(42px,5vw,80px)!important;line-height:1.02!important}
#frentes .expertise-stage{display:grid!important;grid-auto-flow:column;grid-auto-columns:min(78%,320px);gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
  scroll-padding-inline:6vw;padding:8px 6vw 24px;margin:0 -6vw;scrollbar-width:none;perspective:none!important}
#frentes .expertise-stage::-webkit-scrollbar{display:none}
#frentes .expertise-card{position:relative!important;top:auto!important;inset:auto!important;transform:none!important;translate:none!important;scale:none!important;rotate:none!important;opacity:1!important;filter:none!important;
  --stack-dim:0!important;scroll-snap-align:start;align-self:start;min-height:0!important;padding:28px 24px 24px!important;cursor:pointer;visibility:visible!important}
#frentes .expertise-card h3{font-size:clamp(26px,2.1vw,32px)!important;line-height:1.1!important;margin:14px 0 0!important}
#frentes .expertise-card:not(.aberta)>p,#frentes .expertise-card:not(.aberta) .expertise-tags,#frentes .expertise-card:not(.aberta) .button{display:none!important}
#frentes .expertise-card>p{font-size:17px!important;line-height:1.5!important;margin-top:14px!important;max-height:none!important;-webkit-line-clamp:unset!important;overflow:visible!important;display:block}
#frentes .expertise-card .motion-more{display:none!important}
#frentes .expertise-card.aberta .button{font-size:14px!important}
.frente-abrir{position:absolute;top:16px;right:16px;z-index:4;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #e6d6ae8c;background:#10120fcc;color:#e6d6ae;
  font:300 28px/1 Arial,sans-serif;cursor:pointer;transition:transform .3s ease}
.frente-abrir:focus-visible{outline:2px solid #c5e6ce;outline-offset:3px}
#frentes .expertise-card.aberta .frente-abrir{transform:rotate(45deg)}
#frentes .expertise-nav{display:none!important}
@media(min-width:1100px){#frentes .expertise-stage{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;margin:0;padding:8px 0 0}}
#sessao .session-copy h2{font-size:clamp(44px,5.2vw,82px)!important;line-height:1.02!important}
#sessao .session-copy>p{font-size:clamp(19px,1.5vw,22px)!important;line-height:1.45!important}
#sessao .session-steps h3{font-size:clamp(22px,1.9vw,28px)!important}
#sessao .session-steps li>span{font:400 30px/1 Georgia,"Times New Roman",serif!important;color:#e6d6ae!important}
.frente-abrir{top:auto;bottom:16px}
#frentes .expertise-card:not(.aberta) h3{padding-right:52px}
#frentes .expertise-card.aberta{padding-bottom:80px!important}

/* ---------- PARTE 7 · CENAS do caixa e da compra no mesmo ritmo do "Sem venda" ---------- */
#cena-dinheiro .scene-caption h3,#cena-compra .scene-caption h3{font-size:clamp(48px,5.6vw,96px)!important;line-height:1!important;letter-spacing:-.03em!important}
#cena-dinheiro .scene-caption p,#cena-compra .scene-caption p{font-size:clamp(19px,1.6vw,24px)!important;line-height:1.35!important;color:#f1efe8!important;max-width:26ch}
@media(max-width:767px){#cena-dinheiro .scene-caption h3,#cena-compra .scene-caption h3{font-size:44px!important}}

/* ---------- PARTE 5b · CENÁRIOS: os brilhos viram a palavra do cenário escolhido ---------- */
.brilho-palavra{position:relative;height:150px;margin:-6px -8px 8px;pointer-events:none}
.brilho-palavra canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
@media(max-width:767px){.brilho-palavra{height:108px;margin:-4px -6px 6px}}

/* ---------- PARTE 8 · MÉTODO ACTUS no lugar das portas: uma engrenagem que acende peça por peça ----------
   Sem JS, ou com "reduzir movimento" / "Pausar efeitos": a roda fica parada e toda acesa.
   O modo "vivo" (classe .metodo-vivo, ligada pelo visual-v39.js) deixa a seção mais alta, prende a roda na tela
   e apaga as peças até a rolagem acendê-las uma por uma. */
#portas.metodo-v39{position:relative;isolation:isolate;height:auto!important;min-height:0!important;padding:84px 0 28px!important;
  background:radial-gradient(ellipse at 78% 36%,#2d3724 0%,transparent 56%),radial-gradient(ellipse at 6% 6%,#1b261d 0%,transparent 50%),#08100c!important;
  border-top:1px solid #ffffff14}
.so-leitor{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.metodo-grade{display:flex;flex-direction:column}
.metodo-texto{display:contents}
.metodo-topo{order:1;padding-bottom:4px}
.metodo-pista{order:2;position:relative;width:100vw;margin-inline:calc(50% - 50vw);
  --roda:min(calc(100vw - 6px),600px,calc((100vh - 150px)*.9143));--k:calc(var(--roda)/640);--hroda:calc(var(--roda)*700/640)}
.metodo-fecho{order:3;padding:12px 0 30px}
.metodo-topo .eyebrow{font-size:13px!important;letter-spacing:.26em!important;font-weight:700!important;color:#e6d6ae!important;margin:0 0 16px!important}
.metodo-topo h2{font-size:clamp(40px,11.4vw,58px)!important;line-height:1.02!important;letter-spacing:-.025em!important;margin:0!important;text-wrap:balance}
.metodo-topo h2 em{display:block}
.metodo-frase{font-size:clamp(30px,8.4vw,40px)!important;line-height:1.1!important;letter-spacing:-.015em!important;margin:0 0 26px!important;color:#f4f1e8!important;text-wrap:balance}
.metodo-botao{font-size:17px!important;padding:20px 30px!important;width:100%;justify-content:center}
.metodo-palco{display:grid;place-items:center;padding:0}

/* a roda: tudo medido em "unidades" (--k = 1/640 da largura), então o desenho encolhe e cresce junto */
.metodo-roda{--ac:1;--giro:0deg;position:relative;isolation:isolate;width:var(--roda);height:var(--hroda)}
.metodo-roda::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:calc(var(--k)*600);height:calc(var(--k)*600);transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,#e6d6ae29 0%,#e6d6ae0d 44%,transparent 68%);opacity:calc(.4 + var(--ac)*.6);transition:opacity .9s ease;pointer-events:none}
.metodo-roda::after{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:calc(var(--k)*450);height:calc(var(--k)*450);transform:translate(-50%,-50%);border-radius:50%;
  border:1px dashed #d0c3a233;pointer-events:none}
.metodo-pecas{position:absolute;inset:0;margin:0;padding:0;list-style:none}
.peca{--lit:1;position:absolute;left:calc(var(--k)*var(--x));top:calc(var(--k)*var(--y));width:calc(var(--k)*216);height:calc(var(--k)*216);transform:translate(-50%,-50%);margin:0;padding:0;list-style:none}
.peca-hub{width:calc(var(--k)*266);height:calc(var(--k)*266)}
.peca-in{position:absolute;inset:0;display:block}
.peca-in::before{content:"";position:absolute;left:50%;top:50%;width:calc(var(--k)*196);height:calc(var(--k)*196);transform:translate(-50%,-50%);border-radius:50%;
  box-shadow:0 0 calc(var(--k)*64) calc(var(--k)*8) #e6d6ae40;opacity:var(--lit);transition:opacity .7s ease;pointer-events:none}
.peca-in::after{content:"";position:absolute;left:50%;top:50%;width:calc(var(--k)*168);height:calc(var(--k)*168);transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle at 50% 26%,#3b3620 0%,#18221a 74%);opacity:var(--lit);transition:opacity .7s ease;pointer-events:none}
.engr{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:#0e1710;stroke:#e6d6ae;stroke-width:2.6;stroke-linejoin:round;
  transform:rotate(calc(var(--r0) + var(--giro)*-1.25));transition:stroke .7s ease,fill .7s ease}
.peca-txt{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--k)*6);width:100%;height:100%;
  text-align:center;color:#f6f1e4;transition:opacity .7s ease}
.peca-txt .ico{width:calc(var(--k)*46);height:calc(var(--k)*46);color:#e6d6ae;stroke-width:1.6}
.peca-txt b{font:700 calc(var(--k)*23)/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.01em}
/* o meio: SEU RESULTADO (dourado, é onde tudo chega) */
.peca-hub .peca-in::before{width:calc(var(--k)*250);height:calc(var(--k)*250);box-shadow:0 0 calc(var(--k)*90) calc(var(--k)*14) #e6d6ae66;opacity:calc(.35 + var(--ac)*.65)}
.peca-hub .peca-in::after{width:calc(var(--k)*210);height:calc(var(--k)*210);background:radial-gradient(circle at 50% 24%,#fff6dc 0%,#ecd9a4 52%,#cdb77f 100%);opacity:1}
.peca-hub .engr{fill:#cdb77f;stroke:#fff3d6;transform:rotate(calc(var(--r0) + var(--giro)))}
.peca-hub .peca-txt{color:#10120f;gap:calc(var(--k)*4)}
.peca-hub .peca-txt .ico{width:calc(var(--k)*44);height:calc(var(--k)*44);color:#10120f;stroke-width:1.9}
.peca-hub small{font:800 calc(var(--k)*20)/1 Arial,Helvetica,sans-serif;letter-spacing:.3em;text-transform:uppercase;margin-right:-.3em}
.peca-hub b{font:900 calc(var(--k)*31)/1 Arial,Helvetica,sans-serif;letter-spacing:.01em;text-transform:uppercase}
/* a peça que falta: contorno tracejado e um "?" dourado */
.peca-falta .engr{stroke-dasharray:7 6;stroke-width:2.4;fill:#0b110d}
.peca-falta .peca-in::after{background:radial-gradient(circle at 50% 30%,#2e2a18 0%,#121a14 76%)}
.peca-falta .peca-txt i{font:400 calc(var(--k)*124)/1 Georgia,"Times New Roman",serif;font-style:normal;color:#f3e3b8;text-shadow:0 0 calc(var(--k)*26) #e6d6aebb}

/* modo vivo: as peças começam apagadas e acendem com a rolagem; a roda gira */
@keyframes metodo-pop{0%{transform:scale(.93)}55%{transform:scale(1.06)}100%{transform:scale(1)}}
@keyframes metodo-pulso{0%,100%{transform:scale(1);opacity:.82}50%{transform:scale(1.09);opacity:1}}
@keyframes metodo-brilha{0%,100%{opacity:.5}50%{opacity:1}}
.metodo-vivo .metodo-pista{height:calc(var(--hroda) + 110vh)}
.metodo-vivo .metodo-palco{position:sticky;top:max(72px,calc((100vh - 64px - var(--hroda))/2));height:var(--hroda);padding:0}
.metodo-vivo .engr{will-change:transform}
.metodo-vivo .peca:not(.acesa):not(.peca-hub){--lit:0}
.metodo-vivo .peca:not(.acesa):not(.peca-hub) .engr{stroke:#d0c3a24a;fill:#09100b}
.metodo-vivo .peca:not(.acesa):not(.peca-hub) .peca-txt{opacity:.36}
.metodo-vivo .peca-hub{opacity:calc(.55 + var(--ac)*.45);transition:opacity .8s ease}
.metodo-vivo .peca.acesa:not(.peca-hub) .peca-in{animation:metodo-pop .8s cubic-bezier(.2,.8,.2,1)}
.metodo-vivo .peca-falta.acesa .peca-txt i{display:inline-block;animation:metodo-pulso 2s ease-in-out infinite}
.metodo-vivo .peca-falta.acesa .peca-in::before{animation:metodo-brilha 2s ease-in-out infinite}
.metodo-vivo .metodo-fecho{transition:opacity .6s ease,transform .6s ease,visibility 0s}
.metodo-vivo .metodo-fecho:not(.visivel){opacity:0;transform:translateY(18px);visibility:hidden;transition:opacity .4s ease,transform .4s ease,visibility 0s .4s}
@media(prefers-reduced-motion:reduce){.peca,.peca *,.peca-in::before,.peca-in::after,.metodo-roda::before,.metodo-fecho{animation:none!important;transition:none!important}}

/* computador: texto à esquerda, roda à direita; no modo vivo as duas colunas ficam presas na tela */
@media(min-width:900px){
  #portas.metodo-v39{padding:96px 0 40px!important}
  .metodo-grade{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(24px,4vw,64px);align-items:center}
  .metodo-texto{display:block;grid-column:1;grid-row:1}
  .metodo-pista{grid-column:2;grid-row:1;width:auto;margin-inline:0}
  .metodo-topo{padding-bottom:30px}
  .metodo-topo h2{font-size:clamp(44px,4.3vw,66px)!important}
  .metodo-frase{font-size:clamp(30px,2.9vw,44px)!important;max-width:14em}
  .metodo-botao{width:auto}
  .metodo-fecho{padding:6px 0 0}
  .metodo-pista{--roda:min(calc(100vw*.46),640px,calc((100vh - 150px)*.9143))}
  .metodo-vivo .metodo-grade{align-items:start}
  .metodo-vivo .metodo-texto{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center}
  .metodo-vivo .metodo-palco{top:max(48px,calc((100vh - var(--hroda))/2))}
}

/* onde o navegador conhece a unidade svh (altura da tela com a barra do Safari aberta), as medidas usam ela; nos mais antigos ficam as de vh acima */
@supports (height:100svh){
  .metodo-pista{--roda:min(calc(100vw - 6px),600px,calc((100svh - 150px)*.9143))}
  .metodo-vivo .metodo-pista{height:calc(var(--hroda) + 110svh)}
  .metodo-vivo .metodo-palco{top:max(72px,calc((100svh - 64px - var(--hroda))/2))}
  @media(min-width:900px){
    .metodo-pista{--roda:min(calc(100vw*.46),640px,calc((100svh - 150px)*.9143))}
    .metodo-vivo .metodo-texto{height:100svh}
    .metodo-vivo .metodo-palco{top:max(48px,calc((100svh - var(--hroda))/2))}
  }
}

/* celular deitado (tela baixa): a roda não prende na tela (o script a deixa parada e acesa) e usa a largura inteira */
@media(max-height:560px){.metodo-pista{--roda:min(calc(100vw - 6px),560px)}}
@media(max-height:560px) and (min-width:900px){.metodo-pista{--roda:min(calc(100vw*.46),560px)}}

/* ---------- PARTE 10 · DIAGNÓSTICO: o título agora diz "Diagnóstico gratuito do Método Actus" ---------- */
.oferta-v39 h2{font-size:clamp(40px,4.7vw,74px);line-height:1.02;text-wrap:balance}
.oferta-v39 h2 em{display:block}
@media(max-width:767px){.oferta-v39 h2{font-size:clamp(34px,9.4vw,40px)}}

/* ---------- PARTE 11 · INSTAGRAMS em cartas na mão: passa para o lado, sem as janelas do Instagram ----------
   Cada perfil virou uma carta curta (nome, @, uma frase e os botões). A mão de cartas passa para o lado com o dedo;
   a carta do meio fica de pé e as outras abrem em leque (classe .leque, ligada pelo visual-v39.js). Sem JS, com
   "reduzir movimento" ou "Pausar efeitos", as cartas ficam retas, lado a lado, e passam do mesmo jeito. */
#instagram.cartas-v39{position:relative;isolation:isolate;padding:60px 0 32px;border-top:1px solid #ffffff1b;overflow-x:clip;
  background:radial-gradient(ellipse at 50% 60%,#2b3d2d70 0%,transparent 62%),#0d1611}
.cartas-topo h2{font-size:clamp(34px,9.4vw,44px)!important;line-height:1.03!important;letter-spacing:-.022em!important;margin:12px 0 12px!important;text-wrap:balance}
.cartas-topo p{margin:0;font-size:17px;line-height:1.4;color:#c9cdc1}
.cartas-palco{position:relative;margin-top:6px}
.cartas-mao{--w:min(70vw,276px);--ov:-8px;position:relative;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;
  padding:44px 0 62px;outline:none;-webkit-overflow-scrolling:touch}
.cartas-mao::-webkit-scrollbar{display:none}
.cartas-mao:focus-visible{outline:2px solid #c5e6ce;outline-offset:-6px;border-radius:14px}
.cartas-v39.leque .cartas-mao{--ov:calc(var(--w)*.16)}
.cartas-trilho{display:flex;align-items:stretch;width:max-content;min-width:100%;justify-content:center;padding-inline:calc(50vw - var(--w)/2 + var(--ov))}
.carta{--ty:0px;--rot:0deg;--sc:1;--z:1;position:relative;z-index:var(--z);flex:0 0 var(--w);width:var(--w);margin-inline:calc(var(--ov)*-1);scroll-snap-align:center;scroll-snap-stop:always;
  cursor:pointer;-webkit-tap-highlight-color:transparent}
.cartas-v39.leque .carta-in{will-change:transform}
.carta-in{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;box-sizing:border-box;padding:16px 18px 18px;overflow:hidden;border-radius:24px;
  background:linear-gradient(162deg,#222c1f 0%,#111a13 58%,#0c120e 100%);
  box-shadow:inset 0 0 0 1px #e6d6ae55,inset 0 1px 0 #ffffff14,0 22px 44px -14px #000d,0 2px 10px #0006;
  transform-origin:50% 115%;transform:translateY(var(--ty)) rotate(var(--rot)) scale(var(--sc));transition:translate .28s ease}
.carta-in::after{content:"";position:absolute;inset:0;border-radius:inherit;background:#050a07;opacity:var(--dim,0);pointer-events:none}
.carta-topo{align-self:stretch;display:flex;justify-content:space-between;align-items:center;color:#e6d6ae}
.carta-num{font:400 20px/1 Georgia,"Times New Roman",serif;letter-spacing:.03em}
.carta-ig{width:22px;height:22px;stroke-width:1.6}
.carta header{display:flex;flex-direction:column;align-items:center;gap:10px;margin:6px 0 0;padding:0;border:0;background:none;box-shadow:none}
.carta .profile-initial{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;overflow:hidden;font:400 30px/1 Georgia,"Times New Roman",serif;color:#f3e3b8;
  background:radial-gradient(circle at 50% 28%,#2f3a26,#121a14);box-shadow:0 0 0 3px #e6d6ae,0 0 0 5px #0f1810,0 0 0 6px #e6d6ae55,0 10px 24px #0008}
.carta .profile-pic{display:block;width:100%;height:100%;object-fit:cover}
.carta h3{margin:0;font:700 24px/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.01em;color:#fff}
.carta header a{display:inline-block;margin-top:4px;color:#e6d6ae;font-size:15px;line-height:1.3;text-decoration:none}
.carta .profile-followers{display:block;margin-top:2px;font-size:12px;color:#afb3a8}
.carta-resumo{margin:12px 0 0;min-height:100px}
.carta-resumo b{display:block;font:600 10.5px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;color:#d9c796}
.carta-resumo p{margin:8px 0 0;font-size:15.5px;line-height:1.38;color:#d6d9cf}
.carta .instagram-content:empty{display:none}
.carta .instagram-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-self:stretch;margin-top:12px}
.carta .instagram-post{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:10px;background:#0c120e}
.carta .instagram-post img{display:block;width:100%;height:100%;object-fit:cover}
.carta .instagram-post-copy,.carta .ig-skeleton{display:none}
.carta .reel-badge{position:absolute;left:5px;top:5px;padding:2px 6px;border-radius:6px;background:#000a;font-size:10px;color:#fff}
.carta-fim{align-self:stretch;padding-top:14px}
.carta-abrir{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:999px;background:#e6d6ae;color:#10120f;font:700 15px/1 Arial,Helvetica,sans-serif;text-decoration:none}
.carta-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}
.carta-links a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid #e6d6ae55;background:#ffffff0a;color:#f1efe8;font-size:12.5px;line-height:1.1;text-decoration:none}
.carta-links a span{display:none}
.carta-links a.is-primary{border-color:#e6d6ae;background:#e6d6ae22}
.carta a:focus-visible{outline:2px solid #c5e6ce;outline-offset:2px}
.cartas-pe{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:-4px}
.cartas-pontos{display:flex;justify-content:center;gap:2px}
.cartas-v39:not(.rolavel) .cartas-pontos{display:none}
.carta:focus-within{z-index:300}
.carta:focus-within .carta-in{translate:0 -14px}
.cartas-pontos button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;background:none;cursor:pointer}
.cartas-pontos button::before{content:"";width:8px;height:8px;border-radius:99px;background:#e6d6ae55;transition:width .25s ease,background .25s ease}
.cartas-pontos button[aria-current="true"]::before{width:22px;background:#e6d6ae}
.cartas-pontos button:focus-visible{outline:2px solid #c5e6ce;outline-offset:-4px;border-radius:99px}
.cartas-dica{display:flex;justify-content:center;gap:8px;margin:0;color:#afb3a8;font-size:13px;letter-spacing:.04em;transition:opacity .5s ease}
.cartas-dica.some{opacity:0}
.cartas-pular{margin-top:6px}
.cartas-seta{display:none;position:absolute;top:50%;z-index:400;width:46px;height:46px;margin-top:-23px;border-radius:50%;border:1px solid #e6d6ae88;background:#10120fcc;color:#e6d6ae;font:300 26px/1 Arial,sans-serif;cursor:pointer}
.cartas-seta.e{left:max(8px,calc(50% - 580px))}
.cartas-seta.d{right:max(8px,calc(50% - 580px))}
.cartas-seta:disabled{opacity:.28;cursor:default}
.cartas-seta:focus-visible{outline:2px solid #c5e6ce;outline-offset:3px}
/* com toque, só a carta do meio abre links (as de trás só vêm para a frente ao tocar) */
@media(hover:none){.cartas-v39.leque .carta:not(.ativa) a{pointer-events:none}}
@media(hover:hover) and (pointer:fine){
  .carta:hover{z-index:300}
  .carta:hover .carta-in{translate:0 -18px}
  .cartas-v39.rolavel .cartas-seta{display:grid;place-items:center}
}
@media(prefers-reduced-motion:reduce){.carta-in,.cartas-pontos button::before,.cartas-dica{transition:none!important}.cartas-mao{scroll-behavior:auto}}

/* tablet e computador: as cartas ficam maiores e, se couberem, as 5 aparecem juntas, em leque */
@media(min-width:600px){.cartas-mao{--w:300px}}
@media(min-width:900px){
  #instagram.cartas-v39{padding:80px 0 44px}
  .cartas-topo h2{font-size:clamp(44px,4.4vw,64px)!important}
  .cartas-mao{--w:clamp(210px,17.5vw,262px);padding-top:56px;padding-bottom:84px}
  .cartas-trilho{padding-inline:0}
  .cartas-dica{display:none}
}

/* ---------- PARTE 12 · SELOS e itens do diagnóstico viram botões que abrem a subpágina "Como é o diagnóstico" ---------- */
.hero-selos li{padding:0!important;background:none!important;box-shadow:none!important;border-radius:999px;font-size:inherit}
.hero-selos a,.oferta-lista a,.oferta-num a{color:inherit;text-decoration:none}
.hero-selos a{display:inline-flex;align-items:center;gap:9px;padding:11px 12px 11px 17px;border-radius:999px;font:700 16px/1.1 Arial,Helvetica,sans-serif;letter-spacing:0;color:#f4f1e8;
  background:#0b120fd9;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 1px 0 #ffffff38,0 6px 20px #0006;transition:transform .2s ease,box-shadow .2s ease}
.hero-selos a::after{content:"›";margin-left:1px;font:400 22px/.8 Arial,Helvetica,sans-serif;opacity:.62}
.hero-selos li:first-child a{background:#e6d6ae;color:#10120f;box-shadow:inset 0 1px 0 #fff9,0 8px 26px #d0c3a240}
.hero-selos a:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #e6d6ae99,0 10px 26px #0008}
.hero-selos li:first-child a:hover{box-shadow:inset 0 1px 0 #fff9,0 12px 30px #d0c3a266}
.hero-selos a:active{transform:scale(.96)}
.hero-selos a:focus-visible,.oferta-lista a:focus-visible,.oferta-num a:focus-visible{outline:2px solid #c5e6ce;outline-offset:3px}
@media(max-width:767px){.hero-selos a{padding:9px 10px 9px 14px;font-size:15px}}
.oferta-lista li{display:block;min-height:0;padding:0;border-radius:18px;transition:box-shadow .2s ease,background .2s ease}
.oferta-lista a{display:flex;align-items:center;gap:12px;min-height:76px;padding:16px 16px 16px 18px;border-radius:18px;font:700 18px/1.25 Arial,Helvetica,sans-serif;letter-spacing:0;color:#f6f1e4}
.oferta-lista a::after{content:"›";margin-left:auto;font:300 30px/1 Arial,Helvetica,sans-serif;color:#e6d6ae;opacity:.8}
.oferta-lista li:hover{background:#e6d6ae14;box-shadow:inset 0 0 0 1px #e6d6ae88}
.oferta-lista a:active{transform:scale(.98)}
.oferta-num a{display:inline-flex;align-items:baseline;gap:14px}
.oferta-num a::after{content:"›";align-self:center;font:300 44px/1 Arial,Helvetica,sans-serif;color:#e6d6ae;opacity:.8}

/* ---------- PARTE 13 · LETRA DOS BOTÕES: 4 degraus, nada de texto miúdo dentro de botão grande ----------
   Pedido do Chefe (09/11): "você colocou uns botões grandes e o nome dentro, acho que a tipografia não ficou legal".
   Medido antes: 61 botões no celular, 48 com letra de 8 a 12 px (pílulas de 50 a 56 px com letra de 11 px; o botão que fica
   sempre na tela tinha letra de 6 e 10 px).
   Degraus: 1 principal 17 px (18 no computador) · 2 secundário 15-16 px (16-17) · 3 link em texto 15 px (16) · 4 selos e controles pequenos 12-14 px.
   Só tamanho, peso e respiro mudam; cores, fundos e bordas continuam os da página (o material novo vem na parte 14).
   O prefixo :root:root:root:root só existe para vencer os !important das 16 camadas antigas de estilo. */
/* degrau 1 · botão principal */
:root:root:root:root .button,
:root:root:root:root .oferta-botao,
:root:root:root:root .metodo-botao,
:root:root:root:root .calc-abrir{font:700 17px/1.15 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;text-transform:none!important;text-align:center;text-wrap:balance}
:root:root:root:root .button:not(.metodo-botao):not(.oferta-botao):not(.calc-abrir){min-height:56px!important;padding:14px 26px!important;justify-content:center!important;gap:12px!important}
:root:root:root:root .button span,
:root:root:root:root .oferta-botao span,
:root:root:root:root .metodo-botao span,
:root:root:root:root .calc-abrir span{margin:0!important;width:auto!important;height:auto!important;font-size:1.1em!important;line-height:1!important;opacity:1}
/* degrau 2 · botão secundário */
:root:root:root:root .hero-about{font:700 16px/1.15 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;min-height:48px!important;padding:12px 20px!important;gap:10px!important}
:root:root:root:root .header-cta{font:700 15px/1.1 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;display:inline-flex!important;align-items:center;gap:8px;min-height:44px!important;padding:0 18px!important}
:root:root:root:root .small-button{font:700 15px/1.15 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;min-height:44px!important;padding:11px 18px!important}
:root:root:root:root .hero-about span,
:root:root:root:root .header-cta span,
:root:root:root:root .small-button span{margin:0!important;width:auto!important;height:auto!important;font-size:1.1em!important;line-height:1!important}
/* degrau 3 · link em texto */
:root:root:root:root .text-link,
:root:root:root:root .story-skip,
:root:root:root:root .cartas-pular,
:root:root:root:root .motion-more{font:600 15px/1.3 Arial,Helvetica,sans-serif!important;letter-spacing:0!important}
/* degrau 4 · selos e controles pequenos */
:root:root:root:root .growth-chip{font:700 14px/1 Arial,Helvetica,sans-serif!important}
:root:root:root:root .meet-step{font:700 13px/1.2 Arial,Helvetica,sans-serif!important;letter-spacing:0!important}
:root:root:root:root .hist-nav button{font-size:12px!important;font-weight:700!important;letter-spacing:.06em!important}
:root:root:root:root .hero-photo-buttons button{font:700 13px/1 Arial,Helvetica,sans-serif!important}
:root:root:root:root .photo-expand{font:700 13px/1 Arial,Helvetica,sans-serif!important}
:root:root:root:root #motion,
:root:root:root:root #motion span{font:700 13px/1 Arial,Helvetica,sans-serif!important;letter-spacing:0!important}
/* o botão que fica sempre na tela: antes 6 px no rótulo e 10 px no texto */
:root:root:root:root .floating-cta{padding:10px 20px 11px!important;border-radius:16px!important}
:root:root:root:root .floating-cta>span{font:700 11px/1 Arial,Helvetica,sans-serif!important;letter-spacing:.12em!important}
:root:root:root:root .floating-cta strong{font:700 16px/1.1 Arial,Helvetica,sans-serif!important;margin-top:4px!important;white-space:nowrap}
#frentes .expertise-card.aberta .button{font-size:15px!important}
/* avisos que o cliente precisa ler (antes 8-9 px) e o link "Comece pelo que está travando você" (antes 8 px) */
:root:root:root:root :is(a,p)+small{font-size:12px!important;line-height:1.45!important;letter-spacing:0!important}
:root:root:root:root .explore{font:600 14px/1.3 Arial,Helvetica,sans-serif!important;letter-spacing:0!important}
/* os selinhos da seção de agenda (Gratuito, Google Meet, Individual, 60 minutos) também abrem a subpágina */
.booking-facts a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px 9px 16px;border-radius:999px;font:700 14px/1.1 Arial,Helvetica,sans-serif;letter-spacing:0;color:#f1efe8;text-decoration:none;
  background:#0b120fb3;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 1px 0 #ffffff26;transition:transform .2s ease,box-shadow .2s ease}
.booking-facts a::after{content:"›";font:400 19px/.8 Arial,Helvetica,sans-serif;opacity:.6}
.booking-facts a:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #e6d6ae99}
.booking-facts a:active{transform:scale(.96)}
.booking-facts a:focus-visible{outline:2px solid #c5e6ce;outline-offset:3px}
@media(min-width:900px){
  :root:root:root:root .button,
  :root:root:root:root .oferta-botao,
  :root:root:root:root .metodo-botao,
  :root:root:root:root .calc-abrir{font-size:18px!important}
  :root:root:root:root .hero-about{font-size:17px!important}
  :root:root:root:root .header-cta,
  :root:root:root:root .small-button{font-size:16px!important}
  :root:root:root:root .text-link,
  :root:root:root:root .story-skip,
  :root:root:root:root .cartas-pular,
  :root:root:root:root .motion-more{font-size:16px!important}
  :root:root:root:root .hist-nav{flex-wrap:wrap;overflow:visible}
  #frentes .expertise-card.aberta .button{font-size:16px!important}
}

/* ---------- PARTE 14 · ESPELHO D'ÁGUA: vidro líquido estilo Apple no cabeçalho, nos botões e nos controles ----------
   Pedido do Chefe (09/11): "usar espelho d'água, aquele efeitozinho que parece o da Apple, que também tem no site da Supremo, no cabeçalho".
   Receita (a mesma do Actus Club): fundo translúcido + desfoque com saturação (20 px; 14 px no celular) + reflexo de luz por cima +
   borda de luz por dentro + sombra. O desfoque só entra onde a peça flutua sobre o conteúdo (cabeçalho, botão flutuante, controles e selos do topo);
   nos blocos parados o vidro é só reflexo e borda, sem desfoque (mais leve no iPhone).
   Plano B: aparelho sem backdrop-filter ou com "reduzir transparência" ligado ganha fundo sólido. */
:root{
  --vidro-fill:rgba(10,18,13,.5);
  --vidro-blur:blur(20px) saturate(170%);
  --vidro-leve:blur(14px) saturate(160%);
  --vidro-brilho:radial-gradient(120% 160% at 14% -60%,rgba(255,255,255,.16),transparent 52%),linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 46%,rgba(255,255,255,0) 62%);
  --vidro-borda:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(255,255,255,.06),inset 0 0 0 1px rgba(255,255,255,.09);
  --vidro-sombra:0 12px 34px rgba(0,0,0,.36),0 2px 6px rgba(0,0,0,.22);
  --gel-menta:linear-gradient(180deg,#f1f9f3 0%,#d3e8d8 55%,#c2dcc8 100%);
  --gel-borda:inset 0 1px 0 #fff,inset 0 -2px 5px rgba(60,100,75,.28),inset 0 0 0 1px rgba(255,255,255,.5);
  --gel-sombra:0 10px 28px -10px rgba(197,230,206,.6),0 2px 8px rgba(0,0,0,.28);
  --gel-ouro:linear-gradient(180deg,#f8eed4 0%,#e6d6ae 58%,#d6c394 100%)}
@media(max-width:767px){:root{--vidro-blur:blur(14px) saturate(160%)}}
/* cabeçalho: cápsula de vidro que acompanha a rolagem; some ao descer e volta ao subir (o mesmo gesto dos outros controles) */
:root:root:root:root .site-header{position:sticky!important;top:8px!important;z-index:60!important;width:min(1160px,calc(100% - 20px))!important;margin:8px auto 0!important;height:auto!important;min-height:60px!important;
  padding:7px 8px 7px 20px!important;gap:14px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:999px!important;
  background:var(--vidro-brilho),var(--vidro-fill)!important;-webkit-backdrop-filter:var(--vidro-blur)!important;backdrop-filter:var(--vidro-blur)!important;
  box-shadow:var(--vidro-borda),var(--vidro-sombra)!important;transition:transform .45s cubic-bezier(.2,.7,.2,1)!important}
/* 09/11 noite: o cabeçalho NÃO se esconde mais ao descer (entrava e saía a cada tremida do dedo e parecia "vibrar"); fica sempre à vista, como o da Supremo */
:root:root:root:root .site-header .brand{display:grid!important;gap:3px!important;font:700 14px/1 Arial,Helvetica,sans-serif!important;letter-spacing:.17em!important}
:root:root:root:root .site-header .brand span{font-size:7.5px!important;font-weight:600!important;letter-spacing:.24em!important}
:root:root:root:root .site-header nav a{font:600 14px/1 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;border:0!important;border-radius:999px!important;background:transparent!important;padding:12px 15px!important;color:#d9dcd2!important;min-height:44px!important}
:root:root:root:root .site-header nav a:hover{background:rgba(255,255,255,.09)!important;color:#fff!important}
/* botão principal: gel de menta (brilho por dentro, sombra colorida) */
:root:root:root:root .button{background:var(--gel-menta)!important;border:0!important;box-shadow:var(--gel-borda),var(--gel-sombra)!important}
:root:root:root:root .button:hover{box-shadow:var(--gel-borda),0 14px 34px -10px rgba(197,230,206,.85),0 2px 8px rgba(0,0,0,.28)!important}
:root:root:root:root .button:active,:root:root:root:root .header-cta:active{transform:scale(.97)!important}
:root:root:root:root .header-cta{border:0!important;border-radius:999px!important;color:#0d140f!important;background:var(--gel-menta)!important;box-shadow:var(--gel-borda),var(--gel-sombra)!important;padding:0 20px!important;min-height:46px!important}
/* botão secundário: vidro */
:root:root:root:root .hero-about,
:root:root:root:root .small-button{border:0!important;border-radius:999px!important;color:#f1efe8!important;background:var(--vidro-brilho),rgba(255,255,255,.07)!important;
  -webkit-backdrop-filter:var(--vidro-leve)!important;backdrop-filter:var(--vidro-leve)!important;box-shadow:var(--vidro-borda),0 8px 22px rgba(0,0,0,.28)!important}
/* selos do topo e da agenda: vidro; o primeiro selo é gel dourado */
.hero-selos a,.booking-facts a{background:var(--vidro-brilho),rgba(11,18,15,.5);-webkit-backdrop-filter:var(--vidro-leve);backdrop-filter:var(--vidro-leve);box-shadow:var(--vidro-borda),0 6px 20px rgba(0,0,0,.4)}
.hero-selos li:first-child a{background:var(--gel-ouro);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -2px 5px rgba(120,95,40,.25),0 8px 26px rgba(208,195,162,.3)}
.oferta-lista li{background:var(--vidro-brilho),rgba(255,255,255,.035);box-shadow:var(--vidro-borda)}
/* botão que fica sempre na tela e controles fixos */
:root:root:root:root .floating-cta{background:linear-gradient(180deg,rgba(241,249,243,.92),rgba(196,224,203,.84))!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;backdrop-filter:blur(16px) saturate(180%)!important;
  border:0!important;box-shadow:var(--gel-borda),0 14px 34px -12px rgba(0,0,0,.6)!important;color:#0d140f!important}
:root:root:root:root .experience-controls button,
:root:root:root:root .experience-controls>a{background:var(--vidro-brilho),rgba(12,18,14,.55)!important;-webkit-backdrop-filter:var(--vidro-leve)!important;backdrop-filter:var(--vidro-leve)!important;border:0!important;border-radius:14px!important;box-shadow:var(--vidro-borda)!important;color:#f1efe8!important}
:root:root:root:root #music-toggle,
:root:root:root:root #music-toggle span{font-size:12px!important;font-weight:600!important}
@media(min-width:900px){:root:root:root:root .site-header{min-height:64px!important;padding:8px 10px 8px 26px!important}}
/* plano B: sem desfoque no aparelho ou com "reduzir transparência" ligado */
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  :root:root:root:root .site-header{background:rgba(12,18,14,.96)!important}
  .hero-selos a,.booking-facts a{background:rgba(14,21,17,.94)}
  :root:root:root:root .hero-about,:root:root:root:root .small-button{background:rgba(32,40,35,.95)!important}
  :root:root:root:root .floating-cta{background:var(--gel-menta)!important}
  :root:root:root:root .experience-controls button,:root:root:root:root .experience-controls>a{background:rgba(14,21,17,.95)!important}
}
@media(prefers-reduced-transparency:reduce){
  :root:root:root:root .site-header{background:rgba(12,18,14,.96)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .hero-selos a,.booking-facts a{background:rgba(14,21,17,.94);-webkit-backdrop-filter:none;backdrop-filter:none}
  :root:root:root:root .hero-about,:root:root:root:root .small-button{background:rgba(32,40,35,.95)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  :root:root:root:root .floating-cta{background:var(--gel-menta)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  :root:root:root:root .experience-controls button,:root:root:root:root .experience-controls>a{background:rgba(14,21,17,.95)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
@media(prefers-reduced-motion:reduce){
  :root:root:root:root .site-header{transition:none!important}
}

/* ---------- PARTE 15 · INSTAGRAMS em telinha de celular: o print do perfil de verdade, com o botão "Ver Instagram" ----------
   Pedido do Chefe (09/11): "ao invés de David Lima, Actus Company..., como se fosse um print do Instagram mesmo, uma telinha do celular,
   com esses botãozinhos, ver Instagram". Cada carta agora é um celular (moldura, ilha, tela) com o print público do perfil, cortado embaixo
   com esmaecido, e o botão pequeno. Continua em leque e passando para o lado (parte 11). O nome, o @ e o resumo seguem no HTML, escondidos,
   para o botão dos pontinhos ("Ver David Lima") e para os scripts do feed ao vivo (que, se ligarem, escrevem ali). */
.carta-in{padding:0!important;overflow:visible!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.carta-in::after{display:none}
.carta-topo,.carta header,.carta-resumo,.carta .instagram-content{display:none!important}
.telinha{position:relative;width:100%;margin:0}
.telinha-link{display:block;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
.telinha-corpo{position:relative;display:block;height:calc(var(--w)*1.36);padding:8px 8px 0;border-radius:calc(var(--w)*.15) calc(var(--w)*.15) 0 0;
  background:linear-gradient(160deg,#454a46 0%,#171a18 40%,#090b0a 100%);
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.2),inset 0 1.5px 0 rgba(255,255,255,.5),inset 0 0 14px rgba(0,0,0,.6);
  -webkit-mask-image:linear-gradient(180deg,#000 70%,transparent 99%);mask-image:linear-gradient(180deg,#000 70%,transparent 99%)}
.telinha-corpo::after{content:"";position:absolute;inset:0;border-radius:inherit;background:#050a07;opacity:var(--dim,0);pointer-events:none}
.telinha-tela{position:relative;display:block;height:100%;overflow:hidden;border-radius:calc(var(--w)*.115) calc(var(--w)*.115) 0 0;background:#fff}
.telinha-tela img{display:block;width:100%;height:auto}
.telinha-tela::after{content:"";position:absolute;inset:0;background:linear-gradient(112deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 34%);pointer-events:none}
.telinha-ilha{position:absolute;z-index:3;top:16px;left:50%;width:27%;height:calc(var(--w)*.062);min-height:15px;transform:translateX(-50%);border-radius:99px;background:#000}
.carta-fim{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:calc(var(--w)*-.115);padding-top:0}
.carta-abrir{display:inline-flex!important;width:auto!important;min-height:42px!important;padding:0 20px!important;gap:7px;border-radius:999px!important;color:#0d140f!important;font:700 15px/1 Arial,Helvetica,sans-serif!important;
  background:var(--gel-menta)!important;box-shadow:var(--gel-borda),var(--gel-sombra)!important}
.carta-links{margin-top:0}
.carta-links a{min-height:36px;padding:0 14px;border:0;font:600 13.5px/1.1 Arial,Helvetica,sans-serif;background:var(--vidro-brilho),rgba(255,255,255,.07);box-shadow:var(--vidro-borda)}
.carta-links a.is-primary{background:var(--vidro-brilho),rgba(230,214,174,.2);box-shadow:inset 0 0 0 1px rgba(230,214,174,.7),inset 0 1px 0 rgba(255,255,255,.3)}
.cartas-nota{margin:2px 0 0;font-size:13px;line-height:1.4;color:#afb3a8;text-align:center}
.cartas-mao{padding-bottom:34px}
/* no toque, só a telinha do meio mostra o botão e os links (as de trás ficam só com o celular, sem botão solto pelas bordas) */
@media(hover:none){.cartas-v39.leque .carta:not(.ativa) .carta-fim{opacity:0;transition:opacity .2s ease}.cartas-v39.leque .carta.ativa .carta-fim{opacity:1;transition:opacity .35s ease .12s}}
@supports not ((-webkit-mask-image:linear-gradient(#000,transparent)) or (mask-image:linear-gradient(#000,transparent))){.telinha-corpo{height:calc(var(--w)*1.2)}}
@media(min-width:900px){.cartas-mao{padding-bottom:56px}}

/* ---------- PARTE 16 · MÉTODO ACTUS: toque numa engrenagem e veja o que ela faz (brilhos formam as palavras) + engrenagens em 3D ----------
   Pedido do Chefe (09/11): "algo mais 3D e mais real; quando eu girasse, tráfego pago..., uma explicação embaixo com aquele efeito dos
   brilhozinhos que formam palavras". O metodo3d-v39.js monta o painel (embaixo da roda) e o 3D. Sem JS aparece só a lista de textos;
   com "reduzir movimento"/"Pausar efeitos" o texto vem pronto, sem brilhos, e as engrenagens ficam no desenho de antes. */
.metodo-v39{--hcartao:172px;--hexp:0px}
.metodo-vivo{--hexp:calc(var(--hcartao) + 14px)}
@media(min-width:900px){.metodo-v39{--hcartao:150px}}
/* a roda encolhe só o bastante para o painel caber embaixo dela na mesma tela */
.metodo-pista{--roda:min(calc(100vw - 6px),600px,calc((100vh - 150px - var(--hexp))*.9143))}
.metodo-vivo .metodo-pista{height:calc(var(--hroda) + var(--hexp) + 110vh)}
.metodo-vivo .metodo-palco{height:calc(var(--hroda) + var(--hexp));top:max(72px,calc((100vh - 64px - var(--hroda) - var(--hexp))/2));grid-template-rows:var(--hroda) auto;align-content:start;place-items:start center}
@media(min-width:900px){
  .metodo-pista{--roda:min(calc(100vw*.46),640px,calc((100vh - 150px - var(--hexp))*.9143))}
  .metodo-vivo .metodo-palco{top:max(48px,calc((100vh - var(--hroda) - var(--hexp))/2))}
}
@supports (height:100svh){
  .metodo-pista{--roda:min(calc(100vw - 6px),600px,calc((100svh - 150px - var(--hexp))*.9143))}
  .metodo-vivo .metodo-pista{height:calc(var(--hroda) + var(--hexp) + 110svh)}
  .metodo-vivo .metodo-palco{top:max(72px,calc((100svh - 64px - var(--hroda) - var(--hexp))/2))}
  @media(min-width:900px){
    .metodo-pista{--roda:min(calc(100vw*.46),640px,calc((100svh - 150px - var(--hexp))*.9143))}
    .metodo-vivo .metodo-palco{top:max(48px,calc((100svh - var(--hroda) - var(--hexp))/2))}
  }
}
@media(max-height:560px){.metodo-pista{--roda:min(calc(100vw - 6px),560px)}}
@media(max-height:560px) and (min-width:900px){.metodo-pista{--roda:min(calc(100vw*.46),560px)}}
/* painel */
.metodo-explica{position:relative;z-index:2;width:min(calc(100vw - 44px),560px);margin:10px auto 0}
.metodo-textos{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.metodo-textos li{padding:12px 14px;border-radius:16px;background:var(--vidro-brilho),rgba(255,255,255,.04);box-shadow:var(--vidro-borda);font-size:15px;line-height:1.4;color:#e4e6dd}
.metodo-textos b{display:block;margin-bottom:2px;font-size:16px;color:#f3e3b8}
.metodo-explica-cartao{display:none}
.metodo-pronto .metodo-textos{display:none}
.metodo-pronto .metodo-explica-cartao{display:block;position:relative;box-sizing:border-box;min-height:var(--hcartao);padding:12px 16px 14px;border-radius:22px;text-align:left;
  background:var(--vidro-brilho),rgba(10,18,13,.58);box-shadow:var(--vidro-borda),0 14px 34px rgba(0,0,0,.35)}
.metodo-faiscas{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:inherit;pointer-events:none}
.metodo-explica-titulo{position:relative;height:40px;margin:0 0 8px;font:900 30px/40px "Arial Black",Arial,Helvetica,sans-serif;letter-spacing:.01em;text-transform:uppercase;color:#f3e3b8;white-space:nowrap;overflow:hidden}
.metodo-explica-texto{position:relative;margin:0;font:400 15px/21px Arial,Helvetica,sans-serif;color:#e4e6dd;transition:opacity .55s ease}
.metodo-explica-cartao.faiscas .metodo-explica-titulo{color:transparent}
.metodo-explica-texto.formando{opacity:0;transition:none}
@media(min-width:900px){.metodo-explica{width:max(var(--roda),360px)}.metodo-explica-texto{font-size:16px;line-height:22px}}
/* cada peça é um botão (invisível por cima do desenho); a escolhida brilha mais */
.peca-botao{position:absolute;inset:0;z-index:4;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:50%;background:none;color:transparent;font-size:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.peca-botao:focus-visible{outline:3px solid #c5e6ce;outline-offset:-10px}
.peca.escolhida .peca-in::before{opacity:1;box-shadow:0 0 calc(var(--k)*84) calc(var(--k)*18) #f0dc9c80}
.metodo-vivo .peca.escolhida:not(.acesa):not(.peca-hub) .peca-txt{opacity:1}
/* engrenagens em 3D: o canvas fica atrás dos ícones e dos nomes; o desenho de antes some só depois do primeiro quadro pronto */
.metodo-3d-tela{position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;pointer-events:none}
.metodo-pecas{z-index:1}
.metodo-3d .engr,.metodo-3d .peca-in::before,.metodo-3d .peca-in::after{display:none}
.metodo-3d .peca-txt{text-shadow:0 1px 4px rgba(0,0,0,.8)}
.metodo-3d .peca-hub .peca-txt{text-shadow:0 1px 1px rgba(255,255,255,.4)}
.metodo-3d .peca-hub b{font-size:calc(var(--k)*27)}
.metodo-3d .peca-hub small{font-size:calc(var(--k)*17)}