@font-face { font-family: "Helvetica Now Display"; src: url("fontes/HelveticaNowDisplay-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Helvetica Now Display"; src: url("fontes/HelveticaNowDisplay-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Helvetica Now Display"; src: url("fontes/HelveticaNowDisplay-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }

.ccas {
  --fundo: #0B0B0D;
  --fundo-alt: #0B0B0D;
  --superficie: #17171A;
  --linha: #2C2C2C;
  --linha-forte: #3A3A3A;
  --tinta: #FFFFFF;
  --tinta-suave: #B0B0B0;
  --tinta-sutil: #8A8A90;
  --tinta-apagada: #3A3A3A;
  --marca: #8051F7;
  --marca-hover: #6A3BE0;
  --sobre-marca: #FFFFFF;
  --marca-texto: #9A73F9;
  --marca-suave: #241254;
  --marca-suave-texto: #CDB9FC;
  --icone: #9A73F9;
  --link: #B396FA;
  --foco: #B396FA;
  --marca-dagua: rgba(255, 255, 255, 0.09);
  --hero: radial-gradient(ellipse 70% 80% at 78% 70%, #24183F 0%, #120E1C 45%, #0B0B0D 100%);
  --faixa-final: radial-gradient(ellipse 70% 80% at 78% 70%, #24183F 0%, #120E1C 45%, #0B0B0D 100%);
  --faixa-final-tinta: #FFFFFF;
  --faixa-final-suave: #B0B0B0;
  --faixa-final-sobretitulo: #9A73F9;
  --faixa-final-dagua: rgba(255, 255, 255, 0.09);
  --faixa-botao: #8051F7;
  --faixa-botao-texto: #FFFFFF;
  --faixa-botao-hover: #6A3BE0;
  --font-sans: "Helvetica Now Display", "HelveticaNowDisplay", "Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --largura-conteudo: 1200px;
  --radius-campo: 12px;
  --radius-cartao: 20px;
  --radius-pilula: 999px;

  position: relative;
  background: var(--fundo);
  color: var(--tinta);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  color-scheme: dark;
}
.ccas[data-tema="claro"] {
  --fundo: #EDF0F4;
  --fundo-alt: #FFFFFF;
  --superficie: #FFFFFF;
  --linha: #DADADF;
  --linha-forte: #B0B0B0;
  --tinta: #0B0B0D;
  --tinta-suave: #55555C;
  --tinta-sutil: #6B6B70;
  --tinta-apagada: #C9C9CF;
  --marca-texto: #6A3BE0;
  --marca-suave: #E6DCFE;
  --marca-suave-texto: #5229B8;
  --icone: #5229B8;
  --link: #6A3BE0;
  --foco: #6A3BE0;
  --marca-dagua: rgba(11, 11, 13, 0.05);
  --hero: #FFFFFF;
  --faixa-final: #8051F7;
  --faixa-final-tinta: #FFFFFF;
  --faixa-final-suave: #FFFFFF;
  --faixa-final-sobretitulo: #FFFFFF;
  --faixa-final-dagua: rgba(255, 255, 255, 0.12);
  --faixa-botao: #FFFFFF;
  --faixa-botao-texto: #3A1D85;
  --faixa-botao-hover: #F3EEFF;
  color-scheme: light;
}
body:has(.ccas) { margin: 0; background: #0B0B0D; }
body:has(.ccas[data-tema="claro"]) { background: #EDF0F4; }
.ccas *, .ccas *::before, .ccas *::after { box-sizing: border-box; }
.ccas p, .ccas h1, .ccas h2, .ccas h3, .ccas ol, .ccas ul, .ccas dl, .ccas dd, .ccas blockquote, .ccas figure { margin: 0; }
:where(.ccas) a { color: inherit; }
.ccas a:focus-visible, .ccas summary:focus-visible, .ccas button:focus-visible { outline: 2px solid var(--foco); outline-offset: 3px; }

.ccas .ccas__faixa { position: relative; overflow: hidden; }
.ccas .ccas__faixa--hero { background: var(--hero); }
.ccas .ccas__faixa--alt { background: var(--fundo-alt); border-block: 1px solid var(--linha); }
.ccas .ccas__faixa--final { background: var(--faixa-final); }
.ccas .ccas__largura {
  position: relative;
  max-width: calc(var(--largura-conteudo) + 96px);
  margin: 0 auto;
  padding-left: max(20px, env(safe-area-inset-left, 0px));
  padding-right: max(20px, env(safe-area-inset-right, 0px));
}
.ccas .ccas__secao { padding-block: 64px; }
.ccas .ccas__secao--borda { border-top: 1px solid var(--linha); }

.ccas .ccas__logo { display: block; width: 160px; height: auto; }
.ccas .ccas__logo--claro { display: none; }
.ccas[data-tema="claro"] .ccas__logo--escuro { display: none; }
.ccas[data-tema="claro"] .ccas__logo--claro { display: block; }

.ccas .ccas__barra { position: relative; z-index: 4; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 20px; }
.ccas .ccas__acoes { display: flex; align-items: center; gap: 16px; }
.ccas .ccas__voltar { display: inline-flex; align-items: center; gap: 8px; padding: 12px 0; color: var(--tinta-suave); font-size: 15px; font-weight: 500; text-decoration: none; }
.ccas .ccas__voltar:hover { color: var(--tinta); }

.ccas .ccas__sobretitulo { color: var(--marca-texto); font-size: 14px; font-weight: 700; line-height: 1.2; letter-spacing: 0.08em; text-transform: uppercase; }
.ccas .ccas__titulo-2 { font-size: 32px; font-weight: 700; line-height: 1.12; letter-spacing: -0.045em; text-wrap: balance; }
.ccas .ccas__titulo-3 { font-size: 24px; font-weight: 700; line-height: 1.14; letter-spacing: -0.025em; }
.ccas .ccas__destaque { color: var(--marca-texto); }
.ccas .ccas__abertura { max-width: 62ch; color: var(--tinta-suave); font-size: 18px; line-height: 1.5; }
.ccas .ccas__corpo { color: var(--tinta-suave); font-size: 17px; line-height: 1.6; }
.ccas .ccas__corpo a, .ccas .ccas__abertura a { color: var(--link); text-underline-offset: 3px; }
.ccas .ccas__corpo strong, .ccas .ccas__abertura strong { color: var(--tinta); font-weight: 700; }
.ccas .ccas__cabecalho { display: flex; flex-direction: column; gap: 16px; max-width: 760px; margin-bottom: 40px; }
.ccas .ccas__cabecalho--linha { max-width: none; }

.ccas .ccas__botao {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 56px;
  padding: 0 28px;
  border-radius: var(--radius-pilula);
  background: var(--marca);
  color: var(--sobre-marca);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.01em;
  text-decoration: none;
  white-space: nowrap;
}
.ccas .ccas__botao:hover { background: var(--marca-hover); }
.ccas .ccas__botao--secundario { background: transparent; color: var(--tinta); box-shadow: inset 0 0 0 1.5px var(--linha-forte); }
.ccas .ccas__botao--secundario:hover { background: transparent; box-shadow: inset 0 0 0 1.5px var(--tinta); }
.ccas .ccas__botoes { display: flex; flex-direction: column; gap: 12px; }
.ccas .ccas__link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--marca-texto); font-size: 15px; font-weight: 700; text-decoration: none; }
.ccas .ccas__link:hover { text-decoration: underline; text-underline-offset: 4px; }

.ccas .ccas__hero { position: relative; display: grid; gap: 32px; padding-block: 16px 48px; }
.ccas .ccas__hero-texto { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 24px; }
.ccas .ccas__nome { display: flex; flex-direction: column; font-size: 64px; font-weight: 700; line-height: 0.86; letter-spacing: -0.06em; }
.ccas .ccas__nome > span:last-child { color: var(--marca-texto); }
.ccas .ccas__subtitulo { max-width: 22ch; font-size: 24px; font-weight: 700; line-height: 1.15; letter-spacing: -0.03em; text-wrap: balance; }
.ccas .ccas__hero-visual { position: relative; }
.ccas .ccas__figura {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: var(--radius-cartao);
  background: #0B0B0D;
  box-shadow: 0 0 0 1px rgba(154, 115, 249, 0.35), 0 30px 80px -30px rgba(128, 81, 247, 0.6);
}
.ccas .ccas__foto {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: 48% 30%;
  filter: grayscale(0.2) contrast(1.06) brightness(0.88);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.ccas .ccas__figura:hover .ccas__foto { transform: scale(1.04); }
.ccas .ccas__figura::before { content: ""; position: absolute; inset: 0; z-index: 1; background: #8051F7; mix-blend-mode: color; opacity: 0.3; pointer-events: none; }
.ccas .ccas__figura::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; height: 8px; background: #8051F7; }
.ccas .ccas__legenda {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 72px 24px 32px;
  background: linear-gradient(180deg, rgba(11, 11, 13, 0) 0%, rgba(11, 11, 13, 0.78) 45%, rgba(11, 11, 13, 0.94) 100%);
  color: #FFFFFF;
}
.ccas .ccas__legenda-cargo { color: #CDB9FC; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.ccas .ccas__legenda-nome { font-size: 22px; font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; }
.ccas .ccas__legenda-texto { color: #B0B0B0; font-size: 14px; line-height: 1.4; }

.ccas .ccas__selo {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 4;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 14px 18px;
  border-radius: var(--radius-campo);
  background: var(--marca);
  color: #FFFFFF;
  box-shadow: 0 20px 40px -16px rgba(11, 11, 13, 0.7);
}
.ccas .ccas__selo span { font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.85; }
.ccas .ccas__selo strong { font-size: 32px; font-weight: 700; line-height: 1; letter-spacing: -0.05em; }
@media (prefers-reduced-motion: reduce) {
  .ccas .ccas__foto { transition: none; }
  .ccas .ccas__figura:hover .ccas__foto { transform: none; }
}

.ccas .ccas__letreiro { position: relative; padding-block: 20px; overflow: hidden; border-block: 1px solid var(--linha); background: var(--fundo); }
.ccas .ccas__trilho { display: flex; align-items: center; gap: 40px; width: max-content; padding: 0; list-style: none; animation: ccas-letreiro 60s linear infinite; }
.ccas .ccas__letreiro:hover .ccas__trilho { animation-play-state: paused; }
.ccas .ccas__trilho li { display: flex; align-items: center; gap: 40px; flex: none; color: var(--tinta); font-size: 18px; font-weight: 700; letter-spacing: -0.01em; white-space: nowrap; }
.ccas .ccas__trilho li::after { content: ""; width: 10px; height: 10px; border-radius: var(--radius-pilula); background: var(--marca); }
@keyframes ccas-letreiro { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .ccas .ccas__trilho { animation: none; flex-wrap: wrap; width: auto; justify-content: center; gap: 12px 32px; padding-inline: 20px; }
  .ccas .ccas__trilho [aria-hidden="true"] { display: none; }
}

.ccas .ccas__resumo { display: grid; gap: 40px; align-items: start; }
.ccas .ccas__resumo-texto { display: flex; flex-direction: column; gap: 20px; }
.ccas .ccas__resumo-texto .ccas__cabecalho { margin-bottom: 4px; }
.ccas .ccas__ficha { display: grid; padding: 8px 24px; border: 1px solid var(--linha); border-radius: var(--radius-cartao); background: var(--superficie); }
.ccas .ccas__ficha div { display: grid; gap: 4px; padding-block: 16px; border-bottom: 1px solid var(--linha); }
.ccas .ccas__ficha div:last-child { border-bottom: 0; }
.ccas .ccas__ficha dt { color: var(--tinta-sutil); font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.ccas .ccas__ficha dd { color: var(--tinta); font-size: 16px; font-weight: 500; line-height: 1.45; }
.ccas .ccas__ficha dd a { color: var(--link); text-underline-offset: 3px; }

.ccas .ccas__manifesto { display: flex; flex-direction: column; gap: 32px; padding-block: 80px; }
.ccas .ccas__manifesto blockquote p { font-size: 36px; font-weight: 700; line-height: 1.05; letter-spacing: -0.05em; text-wrap: pretty; }
.ccas .ccas__manifesto .ccas__palavra { color: var(--tinta-apagada); transition: color 0.35s ease; }
.ccas .ccas__manifesto .ccas__palavra.esta-acesa { color: var(--tinta); }
.ccas .ccas__manifesto .ccas__palavra--marca.esta-acesa { color: var(--marca-texto); }
.ccas .ccas__manifesto .ccas__fonte { font-size: 15px; }

.ccas .ccas__mosaico { display: grid; gap: 16px; padding: 0; list-style: none; }
.ccas .ccas__bloco { position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 8px; min-height: 180px; padding: 28px 24px; overflow: hidden; border: 1px solid var(--linha); border-radius: var(--radius-cartao); background: var(--superficie); }
.ccas .ccas__bloco-dado { font-size: 56px; font-weight: 700; line-height: 0.95; letter-spacing: -0.055em; }
.ccas .ccas__bloco-rotulo { color: var(--tinta-suave); font-size: 16px; line-height: 1.4; }
.ccas .ccas__bloco--marca { border-color: var(--marca); background: var(--marca); color: var(--sobre-marca); }
.ccas .ccas__bloco--marca .ccas__bloco-rotulo { color: var(--sobre-marca); }
.ccas .ccas__bloco--marca .ccas__bloco-sobre { color: var(--sobre-marca); font-size: 14px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.85; }
.ccas .ccas__bloco--marca .ccas__marca-dagua { right: -30%; bottom: -10%; width: 120%; }
.ccas .ccas__bloco--marca .ccas__marca-dagua path { fill: rgba(255, 255, 255, 0.12); }
.ccas .ccas__bloco > * { position: relative; z-index: 1; }
.ccas .ccas__bloco > .ccas__marca-dagua { position: absolute; z-index: 0; }
.ccas .ccas__marca-dagua { position: absolute; right: -12%; bottom: -22%; width: 70%; max-width: 900px; height: auto; pointer-events: none; }
.ccas .ccas__marca-dagua path { fill: var(--marca-dagua); }

.ccas .ccas__historia { position: relative; padding-block: 64px; border-top: 1px solid var(--linha); }
.ccas .ccas__historia-topo { display: flex; flex-direction: column; gap: 24px; }
.ccas .ccas__historia-topo .ccas__cabecalho { margin-bottom: 0; }
.ccas .ccas__anos { display: none; }
.ccas .ccas__capitulos { display: grid; gap: 16px; margin-top: 32px; padding-block: 0; list-style: none; }
.ccas .ccas__capitulo { position: relative; display: flex; flex-direction: column; gap: 12px; padding: 28px 24px; overflow: hidden; border: 1px solid var(--linha); border-radius: var(--radius-cartao); background: var(--superficie); }
.ccas .ccas__capitulo-num { color: var(--tinta-sutil); font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; font-variant-numeric: tabular-nums; }
.ccas .ccas__capitulo-ano { color: var(--marca-texto); font-size: 72px; font-weight: 700; line-height: 0.9; letter-spacing: -0.06em; font-variant-numeric: tabular-nums; }
.ccas .ccas__capitulo h3 { font-size: 24px; font-weight: 700; line-height: 1.14; letter-spacing: -0.025em; }
.ccas .ccas__capitulo p:last-child { color: var(--tinta-suave); font-size: 16px; line-height: 1.6; }
.ccas .ccas__capitulo--hoje { border-color: var(--marca); background: var(--marca); color: var(--sobre-marca); }
.ccas .ccas__capitulo--hoje .ccas__capitulo-ano,
.ccas .ccas__capitulo--hoje .ccas__capitulo-num,
.ccas .ccas__capitulo--hoje p:last-child { color: var(--sobre-marca); }
.ccas .ccas__historia.esta-horizontal { padding-block: 0; }
.ccas .ccas__historia.esta-horizontal .ccas__historia-fixo {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
  height: 100vh;
  overflow: hidden;
}
.ccas .ccas__historia.esta-horizontal .ccas__anos { display: block; }
.ccas .ccas__historia.esta-horizontal [data-revelar].esta-pronto { opacity: 1; transform: none; }
.ccas .ccas__anos-trilho { position: relative; height: 2px; margin: 0 6px; border-radius: 2px; background: var(--linha-forte); }
.ccas .ccas__anos-progresso { position: absolute; inset: 0; border-radius: inherit; background: var(--marca); transform: scaleX(0); transform-origin: left; }
.ccas .ccas__anos ol { display: flex; justify-content: space-between; margin: -9px 0 0; padding: 0; list-style: none; }
.ccas .ccas__ano-botao { position: relative; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 0; border: 0; background: none; color: var(--tinta-sutil); font-family: inherit; font-size: 15px; font-weight: 700; cursor: pointer; }
.ccas .ccas__ano-botao::before { content: ""; width: 16px; height: 16px; border-radius: var(--radius-pilula); background: var(--fundo); box-shadow: inset 0 0 0 2px var(--linha-forte); transition: background 0.3s ease, box-shadow 0.3s ease; }
.ccas .ccas__ano-botao.esta-feito::before { background: var(--marca); box-shadow: inset 0 0 0 2px var(--marca); }
.ccas .ccas__ano-botao[aria-current="step"] { color: var(--tinta); }
.ccas .ccas__ano-botao[aria-current="step"]::before { background: var(--marca); box-shadow: 0 0 0 5px rgba(128, 81, 247, 0.28); }
.ccas .ccas__historia.esta-horizontal .ccas__capitulos {
  display: flex;
  gap: 32px;
  width: max-content;
  max-width: none;
  margin: 0;
  padding-left: max(48px, calc((100vw - var(--largura-conteudo)) / 2));
  padding-right: max(48px, calc((100vw - var(--largura-conteudo)) / 2));
  will-change: transform;
}
.ccas .ccas__historia.esta-horizontal .ccas__capitulo {
  justify-content: flex-end;
  gap: 16px;
  width: min(560px, 46vw);
  height: clamp(360px, calc(100vh - 340px), 500px);
  padding: 40px;
}
.ccas .ccas__historia.esta-horizontal .ccas__capitulo-num { position: absolute; top: 40px; left: 40px; }
.ccas .ccas__historia.esta-horizontal .ccas__capitulo-ano { font-size: 144px; }
.ccas .ccas__historia.esta-horizontal .ccas__capitulo h3 { font-size: 28px; }
.ccas .ccas__historia.esta-horizontal .ccas__capitulo p:last-child { font-size: 17px; }

.ccas [data-revelar].esta-pronto { opacity: 0; transform: translateY(24px); }
.ccas [data-revelar].esta-visivel { opacity: 1; transform: none; transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); }
@media (prefers-reduced-motion: reduce) {
  .ccas [data-revelar].esta-pronto { opacity: 1; transform: none; }
}

.ccas .ccas__principios-grade { display: grid; gap: 24px; align-items: start; }
.ccas .ccas__pilha { display: flex; flex-direction: column; gap: 16px; padding: 0; list-style: none; }
.ccas .ccas__principio { display: flex; flex-direction: column; gap: 16px; padding: 28px 24px; border: 1px solid var(--linha); border-radius: var(--radius-cartao); background: var(--superficie); }
.ccas .ccas__principio:last-child { border-color: var(--marca); background: var(--marca); color: var(--sobre-marca); }
.ccas .ccas__principio:last-child .ccas__numero,
.ccas .ccas__principio:last-child .ccas__corpo { color: var(--sobre-marca); }
.ccas .ccas__numero { color: var(--marca-texto); font-size: 56px; font-weight: 700; line-height: 1; letter-spacing: -0.05em; }

.ccas .ccas__citacoes { display: grid; gap: 16px; padding: 0; list-style: none; }
.ccas .ccas__citacao { display: flex; flex-direction: column; gap: 20px; padding: 28px 24px; border: 1px solid var(--linha); border-radius: var(--radius-cartao); background: var(--superficie); }
.ccas .ccas__aspas { display: block; width: 40px; height: auto; color: var(--marca-texto); }
.ccas .ccas__citacao blockquote p { color: var(--tinta); font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -0.015em; }
.ccas .ccas__fonte { display: flex; flex-direction: column; gap: 2px; margin-top: auto; color: var(--tinta-sutil); font-size: 14px; line-height: 1.4; }
.ccas .ccas__fonte cite { color: var(--tinta-suave); font-style: normal; font-weight: 700; }
.ccas .ccas__fonte a { color: var(--link); text-underline-offset: 3px; }

.ccas .ccas__entrevistas { display: grid; gap: 16px; padding: 0; list-style: none; }
.ccas .ccas__entrevista { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--linha); border-radius: var(--radius-cartao); background: var(--superficie); text-decoration: none; transition: border-color 0.3s ease, transform 0.3s ease; }
.ccas .ccas__entrevista:hover { border-color: var(--marca); transform: translateY(-4px); }
.ccas .ccas__capa { position: relative; margin: 0; overflow: hidden; aspect-ratio: 16 / 9; background: #17171A; }
.ccas .ccas__capa img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1); }
.ccas .ccas__entrevista:hover .ccas__capa img { transform: scale(1.05); }
.ccas .ccas__capa::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11, 11, 13, 0) 50%, rgba(11, 11, 13, 0.6) 100%); }
.ccas .ccas__play { position: absolute; left: 20px; bottom: 20px; z-index: 1; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: var(--radius-pilula); background: var(--marca); color: #FFFFFF; }
.ccas .ccas__entrevista-texto { display: flex; flex-direction: column; gap: 10px; padding: 24px; }
.ccas .ccas__entrevista-meta { color: var(--tinta-sutil); font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.ccas .ccas__entrevista h3 { color: var(--tinta); font-size: 20px; font-weight: 700; line-height: 1.25; letter-spacing: -0.02em; }
.ccas .ccas__entrevista .ccas__corpo { font-size: 15px; line-height: 1.55; }
@media (prefers-reduced-motion: reduce) {
  .ccas .ccas__entrevista, .ccas .ccas__capa img { transition: none; }
  .ccas .ccas__entrevista:hover { transform: none; }
}

.ccas .ccas__obras { display: grid; gap: 16px; padding: 0; list-style: none; }
.ccas .ccas__obra { position: relative; display: flex; flex-direction: column; gap: 16px; padding: 28px 24px; overflow: hidden; border: 1px solid var(--linha); border-radius: var(--radius-cartao); background: var(--superficie); }
.ccas .ccas__obra > * { position: relative; z-index: 1; }
.ccas .ccas__obra .ccas__link { margin-top: auto; }
.ccas .ccas__obra--principal { border-color: var(--marca); background: var(--marca-suave); }
.ccas .ccas__obra--principal .ccas__titulo-3 { font-size: 32px; letter-spacing: -0.045em; }
.ccas .ccas__obra--principal .ccas__corpo { color: var(--tinta); }
.ccas .ccas__obra--principal > .ccas__marca-dagua { position: absolute; z-index: 0; right: -20%; bottom: -30%; width: 90%; }
.ccas .ccas__caixa-icone { display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; border-radius: var(--radius-cartao); background: var(--marca-suave); color: var(--icone); }
.ccas .ccas__obra--principal .ccas__caixa-icone { background: var(--marca); color: #FFFFFF; }

.ccas .ccas__faq-grade { display: grid; gap: 32px; }
.ccas .ccas__faq { display: flex; flex-direction: column; border-top: 1px solid var(--linha); }
.ccas .ccas__faq details { border-bottom: 1px solid var(--linha); }
.ccas .ccas__faq summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 0;
  color: var(--tinta);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.015em;
  list-style: none;
  cursor: pointer;
}
.ccas .ccas__faq summary:hover { color: var(--marca-texto); }
.ccas .ccas__faq summary::-webkit-details-marker { display: none; }
.ccas .ccas__faq summary svg { flex: none; color: var(--marca-texto); transition: transform 0.3s ease; }
.ccas .ccas__faq details[open] summary svg { transform: rotate(45deg); }
.ccas .ccas__faq details p { max-width: 70ch; padding-bottom: 24px; }

.ccas .ccas__redes { display: flex; flex-wrap: wrap; gap: 12px; padding: 0; list-style: none; }
.ccas .ccas__rede { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 20px; border-radius: var(--radius-pilula); box-shadow: inset 0 0 0 1px var(--linha-forte); color: var(--tinta); font-size: 15px; font-weight: 700; text-decoration: none; }
.ccas .ccas__rede:hover { box-shadow: inset 0 0 0 1px var(--marca); color: var(--marca-texto); }
.ccas .ccas__rede svg { flex: none; color: var(--icone); }

.ccas .ccas__promessa { position: relative; display: flex; flex-direction: column; gap: 20px; padding-block: 72px; color: var(--faixa-final-tinta); }
.ccas .ccas__promessa .ccas__sobretitulo { color: var(--faixa-final-sobretitulo); }
.ccas .ccas__promessa .ccas__abertura { color: var(--faixa-final-suave); }
.ccas .ccas__promessa-titulo { font-size: 48px; font-weight: 700; line-height: 0.95; letter-spacing: -0.055em; text-wrap: balance; }
.ccas .ccas__faixa--final .ccas__marca-dagua path { fill: var(--faixa-final-dagua); }
.ccas .ccas__faixa--final .ccas__botoes { margin-top: 8px; }
.ccas .ccas__faixa--final .ccas__botao { background: var(--faixa-botao); color: var(--faixa-botao-texto); }
.ccas .ccas__faixa--final .ccas__botao:hover { background: var(--faixa-botao-hover); }
.ccas .ccas__faixa--final .ccas__botao--secundario { background: transparent; color: var(--faixa-final-tinta); box-shadow: inset 0 0 0 1.5px var(--faixa-final-tinta); }
.ccas .ccas__faixa--final .ccas__botao--secundario:hover { background: var(--faixa-final-tinta); color: var(--faixa-botao-texto); }
.ccas .ccas__faixa--final .ccas__botao:focus-visible { outline-color: var(--faixa-final-tinta); }

.ccas .ccas__rodape { display: flex; flex-direction: column; gap: 10px; padding-block: 32px 48px; color: var(--tinta-sutil); font-size: 13px; line-height: 1.5; }
.ccas .ccas__rodape nav { display: flex; flex-wrap: wrap; gap: 4px 24px; }
.ccas .ccas__rodape nav a { color: var(--tinta-suave); font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }

@media (min-width: 768px) {
  .ccas .ccas__largura { padding-left: max(48px, env(safe-area-inset-left, 0px)); padding-right: max(48px, env(safe-area-inset-right, 0px)); }
  .ccas .ccas__nome { font-size: 112px; }
  .ccas .ccas__subtitulo { font-size: 32px; }
  .ccas .ccas__titulo-2 { font-size: 40px; }
  .ccas .ccas__abertura { font-size: 20px; }
  .ccas .ccas__botoes { flex-direction: row; flex-wrap: wrap; }
  .ccas .ccas__ficha div { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 16px; align-items: baseline; }
  .ccas .ccas__manifesto blockquote p { font-size: 56px; }
  .ccas .ccas__mosaico { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ccas .ccas__bloco--marca { grid-column: 1 / -1; min-height: 260px; }
  .ccas .ccas__capitulos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ccas .ccas__citacoes, .ccas .ccas__entrevistas, .ccas .ccas__obras { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ccas .ccas__obra--principal { grid-column: 1 / -1; }
  .ccas .ccas__promessa-titulo { font-size: 64px; }
}

@media (min-width: 1025px) {
  .ccas .ccas__secao { padding-block: 112px; }
  .ccas .ccas__logo { width: 180px; }
  .ccas .ccas__hero { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 0; align-items: end; padding-block: 24px 88px; }
  .ccas .ccas__hero-texto { padding-bottom: 8px; }

  .ccas .ccas__nome { font-size: 168px; margin-right: -38%; }
  .ccas .ccas__subtitulo { font-size: 36px; }
  .ccas .ccas__abertura { font-size: 21px; }
  .ccas .ccas__hero-visual { margin-left: 32px; }
  .ccas .ccas__selo { top: 32px; left: -48px; padding: 18px 22px; }
  .ccas .ccas__selo strong { font-size: 40px; }
  .ccas .ccas__titulo-2 { font-size: 56px; }
  .ccas .ccas__resumo { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 80px; }
  .ccas .ccas__manifesto { padding-block: 160px; }
  .ccas .ccas__manifesto blockquote p { font-size: 80px; }
  .ccas .ccas__mosaico { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: minmax(220px, auto); gap: 24px; }
  .ccas .ccas__bloco--marca { grid-column: span 2; grid-row: span 2; padding: 40px; }
  .ccas .ccas__bloco--marca .ccas__bloco-dado { font-size: 200px; letter-spacing: -0.07em; }
  .ccas .ccas__bloco--marca .ccas__bloco-rotulo { font-size: 20px; }
  .ccas .ccas__bloco-dado { font-size: 72px; }
  .ccas .ccas__bloco { padding: 32px; }
  .ccas .ccas__principios-grade { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 80px; }
  .ccas .ccas__principios-topo { position: sticky; top: 96px; }
  .ccas .ccas__pilha { gap: 24px; }
  .ccas .ccas__principio { position: sticky; display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 8px 24px; min-height: 260px; align-content: start; padding: 40px; box-shadow: 0 -24px 48px -24px rgba(11, 11, 13, 0.6); }
  .ccas .ccas__principio .ccas__numero { grid-row: span 2; font-size: 72px; }
  .ccas .ccas__principio:nth-child(1) { top: 96px; }
  .ccas .ccas__principio:nth-child(2) { top: 116px; }
  .ccas .ccas__principio:nth-child(3) { top: 136px; }
  .ccas .ccas__principio:nth-child(4) { top: 156px; }
  .ccas .ccas__principio:nth-child(5) { top: 176px; }
  .ccas .ccas__principio:nth-child(6) { top: 196px; }
  .ccas .ccas__citacoes, .ccas .ccas__entrevistas { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
  .ccas .ccas__citacao { padding: 32px; }
  .ccas .ccas__obras { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
  .ccas .ccas__obra--principal { grid-column: span 2; grid-row: span 2; justify-content: flex-end; padding: 48px; }
  .ccas .ccas__obra--principal .ccas__titulo-3 { font-size: 48px; }
  .ccas .ccas__obra--principal .ccas__corpo { max-width: 46ch; font-size: 19px; }
  .ccas .ccas__obra { padding: 32px; }
  .ccas .ccas__faq-grade { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 80px; align-items: start; }
  .ccas .ccas__faq-grade .ccas__cabecalho { position: sticky; top: 96px; }
  .ccas .ccas__promessa { padding-block: 140px; }
  .ccas .ccas__promessa-titulo { font-size: 112px; }
}

@media (max-width: 767px) {
  .ccas .ccas__secao { padding-block: 56px; }
  .ccas .ccas__cabecalho { margin-bottom: 28px; }
  .ccas .ccas__logo { width: 140px; }
  .ccas .ccas__acoes { gap: 8px; }
  .ccas .ccas__voltar { justify-content: center; width: 44px; height: 44px; padding: 0; border-radius: var(--radius-pilula); box-shadow: inset 0 0 0 1px var(--linha-forte); color: var(--tinta); }
  .ccas .ccas__voltar-texto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .ccas .ccas__nome { font-size: clamp(56px, 17vw, 80px); }
  .ccas .ccas__foto { aspect-ratio: 4 / 4.2; object-position: 50% 25%; }
  .ccas .ccas__selo { top: 16px; left: 16px; padding: 10px 14px; }
  .ccas .ccas__selo strong { font-size: 26px; }
  .ccas .ccas__trilho li { font-size: 16px; }
  .ccas .ccas__ficha { padding: 4px 20px; }
  .ccas .ccas__manifesto { padding-block: 64px; }
  .ccas .ccas__bloco { min-height: 0; padding: 24px 20px; }
  .ccas .ccas__bloco-dado { font-size: 48px; }
  .ccas .ccas__bloco--marca .ccas__bloco-dado { font-size: 96px; }
  .ccas .ccas__capitulo-ano { font-size: 64px; }
  .ccas .ccas__principio { gap: 10px; padding: 20px; }
  .ccas .ccas__numero { font-size: 40px; }
  .ccas .ccas__citacao, .ccas .ccas__obra { padding: 20px; }
  .ccas .ccas__entrevista-texto { padding: 20px; }
  .ccas .ccas__caixa-icone { width: 56px; height: 56px; border-radius: var(--radius-campo); }
  .ccas .ccas__caixa-icone svg { width: 28px; height: 28px; }
  .ccas .ccas__faq summary { font-size: 18px; padding: 20px 0; }
  .ccas .ccas__marca-dagua { width: 130%; right: -45%; bottom: -8%; }
  .ccas .ccas__botao { width: 100%; }
}

.ccas .ccas__tema {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-pilula);
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--linha-forte);
  color: var(--tinta);
  cursor: pointer;
}
.ccas .ccas__tema:hover { box-shadow: inset 0 0 0 1px var(--tinta); }
.ccas .ccas__icone-lua { display: none; }
.ccas[data-tema="claro"] .ccas__icone-sol { display: none; }
.ccas[data-tema="claro"] .ccas__icone-lua { display: block; }

.ccas h1, .ccas h2, .ccas h3, .ccas p, .ccas li, .ccas dt, .ccas dd, .ccas figcaption, .ccas button, .ccas summary, .ccas blockquote, .ccas cite {
  font-family: inherit;
  text-transform: none;
}
.ccas .ccas__sobretitulo, .ccas .ccas__legenda-cargo, .ccas .ccas__ficha dt, .ccas .ccas__entrevista-meta, .ccas .ccas__capitulo-num, .ccas .ccas__selo span, .ccas .ccas__bloco-sobre { text-transform: uppercase; }
.ccas h1, .ccas h2, .ccas h3 { color: inherit; }
.ccas blockquote { padding: 0; border: 0; background: none; quotes: none; }
.ccas img { max-width: 100%; border: 0; box-shadow: none; }
.ccas ul, .ccas ol { margin: 0; }

.ccas .ccas__manifesto figure { display: flex; flex-direction: column; gap: 32px; }
.ccas .ccas__historia.esta-horizontal .ccas__historia-topo { width: 100%; }
.ccas .ccas__capitulo-ano { white-space: nowrap; }
.ccas .ccas__obra--principal .ccas__caixa-icone { margin-bottom: auto; }
.ccas .ccas__obra--principal .ccas__link { margin-top: 0; }
@media (min-width: 1025px) {
  .ccas .ccas__bloco-dado { font-size: 56px; }
  .ccas .ccas__bloco--marca .ccas__bloco-dado { font-size: 200px; }
  .ccas .ccas__historia.esta-horizontal .ccas__capitulo-ano { font-size: 112px; }
  .ccas .ccas__principio { min-height: 220px; }
  .ccas .ccas__obra--principal .ccas__caixa-icone { width: 88px; height: 88px; }
}

.ccas .ccas__faixa--final .ccas__promessa { z-index: 2; padding-bottom: 300px; }
.ccas .ccas__cubos {
  --t: 62;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: 320px;
  perspective: 1400px;
  perspective-origin: 50% 0%;
  pointer-events: none;
}
.ccas .ccas__cubo-pos {
  position: absolute;
  left: calc(var(--px) * 1%);
  bottom: calc(var(--py) * var(--t) * 1px + 24px);
  width: calc(var(--t) * 1px);
  height: calc(var(--t) * 1px);
  margin-left: calc(var(--t) * -0.5px);
  transform-style: preserve-3d;
  pointer-events: auto;
  cursor: pointer;
}
.ccas .ccas__cubo {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transform: rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz));
}
.ccas .ccas__face {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 22%;
  background: linear-gradient(145deg, #2A2536 0%, #1A1722 60%, #141219 100%);
  box-shadow: inset 0 0 0 1.5px rgba(154, 115, 249, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backface-visibility: hidden;
}
.ccas .ccas__face--frente { transform: translateZ(calc(var(--t) * 0.5px)); }
.ccas .ccas__face--tras { transform: rotateY(180deg) translateZ(calc(var(--t) * 0.5px)); }
.ccas .ccas__face--dir { transform: rotateY(90deg) translateZ(calc(var(--t) * 0.5px)); background: linear-gradient(145deg, #221E2C 0%, #15121B 100%); }
.ccas .ccas__face--esq { transform: rotateY(-90deg) translateZ(calc(var(--t) * 0.5px)); background: linear-gradient(145deg, #221E2C 0%, #15121B 100%); }
.ccas .ccas__face--topo { transform: rotateX(90deg) translateZ(calc(var(--t) * 0.5px)); background: linear-gradient(145deg, #3A3349 0%, #241F2F 100%); }
.ccas .ccas__face--base { transform: rotateX(-90deg) translateZ(calc(var(--t) * 0.5px)); background: #0B0B0D; }
.ccas .ccas__cubo--marca .ccas__face { background: linear-gradient(145deg, #9A73F9 0%, #8051F7 55%, #6A3BE0 100%); box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.25); }
.ccas .ccas__cubo--marca .ccas__face--dir, .ccas .ccas__cubo--marca .ccas__face--esq { background: linear-gradient(145deg, #6A3BE0 0%, #5229B8 100%); }
.ccas .ccas__cubo--marca .ccas__face--topo { background: linear-gradient(145deg, #B396FA 0%, #9A73F9 100%); }

.ccas .ccas__cubo-logo {
  --k: min(calc(0.74 * var(--t) / var(--w)), calc(0.42 * var(--t) / var(--h)));
  display: block;
  flex: none;
  width: calc(var(--w) * var(--k) * 1px);
  height: calc(var(--h) * var(--k) * 1px);
  background-image: var(--img);
  background-repeat: no-repeat;
  background-size: calc(var(--sw) * var(--k) * 1px) auto;
  background-position: calc(var(--x) * var(--k) * -1px) calc(var(--y) * var(--k) * -1px);
}
.ccas .ccas__cubo-simbolo { width: 64%; height: auto; }
.ccas .ccas__cubo-simbolo path { fill: #FFFFFF; }
.ccas .ccas__cubos.esta-pronto .ccas__cubo-pos { visibility: hidden; }
.ccas .ccas__cubos.esta-caindo .ccas__cubo-pos { visibility: visible; }
@media (min-width: 768px) {
  .ccas .ccas__cubos { --t: 112; height: 380px; }
  .ccas .ccas__faixa--final .ccas__promessa { padding-bottom: 360px; }
}
@media (min-width: 1025px) {
  .ccas .ccas__cubos { --t: 120; height: 420px; }
  .ccas .ccas__faixa--final .ccas__promessa { padding-bottom: 400px; }
}
@media (max-width: 1024px) {
  .ccas .ccas__cubo-pos--extra { display: none; }
  .ccas .ccas__cubo-pos { left: calc(var(--pxm, var(--px)) * 1%); }
}
.ccas .ccas__face { border-radius: 16%; backface-visibility: visible; }
.ccas .ccas__cubo-pos { bottom: calc(var(--py) * var(--t) * 1px + var(--t) * 0.55px); }
.ccas .ccas__cubo-logo { --k: min(calc(0.84 * var(--t) / var(--w)), calc(0.5 * var(--t) / var(--h))); }
.ccas .ccas__promessa-titulo { line-height: 1; }

.ccas .ccas__aparicoes { display: flex; flex-direction: column; gap: 16px; margin-top: 56px; }
.ccas .ccas__aparicoes ol { display: flex; flex-direction: column; padding: 0; list-style: none; border-top: 1px solid var(--linha); }
.ccas .ccas__aparicao { display: grid; grid-template-columns: 76px minmax(0, 1fr) 18px; gap: 4px 16px; align-items: baseline; padding: 16px 0; border-bottom: 1px solid var(--linha); color: var(--tinta); text-decoration: none; }
.ccas .ccas__aparicao time { grid-row: span 2; color: var(--marca-texto); font-size: 14px; font-weight: 700; }
.ccas .ccas__aparicao strong { font-size: 17px; font-weight: 700; letter-spacing: -0.01em; }
.ccas .ccas__aparicao span { grid-column: 2; color: var(--tinta-suave); font-size: 15px; line-height: 1.45; }
.ccas .ccas__aparicao svg { grid-column: 3; grid-row: 1; color: var(--tinta-sutil); transition: color 0.2s ease, transform 0.2s ease; }
.ccas .ccas__aparicao:hover strong, .ccas .ccas__aparicao:hover svg { color: var(--marca-texto); }
.ccas .ccas__aparicao:hover svg { transform: translate(2px, -2px); }
@media (min-width: 1025px) {
  .ccas .ccas__aparicao { grid-template-columns: 110px minmax(0, 4fr) minmax(0, 6fr) 18px; gap: 24px; padding: 20px 0; align-items: center; }
  .ccas .ccas__aparicao time { grid-row: auto; font-size: 15px; }
  .ccas .ccas__aparicao span { grid-column: auto; }
  .ccas .ccas__aparicao svg { grid-column: auto; grid-row: auto; }
}

.ccas .ccas__progresso { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; height: 3px; background: var(--marca); transform: scaleX(0); transform-origin: left center; pointer-events: none; }

.ccas .ccas__nome.esta-letras > span { display: block; overflow: hidden; padding-bottom: 0.1em; margin-bottom: -0.1em; }
.ccas .ccas__nome.esta-letras .ccas__letra { display: inline-block; transform: translateY(105%); }
.ccas .ccas__nome.esta-letras.esta-visivel .ccas__letra { transform: none; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1); transition-delay: calc(var(--i) * 40ms + 150ms); }

.ccas .esta-linhas .ccas__linha { display: block; overflow: hidden; padding-bottom: 0.12em; margin-bottom: -0.12em; }
.ccas .esta-linhas .ccas__linha > span { display: block; transform: translateY(105%); }
.ccas .esta-linhas.esta-visivel .ccas__linha > span { transform: none; transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1); transition-delay: calc(var(--i) * 110ms); }

.ccas .ccas__hero-visual.esta-inclinando { transform: perspective(1100px) rotateX(calc(var(--iy, 0) * 1deg)) rotateY(calc(var(--ix, 0) * 1deg)); transform-style: preserve-3d; will-change: transform; }
.ccas .ccas__hero-visual.esta-inclinando .ccas__figura { transform: translateZ(0); }
.ccas .ccas__hero-visual.esta-inclinando .ccas__selo { transform: translateZ(90px); }

.ccas .ccas__historia.esta-horizontal .ccas__capitulos .ccas__capitulo[data-revelar] {
  opacity: calc(0.4 + 0.6 * var(--foco, 1));
  transform: scale(calc(0.9 + 0.1 * var(--foco, 1)));
}
.ccas .ccas__historia.esta-horizontal .ccas__capitulo-ano {
  -webkit-text-stroke: 2px var(--marca-texto);
  color: color-mix(in srgb, var(--marca-texto) calc(var(--foco, 1) * 100%), transparent);
}
.ccas .ccas__historia.esta-horizontal .ccas__capitulo--hoje .ccas__capitulo-ano {
  -webkit-text-stroke-color: #FFFFFF;
  color: color-mix(in srgb, #FFFFFF calc(var(--foco, 1) * 100%), transparent);
}

.ccas .ccas__principio { transform-origin: 50% 0; }

.ccas .ccas__cubos.esta-solto .ccas__cubo-pos { cursor: grab; touch-action: manipulation; user-select: none; }
.ccas .ccas__cubos.esta-arrastando .ccas__cubo-pos { cursor: grabbing; }

.ccas .ccas__faixa--final .ccas__promessa { pointer-events: none; }
.ccas .ccas__faixa--final .ccas__promessa a { pointer-events: auto; }

.ccas .ccas__historia-abertura { position: relative; padding-top: 64px; border-top: 1px solid var(--linha); overflow: hidden; }
.ccas .ccas__palco-topo { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.ccas .ccas__palco-topo .ccas__titulo-2 { max-width: 18ch; }
.ccas .ccas__palco { position: relative; height: 62vw; max-height: 720px; margin-top: 8px; }
.ccas .ccas__palavra-gigante {
  position: absolute;
  left: 50%;
  top: 42%;
  margin: 0;
  color: var(--marca);
  font-size: 30vw;
  font-weight: 700;
  line-height: 0.8;
  letter-spacing: -0.07em;
  white-space: nowrap;
  transform: translate(calc(-50% + var(--desliza, 0) * 1px), -50%);
  pointer-events: none;
  user-select: none;
}
.ccas .ccas__palavra-gigante--reflexo {
  top: calc(42% + 24vw);
  transform: translate(calc(-50% + var(--desliza, 0) * 1px), -50%) scaleY(-1);
  opacity: 0.22;
  -webkit-mask-image: linear-gradient(to top, #000 0%, transparent 55%);
  mask-image: linear-gradient(to top, #000 0%, transparent 55%);
}
.ccas .ccas__icones { position: absolute; display: flex; flex-direction: column; gap: 18px; padding: 0; list-style: none; color: var(--marca-texto); }
.ccas .ccas__icones svg { display: block; width: 26px; height: 26px; }
.ccas .ccas__icones--esq { left: 26%; top: 58%; }
.ccas .ccas__icones--dir { right: 24%; top: 8%; }
.ccas .ccas__icones li { animation: ccas-boiar 5s ease-in-out infinite; animation-delay: calc(var(--d, 0) * 1s); }
.ccas .ccas__icones li:nth-child(2) { --d: 0.4; }
.ccas .ccas__icones li:nth-child(3) { --d: 0.8; }
.ccas .ccas__icones li:nth-child(4) { --d: 1.2; }
.ccas .ccas__icones li:nth-child(5) { --d: 1.6; }
@keyframes ccas-boiar { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@media (prefers-reduced-motion: reduce) {
  .ccas .ccas__icones li { animation: none; }
}
.ccas .ccas__viradas { position: relative; z-index: 2; display: grid; gap: 16px; margin-top: -40px; padding-bottom: 32px; list-style: none; }
.ccas .ccas__virada { display: flex; flex-direction: column; gap: 10px; padding: 24px; border: 1px solid var(--linha); border-radius: var(--radius-cartao); background: var(--superficie); box-shadow: 0 24px 48px -28px rgba(11, 11, 13, 0.6); }
.ccas .ccas__virada-num { color: var(--marca-texto); font-size: 14px; font-weight: 700; letter-spacing: 0.08em; }
.ccas .ccas__virada h3 { font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; }
.ccas .ccas__virada p { color: var(--tinta-suave); font-size: 15px; line-height: 1.5; }
.ccas .ccas__virada-link { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; min-height: 40px; margin-top: auto; padding: 0 16px; border-radius: var(--radius-pilula); background: var(--marca); color: var(--sobre-marca); font-size: 14px; font-weight: 700; text-decoration: none; }
.ccas .ccas__virada-link:hover { background: var(--marca-hover); }

.ccas .ccas__leitura { display: grid; gap: 32px; align-items: start; }
.ccas .ccas__indice { display: flex; flex-direction: column; gap: 16px; }
.ccas .ccas__indice ol { display: flex; flex-direction: column; padding: 0; list-style: none; border-left: 2px solid var(--linha); }
.ccas .ccas__indice a { position: relative; display: flex; gap: 12px; padding: 10px 0 10px 18px; color: var(--tinta-sutil); font-size: 15px; font-weight: 500; line-height: 1.35; text-decoration: none; transition: color 0.25s ease; }
.ccas .ccas__indice a span { color: inherit; font-weight: 700; }
.ccas .ccas__indice a::before { content: ""; position: absolute; left: -2px; top: 0; bottom: 0; width: 2px; background: var(--marca); transform: scaleY(0); transition: transform 0.3s ease; }
.ccas .ccas__indice a:hover { color: var(--tinta); }
.ccas .ccas__indice a[aria-current="true"] { color: var(--tinta); font-weight: 700; }
.ccas .ccas__indice a[aria-current="true"] span { color: var(--marca-texto); }
.ccas .ccas__indice a[aria-current="true"]::before { transform: none; }
.ccas .ccas__texto { display: flex; flex-direction: column; gap: 64px; max-width: 68ch; }
.ccas .ccas__cap { display: flex; flex-direction: column; gap: 20px; scroll-margin-top: 48px; }
.ccas .ccas__cap-num { color: var(--marca-texto); font-size: 14px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.ccas .ccas__cap h3 { margin-top: -8px; font-size: 28px; font-weight: 700; line-height: 1.12; letter-spacing: -0.035em; }
.ccas .ccas__cap > p:not(.ccas__cap-num) { color: var(--tinta-suave); font-size: 18px; line-height: 1.7; }
.ccas .ccas__capitular::first-letter { float: left; margin: 0.06em 0.1em 0 0; color: var(--marca-texto); font-size: 4.6em; font-weight: 700; line-height: 0.78; letter-spacing: -0.04em; }
.ccas .ccas__destacada { display: flex; flex-direction: column; gap: 12px; margin: 8px 0; padding: 8px 0 8px 28px; border-left: 3px solid var(--marca); }
.ccas .ccas__destacada p { color: var(--tinta); font-size: 28px; font-weight: 700; line-height: 1.15; letter-spacing: -0.035em; text-wrap: balance; }
.ccas .ccas__destacada cite { color: var(--tinta-sutil); font-size: 14px; font-style: normal; font-weight: 500; }
.ccas .ccas__nota { padding-top: 24px; border-top: 1px solid var(--linha); color: var(--tinta-sutil); font-size: 14px; line-height: 1.5; }

@media (min-width: 768px) {
  .ccas .ccas__viradas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ccas .ccas__destacada p { font-size: 36px; }
}
@media (min-width: 1025px) {
  .ccas .ccas__historia-abertura { padding-top: 112px; }
  .ccas .ccas__palco { height: 46vw; }
  .ccas .ccas__palavra-gigante { font-size: 26vw; }
  .ccas .ccas__palavra-gigante--reflexo { top: calc(42% + 20.5vw); }
  .ccas .ccas__viradas { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: -96px; }
  .ccas .ccas__leitura { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 80px; }
  .ccas .ccas__indice { position: sticky; top: 64px; }
  .ccas .ccas__cap h3 { font-size: 36px; }
  .ccas .ccas__cap > p:not(.ccas__cap-num) { font-size: 19px; }
  .ccas .ccas__destacada p { font-size: 44px; }
}
@media (max-width: 767px) {
  .ccas .ccas__palco { height: 92vw; }
  .ccas .ccas__palavra-gigante { font-size: 32vw; top: 40%; }
  .ccas .ccas__palavra-gigante--reflexo { top: calc(40% + 25.5vw); }
  .ccas .ccas__icones { gap: 12px; }
  .ccas .ccas__icones svg { width: 20px; height: 20px; }
  .ccas .ccas__icones--esq { left: 6%; top: 62%; }
  .ccas .ccas__icones--dir { right: 6%; top: 4%; }
  .ccas .ccas__viradas { margin-top: -24px; }
  .ccas .ccas__indice { display: none; }
}

.ccas .ccas__faixa--hero { min-height: 640px; }
.ccas .ccas__faixa--hero .ccas__largura { z-index: 2; }
.ccas .ccas__hero { grid-template-columns: minmax(0, 1fr); }
.ccas .ccas__hero-texto { max-width: 640px; }
.ccas .ccas__retrato { position: absolute; top: 0; right: 0; bottom: 0; width: 100%; height: 520px; pointer-events: none; }
.ccas .ccas__retrato-foto {
  position: absolute;
  inset: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 45%);
  mask-image: linear-gradient(to top, transparent 0%, #000 45%);
  transform: translate(calc(var(--ix, 0) * -0.6px), calc(var(--iy, 0) * 0.6px));
}
.ccas .ccas__retrato-foto img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 32%; filter: grayscale(1) contrast(1.12) brightness(0.8); }
.ccas .ccas__retrato-foto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(160deg, #8051F7 0%, #3A1D85 55%, #0B0B0D 100%); mix-blend-mode: color; opacity: 0.85; }
.ccas .ccas__retrato-foto::before { content: ""; position: absolute; inset: 0; z-index: 1; background: radial-gradient(ellipse 60% 70% at 55% 35%, rgba(128, 81, 247, 0) 0%, rgba(11, 11, 13, 0.55) 100%); }
.ccas .ccas__retrato-camadas { position: absolute; inset: 0; }
.ccas .ccas__desfoque, .ccas .ccas__ladrilho { position: absolute; display: flex; align-items: center; justify-content: center; border-radius: 26%; background: linear-gradient(145deg, #9A73F9 0%, #8051F7 55%, #5229B8 100%); }
.ccas .ccas__desfoque svg, .ccas .ccas__ladrilho svg { width: 64%; height: auto; }
.ccas .ccas__desfoque path, .ccas .ccas__ladrilho path { fill: #FFFFFF; }
.ccas .ccas__desfoque--grande { top: -40px; right: -60px; width: 220px; aspect-ratio: 1; filter: blur(12px); opacity: 0.85; transform: rotate(14deg) translate(calc(var(--ix, 0) * 3px), calc(var(--iy, 0) * -3px)); }
.ccas .ccas__desfoque--play { bottom: 22%; right: -30px; width: 120px; aspect-ratio: 1; filter: blur(7px); opacity: 0.7; transform: rotate(-10deg) translate(calc(var(--ix, 0) * 2.4px), calc(var(--iy, 0) * -2.4px)); }
.ccas .ccas__desfoque--play svg { width: 44%; }
.ccas .ccas__ladrilho { top: 30%; left: 18%; width: 76px; aspect-ratio: 1; box-shadow: 0 24px 48px -12px rgba(128, 81, 247, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.35); transform: rotate(-14deg) translate(calc(var(--ix, 0) * 1.6px), calc(var(--iy, 0) * -1.6px)); }
.ccas .ccas__ladrilho.esta-flutuando { animation: ccas-ladrilho 7s ease-in-out infinite; }
@keyframes ccas-ladrilho { 0%, 100% { margin-top: 0; } 50% { margin-top: -12px; } }
.ccas .ccas__avisos { position: absolute; right: 20px; bottom: 132px; display: none; flex-direction: column; gap: 12px; width: min(340px, 80%); padding: 0; list-style: none; transform: translate(calc(var(--ix, 0) * 1px), calc(var(--iy, 0) * -1px)); }
.ccas .ccas__aviso {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(23, 23, 26, 0.7);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  color: #FFFFFF;
  box-shadow: 0 20px 40px -20px rgba(11, 11, 13, 0.8);
}
.ccas .ccas__aviso:nth-child(2) { margin-left: 32px; }
.ccas .ccas__aviso:nth-child(3) { margin-left: 8px; }
.ccas .ccas__aviso-icone { display: flex; flex: none; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: var(--radius-pilula); background: #8051F7; color: #FFFFFF; }
.ccas .ccas__aviso-texto { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ccas .ccas__aviso-texto strong { font-size: 15px; font-weight: 700; line-height: 1.25; letter-spacing: -0.01em; }
.ccas .ccas__aviso-texto span { color: #B0B0B0; font-size: 13px; line-height: 1.35; }
.ccas .ccas__avisos.esta-pronto .ccas__aviso { opacity: 0; transform: translateY(16px) scale(0.96); }
.ccas .ccas__avisos.esta-visivel .ccas__aviso { opacity: 1; transform: none; transition: opacity 0.6s ease, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1); transition-delay: calc(var(--i, 0) * 450ms + 900ms); }
@media (prefers-reduced-motion: reduce) {
  .ccas .ccas__ladrilho.esta-flutuando { animation: none; }
}
@media (max-width: 1024px) {
  .ccas .ccas__hero { padding-top: 330px; }
}
@media (min-width: 768px) {
  .ccas .ccas__retrato { height: 620px; }
  .ccas .ccas__hero { padding-top: 420px; }
  .ccas .ccas__avisos { display: flex; bottom: 120px; right: 48px; }
  .ccas .ccas__ladrilho { width: 96px; }
}
@media (min-width: 1025px) {
  .ccas .ccas__faixa--hero { min-height: 820px; }
  .ccas .ccas__retrato { left: auto; width: 60%; height: auto; }
  .ccas .ccas__retrato-foto {
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 38%), linear-gradient(to top, transparent 0%, #000 22%);
    -webkit-mask-composite: source-in;
    mask-image: linear-gradient(to right, transparent 0%, #000 38%), linear-gradient(to top, transparent 0%, #000 22%);
    mask-composite: intersect;
  }
  .ccas .ccas__retrato-foto img { object-position: 50% 30%; }
  .ccas .ccas__hero { padding-top: 64px; padding-bottom: 120px; }
  .ccas .ccas__hero-texto { max-width: 620px; }
  .ccas .ccas__nome { font-size: 150px; margin-right: 0; }
  .ccas .ccas__desfoque--grande { top: 40px; right: -40px; width: 300px; filter: blur(16px); }
  .ccas .ccas__desfoque--play { bottom: 30%; right: -20px; width: 150px; }
  .ccas .ccas__ladrilho { top: 30%; left: 22%; width: 112px; }
  .ccas .ccas__avisos { right: 56px; bottom: 96px; width: 360px; }
}
@media (max-width: 767px) {
  .ccas .ccas__ladrilho { top: 38%; left: 8%; width: 64px; }
  .ccas .ccas__desfoque--grande { width: 160px; top: 40px; }
  .ccas .ccas__desfoque--play { display: none; }
}

.ccas .ccas__faixa--hero > .ccas__marca-dagua { display: none; }
.ccas .ccas__nome.esta-letras > span { padding: 0.18em 0.04em 0.24em 0; margin: -0.18em -0.04em -0.24em 0; }
.ccas .ccas__retrato-foto img { filter: grayscale(0.55) contrast(1.08) brightness(0.82); }
.ccas .ccas__retrato-foto::after { opacity: 0.55; }
.ccas .ccas__desfoque { box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.35), 0 30px 60px -20px rgba(11, 11, 13, 0.7); }
@media (min-width: 1025px) {
  .ccas .ccas__avisos { top: 50%; bottom: auto; right: 48px; }
  .ccas .ccas__desfoque--grande { top: 96px; right: -70px; width: 280px; filter: blur(14px); opacity: 0.95; }
  .ccas .ccas__desfoque--play { top: auto; bottom: 8%; right: 34%; width: 130px; filter: blur(9px); }
}

.ccas .ccas__palco { --t: 150; }
.ccas .ccas__palco-cubo {
  position: absolute;
  left: 50%;
  top: 40%;
  z-index: 1;
  width: calc(var(--t) * 1px);
  height: calc(var(--t) * 1px);
  margin: calc(var(--t) * -0.5px) 0 0 calc(var(--t) * -0.5px);
  perspective: 1800px;
  transform-style: preserve-3d;
}
.ccas .ccas__cubo--palco { --rx: -20deg; --ry: 35deg; --rz: 0deg; }
.ccas .ccas__cubo--palco .ccas__face { border-radius: 18%; }
.ccas .ccas__cubo--palco .ccas__cubo-simbolo { width: 62%; }
.ccas .ccas__palco-cubo.esta-flutuando { animation: ccas-flutuar-cubo 6s ease-in-out infinite; }
.ccas .ccas__palco-cubo.esta-flutuando .ccas__cubo--palco { animation: ccas-girar-cubo 24s linear infinite; }
@keyframes ccas-flutuar-cubo { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-18px); } }
@keyframes ccas-girar-cubo { from { transform: rotateX(-20deg) rotateY(35deg); } to { transform: rotateX(-20deg) rotateY(395deg); } }
.ccas .ccas__palco-sombra {
  position: absolute;
  left: 50%;
  top: calc(40% + var(--t) * 0.78px);
  width: calc(var(--t) * 1.5px);
  height: calc(var(--t) * 0.22px);
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(11, 11, 13, 0.75) 0%, rgba(11, 11, 13, 0) 70%);
  transform: translateX(-50%);
  pointer-events: none;
}
.ccas[data-tema="claro"] .ccas__palco-sombra { background: radial-gradient(ellipse at center, rgba(58, 29, 133, 0.35) 0%, rgba(58, 29, 133, 0) 70%); }
@media (prefers-reduced-motion: reduce) {
  .ccas .ccas__palco-cubo.esta-flutuando, .ccas .ccas__palco-cubo.esta-flutuando .ccas__cubo--palco { animation: none; }
}
@media (min-width: 768px) { .ccas .ccas__palco { --t: 230; } }
@media (min-width: 1025px) { .ccas .ccas__palco { --t: 300; } }

.ccas .ccas__resumo-texto .ccas__ficha { margin-top: 16px; }
.ccas .ccas__retrato-quem {
  position: relative;
  overflow: hidden;
  margin: 0;
  border-radius: var(--radius-cartao);
  background: #17171A;
  box-shadow: 0 0 0 1px rgba(154, 115, 249, 0.3), 0 30px 80px -30px rgba(128, 81, 247, 0.55);
}
.ccas .ccas__retrato-quem img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1); }
.ccas .ccas__retrato-quem:hover img { transform: scale(1.03); }
.ccas .ccas__retrato-quem::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; height: 8px; background: #8051F7; }
.ccas .ccas__retrato-quem figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 80px 24px 32px;
  background: linear-gradient(180deg, rgba(11, 11, 13, 0) 0%, rgba(11, 11, 13, 0.7) 50%, rgba(11, 11, 13, 0.9) 100%);
  color: #FFFFFF;
}
.ccas .ccas__retrato-quem figcaption strong { font-size: 22px; font-weight: 700; letter-spacing: -0.02em; }
.ccas .ccas__retrato-quem figcaption span { color: #CDB9FC; font-size: 14px; font-weight: 500; }
@media (prefers-reduced-motion: reduce) {
  .ccas .ccas__retrato-quem img { transition: none; }
  .ccas .ccas__retrato-quem:hover img { transform: none; }
}
@media (min-width: 1025px) {
  .ccas .ccas__retrato-quem { position: sticky; top: 96px; }
}
@media (max-width: 1024px) {
  .ccas .ccas__retrato-quem { max-width: 520px; }
}
@media (max-width: 1024px) {
  .ccas .ccas__resumo .ccas__retrato-quem { order: -1; }
}