/* Página Operacional (/internacionalizacao), direção D2 "Brilho Dourado" aprovada pela Carine em 13/11/2026.
   Ritmo: escuro / off-white / bronze alternando. Bronze = ouro velho, nunca amarelado, texto off-white com contraste AA (mín. 5,8:1).
   Vidro (glassmorphism) nos cartões de interface do hero, nos cartões sobre o escuro e nas faixas bronze, com fallback sólido
   quando o navegador não tem backdrop-filter. Tudo escopado em body.pg-op (prefixo d2-) para não colidir com lp.css/servicos.css. */
.pg-op{--noite:#21170D;--noite2:#1A1209;--bronze1:#7E5E33;--bronze2:#5C4321;--ouro:#D8BE8E;--ouro-cta1:#D2B47E;--ouro-cta2:#A9864F;
  --txt-esc:#C9BEAB;--txt-esc2:#9C8E77;background:var(--noite);color:var(--txt-esc)}
.pg-op h1,.pg-op h2,.pg-op h3{font-family:var(--font);font-style:normal}
.pg-op i,.pg-op em{font-style:normal}
.pg-op .cta{background:linear-gradient(100deg,var(--ouro-cta1),var(--ouro-cta2));color:#1C120A;box-shadow:0 10px 34px rgba(150,112,58,.28),inset 0 1px 0 rgba(255,255,255,.35)}
.pg-op .cta:hover{background:linear-gradient(100deg,#DBBF8C,#B08D57)}
.pg-op .cta .seta{background:#1C120A;color:var(--ouro)}

/* ---------- vidro ---------- */
.d2-vidro-esc{background:linear-gradient(180deg,rgba(253,253,251,.085),rgba(253,253,251,.03));border:1px solid rgba(253,253,251,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 18px 40px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(14px) saturate(135%);backdrop-filter:blur(14px) saturate(135%)}
.d2-vidro-cl{background:linear-gradient(180deg,rgba(253,253,251,.96),rgba(247,242,233,.9));border:1px solid rgba(255,255,255,.7);
  box-shadow:inset 0 1px 0 #fff,0 18px 44px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);color:#5A4B3A}
.d2-vidro-br{background:linear-gradient(180deg,rgba(253,253,251,.08),rgba(253,253,251,.03));border:1px solid rgba(253,253,251,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 16px 36px rgba(40,26,8,.28);-webkit-backdrop-filter:blur(12px) saturate(130%);backdrop-filter:blur(12px) saturate(130%)}
.d2-vidro-off{background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.5));border:1px solid rgba(255,255,255,.9);
  box-shadow:inset 0 1px 0 #fff,0 14px 34px rgba(74,48,17,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .d2-vidro-esc{background:#2C2013}.d2-vidro-cl{background:#FDFDFB}.d2-vidro-br{background:#6F522C}.d2-vidro-off{background:#FFFFFF}
}
/* luzes de fundo: dão o que o vidro desfocar */
.d2-luz{position:absolute;pointer-events:none;border-radius:50%;filter:blur(20px);z-index:0}
.d2-luz.ouro{background:radial-gradient(closest-side,rgba(196,146,72,.55),rgba(150,110,55,.22) 55%,rgba(33,23,13,0))}
.d2-luz.clara{background:radial-gradient(closest-side,rgba(200,166,110,.32),rgba(244,240,232,0))}
.d2-sec{position:relative;overflow:hidden;padding:72px 0}
.d2-sec>.wrap{position:relative;z-index:1}

/* ---------- etiquetas e títulos ---------- */
.d2-tag{display:inline-block;font-size:12.5px;font-weight:600;line-height:1.3;padding:7px 14px;border-radius:6px}
.d2-h2{font-weight:600;font-size:28px;line-height:1.1;letter-spacing:-.03em;margin:16px 0 14px;max-width:24ch}
.d2-h2 .t2{font-weight:400}
.d2-lead{font-size:16.5px;line-height:1.6;max-width:40em}
.d2-esc{background:var(--noite);color:var(--txt-esc)}
.d2-esc .d2-tag{color:#E6DCCD;border:1px solid rgba(232,211,160,.2);background:rgba(232,211,160,.06)}
.d2-esc .d2-h2{color:#FDFDFB}.d2-esc .d2-h2 .t2{color:var(--ouro)}
.d2-cl{background:#FDFDFB;color:#5A4B3A}
.d2-ar{background:#F4F0E8;color:#5A4B3A}
.d2-cl .d2-tag,.d2-ar .d2-tag{color:#4A3011;background:rgba(255,255,255,.7);border:1px solid #E2D8C6}
.d2-cl .d2-h2,.d2-ar .d2-h2{color:#1C120A}.d2-cl .d2-h2 .t2,.d2-ar .d2-h2 .t2{color:#7A5C30}
.d2-br{background:linear-gradient(115deg,var(--bronze1),var(--bronze2));color:#F3ECDF}
.d2-br .d2-tag{color:#FDFDFB;background:rgba(253,253,251,.1);border:1px solid rgba(253,253,251,.26)}
.d2-br .d2-h2{color:#FDFDFB}

/* ---------- topo ---------- */
.d2-topo{position:relative;z-index:2}
.d2-topo .wrap{height:64px;display:flex;align-items:center;justify-content:space-between}
.d2-topo img{height:28px;width:auto}
.d2-topo span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-esc2)}

/* ---------- 1. hero ---------- */
.d2-hero{position:relative;overflow:hidden;padding:20px 0 56px}
.d2-hero .d2-luz{left:50%;top:620px;width:760px;height:620px;transform:translateX(-50%)}
.d2-hero .grade{position:relative;z-index:1;display:grid;gap:36px}
.d2-prova{display:flex;align-items:center;gap:12px}
.d2-avs{display:flex;flex:none}
.d2-avs img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--noite);margin-left:-9px}
.d2-avs img:first-child{margin-left:0}
.d2-prova p{font-size:13px;line-height:1.4;color:var(--txt-esc);max-width:26em}
.d2-selo{display:block;margin:22px 0 14px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ouro);line-height:1.5}
.d2-hero h1{font-weight:600;font-size:33px;line-height:1.06;letter-spacing:-.035em;color:#FDFDFB}
.d2-hero h1 .t2{font-weight:400;color:var(--ouro)}
.d2-hero .sub{font-size:16.5px;line-height:1.6;color:var(--txt-esc);margin:18px 0 26px;max-width:34em}
.d2-micro{font-size:13px;color:var(--txt-esc2);margin-top:12px}
.d2-cartao{position:relative}
.d2-cartao .f{border-radius:14px;overflow:hidden;aspect-ratio:4/5;border:1px solid rgba(232,211,160,.18);background:#1A120A}
.d2-cartao .f img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:sepia(.18) saturate(1.04) contrast(1.03)}
.d2-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;font-size:12.5px;line-height:1.3;color:#FDFDFB;white-space:nowrap}
.d2-chip.d2-vidro-esc{background:linear-gradient(180deg,rgba(28,19,10,.62),rgba(18,12,6,.5))}
.d2-chip small{display:block;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#B9AB92}
.d2-chip .ic{width:28px;height:28px;border-radius:7px;background:rgba(232,211,160,.14);display:grid;place-items:center;flex:none;color:var(--ouro)}
.d2-chip .ic svg{width:15px;height:15px}
.d2-ban{flex:none;display:block;width:20px;height:15px;border-radius:2px;background:url(/assets/img/bandeiras-jurisdicoes.webp) calc(var(--fx)*100%/6) calc(var(--fy)*100%/6)/700% 700% no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.d2-painel{position:absolute;width:206px;padding:12px 14px 13px;border-radius:12px;color:#1C120A}
.d2-painel .top{display:flex;align-items:center;justify-content:space-between;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#6E5129;font-weight:650}
.d2-painel .top span{display:flex;align-items:center;gap:5px;color:#5A4B3A;letter-spacing:.04em}
.d2-painel .top span::before{content:"";width:6px;height:6px;border-radius:50%;background:#3F8A50}
.d2-painel .barras{display:flex;align-items:flex-end;gap:5px;height:30px;margin:10px 0 8px;border-bottom:1px solid rgba(74,48,17,.15)}
.d2-painel .barras b{flex:1;border-radius:2px 2px 0 0;background:rgba(74,48,17,.14)}
.d2-painel .barras b.on{background:linear-gradient(180deg,#B08D57,#7E5E33)}
.d2-painel ul{list-style:none;display:grid;gap:7px}
.d2-painel li{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#3A2A18}
.d2-painel li b{font-size:10.5px;font-weight:650;letter-spacing:.04em;padding:2px 7px;border-radius:4px;background:rgba(74,48,17,.1);color:#4A3011}
.d2-painel.p1{left:10px;bottom:12px}
.d2-chip{padding:8px 11px;gap:8px;font-size:12px}
.d2-chip .ic{width:24px;height:24px}
.d2-chip.c1{right:10px;bottom:150px}
.d2-chip.c2{right:10px;top:12px}
.d2-chip.c3{right:10px;top:66px}
/* faixa de jurisdições: primeira virada para o off-white */
.d2-faixa{background:#FDFDFB;padding:26px 0 28px;border-top:1px solid rgba(126,94,51,.4);text-align:center}
.d2-faixa p{font-size:13px;color:#5A4B3A;margin-bottom:14px}
.d2-faixa ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px}
.d2-faixa li{display:flex;align-items:center;gap:8px;font-size:14px;color:#1C120A}
.d2-faixa .d2-ban{box-shadow:0 0 0 1px rgba(28,18,10,.1)}

/* ---------- 2. situação (off-white) ---------- */
.d2-sit{border-top:1px solid #EEE7DA}
.d2-sit .d2-luz{right:-200px;top:60px;width:620px;height:520px}
.d2-trilha{list-style:none;display:grid;gap:10px;margin-top:32px}
.d2-trilha li{position:relative;border-radius:12px;padding:20px 20px 20px 60px}
.d2-trilha .n{position:absolute;left:18px;top:20px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:700}
.d2-trilha .g .n{background:linear-gradient(135deg,#B08D57,#7E5E33);color:#FDFDFB}
.d2-trilha .l .n{background:#E6DDCC;color:#4A3011}
.d2-trilha b{display:block;font-size:16px;font-weight:600;color:#1C120A}
.d2-trilha .linha{display:block;font-size:14px;line-height:1.5;color:#5A4B3A;margin-top:4px}
.d2-trilha .mk{display:inline-block;margin-top:12px;font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:5px}
.d2-trilha .g .mk{background:linear-gradient(100deg,#8F6B3A,#6E5129);color:#FDFDFB}
.d2-trilha .l .mk{background:#E6DDCC;color:#4A3B2A}
.d2-fecho{margin-top:28px;font-size:16.5px;line-height:1.6;color:#1C120A;max-width:40em;font-weight:500}

/* ---------- 3. risco (escuro, vidro claro) ---------- */
.d2-risco .d2-luz{left:-120px;top:180px;width:760px;height:560px}
.d2-risco .d2-luz.b{left:auto;right:-160px;top:auto;bottom:-120px;width:620px;height:480px}
.d2-cards{list-style:none;display:grid;gap:12px;margin-top:32px}
.d2-card{border-radius:12px;padding:22px 20px 24px}
.d2-card small{display:block;font-size:11px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px}
.d2-card h3{font-size:17.5px;font-weight:600;line-height:1.25;letter-spacing:-.015em;margin-bottom:8px}
.d2-card p{font-size:14.5px;line-height:1.55}
.d2-vidro-cl.d2-card small{color:#7A5C30}.d2-vidro-cl.d2-card h3{color:#1C120A}.d2-vidro-cl.d2-card p{color:#4E4031}
.d2-vidro-esc.d2-card small{color:var(--ouro)}.d2-vidro-esc.d2-card h3{color:#FDFDFB}.d2-vidro-esc.d2-card p{color:var(--txt-esc)}
.d2-esc .d2-fecho{color:#EDE5D6}
.d2-acao{margin-top:32px}
@media (max-width:899px){.d2-acao .cta{width:100%}}

/* ---------- 4. clareza (areia) + faixa bronze ---------- */
.d2-clareza .d2-luz{right:-160px;top:40px;width:600px;height:520px}
.d2-clareza .d2-lead{color:#5A4B3A}
.d2-pecas{list-style:none;display:grid;gap:10px;margin-top:32px}
.d2-pecas li{border-radius:12px;padding:20px 20px 22px}
.d2-pecas b{display:block;font-size:16px;font-weight:600;color:#1C120A;margin-bottom:6px}
.d2-pecas span{display:block;font-size:14.5px;line-height:1.55;color:#5A4B3A}
.d2-rodape-dobra{margin-top:24px;font-size:14.5px;line-height:1.55;color:#5A4B3A;max-width:44em}
.d2-destaque{position:relative;overflow:hidden;padding:36px 0}
.d2-destaque .d2-luz{left:8%;top:-120px;width:520px;height:320px;background:radial-gradient(closest-side,rgba(232,200,140,.32),rgba(126,94,51,0))}
.d2-destaque p{position:relative;z-index:1;margin:0 auto;max-width:34em;text-align:center;font-size:19px;line-height:1.45;font-weight:500;color:#FDFDFB;
  padding:22px 22px;border-radius:12px}

/* ---------- 5. como funciona (escuro, vidro escuro) ---------- */
.d2-como .d2-luz{left:50%;top:120px;width:900px;height:520px;transform:translateX(-50%)}
.d2-passos{list-style:none;display:grid;gap:12px;margin-top:32px}
.d2-passos .num{display:inline-grid;place-items:center;min-width:34px;height:28px;padding:0 8px;border-radius:6px;font-size:13px;font-weight:700;letter-spacing:.04em;
  background:rgba(216,190,142,.14);color:var(--ouro);border:1px solid rgba(216,190,142,.25);margin-bottom:14px}
.d2-sabe{margin-top:16px;border-radius:12px;padding:22px 20px}
.d2-sabe h3{font-size:16px;font-weight:600;color:#1C120A;margin-bottom:12px}
.d2-sabe ul{list-style:none;display:grid;gap:10px}
.d2-sabe li{position:relative;padding-left:28px;font-size:15px;line-height:1.5;color:#3A2E22}
.d2-sabe li svg{position:absolute;left:0;top:1px;width:20px;height:20px;color:#7E5E33}

/* ---------- 6. prova (bronze) + mapa + depoimentos ---------- */
.d2-prova-sec .d2-luz{left:-80px;top:-100px;width:640px;height:440px;background:radial-gradient(closest-side,rgba(232,200,140,.30),rgba(126,94,51,0))}
.d2-prova-sec .d2-luz.b{left:auto;right:-140px;top:auto;bottom:-160px;background:radial-gradient(closest-side,rgba(30,20,8,.4),rgba(30,20,8,0))}
.d2-nums{list-style:none;display:grid;gap:12px;margin-top:28px}
.d2-nums li{border-radius:12px;padding:22px 20px 24px}
.d2-nums .v{display:block;font-size:34px;font-weight:600;letter-spacing:-.035em;line-height:1.08;color:#FDFDFB;margin-bottom:10px}
.d2-nums p{font-size:14.5px;line-height:1.55;color:#FDFDFB}
.d2-mapa-faixa{background:var(--noite2);padding:8px 0}
.pg-op .tcj-mapa{background:var(--noite2)}
.d2-mapa-faixa .tcj-mapa{margin:0 -16px;border-radius:0;padding:36px 16px 28px}
.d2-deps .d2-luz{left:50%;top:40px;width:860px;height:420px;transform:translateX(-50%)}
.d2-dep-grid{list-style:none;display:grid;gap:14px;margin-top:28px}
.d2-dep{border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.d2-dep .video{aspect-ratio:4/3}
.d2-dep .video.tocando{aspect-ratio:9/16}
.d2-dep .video.horizontal.tocando{aspect-ratio:16/9}
.d2-dep .txt{padding:20px 20px 22px}
.d2-dep blockquote{font-size:16px;line-height:1.55;color:#1C120A;font-weight:500}
.d2-dep .assina{margin-top:14px;font-size:13.5px;line-height:1.45;color:#5A4B3A}
.d2-dep .assina b{display:block;color:#1C120A;font-weight:600;font-size:14.5px}

/* ---------- 7. para quem é ---------- */
.d2-quem .d2-luz{right:-140px;top:120px;width:640px;height:540px}
.d2-segs{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.d2-segs li{font-size:13px;line-height:1.3;padding:7px 12px;border-radius:6px;color:#E6DCCD;border:1px solid rgba(232,211,160,.22);background:rgba(232,211,160,.05)}
.d2-listas{display:grid;gap:12px;margin-top:24px}
.d2-lista{border-radius:12px;padding:22px 20px 24px}
.d2-lista h3{font-size:16px;font-weight:600;margin-bottom:14px}
.d2-lista ul{list-style:none;display:grid;gap:12px}
.d2-lista li{position:relative;padding-left:30px;font-size:15px;line-height:1.5}
.d2-lista li svg{position:absolute;left:0;top:1px;width:20px;height:20px}
.d2-lista.d2-vidro-cl h3{color:#1C120A}.d2-lista.d2-vidro-cl li{color:#3A2E22}.d2-lista.d2-vidro-cl svg{color:#6E5129}
.d2-lista.d2-vidro-esc h3{color:#FDFDFB}.d2-lista.d2-vidro-esc li{color:var(--txt-esc)}.d2-lista.d2-vidro-esc svg{color:#A99A82}
.d2-baixo{margin-top:24px;font-size:15px;line-height:1.6;color:var(--txt-esc);max-width:46em}

/* ---------- 8. faq (off-white) ---------- */
.pg-op .d2-faq .faq-lista{border-top-color:#E2D8C6}
.pg-op .d2-faq .faq-lista details{border-bottom-color:#E2D8C6}
.pg-op .d2-faq .faq-lista summary{color:#1C120A}
.pg-op .d2-faq .faq-lista .resp{color:#5A4B3A}
.pg-op .d2-faq .faq-lista summary .mais{border-color:#E2D8C6;color:#6E5129}

/* ---------- 9. final ---------- */
.d2-final{text-align:center;padding:88px 0 96px}
.d2-final .d2-luz{left:50%;top:-40px;width:900px;height:560px;transform:translateX(-50%)}
.d2-final .d2-h2,.d2-final .d2-lead{margin-left:auto;margin-right:auto}
.d2-final .d2-lead{color:var(--txt-esc)}
.d2-final .d2-micro{margin-top:14px}

/* rodapé e barra fixa no tom escuro */
.pg-op .rodape{background:var(--noite);border-top:1px solid rgba(232,211,160,.1)}
.pg-op .barra-fixa{background:rgba(33,23,13,.84);border-top:1px solid rgba(232,211,160,.16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.pg-op .barra-fixa{background:#21170D}}

@media (min-width:900px){
  .d2-sec{padding:112px 0}
  .d2-h2{font-size:44px;margin:18px 0 16px}
  .d2-lead{font-size:18px}
  .d2-hero{padding:48px 0 88px}
  .d2-hero .d2-luz{left:74%;top:60px;width:1000px;height:760px}
  .d2-hero .grade{grid-template-columns:1.1fr .9fr;gap:72px;align-items:center}
  .d2-hero h1{font-size:54px;line-height:1.03}
  .d2-hero .sub{font-size:18px}
  .d2-hero .cta.largo{width:auto}
  .pg-op .faq .grid2{align-items:start}
  .d2-cartao .f{aspect-ratio:5/6}
  .d2-painel.p1{left:-56px;bottom:40px;width:252px;padding:14px 16px 16px}
  .d2-painel .barras{height:38px;margin:12px 0 10px}
  .d2-chip{padding:11px 14px;gap:10px;font-size:12.5px}
  .d2-chip .ic{width:28px;height:28px}
  .d2-chip.c1{display:flex;right:-36px;bottom:150px}
  .d2-chip.c2{right:-44px;top:40%}
  .d2-chip.c3{display:flex;right:auto;left:-40px;top:14%}
  .d2-faixa{padding:30px 0 32px}
  .d2-trilha{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px}
  .d2-trilha li{padding:64px 22px 26px}
  .d2-trilha .n{left:22px;top:24px}
  .d2-fecho{font-size:18px;margin-top:36px}
  .d2-cards{grid-template-columns:repeat(4,1fr);margin-top:48px}
  .d2-card{padding:26px 24px 28px}
  .d2-pecas{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px}
  .d2-pecas li{padding:24px 24px 26px}
  .d2-destaque{padding:56px 0}
  .d2-destaque p{font-size:26px;padding:30px 40px}
  .d2-passos{grid-template-columns:repeat(4,1fr);margin-top:48px}
  .d2-sabe{display:grid;grid-template-columns:.8fr 2fr;gap:24px;align-items:start;padding:28px 32px;margin-top:20px}
  .d2-sabe h3{margin:0;font-size:18px}
  .d2-sabe ul{grid-template-columns:repeat(3,1fr);gap:20px}
  .d2-nums{grid-template-columns:repeat(3,1fr);margin-top:44px}
  .d2-nums li{padding:28px 28px 30px}
  .d2-nums .v{font-size:46px}
  .d2-mapa-faixa{padding:40px 0}
  .d2-mapa-faixa .tcj-mapa{margin:0;padding:8px 0 0}
  .d2-dep-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:0}
  .d2-listas{grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
  .d2-lista{padding:28px 28px 30px}
  .d2-final{padding:128px 0 136px}
}

.d2-rod-br{position:relative;z-index:1;margin:18px auto 0;max-width:40em;text-align:center;font-size:14.5px;line-height:1.55;color:#FDFDFB}

/* ===== Rodada de ajustes da Carine (comentários na prévia, 13/11/2026) ===== */
/* hero: 4 avatares de clientes */
.d2-avs img{width:34px;height:34px;margin-left:-8px}
/* dobra 2: plataformas (monocromático) + trilha encadeada */
.d2-plats{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 10px;margin-top:28px;padding:16px 14px;border-radius:12px}
.d2-plats li{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:14px;font-weight:650;letter-spacing:-.01em;color:#5E5244;white-space:nowrap}
.d2-plats li svg{width:17px;height:17px;flex:none;fill:#6B5D4C}
.d2-plats li.wm{font-weight:750;letter-spacing:-.02em;font-size:15px}
.d2-trilha{position:relative}
.d2-trilha::before{content:"";position:absolute;left:31px;top:34px;bottom:34px;width:2px;border-radius:2px;
  background:linear-gradient(180deg,#9A7744 0%,#9A7744 48%,#D9CFBE 52%,#D9CFBE 100%)}
.d2-trilha li{z-index:1}
.d2-trilha .n{box-shadow:0 0 0 5px #FDFDFB}
.d2-quebra{position:absolute;left:18px;top:50%;transform:translateY(-50%);z-index:2;width:28px;height:28px;border-radius:50%;background:#FDFDFB;
  border:1px solid #E2D8C6;display:grid;place-items:center;color:#7E5E33}
.d2-quebra svg{width:14px;height:14px}
/* dobra 3: mini ilustrações nos cartões de risco (mesma estrutura nos 4) */
.d2-ilu{height:76px;margin:-4px -4px 18px;border-radius:9px;background:linear-gradient(180deg,#F1EBDF,#E9E1D2);border:1px solid rgba(126,94,51,.14);
  display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;color:#4A3B2A;font-size:11.5px;font-weight:650}
.d2-ilu .pill{padding:5px 9px;border-radius:6px;background:#FDFDFB;border:1px solid rgba(126,94,51,.18);letter-spacing:.04em}
.d2-ilu .pill.br{background:linear-gradient(100deg,#8F6B3A,#6E5129);color:#FDFDFB;border-color:transparent}
.d2-ilu svg.seta{width:16px;height:16px;color:#7E5E33;flex:none}
.d2-ilu .alerta{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;background:#FDFDFB;border:1px solid rgba(126,94,51,.18);box-shadow:0 6px 16px rgba(74,48,17,.1);text-align:left}
.d2-ilu .alerta .ic{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:rgba(164,49,44,.1);color:#8E2A25;flex:none}
.d2-ilu .alerta .ic svg{width:14px;height:14px}
.d2-ilu .alerta b{display:block;font-size:11.5px;color:#1C120A}
.d2-ilu .alerta span{display:block;font-size:10.5px;font-weight:500;color:#5A4B3A}
.d2-ilu .bars{display:flex;align-items:flex-end;gap:5px;height:44px}
.d2-ilu .bars i{width:12px;border-radius:2px 2px 0 0;background:#D5C7AE}
.d2-ilu .bars i:nth-child(n+4){background:linear-gradient(180deg,#9A7744,#6E5129)}
.d2-ilu .solto{padding:5px 8px;border-radius:6px;background:#FDFDFB;border:1px dashed rgba(126,94,51,.4);font-weight:600}
/* faixa de destaque: diagramada em duas colunas */
.d2-destaque .grade-d{position:relative;z-index:1;display:grid;gap:22px;padding:26px 22px;border-radius:14px}
.d2-destaque .frase{font-size:21px;line-height:1.35;font-weight:500;color:#FDFDFB;letter-spacing:-.015em;max-width:24ch}
.d2-areas{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.d2-areas li{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:9px;background:rgba(253,253,251,.1);border:1px solid rgba(253,253,251,.2);font-size:14px;font-weight:600;color:#FDFDFB}
.d2-areas li svg{width:16px;height:16px;flex:none;color:#E6D2A8}
.d2-areas li:last-child:nth-child(odd){grid-column:1/-1}
.d2-destaque .rodape-d{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;padding-top:18px;border-top:1px solid rgba(253,253,251,.22);font-size:14.5px;line-height:1.55;color:#FDFDFB}
.d2-destaque .rodape-d svg{width:18px;height:18px;flex:none;margin-top:2px;color:#E6D2A8}
/* caso real (nova seção) */
.d2-caso .d2-luz{left:-160px;top:80px;width:620px;height:520px}
.d2-caso-card{margin-top:32px;border-radius:14px;overflow:hidden;display:grid}
.d2-caso-card .lado{padding:24px 22px}
.d2-caso-card .seg{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:#6E5129;margin-bottom:16px}
.d2-caso-card .seg svg{width:16px;height:16px}
.d2-caso-card h3{font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#7A5C30;margin:18px 0 8px}
.d2-caso-card h3:first-of-type{margin-top:0}
.d2-caso-card p,.d2-caso-card li{font-size:15.5px;line-height:1.6;color:#3A2E22}
.d2-caso-card ul{list-style:none;display:grid;gap:8px}
.d2-caso-card ul li{position:relative;padding-left:26px}
.d2-caso-card ul li svg{position:absolute;left:0;top:3px;width:18px;height:18px;color:#7E5E33}
.d2-caso-card .res{background:linear-gradient(135deg,var(--bronze1),var(--bronze2));color:#FDFDFB;display:flex;flex-direction:column;justify-content:center}
.d2-caso-card .res small{font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#EAD9B6}
.d2-caso-card .res .v{display:block;font-size:40px;font-weight:600;letter-spacing:-.035em;line-height:1.05;margin:10px 0 10px}
.d2-caso-card .res p{color:#FDFDFB}
/* como funciona: etapas encadeadas */
.d2-etapas{list-style:none;position:relative;display:grid;gap:14px;margin-top:36px;counter-reset:et}
.d2-etapas::before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:linear-gradient(180deg,#B08D57,rgba(176,141,87,.25))}
.d2-etapas li{position:relative;padding-left:60px}
.d2-etapas .no{position:absolute;left:0;top:14px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:700;color:#1C120A;
  background:linear-gradient(135deg,#D8BE8E,#A9864F);box-shadow:0 0 0 6px var(--noite),0 0 24px rgba(176,141,87,.35)}
.d2-etapas .d2-card{padding:20px 20px 22px}
.d2-etapas .tag-et{display:inline-block;font-size:11px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--ouro);margin-bottom:8px}
/* números: 2 resultados */
.d2-res2{list-style:none;display:grid;gap:12px;margin-top:28px}
.d2-res2 li{border-radius:14px;padding:26px 22px 28px}
.d2-res2 small{display:inline-block;font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#FDFDFB;padding:5px 10px;border-radius:6px;background:rgba(253,253,251,.12);border:1px solid rgba(253,253,251,.24)}
.d2-res2 .v{display:block;font-size:40px;font-weight:600;letter-spacing:-.035em;line-height:1.05;color:#FDFDFB;margin:18px 0 10px}
.d2-res2 p{font-size:15px;line-height:1.55;color:#FDFDFB}
/* depoimentos: 5 */
.d2-dep-grid{grid-template-columns:1fr}
/* para quem é: segmentos em mini-cartões com ícone */
.d2-segs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}
.d2-segs li{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px 14px;border-radius:12px;font-size:14.5px;font-weight:600;line-height:1.3;color:#FDFDFB}
.d2-segs li .ic{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:rgba(216,190,142,.14);border:1px solid rgba(216,190,142,.25);color:var(--ouro)}
.d2-segs li .ic svg{width:19px;height:19px}
.d2-segs li:last-child:nth-child(odd){grid-column:1/-1;flex-direction:row;align-items:center}
@media (min-width:900px){
  .d2-avs img{width:36px;height:36px}
  .d2-plats{gap:8px 18px;padding:18px 24px;margin-top:40px}
  .d2-plats li{font-size:15px}
  .d2-trilha::before{left:40px;right:40px;top:37px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,#9A7744 0%,#9A7744 49%,#D9CFBE 51%,#D9CFBE 100%)}
  .d2-quebra{left:50%;top:24px;transform:translateX(-50%)}
  .d2-destaque .grade-d{grid-template-columns:1.1fr 1fr;gap:28px 48px;align-items:center;padding:40px 44px}
  .d2-destaque .frase{font-size:30px}
  .d2-areas li{font-size:15px}
  .d2-caso-card{grid-template-columns:1.5fr 1fr;margin-top:44px}
  .d2-caso-card .lado{padding:36px 40px}
  .d2-caso-card .res .v{font-size:52px}
  .d2-etapas{grid-auto-flow:column;grid-auto-columns:1fr;gap:16px;margin-top:52px}
  .d2-etapas::before{left:22px;right:22px;top:21px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,#B08D57,rgba(176,141,87,.35))}
  .d2-etapas li{padding:66px 0 0}
  .d2-etapas .no{top:0}
  .d2-etapas .d2-card{height:100%}
  .d2-res2{grid-template-columns:1fr 1fr;gap:16px;margin-top:44px}
  .d2-res2 li{padding:34px 34px 36px}
  .d2-res2 .v{font-size:56px}
  .d2-dep-grid{grid-template-columns:repeat(6,1fr)}
  .d2-dep-grid .d2-dep{grid-column:span 2}
  .d2-dep-grid .d2-dep.lg{grid-column:span 3}
  .d2-segs{grid-template-columns:repeat(5,1fr);gap:12px}
  .d2-segs li{padding:20px 18px}
  .d2-segs li:last-child:nth-child(odd){grid-column:auto;flex-direction:column;align-items:flex-start}
}
.d2-destaque .grade-d p{text-align:left;margin:0;max-width:none;padding:0;border:0;background:none;box-shadow:none}
.d2-destaque .grade-d .frase{max-width:24ch}
/* faixa: países com linha curta (cartões com bandeira; rolagem lateral manual no celular) */
.d2-faixa2{text-align:left;padding:28px 0 30px}
.d2-faixa2 p{text-align:left;font-size:13.5px;font-weight:600;color:#4A3B2A;margin-bottom:14px}
.d2-paises{list-style:none;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:2px 16px 8px;scrollbar-width:none}
.d2-paises::-webkit-scrollbar{display:none}
.d2-faixa .d2-paises li{flex:none;width:236px;scroll-snap-align:start;display:flex;align-items:flex-start;gap:12px;padding:14px 14px 15px;border-radius:12px;font-size:13px;line-height:1.45;color:#5A4B3A}
.d2-paises .d2-ban{width:26px;height:19.5px;margin-top:1px;border-radius:3px}
.d2-paises b{display:block;font-size:14.5px;font-weight:650;color:#1C120A;margin-bottom:3px}
/* risco 2: rótulos com ícone */
.d2-ilu{height:auto;min-height:76px;padding:10px 12px}
.d2-ilu .rotulos{display:grid;gap:5px;width:100%}
.d2-ilu .rot{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;background:#FDFDFB;border:1px solid rgba(126,94,51,.16);font-size:11.5px;font-weight:600;color:#3A2A18}
.d2-ilu .rot .ic{width:18px;height:18px;border-radius:5px;display:grid;place-items:center;background:rgba(164,49,44,.1);color:#8E2A25;flex:none}
.d2-ilu .rot .ic svg{width:12px;height:12px}
/* marcador de conferência (só prévia) */
mark.d2-conferir{background:#FFE14D;color:#1C120A;padding:2px 8px;border-radius:4px;font-weight:650}
.d2-res2 mark.d2-conferir{font-size:22px;line-height:1.3;display:inline-block;letter-spacing:0}
mark.d2-conferir.pq{font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;margin-right:4px;vertical-align:1px}
.d2-em-conf{display:inline-block;margin-left:6px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#8A7A62;padding:4px 8px;border-radius:5px;border:1px dashed #CDBFA6;vertical-align:middle}
/* caso real: antes e depois */
.d2-caso-card .antes-depois{display:flex;align-items:center;gap:14px;margin:14px 0 12px}
.d2-caso-card .antes-depois s{font-size:28px;font-weight:500;color:rgba(253,253,251,.7);text-decoration-thickness:2px}
.d2-caso-card .antes-depois svg{width:22px;height:22px;color:#E6D2A8}
.d2-caso-card .antes-depois .v{margin:0;font-size:56px}
.d2-caso .d2-rodape-dobra{margin-top:16px;font-size:13.5px}
/* não é para você: rótulo em destaque */
.d2-lista li b.rot{display:block;font-weight:650;color:#FDFDFB;margin-bottom:2px}
@media (min-width:900px){
  .d2-faixa2{padding:36px 0 40px}
  .d2-paises{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;overflow:visible;margin:0;padding:0}
  .d2-faixa .d2-paises li{width:auto}
  .d2-caso-card .antes-depois .v{font-size:72px}
  .d2-caso-card .antes-depois s{font-size:34px}
  .d2-segs{grid-template-columns:repeat(6,1fr)}
}
.d2-faixa ul.d2-paises{justify-content:flex-start;flex-wrap:nowrap}
.d2-ilu{height:100px;min-height:0}
@media (min-width:900px){.d2-faixa ul.d2-paises{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}}
@media (max-width:899px){.d2-faixa ul.d2-paises{margin:0 -16px;padding:2px 16px 8px;scroll-padding-left:16px}}

/* ===== rodada 6 (13/11) ===== */
/* topo: sem rótulo, logo maior, hero mais perto */
.d2-topo .wrap{height:60px}
.d2-topo img{height:34px}
.d2-hero{padding-top:12px}
/* chip Impostos: menor, 2 linhas, fora do rosto */
.d2-chip.c3{white-space:normal;padding:7px 10px;font-size:11.5px;line-height:1.25;right:10px;top:auto;bottom:212px}
.d2-chip.c3 .ic{width:22px;height:22px}
/* faixa de países: 15, duas linhas arrastáveis no celular, grade no desktop */
.d2-faixa ul.d2-paises{display:grid;grid-auto-flow:column;grid-template-rows:auto auto;grid-auto-columns:248px;gap:10px}
.d2-faixa .d2-paises li{width:auto;height:100%}
/* dobra 2: composição do fluxo do dinheiro */
.d2-sit-grade{display:grid;gap:28px}
.d2-fluxo{position:relative;display:grid;gap:10px;padding:18px;border-radius:16px}
.d2-fluxo .fx-bloco{padding:14px 14px 12px;border-radius:12px;background:#FDFDFB;border:1px solid rgba(126,94,51,.16);box-shadow:0 8px 22px rgba(74,48,17,.08)}
.d2-fluxo small{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#6E5129;margin-bottom:10px}
.d2-fluxo small svg{width:15px;height:15px}
.d2-fluxo ul{list-style:none;display:grid;gap:6px}
.d2-fluxo li{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;color:#3A2A18}
.d2-fluxo li b{font-size:10.5px;font-weight:650;letter-spacing:.04em;padding:2px 7px;border-radius:4px;background:linear-gradient(100deg,#8F6B3A,#6E5129);color:#FDFDFB}
.d2-fluxo .fx-liga{display:flex;align-items:center;justify-content:center;gap:8px}
.d2-fluxo .fx-liga .seta{width:16px;height:16px;color:#7E5E33;transform:rotate(90deg)}
.d2-fluxo .pill{font-size:10.5px;font-weight:650;letter-spacing:.04em;padding:3px 8px;border-radius:20px;background:rgba(126,94,51,.14);color:#4A3011}
.d2-fluxo .pill.br{background:#E6DDCC;color:#4A3B2A}
.d2-fluxo .fx-meio{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding:14px;border-radius:12px;background:#EFE9DE;border:1px dashed rgba(90,75,58,.35)}
.d2-fluxo .fx-meio .ic{grid-row:span 2;width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#E0D6C4;color:#4A3B2A}
.d2-fluxo .fx-meio .ic svg{width:19px;height:19px}
.d2-fluxo .fx-meio b{font-size:14.5px;color:#1C120A}
.d2-fluxo .fx-meio span:last-child{font-size:12.5px;color:#5A4B3A}
.d2-fluxo .fx-rod{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;font-size:12.5px;font-weight:600;color:#6E5129}
.d2-fluxo .fx-rod svg{width:16px;height:16px}
/* trilha: retrato de hoje, sem números */
.d2-trilha-tit{margin-top:40px;font-size:12.5px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#6E5129}
.d2-trilha{margin-top:16px}
.d2-trilha li{padding:20px 20px 20px 52px}
.d2-trilha .pt{position:absolute;left:25px;top:25px;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 5px #FDFDFB}
.d2-trilha .g .pt{background:linear-gradient(135deg,#B08D57,#7E5E33)}
.d2-trilha .l .pt{background:#D9CFBE}
/* destaque: diagrama circular */
.d2-hub{position:relative;width:100%;max-width:400px;aspect-ratio:1;margin:8px auto 0}
.d2-hub .anel{position:absolute;inset:13%;border:1px dashed rgba(253,253,251,.45);border-radius:50%}
.d2-hub .raio{position:absolute;left:50%;top:50%;height:1px;width:37%;transform-origin:0 0;background:linear-gradient(90deg,rgba(253,253,251,.6),rgba(253,253,251,.12))}
.d2-hub .nucleo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;
  background:radial-gradient(circle at 35% 30%,#3A2A18,#21170D);border:1px solid #D8BE8E;box-shadow:0 14px 40px rgba(28,18,10,.45),0 0 0 8px rgba(253,253,251,.08)}
.d2-hub .nucleo img{width:22px;height:auto}
.d2-hub .nucleo b{font-size:13px;line-height:1.25;font-weight:600;color:#FDFDFB}
.d2-hub .sat{position:absolute;transform:translate(-50%,-26px);display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#FDFDFB;white-space:nowrap}
.d2-hub .bola{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#FDFDFB;color:#6E5129;border:2px solid #D8BE8E;box-shadow:0 8px 22px rgba(28,18,10,.3)}
.d2-hub .bola svg{width:22px;height:22px}
/* como funciona: número na borda da caixa, sem "Etapa" */
.d2-etapas::before{display:none}
.d2-etapas li{padding:22px 0 0}
.d2-etapas .no{left:20px;top:0;box-shadow:0 0 0 5px var(--noite),0 0 20px rgba(176,141,87,.3)}
.d2-etapas .d2-card{padding:36px 20px 22px}
/* números */
.d2-prova-sec .d2-h2{margin-bottom:12px}
.d2-res2{gap:16px;margin-top:40px}
.d2-res2 li{display:flex;flex-direction:column;align-items:flex-start;padding:28px 24px 30px}
.d2-res2 .num{display:flex;flex-direction:column;margin-top:22px;color:#FDFDFB}
.d2-res2 .num .pre{font-size:18px;font-weight:500;letter-spacing:-.01em;color:#F0E2C4}
.d2-res2 .num .v{margin:2px 0 0;font-size:72px;line-height:1;font-variant-numeric:tabular-nums;min-width:3ch}
.d2-res2 .num .suf{font-size:22px;font-weight:500;color:#FDFDFB;margin-top:4px}
.d2-res2 .fio{display:block;width:56px;height:2px;margin:20px 0 16px;border-radius:2px;background:linear-gradient(90deg,#E6D2A8,#B08D57)}
.d2-res2 p{max-width:30ch}
/* caso real: barras comparativas */
.d2-barras-cmp{display:grid;gap:14px;margin:18px 0 16px}
.d2-barras-cmp .lin{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px}
.d2-barras-cmp .rt{font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:#EAD9B6}
.d2-barras-cmp .trilho{height:14px;border-radius:7px;background:rgba(253,253,251,.14);overflow:hidden}
.d2-barras-cmp .trilho i{display:block;height:100%;width:var(--w);border-radius:7px}
.d2-barras-cmp .antes i{background:rgba(253,253,251,.45)}
.d2-barras-cmp .depois i{background:linear-gradient(90deg,#F0E2C4,#D8BE8E)}
.d2-barras-cmp b{font-size:26px;font-weight:600;letter-spacing:-.03em;color:#FDFDFB;min-width:3ch;text-align:right}
.d2-barras-cmp .antes b{color:rgba(253,253,251,.72);font-weight:500}
.d2-barras-cmp .depois b{font-size:40px}
.d2-barras-cmp .eixo{font-size:12px;color:#EAD9B6}
@media (min-width:900px){
  .d2-topo .wrap{height:72px}
  .d2-topo img{height:38px}
  .d2-hero{padding-top:16px}
  .d2-chip.c3{display:flex;left:-36px;right:auto;top:auto;bottom:36%}
  .d2-faixa ul.d2-paises{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:repeat(3,1fr);grid-auto-columns:auto}
  .d2-sit-grade{grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}
  .d2-fluxo{padding:22px}
  .d2-trilha-tit{margin-top:56px}
  .d2-trilha li{padding:58px 22px 26px}
  .d2-trilha .pt{left:24px;top:30px}
  .d2-trilha::before{top:37px}
  .d2-hub{max-width:440px;margin:0 0 0 auto}
  .d2-hub .nucleo b{font-size:15px}
  .d2-hub .bola{width:60px;height:60px}
  .d2-hub .sat{transform:translate(-50%,-30px);font-size:14.5px}
  .d2-etapas li{padding:22px 0 0}
  .d2-etapas .no{left:22px}
  .d2-etapas .d2-card{padding:40px 22px 26px}
  .d2-res2{margin-top:56px;gap:20px}
  .d2-res2 li{padding:40px 44px 42px}
  .d2-res2 .num .v{font-size:104px}
  .d2-res2 .num .pre{font-size:20px}
  .d2-res2 .num .suf{font-size:26px}
  .d2-barras-cmp .depois b{font-size:48px}
}
@media (min-width:1200px){.d2-faixa ul.d2-paises{grid-template-columns:repeat(5,1fr)}}
.d2-etapas .no{z-index:2}
.d2-barras-cmp .lin{grid-template-columns:58px 1fr 76px}
@media (min-width:900px){.d2-chip.c3{top:30%;bottom:auto}}

/* ===== rodada 7 (13/11): casos reais em carrossel ===== */
.d2-caso-topo{display:grid;gap:22px}
.d2-caso-total{display:flex;flex-direction:column;gap:4px;padding:20px 22px;border-radius:14px;color:#FDFDFB;max-width:none;margin:0}
.d2-caso-total b{font-size:34px;font-weight:600;letter-spacing:-.03em;line-height:1.05}
.d2-caso-total span{font-size:14.5px;color:#F0E2C4}
.d2-carrossel{margin-top:28px}
.d2-casos{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:88%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  margin:0 -16px;padding:4px 16px 18px;scroll-padding-left:16px;scrollbar-width:none;cursor:grab}
.d2-casos::-webkit-scrollbar{display:none}
.d2-casos.arrasta{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
.d2-casos:focus-visible{outline:2px solid #7E5E33;outline-offset:4px}
.d2-caso-c{scroll-snap-align:start;display:flex;flex-direction:column;padding:22px 20px 22px;border-radius:14px}
.d2-caso-c .cab{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}
.d2-caso-c .seg{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:#6E5129}
.d2-caso-c .seg svg{width:17px;height:17px}
.d2-caso-c .nro{font-size:12px;font-weight:600;color:#8A7A66}
.d2-barras-cmp.clara{margin:0 0 6px;gap:12px}
.d2-barras-cmp.clara .lin{grid-template-columns:58px 1fr 52px;row-gap:3px}
.d2-barras-cmp.clara .rt{color:#6E5129}
.d2-barras-cmp.clara .trilho{background:#EAE2D3}
.d2-barras-cmp.clara .antes i{background:#C9BBA3}
.d2-barras-cmp.clara .depois i{background:linear-gradient(90deg,#9A7744,#6E5129)}
.d2-barras-cmp.clara b{font-size:22px;color:#1C120A}
.d2-barras-cmp.clara .antes b{color:#7A6A55;font-weight:500}
.d2-barras-cmp.clara .depois b{font-size:26px}
.d2-barras-cmp .cap{grid-column:2/4;font-size:12px;color:#7A6A55}
.d2-caso-c .eco{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:16px 0 0;padding:16px 18px;border-radius:12px;background:linear-gradient(135deg,var(--bronze1),var(--bronze2));color:#FDFDFB}
.d2-caso-c .eco small{font-size:13.5px;color:#F0E2C4}
.d2-caso-c .eco b{font-size:30px;font-weight:600;letter-spacing:-.03em;line-height:1.1;color:#FDFDFB}
.d2-caso-c h3{margin:20px 0 6px;font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#7A5C30}
.d2-caso-c .feito{font-size:14.5px;line-height:1.6;color:#3A2E22}
.d2-caso-c .feito mark.d2-conferir{font-size:inherit;padding:0 2px}
.d2-caso-c .estr{display:grid;gap:8px;margin-top:auto;padding-top:16px}
.d2-caso-c .nv{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:10px;border-top:1px solid rgba(126,94,51,.16)}
.d2-caso-c .nv small{width:100%;font-size:11px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#8A7A66}
.d2-caso-c .nv span{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:7px;background:#FDFDFB;border:1px solid rgba(126,94,51,.18);font-size:13px;font-weight:600;color:#1C120A}
.d2-caso-c .nv.h span{background:#F3ECDF}
.d2-caso-c .d2-ban{box-shadow:0 0 0 1px rgba(28,18,10,.1)}
.d2-car-ctrl{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:6px}
.d2-car-ctrl button.ant,.d2-car-ctrl button.prox{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(126,94,51,.3);background:#FDFDFB;color:#4A3011;cursor:pointer;transition:background .2s,opacity .2s}
.d2-car-ctrl button.ant:hover,.d2-car-ctrl button.prox:hover{background:#F3ECDF}
.d2-car-ctrl button:disabled{opacity:.35;cursor:default}
.d2-car-ctrl button svg{width:20px;height:20px}
.d2-car-ctrl .pontos{display:flex;gap:4px}
.d2-car-ctrl .pontos button{width:24px;height:24px;border:0;background:none;padding:0;display:grid;place-items:center;cursor:pointer}
.d2-car-ctrl .pontos button::before{content:"";width:8px;height:8px;border-radius:4px;background:#D2C5AE;transition:width .25s,background .25s}
.d2-car-ctrl .pontos button[aria-selected="true"]::before{width:22px;background:#7E5E33}
@media (min-width:900px){
  .d2-caso-topo{grid-template-columns:1fr auto;align-items:end;gap:40px}
  .d2-caso-total{padding:24px 30px;min-width:300px}
  .d2-caso-total b{font-size:42px}
  .d2-carrossel{margin-top:40px}
  .d2-casos{grid-auto-columns:calc((100% - 20px)/2.0);gap:20px;margin:0;padding:4px 0 20px;scroll-padding-left:0}
  .d2-caso-c{padding:30px 30px 28px}
  .d2-caso-c .eco b{font-size:36px}
  .d2-car-ctrl{justify-content:flex-end}
}
@media (prefers-reduced-motion:reduce){.d2-casos{scroll-behavior:auto}}
.d2-caso-total{background:linear-gradient(135deg,var(--bronze1),var(--bronze2));border:0;box-shadow:0 14px 34px rgba(74,48,17,.22)}
.d2-car-ctrl .pontos{margin:0}
.d2-casos{padding-bottom:30px}
.d2-caso-c{box-shadow:0 8px 20px rgba(74,48,17,.08)}
.d2-car-ctrl{margin-top:-6px}
.d2-car-ctrl .pontos button[hidden]{display:none}

/* ===== rodada 8 (13/11): 5ª rodada de comentários ===== */
/* topo: logo mais baixa; hero: headline menor, foto mais alta */
.d2-topo .wrap{height:auto;padding-top:22px;padding-bottom:6px}
.d2-hero h1{font-size:30px}
.d2-hero .sub{margin-bottom:14px}
.d2-sub-tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 26px}
.d2-sub-tags li{font-size:12px;font-weight:600;letter-spacing:.02em;padding:5px 10px;border-radius:6px;color:#E6D2A8;background:rgba(216,190,142,.1);border:1px solid rgba(216,190,142,.28)}
/* avatares: borda suave + nome no hover/foco */
.d2-avs .av{position:relative;display:block;margin-left:-8px;border-radius:50%;outline:none}
.d2-avs .av:first-child{margin-left:0}
.d2-avs .av img{display:block;margin:0;border:2px solid rgba(216,190,142,.55);box-shadow:0 2px 8px rgba(0,0,0,.25);transition:transform .2s}
.d2-avs .av::after{content:attr(data-nome);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,4px);white-space:nowrap;font-size:11.5px;font-weight:600;color:#1C120A;
  background:#F0E2C4;padding:4px 9px;border-radius:6px;box-shadow:0 6px 16px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:5}
.d2-avs .av:hover,.d2-avs .av:focus-visible{z-index:4}
.d2-avs .av:hover img,.d2-avs .av:focus-visible img{transform:translateY(-2px)}
.d2-avs .av:hover::after,.d2-avs .av:focus-visible::after{opacity:1;transform:translate(-50%,0)}
/* chip Bancos em 3 linhas */
.d2-chip.c2{white-space:normal;line-height:1.3}
/* dobra 2: fluxo mais estreito, com anéis no fundo */
.d2-fluxo{overflow:hidden;max-width:400px;width:100%;justify-self:center}
.d2-fluxo>*:not(.fx-aneis){position:relative;z-index:1}
.d2-fluxo .fx-aneis{position:absolute;inset:0;z-index:0;pointer-events:none}
.d2-fluxo .fx-aneis i{position:absolute;left:50%;top:50%;border-radius:50%;border:1px dashed rgba(126,94,51,.28);transform:translate(-50%,-50%)}
.d2-fluxo .fx-aneis i:nth-child(1){width:220px;height:220px}
.d2-fluxo .fx-aneis i:nth-child(2){width:380px;height:380px;border-style:solid;border-color:rgba(126,94,51,.14)}
.d2-fluxo .fx-aneis i:nth-child(3){width:540px;height:540px;border-color:rgba(126,94,51,.18)}
/* trilha: os dois tópicos "ainda é local" em vermelho dessaturado */
.d2-trilha .l .pt{background:#B5847C}
.d2-trilha .l .mk{background:#F1E1DD;color:#7A3D35}
.d2-trilha .l b{color:#4A2520}
.d2-trilha .l{box-shadow:inset 0 3px 0 rgba(160,95,85,.45)}
.d2-trilha::before{background:linear-gradient(180deg,#9A7744 0%,#9A7744 48%,#C9A49D 52%,#C9A49D 100%)}
/* dobra 4: peças com ícone + órbita de moedas */
.d2-cla-grade{display:grid;gap:8px}
.d2-pecas li{position:relative}
.d2-pecas .ic{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;margin-bottom:14px;background:linear-gradient(135deg,#F3ECDF,#E6DACA);color:#6E5129;border:1px solid rgba(126,94,51,.16)}
.d2-pecas .ic svg{width:19px;height:19px}
.d2-orbita{position:relative;width:min(300px,100%);aspect-ratio:1;margin:8px auto 0}
.d2-orbita .o{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(126,94,51,.2);transform:translate(-50%,-50%);animation:d2gira 60s linear infinite}
.d2-orbita .o1{width:44%;height:44%;border-style:dashed;animation-duration:38s}
.d2-orbita .o2{width:72%;height:72%;animation-duration:56s;animation-direction:reverse}
.d2-orbita .o3{width:100%;height:100%;border-style:dashed;border-color:rgba(126,94,51,.16);animation-duration:80s}
.d2-orbita .m{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translateY(calc(var(--r) * -1))}
.d2-orbita .o1 .m{--r:66px}.d2-orbita .o2 .m{--r:108px}.d2-orbita .o3 .m{--r:150px}
.d2-orbita .m b{position:absolute;left:-19px;top:-19px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;letter-spacing:-.02em;color:#4A3011;
  background:radial-gradient(circle at 35% 30%,#FBF3E2,#E3D2B2);border:1px solid rgba(126,94,51,.35);box-shadow:0 6px 14px rgba(74,48,17,.14);animation:d2gira 60s linear infinite reverse}
.d2-orbita .o1 .m b{animation-duration:38s}.d2-orbita .o2 .m b{animation-duration:56s;animation-direction:normal}.d2-orbita .o3 .m b{animation-duration:80s}
.d2-orbita .o2 .m b{width:34px;height:34px;left:-17px;top:-17px;font-size:11px}
.d2-orbita .o3 .m b{width:42px;height:42px;left:-21px;top:-21px;font-size:11.5px}
.d2-orbita .m b{transform:rotate(calc(var(--a) * -1))}
.d2-orbita .centro{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 35% 30%,#3A2A18,#21170D);border:1px solid #D8BE8E;box-shadow:0 12px 30px rgba(28,18,10,.3),0 0 0 8px rgba(216,190,142,.12)}
.d2-orbita .centro img{width:36%;height:auto}
@keyframes d2gira{from{rotate:0deg}to{rotate:360deg}}
/* destaque: menos vazio, rodapé em retângulo marrom */
.d2-destaque .grade-d{gap:20px;padding:24px 20px}
.d2-hub{max-width:340px}
.d2-destaque .grade-d .rodape-d{display:flex;align-items:center;gap:14px;margin-top:4px;padding:16px 18px;border:1px solid #D8BE8E;border-radius:12px;
  background:radial-gradient(circle at 20% 0%,#3A2A18,#21170D 70%);box-shadow:0 12px 30px rgba(28,18,10,.35);font-size:15px;font-weight:500;color:#FDFDFB}
.d2-destaque .rodape-d .ic{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:rgba(216,190,142,.14);color:#D8BE8E}
.d2-destaque .rodape-d .ic svg{width:18px;height:18px;margin:0;color:#D8BE8E}
/* como funciona: "Você sai do diagnóstico sabendo" com linha e seta, tópicos com linhas suaves */
.d2-sabe h3{display:flex;align-items:center;gap:12px}
.d2-sabe .linha-seta{display:flex;align-items:center;flex:1;min-width:40px;color:#7E5E33}
.d2-sabe .linha-seta i{flex:1;height:1px;background:linear-gradient(90deg,rgba(126,94,51,.15),#9A7744)}
.d2-sabe .linha-seta svg{width:18px;height:18px;margin-left:-5px}
.d2-sabe ul{gap:0}
.d2-sabe li{padding-top:12px;padding-bottom:12px;border-top:1px solid rgba(126,94,51,.16)}
.d2-sabe li:first-child{border-top:0}
.d2-sabe li svg{top:13px}
/* resultados: tags marrons, caixas mais estreitas, fundo com efeitos */
.d2-prova-sec{position:relative;overflow:hidden}
.d2-res2 small{background:#2C2013;border-color:rgba(216,190,142,.4);color:#D8BE8E}
.d2-res-fundo{position:absolute;inset:0;pointer-events:none;z-index:0}
.d2-res-fundo i{position:absolute;right:-120px;top:50%;border-radius:50%;border:1px solid rgba(240,226,196,.16);transform:translateY(-50%)}
.d2-res-fundo i:nth-child(1){width:360px;height:360px}
.d2-res-fundo i:nth-child(2){width:560px;height:560px;border-style:dashed;border-color:rgba(240,226,196,.13)}
.d2-res-fundo i:nth-child(3){width:780px;height:780px;border-color:rgba(240,226,196,.09)}
.d2-prova-sec .wrap{position:relative}
.d2-prova-sec .wrap>*:not(.d2-res-fundo){position:relative;z-index:1}
.d2-prova-sec::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(240,226,196,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(240,226,196,.05) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse at 70% 50%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at 70% 50%,#000 10%,transparent 70%)}
/* casos: história + bandeiras como tags */
.d2-caso-c .feito{margin-top:18px}
.d2-caso-c .bands{display:flex;gap:8px;margin-top:auto;padding-top:16px}
.d2-caso-c .bands .d2-ban{width:30px;height:22px;border-radius:4px}
@media (min-width:900px){
  .d2-topo .wrap{padding-top:34px;padding-bottom:0}
  .d2-hero{padding-top:8px}
  .d2-hero h1{font-size:48px}
  .d2-cartao{margin-top:-58px}
  .d2-fluxo{max-width:380px}
  .d2-cla-grade{grid-template-columns:1.25fr 1fr;gap:48px;align-items:center}
  .d2-orbita{width:330px;margin:0 0 0 auto}
  .d2-orbita .o1 .m{--r:73px}.d2-orbita .o2 .m{--r:119px}.d2-orbita .o3 .m{--r:165px}
  .d2-destaque .grade-d{grid-template-columns:1fr 1fr;gap:20px 40px;padding:32px 40px}
  .d2-destaque .frase{font-size:32px}
  .d2-hub{max-width:380px}
  .d2-destaque .grade-d .rodape-d{padding:18px 24px;font-size:16px}
  .d2-sabe{grid-template-columns:auto 1fr;align-items:center;gap:28px}
  .d2-sabe h3{min-width:300px}
  .d2-sabe ul{gap:0}
  .d2-sabe li{padding:4px 22px 4px 50px;border-top:0;border-left:1px solid rgba(126,94,51,.18)}
  .d2-sabe li:first-child{border-left:0;padding-left:28px}
  .d2-sabe li svg{top:5px;left:22px}
  .d2-sabe li:first-child svg{left:0}
  .d2-res2{max-width:960px}
  .d2-res2 li{padding:36px 40px 38px}
  .d2-res-fundo i{right:-60px}
}
@media (prefers-reduced-motion:reduce){.d2-orbita .o,.d2-orbita .m b{animation:none}}
.d2-hero h1 .t2,#t-sit .t2{display:block}
.d2-caso .d2-rodape-dobra mark.d2-conferir.pq{text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:600;line-height:1.5}

/* ===== rodada 9 (14/11): 6ª rodada de comentários ===== */
/* hero: foto inteira com cantos arredondados (sem sobrepor o topo) */
.d2-cartao{margin-top:0}
.d2-topo{z-index:1}
.d2-hero .wrap.grade{position:relative;z-index:2}
/* Bancos bem mais alto no cartão */
.d2-chip.c2{top:12px}
/* faixa dourada da prova social */
.d2-faixa-ouro{position:relative;background:linear-gradient(100deg,#B08D57 0%,#C9A86E 45%,#9A7744 100%);padding:18px 0}
.d2-faixa-ouro::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(255,244,214,.35),transparent 60%);pointer-events:none}
.d2-faixa-ouro .d2-prova{position:relative;gap:16px;flex-wrap:wrap}
.d2-faixa-ouro .d2-avs .av{margin-left:-10px}
.d2-faixa-ouro .d2-avs .av:first-child{margin-left:0}
.d2-faixa-ouro .d2-avs .av img{width:56px;height:56px;border:1px solid rgba(253,253,251,.85);box-shadow:0 4px 12px rgba(28,18,10,.25)}
.d2-faixa-ouro .d2-avs .av::after{background:#21170D;color:#F0E2C4}
.d2-faixa-ouro .d2-prova p{font-size:14.5px;font-weight:600;line-height:1.45;color:#1C120A;max-width:30em}
/* fluxo: anéis atrás da caixa de vidro */
.d2-fluxo-wrap{position:relative;justify-self:center;width:100%;max-width:400px;padding:10px 0}
.d2-fluxo-wrap .fx-aneis{position:absolute;inset:-40px -60px;z-index:0;pointer-events:none;overflow:visible}
.d2-fluxo-wrap .fx-aneis i{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);border:1px dashed rgba(126,94,51,.32)}
.d2-fluxo-wrap .fx-aneis i:nth-child(1){width:300px;height:300px}
.d2-fluxo-wrap .fx-aneis i:nth-child(2){width:470px;height:470px;border-style:solid;border-color:rgba(126,94,51,.18)}
.d2-fluxo-wrap .fx-aneis i:nth-child(3){width:640px;height:640px;border-color:rgba(126,94,51,.2)}
.d2-sit{overflow:hidden}
.d2-fluxo-wrap .d2-fluxo{position:relative;z-index:1;max-width:none;overflow:visible;background:rgba(253,253,251,.55);border:1px solid rgba(253,253,251,.8);
  box-shadow:0 18px 40px rgba(74,48,17,.12),inset 0 1px 0 rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.d2-fluxo-wrap .d2-fluxo{background:#FBF8F2}}
/* órbita mais perto do texto */
.d2-orbita{margin-top:20px}
/* países: caixas fechadas, descrição ao clicar */
.d2-faixa ul.d2-paises{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row;grid-template-rows:none;grid-auto-columns:auto;gap:8px;overflow:visible;margin:0;padding:0;align-items:start}
.d2-faixa .d2-paises li{display:block;width:auto;height:auto;padding:0;border-radius:10px;scroll-snap-align:none}
.d2-paises .pais{display:flex;align-items:center;gap:9px;width:100%;min-height:48px;padding:10px 12px;border:0;background:none;font:inherit;text-align:left;cursor:pointer;border-radius:10px;color:#1C120A}
.d2-paises .pais:focus-visible{outline:2px solid #7E5E33;outline-offset:2px}
.d2-paises .pais b{flex:1;margin:0;font-size:13.5px;font-weight:650;line-height:1.25}
.d2-paises .pais .d2-ban{width:24px;height:18px;margin:0}
.d2-paises .mais{position:relative;width:14px;height:14px;flex:none}
.d2-paises .mais::before,.d2-paises .mais::after{content:"";position:absolute;left:2px;right:2px;top:6px;height:1.6px;border-radius:1px;background:#7E5E33;transition:transform .2s}
.d2-paises .mais::after{transform:rotate(90deg)}
.d2-paises .aberto .mais::after{transform:rotate(0)}
.d2-paises li p{margin:0;padding:0 12px 12px 45px;font-size:12.5px;line-height:1.45;color:#5A4B3A;text-align:left}
.d2-paises li.aberto{box-shadow:0 0 0 1px rgba(126,94,51,.3),0 8px 20px rgba(74,48,17,.08)}
/* resultados: foto real do evento ao fundo */
.d2-foto-fundo{position:absolute;inset:0;z-index:0;pointer-events:none}
.d2-foto-fundo img{width:100%;height:100%;object-fit:cover;object-position:60% 35%;filter:grayscale(.5) sepia(.55) brightness(.75) contrast(1.05);opacity:.4}
.d2-foto-fundo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(111,82,44,.96) 0%,rgba(111,82,44,.82) 45%,rgba(92,67,33,.55) 100%)}
.d2-prova-sec .d2-luz{z-index:0}
/* nova dobra: quem é a TelliCoJus */
.d2-quem-tcj{position:relative;overflow:hidden}
.d2-quem-tcj .d2-luz{right:-160px;top:-60px;width:620px;height:480px}
.d2-qt-grade{position:relative;display:grid;gap:28px}
.d2-qt-txt .d2-lead+.d2-lead{margin-top:14px}
.d2-qt-txt .d2-lead mark.d2-conferir{font-size:inherit}
.d2-qt-foto{margin:0;border-radius:14px;overflow:hidden;border:1px solid rgba(216,190,142,.3);box-shadow:0 20px 50px rgba(0,0,0,.35);aspect-ratio:3/2;background:#1A120A}
.d2-qt-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:sepia(.35) saturate(.85) contrast(1.04)}
.d2-qt-pts{position:relative;list-style:none;display:grid;gap:10px;margin-top:32px}
.d2-qt-pts li{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:12px}
.d2-qt-pts .ic{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:rgba(216,190,142,.14);color:#D8BE8E;border:1px solid rgba(216,190,142,.25)}
.d2-qt-pts .ic svg{width:20px;height:20px}
.d2-qt-pts p{font-size:15px;line-height:1.5;color:#FDFDFB}
.d2-qt-pts .bands{display:flex;gap:6px}
.d2-qt-pts .bands .d2-ban{width:26px;height:19.5px;border-radius:3px}
/* CTA final: fundo suave e animado */
.d2-final{position:relative;overflow:hidden}
.d2-final .wrap{position:relative;z-index:1}
.d2-fim-anim{position:absolute;inset:0;z-index:0;pointer-events:none}
.d2-fim-anim .g1,.d2-fim-anim .g2{position:absolute;border-radius:50%;filter:blur(10px)}
.d2-fim-anim .g1{width:560px;height:560px;left:-160px;top:-180px;background:radial-gradient(closest-side,rgba(216,190,142,.22),transparent);animation:d2deriva 22s ease-in-out infinite alternate}
.d2-fim-anim .g2{width:640px;height:640px;right:-200px;bottom:-260px;background:radial-gradient(closest-side,rgba(176,141,87,.2),transparent);animation:d2deriva 28s ease-in-out infinite alternate-reverse}
.d2-fim-anim .a1,.d2-fim-anim .a2,.d2-fim-anim .a3{position:absolute;right:8%;top:50%;border-radius:50%;border:1px solid rgba(216,190,142,.12);translate:50% -50%;animation:d2gira 90s linear infinite}
.d2-fim-anim .a1{width:340px;height:340px;border-style:dashed;border-color:rgba(216,190,142,.18)}
.d2-fim-anim .a2{width:560px;height:560px;animation-duration:120s;animation-direction:reverse}
.d2-fim-anim .a3{width:800px;height:800px;border-style:dashed;animation-duration:160s}
@keyframes d2deriva{from{transform:translate(0,0) scale(1)}to{transform:translate(90px,50px) scale(1.12)}}
@media (min-width:900px){
  .d2-topo .wrap{padding-top:30px}
  .d2-hero{padding-top:20px}
  .d2-chip.c2{top:5%;right:-44px}
  .d2-faixa-ouro{padding:20px 0}
  .d2-faixa-ouro .d2-prova{justify-content:center}
  .d2-faixa-ouro .d2-avs .av img{width:64px;height:64px}
  .d2-faixa-ouro .d2-prova p{font-size:16px}
  .d2-faixa ul.d2-paises{grid-template-columns:repeat(5,1fr);gap:10px}
  .d2-cla-grade{grid-template-columns:minmax(0,600px) 330px;justify-content:start;gap:72px}
  .d2-orbita{margin:0}
  .d2-qt-grade{grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
  .d2-qt-pts{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}
  .d2-qt-pts li{padding:24px}
}
@media (max-width:899px){.d2-fluxo-wrap .fx-aneis i:nth-child(3){display:none}}
@media (prefers-reduced-motion:reduce){.d2-fim-anim *{animation:none}}
.d2-qt-foto img{filter:grayscale(1) sepia(.42) contrast(1.06) brightness(.98)}
.d2-qt-foto img{filter:grayscale(.75) sepia(.3) saturate(1.1) contrast(1.04)}

/* ===== rodada 10 (14/11): 7ª rodada ===== */
/* destaque dourado da marca (no lugar do amarelo) */
.d2-dest{font-weight:600;color:#E6D2A8;background:linear-gradient(transparent 62%,rgba(216,190,142,.22) 62%)}
/* foto original do prêmio, com legenda */
.d2-qt-foto{position:relative}
.d2-qt-foto img{filter:none}
.d2-qt-foto figcaption{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:8px;width:fit-content;max-width:calc(100% - 24px);padding:8px 12px;border-radius:8px;
  background:rgba(28,19,10,.78);border:1px solid rgba(216,190,142,.35);color:#F0E2C4;font-size:12px;font-weight:600;line-height:1.35;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.d2-qt-foto figcaption svg{width:15px;height:15px;flex:none;color:#D8BE8E}
/* fundo de Resultados: foto da equipe */
.d2-foto-fundo img{object-position:50% 40%}
/* hero inteiro na primeira tela (desktop) */
@media (min-width:900px){
  .d2-topo .wrap{padding-top:22px}
  .d2-hero{padding:14px 0 26px}
  .d2-hero .wrap.grade{align-items:center}
  .d2-cartao .f{aspect-ratio:auto;height:clamp(440px,calc(100vh - 124px),680px);height:clamp(440px,calc(100svh - 124px),680px)}
  .d2-hero h1{font-size:clamp(40px,3.3vw,48px)}
  .d2-hero .sub{margin-top:14px}
}
@media (min-width:900px) and (max-height:800px){
  .d2-hero h1{font-size:40px}
  .d2-hero .d2-selo{margin-bottom:10px}
  .d2-hero .sub{font-size:16.5px;margin:12px 0 12px}
  .d2-sub-tags{margin-bottom:20px}
}
.d2-hero .d2-selo{margin-top:6px}
@media (min-width:900px){
  .d2-hero{padding:18px 0;min-height:calc(100vh - 60px);min-height:calc(100svh - 60px);display:flex;align-items:center}
  .d2-hero>.wrap{width:100%}
  .d2-cartao .f{height:clamp(440px,calc(100vh - 100px),680px);height:clamp(440px,calc(100svh - 100px),680px)}
}
@media (min-width:900px){
  .d2-hero{min-height:0;display:block;padding:18px 0}
  .d2-cartao .f{height:clamp(440px,calc(100vh - 100px),700px);height:clamp(440px,calc(100svh - 100px),700px)}
}
.d2-qt-foto figcaption{top:12px;bottom:auto}
.d2-qt-foto{aspect-ratio:auto}
.d2-qt-foto img{display:block;aspect-ratio:3/2;height:auto}
.d2-qt-foto figcaption{position:static;width:auto;max-width:none;border:0;border-top:1px solid rgba(216,190,142,.3);border-radius:0;padding:12px 16px;background:#2C2013;-webkit-backdrop-filter:none;backdrop-filter:none}

/* ===== rodada 11 (14/11): topo sem barra, hero com espaço igual acima e abaixo da foto ===== */
.d2-topo{background:transparent}
@media (min-width:900px){
  .d2-topo{position:absolute;left:0;right:0;top:0;z-index:5;pointer-events:none}
  .d2-topo .wrap{height:auto;padding-top:22px;padding-bottom:0}
  .d2-topo a,.d2-topo img{pointer-events:auto}
  .d2-topo img{height:30px}
  .d2-hero{--gap-foto:clamp(28px,5.5vh,64px);display:flex;align-items:center;box-sizing:border-box;padding:var(--gap-foto) 0;
    height:100vh;height:100svh;min-height:600px}
  .d2-hero>.wrap{width:100%}
  .d2-hero .wrap.grade{align-items:center}
  .d2-cartao .f{height:calc(100vh - 2 * var(--gap-foto));height:calc(100svh - 2 * var(--gap-foto));max-height:none;min-height:0}
}
@media (min-width:900px) and (max-height:640px){.d2-cartao .f{height:calc(600px - 2 * var(--gap-foto))}}
/* rodada 12: fundo de Resultados sobe até o topo da TV, rostos de todos visíveis */
.d2-foto-fundo img{object-position:50% 12%;opacity:.5}
.d2-foto-fundo::after{background:linear-gradient(90deg,rgba(111,82,44,.84) 0%,rgba(111,82,44,.62) 45%,rgba(92,67,33,.45) 100%)}
@media (max-width:899px){
  .d2-foto-fundo{bottom:auto;aspect-ratio:1400/788}
  .d2-foto-fundo img{object-position:50% 50%;opacity:.55}
  .d2-foto-fundo::after{background:linear-gradient(180deg,rgba(111,82,44,.55) 0%,rgba(111,82,44,.5) 60%,var(--bronze1) 100%)}
}
/* rodada 13: foto da equipe bem mais alta, TV encostando no topo da seção; pessoas em foco */
.d2-foto-fundo img{position:absolute;left:0;top:0;width:100%;height:auto;aspect-ratio:1400/788;object-fit:cover;transform:translateY(-17%);
  -webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 98%);mask-image:linear-gradient(180deg,#000 72%,transparent 98%)}
@media (max-width:899px){
  .d2-foto-fundo{bottom:auto;aspect-ratio:1400/655;overflow:hidden}
  .d2-foto-fundo img{-webkit-mask-image:none;mask-image:none}
}
/* rodada 14: animações finais (só transform/opacity; só com a seção na tela; nada com movimento reduzido) */
@media (prefers-reduced-motion:no-preference){
  /* 1. anéis atrás da caixa do fluxo: ondas lentas, do centro para fora */
  .d2-mov .fx-aneis i{transform:none;translate:-50% -50%}
  .d2-mov .d2-res-fundo i{transform:none;translate:0 -50%}
  .d2-mov .fx-aneis i{animation:d2onda 7s ease-in-out infinite}
  .d2-mov .fx-aneis i:nth-child(2){animation-delay:-4.7s}
  .d2-mov .fx-aneis i:nth-child(3){animation-delay:-2.3s}
  @keyframes d2onda{0%,100%{scale:.94;opacity:.55}50%{scale:1.06;opacity:1}}
  /* anéis do fundo de Resultados: mesma respiração, mais lenta */
  .d2-mov .d2-res-fundo i{animation:d2onda 11s ease-in-out infinite}
  .d2-mov .d2-res-fundo i:nth-child(2){animation-delay:-7.3s}
  .d2-mov .d2-res-fundo i:nth-child(3){animation-delay:-3.6s}
  /* brilhos das dobras: deriva lenta, quase imperceptível */
  .d2-mov .d2-luz{animation:d2brilho 16s ease-in-out infinite alternate}
  .d2-mov .d2-luz.b{animation-duration:21s;animation-direction:alternate-reverse}
  @keyframes d2brilho{from{translate:0 0;scale:1;opacity:.85}to{translate:36px -22px;scale:1.08;opacity:1}}
  /* setas do fluxo: o dinheiro "desce" em sequência, sem pular */
  .d2-mov .fx-liga .seta{animation:d2fluxo 2.8s ease-in-out infinite}
  .d2-mov .fx-liga~.fx-liga .seta{animation-delay:1.4s}
  @keyframes d2fluxo{0%,100%{translate:0 -2px;opacity:.55}50%{translate:0 2px;opacity:1}}
  /* barras: crescem uma vez ao entrar na tela */
  .d2-mov .d2-painel .barras b{transform-origin:50% 100%;transform:scaleY(0);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
  .d2-mov .d2-painel .barras b:nth-child(2){transition-delay:.06s}.d2-mov .d2-painel .barras b:nth-child(3){transition-delay:.12s}
  .d2-mov .d2-painel .barras b:nth-child(4){transition-delay:.18s}.d2-mov .d2-painel .barras b:nth-child(5){transition-delay:.24s}
  .d2-mov .d2-painel .barras b:nth-child(6){transition-delay:.3s}.d2-mov .d2-painel .barras b:nth-child(7){transition-delay:.36s}
  .d2-mov .d2-painel.d2-entrou .barras b{transform:none}
  .d2-mov .d2-barras-cmp .trilho i{transform-origin:0 50%;transform:scaleX(0);transition:transform 1.2s cubic-bezier(.2,.7,.2,1) .15s}
  .d2-mov .d2-barras-cmp .depois .trilho i{transition-delay:.45s}
  .d2-mov .d2-barras-cmp.d2-entrou .trilho i{transform:none}
  /* conector da trilha "como funciona hoje": a linha se desenha uma vez ao entrar */
  .d2-mov .d2-trilha::before{transform-origin:50% 0;transform:scaleY(0);transition:transform 1.4s cubic-bezier(.3,.6,.2,1) .2s}
  .d2-mov .d2-trilha.d2-entrou::before{transform:none}
  @media (min-width:900px){.d2-mov .d2-trilha::before{transform-origin:0 50%;transform:scaleX(0)}}
  /* pausa tudo o que é contínuo fora da tela; o JS marca .d2-viva na seção visível */
  .d2-mov .d2-luz,.d2-mov .fx-aneis i,.d2-mov .d2-res-fundo i,.d2-mov .fx-liga .seta,
  .d2-mov .d2-orbita .o,.d2-mov .d2-orbita .m b,.d2-mov .d2-fim-anim *{animation-play-state:paused}
  .d2-mov .d2-viva .d2-luz,.d2-mov .d2-viva .fx-aneis i,.d2-mov .d2-viva .d2-res-fundo i,.d2-mov .d2-viva .fx-liga .seta,
  .d2-mov .d2-viva .d2-orbita .o,.d2-mov .d2-viva .d2-orbita .m b,.d2-mov .d2-viva .d2-fim-anim *{animation-play-state:running}
}
