/* CORBANQ — Sistema Refinado · Edição 04 */

/* Fontes */
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/schibsted-grotesk-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/schibsted-grotesk-lat.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url('../fonts/jetbrains-mono-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url('../fonts/jetbrains-mono-lat.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Tokens */
:root {
  --profundo: #07173A;
  --eletrico: #0551FB;
  --ciano:    #00EAFF;

  --abisso:   #010C14;
  --oceano:   #00364A;

  --petroleo: #1B6F81;
  --azure:    #0077CC;
  --ceu:      #3DA7F5;

  --nevoa:    #E0E7EB;
  --cristal:  #F2F6F8;
  --linho:    #F3F2EA;
  --branco:   #FFFFFF;

  --sinal:    #FFF200;

  --e1: 8px;
  --e2: 16px;
  --e3: 28px;
  --e4: 40px;
  --e5: 64px;
  --e6: 104px;

  --sans: 'Schibsted Grotesk', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --largura: 1232px;
  --margem: clamp(24px, 6vw, 104px);
  --secao: clamp(96px, 12vw, 164px);

  --tinta: var(--profundo);
  --apoio: #2E6C86;
  --etiqueta: #2E7A92;
  --etiqueta-clara: #6FD6EA;

  --filete: rgba(7, 23, 58, 0.11);
  --filete-forte: rgba(7, 23, 58, 0.16);
  --filete-claro: rgba(104, 234, 255, 0.28);

  --raio-caixa: 18px;
  --raio-figura: 20px;

  --curva: cubic-bezier(0.22, 0.61, 0.36, 1);
  --curva-suave: cubic-bezier(0.65, 0, 0.35, 1);
}

/* Base */
*, *::before, *::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: 116px;
}

body {
  margin: 0;
  background: var(--cristal);
  color: var(--tinta);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

i, em, cite, address { font-style: normal; }

h1, h2, h3, p, ul, ol, li, figure, blockquote, table { margin: 0; }
ul, ol { padding: 0; list-style: none; }
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; }

::selection { background: rgba(5, 81, 251, 0.16); color: var(--profundo); }

:focus-visible {
  outline: 2px solid var(--eletrico);
  outline-offset: 3px;
  border-radius: 4px;
}

.pular-para-conteudo {
  position: absolute;
  left: -9999px;
  top: 12px;
  z-index: 300;
  padding: 12px 20px;
  background: var(--profundo);
  color: #fff;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
}
.pular-para-conteudo:focus { left: 24px; }

/* Tipografia */
.etiqueta {
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--etiqueta);
}

.display {
  font-size: clamp(42px, 7.1vw, 96px);
  line-height: 0.93;
  letter-spacing: -0.042em;
  font-weight: 500;
  text-wrap: balance;
}

.titulo {
  font-size: clamp(30px, 4.2vw, 54px);
  line-height: 1.02;
  letter-spacing: -0.036em;
  font-weight: 500;
  text-wrap: balance;
}
.titulo--chamada {
  font-size: clamp(36px, 5.4vw, 68px);
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.subtitulo {
  font-size: clamp(22px, 2.4vw, 30px);
  line-height: 1.1;
  letter-spacing: -0.03em;
  font-weight: 500;
}

.lead {
  font-size: clamp(18px, 1.7vw, 21px);
  line-height: 1.6;
  letter-spacing: -0.015em;
  max-width: 30em;
  text-wrap: pretty;
}

.apoio {
  font-size: 17px;
  line-height: 1.62;
  color: var(--apoio);
  max-width: 34em;
  text-wrap: pretty;
}

.nota { font-size: 15px; line-height: 1.6; color: var(--apoio); max-width: 36em; text-wrap: pretty; }
.corpo { font-size: 16px; line-height: 1.7; max-width: 34em; }

.indice {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  color: rgba(46, 108, 134, 0.55);
}

.destaque { color: var(--eletrico); }
.destaque-petroleo { color: var(--petroleo); }

.m-e2 { margin-top: var(--e2); }
.m-e3 { margin-top: var(--e3); }
.m-e4 { margin-top: var(--e4); }
.m-e5 { margin-top: var(--e5); }
.medida-curta { max-width: 26em; }

/* Grade */
.envelope {
  width: 100%;
  max-width: calc(var(--largura) + var(--margem) * 2);
  margin-inline: auto;
  padding-inline: var(--margem);
}

.secao { position: relative; padding-block: var(--secao); }

.secao--branca  { background: var(--branco); }
.secao--cristal { background: var(--cristal); }
.secao--linho   { background: var(--linho); }

.secao--continua { padding-top: 0; }
.secao--continua .filete-topo { margin-bottom: clamp(56px, 7vw, 104px); }

.filete-topo { height: 1px; background: var(--filete); transform-origin: 0 50%; }

/* Capa */
.capa {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--abisso);
  color: var(--cristal);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: clamp(124px, 15vh, 180px);
  padding-bottom: clamp(48px, 7vw, 96px);
  --apoio: var(--nevoa);
  --etiqueta: var(--etiqueta-clara);
}
.capa--alta { min-height: min(94vh, 920px); padding-bottom: clamp(26px, 3.6vh, 46px); }
.capa--gradiente { background: linear-gradient(162deg, #0A2046 0%, var(--profundo) 46%, var(--abisso) 100%); }
.capa--gradiente::after {
  content: '';
  position: absolute;
  inset: auto -14% -52% auto;
  width: 70%;
  aspect-ratio: 1.1;
  z-index: -1;
  background: radial-gradient(circle at 60% 60%, rgba(5, 81, 251, 0.38), rgba(5, 81, 251, 0) 66%);
  filter: blur(50px);
}

.capa__foto {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--foco, 50% 50%);
  z-index: -2;
}
.capa__veu {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(74deg, rgba(1,12,20,.82) 0%, rgba(1,12,20,.58) 38%, rgba(1,12,20,.2) 70%, rgba(1,12,20,.02) 96%),
    linear-gradient(180deg, rgba(1,12,20,.5) 0%, rgba(1,12,20,.06) 22%, rgba(1,12,20,.58) 64%, rgba(1,12,20,.93) 100%);
}

.capa .display { margin-top: clamp(20px, 2.4vw, 30px); max-width: 19ch; }
.capa .titulo { margin-top: clamp(18px, 2vw, 24px); max-width: 20ch; }
.capa .apoio {
  margin-top: clamp(24px, 2.6vw, 32px);
  max-width: 29em;
  font-size: clamp(17px, 1.5vw, 19px);
  color: var(--nevoa);
}
.capa .acoes { margin-top: clamp(32px, 3.4vw, 44px); }

.migalhas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(224, 231, 235, 0.6);
  margin-bottom: var(--e3);
}
.migalhas a { transition: color 0.28s var(--curva); }
.migalhas a:hover { color: var(--etiqueta-clara); }
.migalhas > * + *::before { content: '·'; margin-right: 10px; }

.fatos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 148px), 1fr));
  gap: clamp(18px, 2.6vw, 40px);
  margin-top: clamp(30px, 5.4vh, 88px);
}
.fatos__item { padding-top: 20px; border-top: 1px solid rgba(224, 231, 235, 0.26); }
.fatos__item p + p {
  margin-top: 12px;
  font-size: clamp(24px, 2.5vw, 32px);
  line-height: 1;
  letter-spacing: -0.035em;
  font-weight: 500;
}

/* Cabeçalho */
.topo {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 90;
  padding-top: 18px;
  transition: padding-top 0.4s var(--curva);
}
.topo.fixado { padding-top: 10px; }

.topo__barra {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  height: 74px;
  padding: 0 14px 0 20px;
  border-radius: 999px;
  background: transparent;
  border: 1px solid transparent;
  transition: background-color 0.45s var(--curva), border-color 0.45s var(--curva),
              height 0.45s var(--curva), box-shadow 0.45s var(--curva);
}
.topo.fixado .topo__barra {
  height: 64px;
  background: rgba(255, 255, 255, 0.86);
  border-color: rgba(7, 23, 58, 0.08);
  backdrop-filter: blur(20px) saturate(1.4);
  -webkit-backdrop-filter: blur(20px) saturate(1.4);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 18px 44px -26px rgba(7, 23, 58, 0.36);
}

.marca { display: inline-flex; align-items: center; gap: 12px; flex: none; }
.marca__simbolo { width: 36px; height: 36px; border-radius: 11px; }
.marca__palavra { position: relative; display: block; height: 19px; width: 92px; flex: none; }
.marca__palavra img { position: absolute; inset: 0; height: 19px; width: auto; transition: opacity 0.4s ease; }
.marca__palavra .wm-escuro { opacity: 0; }
.topo.fixado .marca__palavra .wm-claro { opacity: 0; }
.topo.fixado .marca__palavra .wm-escuro { opacity: 1; }
.topo.menu-aberto .marca__palavra .wm-claro { opacity: 0; }
.topo.menu-aberto .marca__palavra .wm-escuro { opacity: 1; }

.topo__nav { display: flex; align-items: center; gap: 2px; margin-inline: auto; }
.topo__nav a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 11px 12px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  color: rgba(242, 246, 248, 0.8);
  transition: color 0.3s var(--curva), background-color 0.3s var(--curva);
}
.nav-ico {
  width: 17px;
  height: 17px;
  flex: none;
  fill: currentColor;
  opacity: 0.72;
  transition: fill 0.3s var(--curva), opacity 0.3s var(--curva);
}
.topo__nav a:hover { color: #fff; background: rgba(255, 255, 255, 0.1); }
.topo__nav a:hover .nav-ico,
.topo__nav a[aria-current='page'] .nav-ico { opacity: 1; fill: var(--ciano); }
.topo.fixado .topo__nav a { color: #3F5A70; }
.topo.fixado .topo__nav a:hover { color: var(--profundo); background: rgba(5, 81, 251, 0.06); }
.topo.fixado .topo__nav a:hover .nav-ico,
.topo.fixado .topo__nav a[aria-current='page'] .nav-ico { fill: var(--eletrico); }
.topo__nav a[aria-current='page'] { color: #fff; font-weight: 600; background: rgba(255, 255, 255, 0.08); }
.topo.fixado .topo__nav a[aria-current='page'] { color: var(--profundo); background: rgba(5, 81, 251, 0.07); }

.topo__acoes { display: flex; align-items: center; gap: 10px; flex: none; }

.topo__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 24px;
  border-radius: 999px;
  border: 1px solid rgba(242, 246, 248, 0.34);
  background: transparent;
  color: var(--cristal);
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  transition: transform 0.26s var(--curva), background-color 0.3s ease,
              border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
.topo__cta:hover { transform: translateY(-2px); background: #fff; border-color: #fff; color: var(--profundo); }
.topo.fixado .topo__cta {
  background: var(--eletrico);
  border-color: var(--eletrico);
  color: #fff;
  box-shadow: 0 12px 26px -12px rgba(5, 81, 251, 0.6);
}
.topo.fixado .topo__cta:hover { background: #0A47D8; border-color: #0A47D8; }

.topo__ferramenta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 14px;
  border-radius: 999px;
  color: rgba(242, 246, 248, 0.86);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  transition: color 0.3s ease, background-color 0.3s ease;
}
.topo__ferramenta:hover { color: #fff; background: rgba(255, 255, 255, 0.1); }
.topo.fixado .topo__ferramenta { color: #3F5A70; }
.topo.fixado .topo__ferramenta:hover { color: var(--profundo); background: rgba(5, 81, 251, 0.06); }
.topo__ferramenta[aria-current='page'] { color: #fff; font-weight: 600; }
.topo.fixado .topo__ferramenta[aria-current='page'] { color: var(--profundo); }

.topo__ferramenta:hover .nav-ico,
.topo__ferramenta[aria-current='page'] .nav-ico { opacity: 1; fill: var(--ciano); }
.topo.fixado .topo__ferramenta:hover .nav-ico,
.topo.fixado .topo__ferramenta[aria-current='page'] .nav-ico { fill: var(--eletrico); }

.menu-botao {
  display: none;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid rgba(242, 246, 248, 0.34);
  background: rgba(242, 246, 248, 0.08);
  cursor: pointer;
  position: relative;
  flex: none;
  transition: background-color 0.4s ease, border-color 0.4s ease;
}
.topo.fixado .menu-botao { background: rgba(255, 255, 255, 0.86); border-color: rgba(7, 23, 58, 0.1); }
.menu-botao span {
  position: absolute;
  left: 50%;
  width: 18px;
  height: 1.5px;
  background: var(--cristal);
  translate: -50% 0;
  transition: translate 0.3s var(--curva), rotate 0.3s var(--curva),
              opacity 0.2s linear, background-color 0.4s ease;
}
.topo.fixado .menu-botao span { background: var(--profundo); }
.menu-botao span:nth-child(1) { top: 17px; }
.menu-botao span:nth-child(2) { top: 22.5px; }
.menu-botao span:nth-child(3) { top: 28px; }
.menu-botao[aria-expanded='true'] span { background: var(--profundo); }
.menu-botao[aria-expanded='true'] span:nth-child(1) { translate: -50% 5.5px; rotate: 45deg; }
.menu-botao[aria-expanded='true'] span:nth-child(2) { opacity: 0; }
.menu-botao[aria-expanded='true'] span:nth-child(3) { translate: -50% -5.5px; rotate: -45deg; }

.menu-movel {
  position: fixed;
  inset: 0;
  z-index: 85;
  background: linear-gradient(170deg, #FFFFFF 0%, var(--cristal) 55%, #E4EFF7 100%);
  padding: 92px var(--margem) 28px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  opacity: 0;
  visibility: hidden;
  translate: 0 -12px;
  transition: opacity 0.34s var(--curva), translate 0.34s var(--curva), visibility 0.34s;
  overflow-y: auto;
}
.menu-movel.aberto { opacity: 1; visibility: visible; translate: 0 0; }
.menu-movel a {
  padding: 12px 0;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.025em;
  color: var(--profundo);
  border-bottom: 1px solid var(--filete);
  display: flex;
  align-items: center;
  gap: 14px;
}
.menu-movel a .nav-ico { width: 22px; height: 22px; opacity: 0.85; fill: var(--eletrico); color: #3F5A70; }
.menu-movel a:hover .nav-ico,
.menu-movel a[aria-current='page'] .nav-ico { opacity: 1; color: var(--profundo); }
.menu-movel a[aria-current='page'] { font-weight: 600; }
.menu-movel a[aria-current='page']::after {
  content: '';
  margin-left: auto;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--eletrico);
  flex: none;
}

.menu-movel .menu-movel__cta {
  align-self: flex-start;
  width: auto;
  min-height: 46px;
  margin-top: var(--e3);
  padding: 12px 22px;
  font-size: 15px;
  color: #fff;
  border-bottom: 0;
  box-shadow: 0 10px 22px -12px rgba(5, 81, 251, 0.6);
}
.menu-movel .menu-movel__cta::after { display: none; }

@media (min-width: 1280px) and (max-width: 1439px) {
  .topo__nav a { font-size: 14px; padding: 11px 9px; gap: 6px; }
  .topo__nav .nav-ico, .topo__ferramenta .nav-ico { width: 16px; height: 16px; }
  .topo__ferramenta { padding: 11px 10px; font-size: 13.5px; gap: 7px; }
  .topo__cta { padding: 12px 18px; font-size: 14px; }
  .topo__acoes { gap: 8px; }
}
@media (max-width: 1279px) {
  .topo__nav { display: none; }
  .topo__ferramenta { display: none; }
  .topo__cta { display: none; }
  .menu-botao { display: block; }
}

/* Botões */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  max-width: 100%;
  padding: 15px 30px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  text-wrap: balance;
  cursor: pointer;
  transition: transform 0.28s var(--curva), background-color 0.28s ease,
              border-color 0.28s ease, box-shadow 0.28s ease, color 0.28s ease;
}
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(0); transition-duration: 0.08s; }

.btn--primario { background: var(--eletrico); color: #fff; box-shadow: 0 16px 34px -12px rgba(5,81,251,.66); }
.btn--primario:hover { background: #0A47D8; box-shadow: 0 22px 42px -12px rgba(5,81,251,.74); }

.btn--secundario {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(7, 23, 58, 0.1);
  color: var(--profundo);
}
.btn--secundario:hover { background: #fff; border-color: rgba(5, 81, 251, 0.34); }

.capa .btn--secundario,
.banda .btn--secundario,
.tema-profundo .btn--secundario {
  background: rgba(242, 246, 248, 0.07);
  border-color: rgba(242, 246, 248, 0.3);
  color: var(--cristal);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.capa .btn--secundario:hover,
.banda .btn--secundario:hover,
.tema-profundo .btn--secundario:hover {
  background: rgba(242, 246, 248, 0.16);
  border-color: rgba(242, 246, 248, 0.6);
}

.acoes { display: flex; flex-wrap: wrap; gap: var(--e2); margin-top: var(--e4); }

.acoes--par,
.acoes:has(> .btn:nth-of-type(2)):not(:has(> .btn:nth-of-type(3))) {
  flex-wrap: nowrap;
  align-items: stretch;
}
.acoes--par > .btn,
.acoes:has(> .btn:nth-of-type(2)):not(:has(> .btn:nth-of-type(3))) > .btn {
  flex: 0 1 auto;
  min-width: 0;
}
@media (max-width: 620px) {
  .acoes--par,
  .acoes:has(> .btn:nth-of-type(2)):not(:has(> .btn:nth-of-type(3))) {
    gap: 10px;
    width: 100%;
  }
  .acoes--par > .btn,
  .acoes:has(> .btn:nth-of-type(2)):not(:has(> .btn:nth-of-type(3))) > .btn {
    flex: 1 1 0;
    min-height: 50px;
    padding: 12px 12px;
    font-size: clamp(13px, 3.6vw, 15px);
  }
  .formulario .acoes > .btn:only-child,
  .caixa-forma .acoes > .btn:only-child,
  .resultado .acoes > .btn:only-child { width: 100%; }
}

.link-no {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 600;
  color: var(--eletrico);
  transition: gap 0.28s var(--curva);
}
.link-no::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1.5px solid currentColor;
  flex: none;
  transition: background-color 0.28s var(--curva);
}
.link-no:hover { gap: 15px; }
.link-no:hover::after { background: currentColor; }
.tema-profundo .link-no, .banda .link-no { color: var(--ciano); }

/* Cabeçalho de seção */
.cabecalho-secao { max-width: 44rem; }
.cabecalho-secao .titulo { margin-top: 20px; }
.cabecalho-secao .apoio { margin-top: 24px; }

.cabecalho-secao--linha {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(24px, 4vw, 56px);
  align-items: flex-end;
  justify-content: space-between;
  max-width: none;
}
.cabecalho-secao--par {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
  gap: clamp(36px, 5vw, 80px);
  align-items: start;
  max-width: none;
}
.cabecalho-secao--par .titulo { max-width: 20ch; }

/* Cartão-filete */
.grade {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--min, 252px)), 1fr));
  gap: clamp(26px, 3vw, 38px) clamp(28px, 3.4vw, 46px);
  margin-top: clamp(44px, 5vw, 68px);
}

.cartao h3 { font-size: 19px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.28; }
.cartao p { margin-top: 10px; font-size: 15px; line-height: 1.6; color: var(--apoio); }

.tema-profundo .indice { color: rgba(224, 231, 235, 0.5); }

.icone { width: 28px; height: 28px; flex: none; }
.icone--pequeno { width: 24px; height: 24px; }

/* Listas de filete */
.lista-filetes { margin-top: clamp(32px, 4vw, 52px); }
.lista-filetes li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: clamp(18px, 2.4vw, 34px);
  padding-block: 26px;
  border-top: 1px solid var(--filete);
}
.lista-filetes li:last-child { border-bottom: 1px solid var(--filete); }
.lista-filetes .indice { color: var(--eletrico); padding-top: 6px; }
.lista-filetes h3 { font-size: 19px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.3; }
.lista-filetes p { margin-top: 8px; font-size: 15.5px; line-height: 1.62; color: var(--apoio); max-width: 32em; }
.tema-profundo .lista-filetes .indice { color: var(--ciano); }

.camadas { margin-top: clamp(44px, 5vw, 72px); }
.camadas li {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: clamp(12px, 2.4vw, 40px);
  align-items: baseline;
  padding-block: clamp(28px, 3vw, 40px);
  border-top: 1px solid var(--filete);
}
.camadas li:last-child { border-bottom: 1px solid var(--filete); }
.camadas__titulo { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.camadas h3 { font-size: clamp(22px, 2.4vw, 30px); font-weight: 500; letter-spacing: -0.03em; line-height: 1.1; }
.camadas p { font-size: 16px; line-height: 1.62; color: var(--apoio); max-width: 32em; }

.lista-no { display: flex; flex-direction: column; gap: 14px; }
.lista-no li {
  display: grid;
  grid-template-columns: 9px minmax(0, 1fr);
  gap: 14px;
  font-size: 17px;
  line-height: 1.62;
  color: var(--apoio);
}
.lista-no li::before {
  content: '';
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 1.5px solid var(--eletrico);
  margin-top: calc(0.81em - 4.5px);
}
.lista-no strong { color: var(--tinta); font-weight: 600; }
.tema-profundo .lista-no li::before { border-color: var(--ciano); }

/* O nó e o divisor */
.no {
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 1.5px solid var(--eletrico);
  flex: none;
}
.no--cheio { background: var(--eletrico); }
.tema-profundo .no { border-color: var(--ciano); }
.tema-profundo .no--cheio { background: var(--ciano); }

.divisor { display: flex; align-items: center; gap: 12px; margin-block: var(--e4); }
.divisor::before, .divisor::after {
  content: '';
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 1.5px solid var(--eletrico);
  flex: none;
}
.divisor .filete { flex: 1; height: 1px; background: linear-gradient(90deg, rgba(5,81,251,.34), rgba(5,81,251,.12)); }
.tema-profundo .divisor::before, .tema-profundo .divisor::after { border-color: var(--ciano); }
.tema-profundo .divisor .filete { background: linear-gradient(90deg, rgba(104,234,255,.4), rgba(104,234,255,.1)); }

/* Tema profundo */
.tema-profundo {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(162deg, #0A2046 0%, var(--profundo) 46%, var(--abisso) 100%);
  color: var(--cristal);
  --tinta: var(--cristal);
  --apoio: var(--nevoa);
  --etiqueta: var(--etiqueta-clara);
  --filete: rgba(104, 234, 255, 0.22);
}
.tema-profundo::after {
  content: '';
  position: absolute;
  inset: auto -14% -46% auto;
  width: 72%;
  aspect-ratio: 1.1;
  z-index: -1;
  background: radial-gradient(circle at 60% 60%, rgba(5, 81, 251, 0.4), rgba(5, 81, 251, 0) 66%);
  filter: blur(50px);
}
.tema-profundo .destaque { color: var(--ciano); }

/* Banda fotográfica */
.banda {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--abisso);
  color: var(--cristal);
  min-height: clamp(440px, 64vh, 680px);
  display: flex;
  align-items: center;
  --tinta: var(--cristal);
  --apoio: var(--nevoa);
  --etiqueta: var(--etiqueta-clara);
}
.banda__foto {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--foco, 50% 50%);
  z-index: -2;
}
.banda__veu {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(1,12,20,.95) 0%, rgba(1,12,20,.86) 30%, rgba(1,12,20,.5) 58%, rgba(1,12,20,.14) 92%),
    linear-gradient(180deg, rgba(7,23,58,.34), rgba(1,12,20,.52));
}
.banda .envelope { padding-block: clamp(64px, 8vw, 96px); }
.banda__conteudo { max-width: 34rem; }
.banda .titulo { margin-top: 18px; }
.banda .apoio { margin-top: 24px; max-width: 27em; font-size: 17.5px; }
.banda .acoes { margin-top: 36px; }
@media (max-width: 860px) {
  .banda__veu { background: linear-gradient(180deg, rgba(1,12,20,.62) 0%, rgba(1,12,20,.88) 60%, rgba(1,12,20,.94) 100%); }
}

/* Mosaico e figuras */
.mosaico {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 272px), 1fr));
  gap: clamp(16px, 1.9vw, 24px);
  margin-top: clamp(44px, 5vw, 72px);
}
.mosaico figure {
  position: relative;
  border-radius: var(--raio-figura);
  overflow: hidden;
  background: var(--nevoa);
  aspect-ratio: 4 / 5;
  isolation: isolate;
}
.mosaico img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--foco, 50% 50%);
  transition: scale 1.3s var(--curva);
}
.mosaico figure:hover img { scale: 1.045; }
.mosaico figcaption {
  position: absolute;
  inset: auto 0 0 0;
  padding: 26px;
  color: #fff;
  background: linear-gradient(180deg, rgba(1,12,20,0) 0%, rgba(1,12,20,.7) 68%, rgba(1,12,20,.86) 100%);
}
.mosaico figcaption .etiqueta { color: #7FE4F5; }
.mosaico figcaption p + p {
  margin-top: 10px;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.28;
}
@media (max-width: 760px) { .mosaico figure { aspect-ratio: 16 / 10; } }

.figura {
  position: relative;
  border-radius: var(--raio-figura);
  overflow: hidden;
  background: var(--nevoa);
  aspect-ratio: 4 / 3;
  box-shadow: 0 30px 70px -32px rgba(7, 23, 58, 0.3);
}
.figura img { width: 100%; height: 100%; object-fit: cover; object-position: var(--foco, 50% 50%); }

/* Duas colunas */
.duas-colunas {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
  gap: clamp(36px, 5vw, 80px);
  align-items: center;
}
.duas-colunas--topo { align-items: start; }

/* Painel de dados */
.painel-dados {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));
  gap: clamp(36px, 5vw, 72px);
  margin-top: clamp(44px, 5vw, 72px);
  align-items: start;
}
.barras { display: flex; align-items: flex-end; gap: clamp(10px, 1.6vw, 20px); height: 300px; margin-top: var(--e4); }
.barra { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 14px; height: 100%; justify-content: flex-end; }
.barra__pilula {
  position: relative;
  width: 100%;
  max-width: 78px;
  border-radius: 999px;
  background: var(--nevoa);
  display: flex;
  justify-content: center;
  padding-top: 16px;
  font-size: 15px;
  font-weight: 600;
  color: var(--profundo);
  font-variant-numeric: tabular-nums;
  height: var(--altura, 40%);
  transform-origin: 50% 100%;
  transition: scale 1s var(--curva-suave);
}
.barra--media .barra__pilula { background: #9CC9EC; }
.barra--pico .barra__pilula { background: var(--eletrico); color: #fff; }
.barra--pico .barra__pilula::after {
  content: '';
  position: absolute;
  top: 44px;
  left: 50%;
  translate: -50% 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #fff;
}
.barra__rotulo { font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; color: var(--apoio); }
.barra--pico .barra__rotulo { color: var(--eletrico); }

.indicadores { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: var(--e4) 24px; }
.indicador .etiqueta { display: block; margin-bottom: 14px; }
.numero {
  font-size: clamp(34px, 4.2vw, 52px);
  line-height: 1;
  letter-spacing: -0.04em;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.numero small { font-size: 0.42em; font-weight: 500; letter-spacing: -0.02em; color: var(--apoio); }
.indicador p:last-child { margin-top: 10px; font-size: 15px; color: var(--apoio); }

.anel-proporcao { display: flex; align-items: center; gap: clamp(20px, 3vw, 40px); flex-wrap: wrap; margin-top: var(--e4); }
.anel-proporcao svg { width: 168px; height: 168px; flex: none; }
.legenda { display: flex; flex-direction: column; gap: 12px; }
.legenda li { display: flex; align-items: center; gap: 12px; font-size: 14px; color: var(--apoio); }
.legenda b { color: var(--tinta); font-weight: 600; font-variant-numeric: tabular-nums; min-width: 52px; }
.legenda i { width: 9px; height: 9px; border-radius: 50%; flex: none; }

/* Passos */
.passos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 216px), 1fr));
  gap: clamp(26px, 3vw, 40px);
  margin-top: clamp(44px, 5vw, 72px);
  counter-reset: passo;
}
.passos > div { counter-increment: passo; padding-top: 24px; border-top: 1px solid var(--filete-forte); }
.passos > div::before {
  content: counter(passo, decimal-leading-zero);
  display: block;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  color: var(--eletrico);
  margin-bottom: var(--e3);
}
.passos h3 { font-size: 18px; font-weight: 600; letter-spacing: -0.02em; }
.passos p { margin-top: 10px; font-size: 15px; line-height: 1.6; color: var(--apoio); }
.tema-profundo .passos > div { border-top-color: var(--filete-claro); }
.tema-profundo .passos > div::before { color: var(--ciano); }

/* Trilha */
.trilha { margin-top: clamp(44px, 5vw, 72px); }
.trilha li {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
  gap: clamp(12px, 2.4vw, 48px);
  align-items: baseline;
  padding-block: clamp(28px, 3vw, 40px);
  border-top: 1px solid var(--filete);
}
.trilha li:last-child { border-bottom: 1px solid var(--filete); }
.trilha__ano {
  font-size: clamp(22px, 2.4vw, 30px);
  line-height: 1;
  letter-spacing: -0.035em;
  font-weight: 500;
  color: var(--eletrico);
  font-variant-numeric: tabular-nums;
}
.trilha h3 { font-size: 18px; font-weight: 600; letter-spacing: -0.02em; }
.trilha p { margin-top: 8px; font-size: 15.5px; line-height: 1.62; color: var(--apoio); max-width: 38em; }

/* Citação */
.citacao { margin-top: clamp(44px, 5vw, 72px); padding-left: var(--e4); border-left: 1px solid rgba(5, 81, 251, 0.3); }
.citacao p { font-size: clamp(24px, 3vw, 36px); line-height: 1.1; letter-spacing: -0.035em; font-weight: 500; }
.citacao footer { margin-top: var(--e3); }

/* Sanfona */
.sanfona { margin-top: clamp(44px, 5vw, 68px); border-top: 1px solid var(--filete); }
.sanfona__item { border-bottom: 1px solid var(--filete); }
.sanfona__gatilho {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: clamp(26px, 3vw, 36px) 0;
  background: none;
  border: 0;
  cursor: pointer;
  text-align: left;
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 500;
  letter-spacing: -0.025em;
  color: var(--tinta);
  transition: color 0.24s var(--curva);
}
.sanfona__gatilho:hover { color: var(--eletrico); }
.sanfona__sinal {
  position: relative;
  width: 22px;
  height: 22px;
  flex: none;
  border-radius: 50%;
  border: 1.5px solid var(--eletrico);
  transition: background-color 0.3s var(--curva);
}
.sanfona__sinal::before, .sanfona__sinal::after {
  content: '';
  position: absolute;
  inset: 50% 5px auto;
  height: 1.5px;
  background: var(--eletrico);
  translate: 0 -50%;
  transition: rotate 0.34s var(--curva), background-color 0.3s var(--curva);
}
.sanfona__sinal::after { rotate: 90deg; }
.sanfona__gatilho[aria-expanded='true'] .sanfona__sinal { background: var(--eletrico); }
.sanfona__gatilho[aria-expanded='true'] .sanfona__sinal::before,
.sanfona__gatilho[aria-expanded='true'] .sanfona__sinal::after { background: #fff; rotate: 0deg; }
.sanfona__painel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.42s var(--curva); }
.sanfona__painel[data-aberto='true'] { grid-template-rows: 1fr; }
.sanfona__painel > div { overflow: hidden; }
.sanfona__painel p { margin-bottom: clamp(26px, 3vw, 36px); max-width: 44em; font-size: 16px; line-height: 1.7; color: var(--apoio); }
.sanfona__painel a { color: var(--eletrico); font-weight: 500; }

/* Formulário */
.contato-grade {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
  gap: clamp(36px, 5vw, 72px);
  align-items: start;
}
.formulario { display: grid; gap: var(--e3); margin-top: var(--e4); }
.campo { display: flex; flex-direction: column; gap: 10px; }
.campo label {
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--etiqueta);
}
.campo input, .campo select, .campo textarea {
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.5;
  color: var(--profundo);
  background: var(--branco);
  border: 1px solid rgba(7, 23, 58, 0.12);
  border-radius: 12px;
  padding: 15px 18px;
  width: 100%;
  transition: border-color 0.24s var(--curva), box-shadow 0.24s var(--curva);
}
.campo textarea { min-height: 148px; resize: vertical; }
.campo input::placeholder, .campo textarea::placeholder { color: rgba(46, 108, 134, 0.6); }
.campo input:focus, .campo select:focus, .campo textarea:focus {
  outline: 0;
  border-color: rgba(5, 81, 251, 0.5);
  box-shadow: 0 0 0 4px rgba(5, 81, 251, 0.1);
}
.campo--par { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: var(--e3); }

.consentimento {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--apoio);
}
.consentimento input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--eletrico); }
.consentimento a { color: var(--eletrico); font-weight: 500; }

.estado-form {
  display: none;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-radius: 12px;
  background: rgba(5, 81, 251, 0.07);
  border: 1px solid rgba(5, 81, 251, 0.22);
  font-size: 15px;
  color: var(--profundo);
}
.estado-form[data-visivel='true'] { display: flex; }

/* Canais */
.canais { margin-top: var(--e4); border-top: 1px solid var(--filete); }
.canal {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: 22px 0;
  border-bottom: 1px solid var(--filete);
  transition: padding-left 0.34s var(--curva);
}
a.canal:hover { padding-left: 12px; }
.canal .janela-icone { background: rgba(5, 81, 251, 0.07); border-color: rgba(5, 81, 251, 0.16); }
.canal p + p { margin-top: 6px; font-size: 16px; font-weight: 500; letter-spacing: -0.01em; }

/* Prosa (páginas legais) */
.prosa { max-width: 40rem; }
.prosa h2 {
  margin: clamp(48px, 5vw, 72px) 0 var(--e2);
  font-size: clamp(22px, 2.4vw, 28px);
  line-height: 1.16;
  letter-spacing: -0.028em;
  font-weight: 500;
}
.prosa h2:first-child { margin-top: 0; }
.prosa h3 { margin: var(--e4) 0 var(--e2); font-size: 18px; font-weight: 600; letter-spacing: -0.015em; }
.prosa p { margin-bottom: var(--e2); font-size: 16px; line-height: 1.7; }
.prosa ul, .prosa ol { margin-bottom: var(--e2); }
.prosa ul li { position: relative; padding-left: 26px; margin-bottom: 12px; font-size: 16px; line-height: 1.66; }
.prosa ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 1.5px solid var(--eletrico);
}
.prosa ol { counter-reset: item; }
.prosa ol li { counter-increment: item; position: relative; padding-left: 34px; margin-bottom: 12px; line-height: 1.66; }
.prosa ol li::before {
  content: counter(item, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 2px;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.1em;
  color: var(--eletrico);
}
.prosa a { color: var(--eletrico); font-weight: 500; }
.prosa strong { font-weight: 600; }

.indice-lateral { position: sticky; top: 132px; }
.indice-lateral ul { margin-top: var(--e3); display: flex; flex-direction: column; gap: 12px; }
.indice-lateral a { font-size: 14.5px; color: var(--apoio); transition: color 0.24s var(--curva); }
.indice-lateral a:hover { color: var(--eletrico); }
.indice-lateral .vigencia { margin-top: clamp(40px, 5vw, 64px); padding-top: 24px; border-top: 1px solid var(--filete); }
.indice-lateral .vigencia p:last-child { margin-top: 10px; font-size: 14px; color: var(--apoio); }
@media (max-width: 900px) { .indice-lateral { position: static; } }

/* Tabela */
.tabela { width: 100%; border-collapse: collapse; margin-top: clamp(40px, 4.6vw, 64px); }
.tabela th, .tabela td {
  text-align: left;
  padding: 22px 0;
  border-bottom: 1px solid var(--filete);
  font-size: 15.5px;
  line-height: 1.62;
  vertical-align: top;
}
.tabela tr:first-child th, .tabela tr:first-child td { border-top: 1px solid var(--filete); }
.tabela th {
  width: 240px;
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--etiqueta);
  padding-top: 25px;
}
.tabela td { color: var(--apoio); }
@media (max-width: 620px) {
  .tabela, .tabela tbody, .tabela tr, .tabela th, .tabela td { display: block; width: auto; }
  .tabela th { border: 0; padding-bottom: 6px; }
  .tabela tr:first-child td { border-top: 0; }
  .tabela td { padding-top: 0; }
}

/* Valores */
.valores {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: clamp(26px, 3vw, 40px) clamp(28px, 3.4vw, 46px);
  margin-top: clamp(44px, 5vw, 68px);
}
.valores > div { padding-top: 24px; border-top: 1px solid var(--filete-forte); }
.valores h3 { margin-top: var(--e3); font-size: 18px; font-weight: 600; letter-spacing: -0.015em; }
.valores p { margin-top: 10px; font-size: 15px; line-height: 1.6; color: var(--apoio); }

/* Rodapé */
.rodape {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--abisso);
  color: var(--nevoa);
  padding-top: clamp(72px, 9vw, 112px);
  padding-bottom: 40px;
}
.rodape::after {
  content: '';
  position: absolute;
  inset: auto -18% -54% auto;
  width: 74%;
  aspect-ratio: 1.1;
  z-index: -1;
  background: radial-gradient(circle at 60% 60%, rgba(5, 81, 251, 0.3), rgba(5, 81, 251, 0) 66%);
  filter: blur(52px);
}
.rodape__grade {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 208px), 1fr));
  gap: clamp(36px, 4.4vw, 56px) 24px;
}
.rodape__marca img { height: 22px; width: auto; }
.rodape__marca p { margin-top: 26px; max-width: 26em; font-size: 15px; line-height: 1.65; color: rgba(224, 231, 235, 0.72); }
.rodape h3 {
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--etiqueta-clara);
}
.rodape ul, .rodape__dados > div { margin-top: 26px; display: flex; flex-direction: column; gap: 12px; }
.rodape ul a { font-size: 15px; color: rgba(224, 231, 235, 0.78); transition: color 0.24s var(--curva); }
.rodape ul a:hover { color: #fff; }
.rodape__dados p { font-size: 15px; color: rgba(224, 231, 235, 0.78); }
.rodape__dados b { display: block; color: var(--cristal); font-weight: 500; }

.rodape__base {
  margin-top: clamp(52px, 6vw, 84px);
  padding-top: 32px;
  border-top: 1px solid rgba(104, 234, 255, 0.16);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.rodape__base p, .rodape__base a {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(224, 231, 235, 0.54);
  transition: color 0.24s var(--curva);
}
.rodape__base a:hover { color: var(--etiqueta-clara); }
.rodape__legais { display: flex; gap: 24px; flex-wrap: wrap; }

/* MOVIMENTO */
@keyframes cqSobe { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes cqSobeCurto { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes cqFilete { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes cqFoto { from { opacity: 0; transform: scale(1.07); } to { opacity: 1; transform: none; } }
@keyframes cqCortina {
  0%   { opacity: 0; transform: translateY(110%) skewY(6deg); clip-path: inset(-20% -6% 90% -6%); }
  18%  { opacity: 1; }
  100% { opacity: 1; transform: none; clip-path: inset(-20% -6% -20% -6%); }
}
@keyframes cqPalco {
  0%   { opacity: 0; transform: scale(1.045); filter: blur(12px); }
  55%  { opacity: 1; }
  100% { opacity: 1; transform: none; filter: blur(0); }
}

/* Abertura */
.abertura {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 300;
  background: linear-gradient(168deg, #FFFFFF 0%, var(--cristal) 45%, #DFE9F2 100%);
  overflow: hidden;
}
.aguardando-abertura .abertura,
.abertura.tocando { display: block; }
.abertura__tela { position: absolute; inset: 0; width: 100%; height: 100%; }
.abertura__simbolo {
  position: absolute;
  top: 0;
  left: 0;
  width: 220px;
  height: 220px;
  margin: -110px 0 0 -110px;
  border-radius: 24%;
  will-change: transform, opacity;
}
.abertura__ponto {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  border-radius: 50%;
  background: var(--eletrico);
  box-shadow: 0 0 40px rgba(5, 81, 251, 0.5);
  will-change: transform, opacity;
}
.abertura__clarao {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  border-radius: 50%;
  background: radial-gradient(circle, #fff 0%, rgba(255, 255, 255, 0.82) 34%, rgba(255, 255, 255, 0) 70%);
  opacity: 0;
  will-change: transform, opacity;
}
.abertura__progresso {
  position: absolute;
  left: 50%;
  bottom: clamp(44px, 11vh, 104px);
  transform: translateX(-50%);
  display: grid;
  justify-items: center;
  gap: 12px;
  color: var(--profundo);
  pointer-events: none;
}
.abertura__valor {
  font-family: var(--mono);
  font-size: clamp(22px, 2.3vw, 30px);
  font-weight: 500;
  letter-spacing: 0.04em;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.abertura__valor small { margin-left: 3px; font-size: 0.55em; color: var(--apoio); }
.abertura__barra {
  display: block;
  width: clamp(120px, 15vw, 180px);
  height: 2px;
  border-radius: 2px;
  background: rgba(7, 23, 58, 0.12);
  overflow: hidden;
}
.abertura__barra > span {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--eletrico), var(--ciano));
  transform: scaleX(0);
  transform-origin: left center;
}
.abertura__pular {
  position: absolute;
  left: clamp(24px, 6vw, 96px);
  bottom: clamp(24px, 5vw, 58px);
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid rgba(7, 23, 58, 0.12);
  background: rgba(255, 255, 255, 0.6);
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--apoio);
  cursor: pointer;
  transition: color 0.24s var(--curva), border-color 0.24s var(--curva);
}
.abertura__pular:hover { color: var(--profundo); border-color: rgba(5, 81, 251, 0.34); }

.aguardando-abertura { overflow: hidden; }
.aguardando-abertura .palco, .aguardando-abertura .topo { opacity: 0; }
.abrindo .palco { animation: cqPalco 1.15s var(--curva) both; transform-origin: 50% 42%; }
.abrindo .topo { animation: cqSobeCurto 0.9s var(--curva) 0.2s both; }
.aguardando-abertura .marca__simbolo { opacity: 0; }
.entregando-marca .marca__simbolo { animation: cqSobeCurto 0.5s var(--curva) both; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-delay: 0ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .aguardando-abertura .palco,
  .aguardando-abertura .topo,
  .aguardando-abertura .marca__simbolo { opacity: 1; }
}

/* Utilidades */
.somente-leitor {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* Grades de colunas fixas */
.grade--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 920px) { .grade--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .grade--3 { grid-template-columns: 1fr; } }

.valores { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 920px) { .valores { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .valores { grid-template-columns: 1fr; } }

/* Bloco "Sobre" da home */
.fatos--claro { margin-top: clamp(40px, 5vw, 64px); }
.fatos--claro .fatos__item { border-top-color: var(--filete-forte); }
.fatos--claro .fatos__item .etiqueta { color: var(--etiqueta); }
.fatos--claro .fatos__item p + p { color: var(--tinta); }

/* Perfil com fotografia */
.perfil { align-items: center; }
.perfil .figura { aspect-ratio: 5 / 4; }

/* Artigos */
.artigos {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(26px, 3vw, 38px) clamp(28px, 3.4vw, 46px);
  margin-top: clamp(44px, 5vw, 68px);
}
@media (max-width: 920px) { .artigos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .artigos { grid-template-columns: 1fr; } }

.artigo { display: flex; flex-direction: column; gap: 20px; }
.artigo__capa {
  border-radius: var(--raio-figura);
  overflow: hidden;
  background: var(--nevoa);
  aspect-ratio: 16 / 10;
}
.artigo__capa img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--foco, 50% 50%);
  transition: scale 1.3s var(--curva);
}
.artigo:hover .artigo__capa img { scale: 1.045; }
.artigo__meta { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.artigo__meta .etiqueta + .etiqueta { color: rgba(46, 108, 134, 0.55); }
.artigo h3 {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.28;
  transition: color 0.28s var(--curva);
}
.artigo:hover h3 { color: var(--eletrico); }
.artigo p { font-size: 15px; line-height: 1.6; color: var(--apoio); }

/* Encarregado de dados, centralizado */
.canais--centro { max-width: 30rem; margin-inline: auto; text-align: left; }
.nota--larga { max-width: 38em; }

/* Marca dentro de seção escura */
.selo-marca { width: 72px; height: 72px; border-radius: 22%; margin-bottom: var(--e4); }

@media (min-width: 900px) { .perfil--invertido .figura, .perfil--invertido > .placa { order: 2; } }

.capa__foto--espelhada { scale: -1 1; }

/* CAPA COM GLOBO */
.capa--globo {
  background:
    radial-gradient(120% 90% at 68% 46%, rgba(5, 81, 251, 0.30) 0%, rgba(5, 81, 251, 0) 58%),
    linear-gradient(178deg, var(--abisso) 0%, #04142E 34%, var(--profundo) 62%, #0A2046 100%);
}
.capa__globo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  pointer-events: none;
}
.capa--globo .capa__veu {
  background:
    linear-gradient(82deg,
      rgba(1, 12, 20, 0.78) 0%,
      rgba(1, 12, 20, 0.46) 34%,
      rgba(1, 12, 20, 0.08) 62%,
      rgba(1, 12, 20, 0) 88%),
    linear-gradient(180deg, rgba(1, 12, 20, 0.44) 0%, rgba(1, 12, 20, 0) 26%, rgba(1, 12, 20, 0.34) 78%, rgba(1, 12, 20, 0.72) 100%);
}
@media (max-width: 860px) {
  .capa--globo .capa__veu {
    background: linear-gradient(180deg,
      rgba(1, 12, 20, 0.30) 0%,
      rgba(1, 12, 20, 0.20) 14%,
      rgba(1, 12, 20, 0.72) 38%,
      rgba(1, 12, 20, 0.92) 62%,
      rgba(1, 12, 20, 0.96) 100%);
  }
}

/* SEÇÃO FOTOGRÁFICA ESCURA */
.secao--foto {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--abisso);
  color: var(--cristal);
  --tinta: var(--cristal);
  --apoio: var(--nevoa);
  --etiqueta: var(--etiqueta-clara);
  --filete: rgba(104, 234, 255, 0.22);
  --filete-forte: rgba(104, 234, 255, 0.28);
}
.secao__foto {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--foco, 50% 50%);
  z-index: -2;
}
.secao__veu {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(86deg, rgba(1, 12, 20, 0.94) 0%, rgba(1, 12, 20, 0.86) 34%, rgba(1, 12, 20, 0.64) 62%, rgba(1, 12, 20, 0.36) 92%),
    linear-gradient(180deg, rgba(7, 23, 58, 0.5), rgba(1, 12, 20, 0.62));
}
@media (max-width: 860px) {
  .secao__veu {
    background: linear-gradient(180deg, rgba(1, 12, 20, 0.72) 0%, rgba(1, 12, 20, 0.88) 55%, rgba(1, 12, 20, 0.94) 100%);
  }
}
.secao--foto .indice { color: rgba(224, 231, 235, 0.5); }
.secao--foto .link-no { color: var(--ciano); }

.cartao .indice { letter-spacing: 0.18em; }

a.cartao { color: inherit; }
a.cartao h3 { transition: color 0.28s var(--curva); }
a.cartao:hover h3 { color: var(--eletrico); }
.secao--foto a.cartao:hover h3,
.tema-profundo a.cartao:hover h3 { color: var(--ciano); }
a.cartao .link-no { margin-top: auto; }

.acoes .link-no { padding-block: 10px; }

/* CARTÃO */
.cartao {
  padding: clamp(24px, 2.6vw, 32px);
  border: 1px solid rgba(7, 23, 58, 0.1);
  border-radius: var(--raio-caixa);
  background: var(--branco);
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 2.4vw, 28px);
  min-height: 236px;
  transition: border-color 0.4s var(--curva), background-color 0.4s var(--curva),
              box-shadow 0.4s var(--curva), transform 0.4s var(--curva);
}
a.cartao:hover {
  border-color: rgba(5, 81, 251, 0.3);
  box-shadow: 0 26px 52px -30px rgba(7, 23, 58, 0.26);
  transform: translateY(-3px);
}
.cartao__topo { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.cartao__corpo { margin-top: clamp(4px, 1vw, 12px); }

.secao--branca .cartao { background: var(--cristal); border-color: rgba(7, 23, 58, 0.08); }
.secao--branca a.cartao:hover { background: #EDF3F7; }
.secao--linho .cartao { background: rgba(255, 255, 255, 0.72); }

.tema-profundo .cartao,
.secao--foto .cartao {
  background: rgba(61, 167, 245, 0.1);
  border-color: rgba(104, 234, 255, 0.18);
  box-shadow: none;
}
.tema-profundo a.cartao:hover,
.secao--foto a.cartao:hover {
  background: rgba(61, 167, 245, 0.16);
  border-color: rgba(104, 234, 255, 0.42);
  box-shadow: 0 26px 52px -30px rgba(1, 12, 20, 0.8);
}
.secao--foto .cartao {
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.janela-icone {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: rgba(5, 81, 251, 0.07);
  border: 1px solid rgba(5, 81, 251, 0.14);
  flex: none;
  transition: background-color 0.4s var(--curva), border-color 0.4s var(--curva);
}
a.cartao:hover .janela-icone { background: rgba(5, 81, 251, 0.12); border-color: rgba(5, 81, 251, 0.26); }
.tema-profundo .janela-icone,
.secao--foto .janela-icone {
  background: rgba(61, 167, 245, 0.14);
  border-color: rgba(104, 234, 255, 0.24);
}
.tema-profundo a.cartao:hover .janela-icone,
.secao--foto a.cartao:hover .janela-icone {
  background: rgba(61, 167, 245, 0.22);
  border-color: rgba(104, 234, 255, 0.46);
}
.cartao .icone { width: 26px; height: 26px; }

.cartao .lista-no { margin-top: var(--e3); }
.cartao .lista-no li { font-size: 14.5px; }

.passos > div {
  padding: clamp(24px, 2.6vw, 32px);
  border: 1px solid rgba(7, 23, 58, 0.1);
  border-radius: var(--raio-caixa);
  background: var(--branco);
  transition: border-color 0.4s var(--curva), background-color 0.4s var(--curva),
              box-shadow 0.4s var(--curva), transform 0.4s var(--curva);
}
.passos > div::before {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background: rgba(5, 81, 251, 0.07);
  border: 1px solid rgba(5, 81, 251, 0.14);
  font-size: 12px;
  letter-spacing: 0.08em;
  margin-bottom: var(--e3);
}
.secao--branca .passos > div { background: var(--cristal); border-color: rgba(7, 23, 58, 0.08); }
.secao--cristal .passos > div { background: var(--branco); }
.tema-profundo .passos > div {
  background: rgba(61, 167, 245, 0.1);
  border-color: rgba(104, 234, 255, 0.18);
}
.tema-profundo .passos > div::before {
  background: rgba(61, 167, 245, 0.14);
  border-color: rgba(104, 234, 255, 0.24);
}

.valores > div {
  padding: clamp(22px, 2.4vw, 30px);
  border: 1px solid rgba(7, 23, 58, 0.1);
  border-radius: var(--raio-caixa);
  background: var(--branco);
  transition: border-color 0.4s var(--curva), background-color 0.4s var(--curva);
}
.secao--branca .valores > div { background: var(--cristal); border-color: rgba(7, 23, 58, 0.08); }
.valores h3 { margin-top: var(--e3); }

/* CHAMADA CENTRALIZADA */
.cabecalho-secao--centro {
  margin-inline: auto;
  text-align: center;
  max-width: 40rem;
}
.cabecalho-secao--centro .apoio,
.cabecalho-secao--centro .lead { margin-inline: auto; }
.cabecalho-secao--centro .acoes { justify-content: center; }

.grade--compacta { grid-template-columns: 1fr; gap: 12px; }
.cartao--linha {
  flex-direction: row;
  align-items: flex-start;
  gap: 18px;
  min-height: 0;
  padding: 20px clamp(20px, 2vw, 24px);
}
.cartao--linha .cartao__corpo { margin-top: 0; }
.cartao--linha .janela-icone { width: 44px; height: 44px; border-radius: 14px; }
.cartao--linha .icone--pequeno { width: 22px; height: 22px; }

/* CONSULTA */
.consulta {
  margin-top: clamp(40px, 4.6vw, 60px);
  max-width: 48rem;
  scroll-margin-top: 120px;
}
.consulta__forma {
  display: block;
  padding: clamp(24px, 2.8vw, 34px);
  border: 1px solid rgba(7, 23, 58, 0.1);
  border-radius: var(--raio-caixa);
  background: var(--cristal);
  transition: border-radius 0.2s ease;
}
.secao--cristal .consulta__forma { background: var(--branco); }
.consulta__forma .btn { white-space: nowrap; }
.consulta__forma .btn[disabled] { opacity: 0.6; pointer-events: none; }
.consulta__aviso {
  margin-top: var(--e2);
  font-family: var(--mono);
  font-size: 12px;
  line-height: 1.7;
  letter-spacing: 0.04em;
  color: var(--apoio);
}

.consulta__erro {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 14px;
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--profundo);
}
.consulta__erro[hidden] { display: none; }
.consulta__erro::before {
  content: '!';
  flex: none;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  border-radius: 50%;
  background: var(--sinal);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 600;
  color: var(--profundo);
}
.consulta__forma input[aria-invalid='true'] {
  border-color: rgba(7, 23, 58, 0.45);
  box-shadow: 0 0 0 4px rgba(255, 242, 0, 0.32);
}

.consulta--com-retorno .consulta__forma {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.consulta__saida { display: none; margin-top: -1px; scroll-margin-top: 120px; }
.consulta__saida[data-visivel='true'] { display: block; }

.resultado {
  padding: clamp(22px, 2.6vw, 32px) clamp(24px, 2.8vw, 34px) clamp(24px, 2.8vw, 34px);
  border: 1px solid rgba(7, 23, 58, 0.1);
  border-radius: 0 0 var(--raio-caixa) var(--raio-caixa);
  background: var(--branco);
  box-shadow: 0 34px 60px -46px rgba(7, 23, 58, 0.45);
  animation: cqSobeCurto 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}

.resultado__cabeca {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  padding-bottom: clamp(16px, 1.8vw, 20px);
  margin-bottom: clamp(16px, 1.8vw, 20px);
  border-bottom: 1px solid var(--filete);
}
.resultado__icone {
  display: grid;
  place-items: center;
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(5, 81, 251, 0.1);
  color: var(--eletrico);
}
.resultado__icone svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.resultado--invalido .resultado__icone { background: var(--sinal); color: var(--profundo); }
.resultado--aviso .resultado__icone,
.resultado--atencao .resultado__icone { background: rgba(27, 111, 129, 0.12); color: var(--petroleo); }
.resultado--carregando .resultado__icone { background: var(--cristal); color: var(--apoio); }
.resultado--carregando .resultado__icone svg { animation: cqGira 0.9s linear infinite; }
@keyframes cqGira { to { transform: rotate(360deg); } }
.resultado__rotulo {
  font-family: var(--mono);
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--profundo);
}
.resultado__busca {
  margin-left: auto;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--cristal);
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--apoio);
  overflow-wrap: anywhere;
}
.resultado__busca b { font-weight: 500; color: var(--profundo); }

.resultado__titulo {
  font-size: clamp(19px, 1.7vw, 22px);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: var(--profundo);
  text-wrap: balance;
}
.resultado__corpo {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.65;
  color: var(--apoio);
  max-width: 56ch;
}
.resultado .acoes { margin-top: var(--e3); }

.resultado__motivos { margin-top: var(--e3); }
.resultado__motivos .etiqueta { margin-bottom: 12px; }
.resultado__motivos ul { display: grid; gap: 8px; }
.resultado__motivos li {
  position: relative;
  padding-left: 22px;
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--profundo);
}
.resultado__motivos li::before {
  content: '';
  position: absolute;
  left: 2px;
  top: 0.62em;
  width: 10px;
  height: 2px;
  border-radius: 2px;
  background: var(--eletrico);
}
.resultado__alerta {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-top: var(--e3);
  padding: 14px 16px;
  border-radius: 12px;
  background: var(--cristal);
  font-size: 14px;
  line-height: 1.6;
  color: var(--apoio);
}
.resultado__alerta svg { flex: none; width: 20px; height: 20px; margin-top: 1px; fill: none; stroke: var(--profundo); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.resultado__alerta strong { color: var(--profundo); font-weight: 600; }

.resultado__fatos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 148px), 1fr));
  gap: var(--e3) var(--e4);
  margin-top: var(--e3);
  padding-top: var(--e3);
  border-top: 1px solid var(--filete);
}
.resultado__fatos p:last-child {
  margin-top: 6px;
  font-size: 17px;
  font-weight: 500;
  color: var(--profundo);
}

@media (max-width: 620px) {
  .consulta__forma .btn { width: 100%; }
  .resultado__busca { margin-left: 0; flex-basis: 100%; text-align: left; }
}

/* DESTAQUE */
.destaque {
  display: flex;
  align-items: flex-start;
  gap: clamp(16px, 1.8vw, 22px);
  padding: clamp(20px, 2.2vw, 26px);
  border: 1px solid rgba(5, 81, 251, 0.18);
  border-radius: var(--raio-caixa);
  background: rgba(5, 81, 251, 0.05);
}
.destaque h3 { font-size: 17px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.3; }
.destaque p { margin-top: 8px; font-size: 15px; line-height: 1.65; color: var(--apoio); }
.destaque .janela-icone { width: 44px; height: 44px; border-radius: 14px; }
.tema-profundo .destaque {
  border-color: rgba(104, 234, 255, 0.22);
  background: rgba(61, 167, 245, 0.1);
}

/* PERFIL */
@media (min-width: 900px) {
  .perfil { align-items: start; }
  .perfil .figura, .perfil > .placa { position: sticky; top: 108px; }
  .perfil > .placa { min-height: 400px; }
}

.secao--foto--cheia .secao__veu {
  background:
    linear-gradient(86deg, rgba(1, 12, 20, 0.88) 0%, rgba(1, 12, 20, 0.78) 50%, rgba(1, 12, 20, 0.66) 100%),
    linear-gradient(180deg, rgba(7, 23, 58, 0.42), rgba(1, 12, 20, 0.56));
}

@media (max-width: 480px) {
  .destaque { flex-direction: column; gap: var(--e2); }
}

@media (max-width: 560px) {
  .resultado .acoes { width: 100%; }
  .resultado .acoes .btn { width: 100%; padding-inline: 20px; }
}

/* CAPA COM O BRASIL */
.capa__mapa {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  pointer-events: none;
}
.capa--brasil .capa__veu {
  background:
    linear-gradient(92deg, rgba(1, 12, 20, 0.95) 0%, rgba(1, 12, 20, 0.86) 38%,
                    rgba(1, 12, 20, 0.5) 62%, rgba(1, 12, 20, 0.22) 100%),
    linear-gradient(180deg, rgba(7, 23, 58, 0.42), rgba(1, 12, 20, 0.58));
}
.capa--brasil .envelope { position: relative; z-index: 1; }
.capa--brasil .display { max-width: 15ch; }
.capa--brasil .apoio { max-width: 34ch; }

.capa__sussurro {
  position: absolute;
  top: clamp(96px, 12vh, 150px);
  right: var(--margem);
  z-index: 2;
  text-align: right;
  font-family: var(--mono);
  font-size: 11px;
  line-height: 2.1;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(224, 231, 235, 0.52);
  pointer-events: none;
}
.capa__sussurro--baixo { top: auto; bottom: clamp(150px, 22vh, 230px); }
@media (max-width: 1100px) { .capa__sussurro { display: none; } }

/* Marcos da capa */
.marcos {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: clamp(26px, 3.4vw, 46px);
  margin-top: clamp(40px, 5vh, 64px);
  padding-top: clamp(24px, 3vh, 34px);
  border-top: 1px solid rgba(104, 234, 255, 0.2);
}
.marcos > div { position: relative; padding-right: clamp(26px, 3.4vw, 46px); }
.marcos > div + div { border-left: 1px solid rgba(104, 234, 255, 0.2); padding-left: clamp(26px, 3.4vw, 46px); }
.marcos strong {
  display: block;
  font-size: clamp(22px, 2.2vw, 28px);
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--ciano);
  line-height: 1.1;
}
.marcos span {
  display: block;
  margin-top: 6px;
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--nevoa);
  max-width: 18ch;
}
@media (max-width: 620px) {
  .marcos > div + div { border-left: 0; padding-left: 0; }
  .marcos { gap: var(--e3); }
}

/* ECOSSISTEMA */
.ecossistema {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 1.6vw, 22px);
  margin-top: clamp(40px, 4.6vw, 60px);
}
.elo {
  position: relative;
  padding: clamp(20px, 2.2vw, 26px);
  border: 1px solid rgba(104, 234, 255, 0.2);
  border-radius: var(--raio-caixa);
  background: linear-gradient(rgba(2, 15, 36, 0.62), rgba(2, 15, 36, 0.62)), rgba(61, 167, 245, 0.12);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  transition: border-color 0.4s var(--curva), transform 0.4s var(--curva);
}
.elo .janela-icone { background: rgba(61, 167, 245, 0.16); border-color: rgba(104, 234, 255, 0.28); }
.elo h3 { font-size: 16px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.3; color: var(--cristal); }
.elo p { font-size: 13.5px; line-height: 1.55; color: var(--nevoa); }
.elo--nucleo {
  border-color: rgba(104, 234, 255, 0.5);
  background: linear-gradient(rgba(5, 81, 251, 0.2), rgba(2, 15, 36, 0.66)), rgba(61, 167, 245, 0.16);
  box-shadow: 0 0 0 1px rgba(104, 234, 255, 0.12), 0 30px 60px -34px rgba(0, 234, 255, 0.5);
}
.elo--nucleo .janela-icone { background: rgba(5, 81, 251, 0.34); border-color: rgba(104, 234, 255, 0.5); }
.elo + .elo::before {
  content: '';
  position: absolute;
  left: calc(clamp(14px, 1.6vw, 22px) * -1);
  top: 50%;
  width: clamp(14px, 1.6vw, 22px);
  height: 1px;
  background: rgba(104, 234, 255, 0.34);
}
@media (max-width: 880px) {
  .ecossistema { grid-template-columns: 1fr; }
  .elo { flex-direction: row; text-align: left; align-items: flex-start; }
  .elo > div { flex: 1; }
  .elo + .elo::before {
    left: 50%; top: calc(clamp(14px, 1.6vw, 22px) * -1);
    width: 1px; height: clamp(14px, 1.6vw, 22px);
  }
}

/* LISTA COM CONFIRMAÇÃO */
.lista-check { display: grid; gap: 12px; }
.lista-check li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  font-size: 17px;
  line-height: 1.6;
}
.lista-check .visto { width: 18px; height: 18px; flex: none; margin-top: calc(0.8em - 9px); }

/* PLACA */
.placa {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: var(--raio-figura);
  background:
    radial-gradient(120% 90% at 70% 12%, rgba(5, 81, 251, 0.34) 0%, rgba(5, 81, 251, 0) 62%),
    linear-gradient(168deg, var(--abisso) 0%, #04142E 46%, var(--profundo) 100%);
  border: 1px solid rgba(104, 234, 255, 0.16);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--e2);
  padding: clamp(24px, 2.6vw, 34px);
  min-height: 300px;
  color: var(--cristal);
}
.placa::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url('../img/constelacao.svg') center / 160% no-repeat;
  opacity: 0.3;
}
.placa__foto {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--foco, 50% 50%);
}
.placa__veu {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(1, 12, 20, 0.42) 0%, rgba(1, 12, 20, 0.86) 72%, rgba(1, 12, 20, 0.94) 100%);
}
.placa .janela-icone {
  background: rgba(61, 167, 245, 0.16);
  border-color: rgba(104, 234, 255, 0.28);
  margin-bottom: auto;
}
.placa .placa__marca {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(224, 231, 235, 0.6);
}
.placa .placa__titulo, .placa h3 { font-size: clamp(20px, 2vw, 24px); font-weight: 600; letter-spacing: -0.03em; line-height: 1.2; color: var(--cristal); }
.placa p { font-size: 15px; line-height: 1.6; color: var(--nevoa); }

/* CARTÃO DE PERFIL */
.perfis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(20px, 2.2vw, 28px);
  margin-top: clamp(40px, 4.6vw, 60px);
}
@media (max-width: 1000px) { .perfis { grid-template-columns: 1fr; } }

.perfil-cartao {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--e2);
  padding: clamp(26px, 2.6vw, 34px);
  border: 1px solid rgba(104, 234, 255, 0.16);
  border-radius: var(--raio-caixa);
  background:
    radial-gradient(120% 80% at 76% 6%, rgba(5, 81, 251, 0.3) 0%, rgba(5, 81, 251, 0) 60%),
    linear-gradient(170deg, #06213F 0%, #04142E 52%, var(--abisso) 100%);
  color: var(--cristal);
  --apoio: var(--nevoa);
  transition: border-color 0.4s var(--curva), transform 0.4s var(--curva), box-shadow 0.4s var(--curva);
}
.perfil-cartao::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url('../img/constelacao.svg') 70% 18% / 150% no-repeat;
  opacity: 0.26;
}
.perfil-cartao:hover {
  border-color: rgba(104, 234, 255, 0.42);
  transform: translateY(-4px);
  box-shadow: 0 36px 70px -40px rgba(0, 234, 255, 0.4);
}
.perfil-cartao .janela-icone {
  background: rgba(61, 167, 245, 0.16);
  border-color: rgba(104, 234, 255, 0.28);
}
.perfil-cartao h3 {
  font-size: clamp(21px, 2vw, 25px);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.18;
}
.perfil-cartao .promessa {
  font-size: clamp(16px, 1.5vw, 18px);
  font-weight: 500;
  line-height: 1.35;
  color: var(--ceu);
  letter-spacing: -0.01em;
}
.perfil-cartao > p { font-size: 15px; line-height: 1.6; color: var(--nevoa); }
.perfil-cartao .lista-check { margin-top: var(--e1); }
.perfil-cartao .lista-check li { font-size: 14.5px; }
.perfil-cartao .acoes { margin-top: auto; padding-top: var(--e3); }
.perfil-cartao .acoes .btn { width: 100%; padding-inline: 20px; font-size: 15px; }

/* BARRA DE CONFIANÇA */
.barra-confianca {
  display: grid;
  grid-template-columns: auto repeat(4, minmax(0, 1fr));
  align-items: center;
  gap: clamp(20px, 2.6vw, 38px);
  padding: clamp(26px, 2.6vw, 34px) clamp(28px, 3vw, 40px);
  border: 1px solid rgba(7, 23, 58, 0.1);
  border-radius: var(--raio-caixa);
  background: var(--branco);
}
.barra-confianca__titulo {
  font-size: clamp(18px, 1.7vw, 21px);
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.25;
  max-width: 14ch;
}
.garantia { display: flex; align-items: center; gap: 12px; }
.garantia .icone { width: 24px; height: 24px; color: var(--eletrico); }
.garantia p { font-size: 13.5px; line-height: 1.45; color: var(--apoio); }
.garantia strong { display: block; font-weight: 600; color: var(--tinta); }
@media (max-width: 1080px) {
  .barra-confianca { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .barra-confianca__titulo { grid-column: 1 / -1; max-width: none; }
}
@media (max-width: 560px) { .barra-confianca { grid-template-columns: 1fr; } }

/* NÚMEROS */
.numeros {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(28px, 3.4vw, 52px);
}
.numeros > div { min-width: 132px; }
.numeros strong {
  display: block;
  font-size: clamp(26px, 2.8vw, 36px);
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1;
  color: var(--ciano);
}
.numeros span {
  display: block;
  margin-top: 8px;
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--nevoa);
  max-width: 17ch;
}

/* CONSULTA */
.abas {
  display: flex;
  gap: 6px;
  margin-bottom: -1px;
  position: relative;
  z-index: 1;
}
.abas button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  border: 1px solid transparent;
  border-bottom: 0;
  border-radius: 14px 14px 0 0;
  background: transparent;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 500;
  color: var(--apoio);
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.abas button:hover { color: var(--tinta); }
.abas button[aria-selected='true'] {
  background: var(--branco);
  border-color: rgba(7, 23, 58, 0.1);
  color: var(--eletrico);
  font-weight: 600;
}
.abas .icone { width: 18px; height: 18px; }
@media (max-width: 560px) {
  .abas { flex-direction: column; gap: 0; margin-bottom: var(--e2); }
  .abas button { border-radius: 12px; border: 1px solid transparent; width: 100%; justify-content: flex-start; }
  .abas button[aria-selected='true'] { border-color: rgba(5, 81, 251, 0.24); background: rgba(5, 81, 251, 0.06); }
}

.consulta__forma { border-top-left-radius: 0; }
.consulta__linha { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: var(--e2); }
@media (max-width: 620px) {
  .consulta__linha { grid-template-columns: 1fr; }
  .consulta__linha .btn { width: 100%; }
}
.consulta__forma .btn[data-ocupado] { opacity: 0.6; pointer-events: none; }

.consulta-par {
  --abas: 54px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 320px);
  align-items: start;
  gap: clamp(28px, 4vw, 64px);
  margin-top: clamp(36px, 4vw, 52px);
}
.consulta-par .consulta { margin-top: 0; max-width: none; }
.consulta-alt__ou {
  display: flex;
  align-items: center;
  gap: 12px;
  height: var(--abas);
  font-family: var(--mono);
  font-size: 11.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--apoio);
}
.consulta-alt__ou span { color: var(--profundo); font-weight: 500; }
.consulta-alt__ou::before { content: ''; width: 28px; height: 1px; background: var(--filete); }
.consulta-qr {
  padding: clamp(24px, 2.6vw, 30px);
  border: 1px solid rgba(7, 23, 58, 0.1);
  border-radius: var(--raio-caixa);
  background: var(--branco);
}
.consulta-qr .icone { width: 40px; height: 40px; }
.consulta-qr h3 { margin-top: var(--e2); font-size: 17px; font-weight: 600; letter-spacing: -0.02em; color: var(--profundo); }
.consulta-qr p { margin-top: 8px; font-size: 14px; line-height: 1.6; color: var(--apoio); }
.consulta-qr .consulta-qr__url {
  margin-top: var(--e2);
  padding: 10px 14px;
  border-radius: 10px;
  background: var(--cristal);
  font-family: var(--mono);
  font-size: 13px;
  color: var(--apoio);
  overflow-wrap: anywhere;
}
.consulta-qr__url b { font-weight: 500; color: var(--eletrico); }
.consulta-qr .consulta-qr__alerta { font-size: 13px; }
@media (max-width: 900px) {
  .consulta-par { grid-template-columns: 1fr; gap: var(--e3); }
  .consulta-alt__ou { height: auto; justify-content: center; margin-bottom: var(--e2); }
  .consulta-alt__ou::after { content: ''; width: 28px; height: 1px; background: var(--filete); }
  .consulta-qr { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: var(--e2); }
  .consulta-qr .icone { grid-row: 1 / span 4; }
  .consulta-qr h3 { margin-top: 0; }
}
@media (max-width: 420px) {
  .consulta-qr { display: block; }
  .consulta-qr h3 { margin-top: var(--e2); }
}

/* Ficha: o exemplo estático de resultado */
.ficha {
  display: grid;
  grid-template-columns: 212px minmax(0, 1fr) minmax(0, 300px);
  gap: clamp(26px, 3vw, 44px);
  align-items: start;
  padding: clamp(24px, 2.6vw, 32px);
  border: 1px solid rgba(7, 23, 58, 0.1);
  border-radius: var(--raio-caixa);
  background: var(--branco);
}
.ficha__retrato {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  background: linear-gradient(168deg, #06213F, var(--abisso));
  display: grid;
  place-items: center;
}
.ficha__retrato .icone { width: 54px; height: 54px; opacity: 0.55; }
.ficha__selo {
  position: absolute;
  left: 12px; right: 12px; bottom: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 242, 0, 0.5);
  background: rgba(1, 12, 20, 0.82);
  text-align: center;
  font-family: var(--mono);
  font-size: 9.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1.7;
  color: var(--sinal);
}
.ficha__nome {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: clamp(24px, 2.4vw, 30px);
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1.1;
}
.ficha__nome .icone { width: 22px; height: 22px; }
.ficha__id {
  margin-top: 8px;
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--apoio);
}
.ficha__estado { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: var(--e3); }
.ficha__estado p { font-size: 14.5px; color: var(--apoio); }
.ficha__fatos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr));
  gap: var(--e3);
  margin-top: var(--e4);
}
.ficha__fatos .icone { width: 22px; height: 22px; }
.ficha__fatos strong { display: block; margin-top: 10px; font-size: 16.5px; font-weight: 600; letter-spacing: -0.02em; }
.ficha__fatos span { display: block; margin-top: 4px; font-size: 13px; color: var(--apoio); }
.ficha__lado { border-left: 1px solid var(--filete); padding-left: clamp(24px, 2.6vw, 34px); }
.ficha__lado h3 { font-size: 15px; font-weight: 600; letter-spacing: -0.015em; }
.ficha__lado p { margin-top: 10px; font-size: 14px; line-height: 1.6; color: var(--apoio); }
.ficha__lado hr { border: 0; border-top: 1px solid var(--filete); margin: var(--e3) 0; }
.ficha__quando {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: var(--e3);
  font-size: 12.5px;
  color: var(--apoio);
}
.ficha__quando .icone { width: 16px; height: 16px; }
@media (max-width: 1040px) {
  .ficha { grid-template-columns: 180px minmax(0, 1fr); }
  .ficha__lado { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--filete); padding-left: 0; padding-top: var(--e3); }
}
@media (max-width: 620px) {
  .ficha { grid-template-columns: 1fr; }
  .ficha__retrato { max-width: 200px; }
}

/* Pastilha de status e selo de credencial */
.pastilha {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(27, 111, 129, 0.12);
  border: 1px solid rgba(27, 111, 129, 0.3);
  color: var(--petroleo);
  font-family: var(--mono);
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.pastilha::before {
  content: '';
  width: 7px; height: 7px;
  border-radius: 50%;
  background: currentColor;
}
.selo-excelencia {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid rgba(255, 242, 0, 0.55);
  background: rgba(255, 242, 0, 0.1);
  color: #6B5E00;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.resultado__id, .resultado__quando {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--apoio);
}
.resultado__id { margin-top: var(--e2); text-transform: uppercase; }
.resultado__quando { margin-top: var(--e3); line-height: 1.7; }
.resultado__estado { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: var(--e2); font-size: 14.5px; color: var(--apoio); }
.resultado__credencial { margin-top: var(--e2); }
.resultado__nota {
  margin-top: var(--e3);
  padding-top: var(--e2);
  border-top: 1px solid var(--filete);
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--apoio);
}

/* TRILHA DO TEMPO */
.trilha-tempo {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: clamp(8px, 1vw, 16px);
  margin-top: clamp(44px, 5vw, 68px);
}
.trilha-tempo::before {
  content: '';
  position: absolute;
  left: 7%;
  right: 7%;
  top: 29px;
  height: 1px;
  background: linear-gradient(90deg,
    rgba(61, 167, 245, 0.28) 0%,
    rgba(5, 81, 251, 0.6) 40%,
    rgba(0, 234, 255, 0.8) 72%,
    rgba(0, 234, 255, 0.3) 100%);
}
.marco { position: relative; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.marco__no {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex: none;
  background: var(--abisso);
  border: 1px solid rgba(104, 234, 255, 0.34);
  box-shadow: 0 0 0 6px rgba(1, 12, 20, 0.9);
  transition: border-color 0.4s var(--curva), box-shadow 0.4s var(--curva);
}
.marco__no .icone { width: 24px; height: 24px; }
.marco:hover .marco__no { border-color: var(--ciano); box-shadow: 0 0 0 6px rgba(1, 12, 20, 0.9), 0 0 26px -4px rgba(0, 234, 255, 0.6); }
.marco strong { font-size: 14.5px; font-weight: 600; letter-spacing: -0.015em; line-height: 1.3; color: var(--cristal); }
.marco span { font-size: 13px; line-height: 1.45; color: var(--nevoa); max-width: 16ch; }
.marco > div { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.marco--premio .marco__no {
  background: linear-gradient(160deg, rgba(5, 81, 251, 0.5), rgba(0, 234, 255, 0.24));
  border-color: var(--ciano);
  box-shadow: 0 0 0 6px rgba(1, 12, 20, 0.9), 0 0 30px -6px rgba(0, 234, 255, 0.7);
}
.marco--premio strong { color: #fff; }
@media (max-width: 900px) {
  .trilha-tempo { grid-auto-flow: row; gap: var(--e3); }
  .trilha-tempo::before { left: 29px; right: auto; top: 10px; bottom: 10px; width: 1px; height: auto;
    background: linear-gradient(180deg, rgba(61,167,245,.28) 0%, rgba(5,81,251,.6) 40%, rgba(0,234,255,.8) 72%, rgba(0,234,255,.3) 100%); }
  .marco { flex-direction: row; text-align: left; align-items: center; gap: var(--e2); }
  .marco > div { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
  .marco span { max-width: none; }
}

/* FORMULÁRIO */
.caixa-forma {
  padding: clamp(26px, 2.8vw, 38px);
  border: 1px solid rgba(7, 23, 58, 0.1);
  border-radius: var(--raio-caixa);
  background: var(--branco);
}
.secao--branca .caixa-forma { background: var(--cristal); border-color: rgba(7, 23, 58, 0.08); }
.caixa-forma .formulario { margin-top: 0; }
.campo--trio { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr)); gap: var(--e3); }
.campo .ajuda { font-size: 12.5px; line-height: 1.55; color: var(--apoio); }

.nota-anexo {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 18px;
  border-radius: 14px;
  border: 1px solid rgba(27, 111, 129, 0.26);
  background: rgba(27, 111, 129, 0.07);
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--apoio);
}
.nota-anexo .icone { width: 20px; height: 20px; flex: none; margin-top: 1px; }

/* Grade de áreas (Trabalhe conosco) */
.areas {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
  gap: 10px clamp(18px, 2vw, 28px);
  margin-top: clamp(32px, 3.4vw, 44px);
}
.areas li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding-block: 11px;
  border-top: 1px solid var(--filete);
  font-size: 14.5px;
}
.areas .no { margin-top: 0; }

/* AUXILIARES DE COMPOSIÇÃO */
.realce { color: var(--ceu); }
.tema-profundo .realce, .capa .realce { color: var(--ceu); }

.grade--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1080px) { .grade--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .grade--4 { grid-template-columns: 1fr; } }

.secao--rasa { padding-block: clamp(36px, 4vw, 56px) clamp(64px, 7vw, 104px); }
.secao--continua.secao--rasa { padding-top: 0; }

.secao--constelada { position: relative; isolation: isolate; overflow: hidden; }
.secao--constelada::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url('../img/constelacao.svg') 78% 42% / 62% no-repeat;
  opacity: 0.3;
  pointer-events: none;
}
.secao--constelada::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(90% 70% at 18% 40%, rgba(1, 12, 20, 0.88) 0%, rgba(1, 12, 20, 0) 70%);
  pointer-events: none;
}
@media (max-width: 860px) { .secao--constelada::before { opacity: 0.16; background-size: 130%; } }

.selos {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(20px, 2.4vw, 34px);
  margin-top: clamp(40px, 5vh, 60px);
  padding-top: clamp(24px, 3vh, 34px);
  border-top: 1px solid rgba(104, 234, 255, 0.2);
}
.selos .garantia p { color: var(--nevoa); }
.selos .garantia strong { color: var(--cristal); }
.selos .garantia .icone { width: 26px; height: 26px; }
.selos .garantia { align-items: flex-start; }
@media (max-width: 860px) { .selos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 460px) { .selos { grid-template-columns: 1fr; gap: var(--e2); } }

.capa--constelada::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url('../img/constelacao.svg') 80% 46% / 58% no-repeat;
  opacity: 0.32;
  pointer-events: none;
}
.capa--constelada .envelope { position: relative; z-index: 1; }
@media (max-width: 860px) { .capa--constelada::before { opacity: 0.16; background-size: 130%; } }

.passos--seis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1000px) { .passos--seis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .passos--seis { grid-template-columns: 1fr; } }

.campo { min-width: 0; }
.campo input, .campo select, .campo textarea { min-width: 0; max-width: 100%; }

/* HERÓI DA HOME */
.heroi {
  justify-content: center;
  padding-top: clamp(132px, 17vh, 200px);
  padding-bottom: clamp(56px, 8vh, 104px);
  min-height: min(96vh, 960px);
}
.heroi__tela {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  pointer-events: none;
}
.heroi .capa__veu {
  background:
    linear-gradient(92deg, rgba(1, 12, 20, 0.94) 0%, rgba(1, 12, 20, 0.8) 34%,
                    rgba(1, 12, 20, 0.4) 58%, rgba(1, 12, 20, 0.12) 100%),
    linear-gradient(180deg, rgba(7, 23, 58, 0.34), rgba(1, 12, 20, 0.5));
}
.heroi__texto { position: relative; z-index: 2; }
.heroi__texto .apoio { max-width: 32ch; }
.heroi__titulo { max-width: 16ch; }

/* As entradas, tempo a tempo */
.heroi [data-em] {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.8s var(--curva) var(--atraso, 0s),
              transform 0.8s var(--curva) var(--atraso, 0s);
}
.heroi.cena-1 [data-em='1'],
.heroi.cena-2 [data-em='2'],
.heroi.cena-3 [data-em='3'],
.heroi.cena-4 [data-em='4'] { opacity: 1; transform: none; }

.heroi__titulo .linha { display: block; overflow: hidden; padding-bottom: 0.06em; }
.heroi__titulo .linha > span {
  display: block;
  transform: translateY(106%);
  transition: transform 0.9s var(--curva) var(--atraso, 0s);
}
.heroi.cena-1 .linha > span { transform: none; }
.heroi .linha[data-em] { opacity: 1; transform: none; }

.heroi .marcos > div {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.7s var(--curva) var(--atraso, 0s),
              transform 0.7s var(--curva) var(--atraso, 0s);
}
.heroi.cena-4 .marcos > div { opacity: 1; transform: none; }

/* O hub */
.heroi__hub {
  position: absolute;
  z-index: 1;
  transform: translate(-50%, -50%) scale(0.6);
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  pointer-events: none;
  transition: opacity 0.7s var(--curva), transform 0.9s cubic-bezier(0.34, 1.4, 0.5, 1);
}
.heroi.cena-2 .heroi__hub { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.heroi__hub-simbolo {
  width: 112px;
  height: 112px;
  border-radius: 27px;
  display: block;
  box-shadow: 0 0 0 8px rgba(5, 81, 251, 0.14),
              0 0 0 9px rgba(104, 234, 255, 0.16),
              0 0 64px 10px rgba(5, 81, 251, 0.5),
              0 0 120px 20px rgba(0, 234, 255, 0.12);
  animation: cqRespira 4.2s ease-in-out infinite;
}
.heroi__hub-simbolo img { display: block; width: 100%; height: 100%; }
.heroi__hub-rotulo {
  display: block;
  text-align: center;
  padding: 13px 18px;
  border-radius: 18px;
  background: rgba(2, 15, 36, 0.76);
  border: 1px solid rgba(104, 234, 255, 0.26);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.6s var(--curva) 0.45s, transform 0.6s var(--curva) 0.45s;
}
.heroi.cena-2 .heroi__hub-rotulo { opacity: 1; transform: none; }
.heroi__hub-nome {
  display: block;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #fff;
  white-space: nowrap;
}
.heroi__hub-rotulo .etiqueta { margin-top: 7px; white-space: nowrap; font-size: 10px; }

@keyframes cqRespira {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.028); }
}

/* Os três elos */
.heroi__elos { position: relative; z-index: 2; }
.heroi__elos .elo {
  opacity: 0;
  transform: scale(0.82);
  transition: opacity 0.7s var(--curva) var(--atraso, 0s),
              transform 0.8s cubic-bezier(0.34, 1.4, 0.5, 1) var(--atraso, 0s);
}
.heroi.cena-3 .heroi__elos .elo { opacity: 1; transform: none; }

@media (min-width: 1280px) {
  .heroi__elos { position: absolute; inset: 0; pointer-events: none; }
  .heroi__elos .elo {
    position: absolute;
    width: min(206px, 17vw);
    pointer-events: auto;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 12px;
    padding: 20px;
    transform-origin: center;
    animation: cqFlutua 7s ease-in-out infinite;
  }
  .heroi.cena-3 .heroi__elos .elo { transform: translate(-50%, -50%); }
  .heroi__elos .elo:nth-child(1) { left: 64%; top: 42%; --atraso: 0s;   animation-delay: 0s; }
  .heroi__elos .elo:nth-child(2) { left: 87%; top: 80%; --atraso: .3s;  animation-delay: -2.4s; }
  .heroi__elos .elo:nth-child(3) { left: 87%; top: 22%; --atraso: .6s;  animation-delay: -4.8s; }
  .heroi__elos .elo::before { display: none; }
  .heroi__elos .elo h2 { font-size: 17px; }
  .heroi__elos .elo p { font-size: 13px; }
}
@keyframes cqFlutua {
  0%, 100% { margin-top: 0; }
  50%      { margin-top: -9px; }
}

@media (max-width: 1279px) {
  .heroi__hub { display: none; }
  .heroi__elos {
    display: grid;
    gap: 14px;
    margin-top: clamp(34px, 5vh, 48px);
    max-width: var(--largura);
    margin-inline: auto;
    padding-inline: var(--margem);
    width: 100%;
  }
  .heroi__elos .elo { padding: 16px 18px; gap: 14px; }
  .heroi__elos .elo h2 { font-size: 16px; }
  .heroi__elos .elo p { font-size: 13.5px; }
  .heroi__elos .elo:nth-child(2) { --atraso: .12s; }
  .heroi__elos .elo:nth-child(3) { --atraso: .24s; }
}

.heroi__elos .elo h2 {
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.24;
  color: var(--cristal);
}

.btn--brilho { position: relative; overflow: hidden; isolation: isolate; }
.btn--brilho::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 42%;
  left: -60%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.34), transparent);
  pointer-events: none;
  z-index: -1;
}
.heroi.cena-4 .btn--brilho::after { animation: cqLustro 3.6s 0.6s var(--curva) infinite; }
@keyframes cqLustro {
  0%        { left: -60%; }
  55%, 100% { left: 130%; }
}

.heroi__titulo {
  font-size: clamp(36px, 3.9vw, 62px);
  line-height: 1.06;
  letter-spacing: -0.035em;
  max-width: none;
}
@media (min-width: 1280px) {
  .heroi__texto > * { max-width: min(52%, 600px); }
  .heroi__texto > .acoes { max-width: min(66%, 760px); }
  .heroi__texto > .marcos { max-width: min(60%, 700px); }
  .heroi .marcos > div { padding-right: clamp(16px, 1.8vw, 26px); }
  .heroi .marcos > div + div { padding-left: clamp(16px, 1.8vw, 26px); }
  .heroi .marcos span { max-width: 15ch; }
}

.marcos strong span {
  display: inline;
  margin: 0;
  max-width: none;
  font: inherit;
  color: inherit;
}

@media (max-width: 620px) {
  .marcos { display: grid; grid-template-columns: 1fr; gap: 0; }
  .marcos > div,
  .marcos > div + div {
    display: grid;
    grid-template-columns: minmax(5.5ch, auto) minmax(0, 1fr);
    align-items: baseline;
    gap: 16px;
    padding: 13px 0 0;
    border-left: 0;
    border-top: 1px solid rgba(104, 234, 255, 0.16);
  }
  .marcos > div:first-child { border-top: 0; padding-top: 0; }
  .marcos strong { font-size: 21px; }
  .marcos span { margin-top: 0; font-size: 13.5px; max-width: none; }
}

.placa:has(.placa__foto)::before,
.perfil-cartao:has(.placa__foto)::before { display: none; }

.perfil-cartao .placa__foto {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--foco, 50% 50%);
}
.placa__veu--cheio {
  background:
    linear-gradient(180deg, rgba(1, 12, 20, 0.88) 0%, rgba(1, 12, 20, 0.93) 44%, rgba(1, 12, 20, 0.96) 100%),
    linear-gradient(120deg, rgba(5, 81, 251, 0.26), rgba(1, 12, 20, 0) 62%);
}
.perfil-cartao:hover .placa__foto { transform: scale(1.04); }
.perfil-cartao .placa__foto { transition: transform 0.9s var(--curva); }

@media (min-width: 760px) and (max-width: 1279px) {
  .heroi__texto > * { max-width: min(64%, 580px); }
  .heroi__texto > .acoes { max-width: min(78%, 700px); }
  .heroi__elos { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
  .heroi__elos .elo { flex-direction: column; align-items: flex-start; gap: 12px; text-align: left; }
  .heroi__elos .elo + .elo::before {
    left: -14px; top: 50%;
    width: 14px; height: 1px;
  }
}

/* REFINAMENTO */

.perfil-cartao .acoes .btn::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: var(--raio-caixa);
  z-index: 1;
}
.perfil-cartao .acoes .btn:hover { transform: none; }
.perfil-cartao:focus-within { border-color: rgba(104, 234, 255, 0.5); }

.display--longo { font-size: clamp(38px, 5.8vw, 76px); line-height: 0.96; }

@media (max-width: 620px) {
  .heroi__titulo { font-size: clamp(36px, 10vw, 44px); }
  .heroi__titulo .linha,
  .heroi__titulo .linha > span { display: inline; }
  .heroi .heroi__titulo .linha[data-em] {
    opacity: 0;
    transition: opacity 0.9s var(--curva) var(--atraso, 0s);
  }
  .heroi.cena-1 .heroi__titulo .linha[data-em] { opacity: 1; }
}

/* Trilha do tempo que se desenha */
.trilha-tempo.preparada::before {
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 2.1s cubic-bezier(0.45, 0, 0.2, 1);
}
.trilha-tempo.preparada .marco {
  opacity: 0.28;
  transition: opacity 0.5s var(--curva) calc(var(--i, 0) * 0.28s + 0.15s);
}
.trilha-tempo.preparada .marco__no {
  transition: border-color 0.5s var(--curva) calc(var(--i, 0) * 0.28s + 0.15s),
              box-shadow 0.5s var(--curva) calc(var(--i, 0) * 0.28s + 0.15s);
}
.trilha-tempo.viva::before { transform: none; }
.trilha-tempo.viva .marco { opacity: 1; }
.trilha-tempo.viva .marco--premio .marco__no { animation: cqAcende 1.4s var(--curva) calc(var(--i, 0) * 0.28s + 0.3s) both; }
@keyframes cqAcende {
  0%   { box-shadow: 0 0 0 6px rgba(1, 12, 20, 0.9), 0 0 0 0 rgba(0, 234, 255, 0); }
  45%  { box-shadow: 0 0 0 6px rgba(1, 12, 20, 0.9), 0 0 0 14px rgba(0, 234, 255, 0.18); }
  100% { box-shadow: 0 0 0 6px rgba(1, 12, 20, 0.9), 0 0 30px -6px rgba(0, 234, 255, 0.7); }
}
@media (max-width: 900px) {
  .trilha-tempo.preparada::before { transform: scaleY(0); transform-origin: center top; }
  .trilha-tempo.viva::before { transform: none; }
}

@media print {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .abertura, .menu-movel, .heroi__tela { display: none !important; }
}

/* CELULAR */
@media (max-width: 620px) {
  .marcos > div,
  .marcos > div + div { grid-template-columns: 6.1em minmax(0, 1fr); }
  .marcos strong { font-size: 20px; }

  .lead { font-size: 17px; line-height: 1.55; }

  .cartao { min-height: 0; gap: 16px; padding: 22px 20px; }
  .cartao__corpo { margin-top: 0; }
  .cartao .janela-icone { width: 44px; height: 44px; border-radius: 14px; }
  .cartao .icone--pequeno { width: 22px; height: 22px; }
  .cartao:has(> .janela-icone:first-child) { flex-direction: row; align-items: flex-start; }
  .cartao h3 { font-size: 17.5px; }
  .cartao p { margin-top: 6px; font-size: 14.5px; line-height: 1.55; }

  .perfil-cartao .acoes .btn { padding-inline: 14px; font-size: 14px; }
}

@media (max-width: 860px) {
  .duas-colunas--dupla > * + * {
    margin-top: var(--e3);
    padding-top: var(--e5);
    border-top: 1px solid var(--filete);
  }
}

/* BLOCOS EMPILHADOS */
.pilha { margin-top: clamp(44px, 5vw, 68px); display: grid; gap: clamp(20px, 2.4vw, 28px); }
.pilha--viva { display: block; }
.pilha--viva .pilha__bloco {
  position: sticky;
  top: var(--topo-fixo, 96px);
  margin-bottom: clamp(20px, 4vh, 48px);
}
.pilha--viva .pilha__bloco:last-child { margin-bottom: 0; }
.pilha__bloco {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
  border-radius: 26px;
  border: 1px solid rgba(104, 234, 255, 0.14);
  background:
    radial-gradient(90% 80% at 12% 0%, rgba(5, 81, 251, 0.26) 0%, rgba(5, 81, 251, 0) 60%),
    linear-gradient(168deg, #0A1F48 0%, #06152F 55%, var(--abisso) 100%);
  color: var(--cristal);
  --apoio: var(--nevoa);
  transform-origin: var(--origem, 50% 0);
  transform: scale(var(--escala, 1));
  box-shadow: 0 -18px 50px -30px rgba(1, 12, 20, 0.5), 0 30px 60px -38px rgba(1, 12, 20, 0.55);
}
.pilha__bloco:nth-child(2) { background: radial-gradient(90% 80% at 12% 0%, rgba(5, 81, 251, 0.22) 0%, rgba(5, 81, 251, 0) 60%), linear-gradient(168deg, #0C2656 0%, #081B3C 55%, #03101F 100%); }
.pilha__bloco:nth-child(3) { background: radial-gradient(90% 80% at 12% 0%, rgba(0, 234, 255, 0.14) 0%, rgba(0, 234, 255, 0) 60%), linear-gradient(168deg, #0F2D63 0%, #0A2048 55%, #051428 100%); }
.pilha__bloco::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 4;
  background: var(--abisso);
  opacity: var(--sombra, 0);
  pointer-events: none;
}
.pilha__texto {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: var(--pilha-respiro);
  --pilha-respiro: clamp(28px, 3.4vw, 48px);
}
.pilha__topo { display: flex; align-items: center; justify-content: space-between; }
.pilha__topo .janela-icone { background: rgba(61, 167, 245, 0.16); border-color: rgba(104, 234, 255, 0.28); }
.pilha__contador { font-family: var(--mono); font-size: 12px; letter-spacing: 0.16em; color: rgba(224, 231, 235, 0.6); }
.pilha__titulo {
  margin-top: 6px;
  font-size: clamp(28px, 2.9vw, 40px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -0.035em;
  color: #fff;
  text-wrap: balance;
}
.pilha__titulo span {
  display: block;
  margin-top: 12px;
  font-size: clamp(17px, 1.5vw, 20px);
  line-height: 1.35;
  letter-spacing: -0.015em;
  color: var(--ceu);
}
.pilha__desc { font-size: 16px; line-height: 1.6; color: var(--nevoa); max-width: 34em; text-wrap: pretty; }
.pilha__bloco .acoes { margin-top: auto; padding-top: 10px; }

.pilha__foto {
  position: relative;
  z-index: 0;
  margin: 0 0 0 -16%;
  min-height: 260px;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.35) 14%, rgba(0, 0, 0, 0.8) 28%, #000 44%);
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.35) 14%, rgba(0, 0, 0, 0.8) 28%, #000 44%);
}
.pilha__foto img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--foco, 50% 50%);
}
.pilha__foto::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(120% 90% at 100% 50%, rgba(1, 12, 20, 0) 55%, rgba(1, 12, 20, 0.35) 100%);
  pointer-events: none;
}
@media (min-width: 900px) {
  .pilha__bloco { min-height: min(540px, calc(100vh - 170px)); }
}
@media (max-width: 899px) {
  .pilha__bloco { grid-template-columns: 1fr; }
  .pilha__foto {
    order: -1;
    margin: 0 0 -18% 0;
    min-height: 0;
    aspect-ratio: 16 / 11;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 50%, rgba(0, 0, 0, 0.6) 72%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 0%, #000 50%, rgba(0, 0, 0, 0.6) 72%, transparent 100%);
  }
  .pilha__foto::after { background: none; }
  .pilha__bloco .acoes .btn { width: 100%; }
  .pilha__bloco .acoes .btn { padding-inline: 16px; font-size: 15px; }
}

/* Faixa de diferenciais */
.faixa {
  position: relative;
  margin-inline: calc(-1 * var(--pilha-respiro, 0px));
  padding-block: 4px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 76%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 76%, transparent 100%);
}
.faixa__trilho {
  display: flex;
  width: max-content;
  padding-inline: var(--pilha-respiro, 0px);
  will-change: transform;
}
.faixa__trilho li {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-right: 12px;
  padding: 11px 18px 11px 14px;
  border: 1px solid rgba(104, 234, 255, 0.2);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(61, 167, 245, 0.12) 0%, rgba(61, 167, 245, 0.05) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.005em;
  white-space: nowrap;
  color: var(--cristal);
}
.faixa__trilho li::before {
  content: '';
  width: 6px;
  height: 6px;
  flex: none;
  border-radius: 50%;
  background: var(--ciano);
  box-shadow: 0 0 0 3px rgba(0, 234, 255, 0.14);
}
.faixa--viva { cursor: grab; touch-action: pan-y; user-select: none; -webkit-user-select: none; }
.faixa--viva.arrastando { cursor: grabbing; }
.faixa:not(.faixa--viva) { overflow-x: auto; scrollbar-width: none; }
.faixa:not(.faixa--viva)::-webkit-scrollbar { display: none; }

/* FOTO E TEXTO LADO A LADO */
.dupla-foto {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(36px, 6vw, 96px);
}
.dupla-foto__img {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: var(--raio-figura);
  aspect-ratio: 4 / 3;
  background: var(--nevoa);
  box-shadow: 0 30px 70px -36px rgba(7, 23, 58, 0.4);
}
.dupla-foto__img--alta { aspect-ratio: 4 / 5; max-height: 640px; }
.dupla-foto__img img { width: 100%; height: 100%; object-fit: cover; object-position: var(--foco, 50% 50%); }
.dupla-foto__texto { max-width: 34rem; }
.dupla-foto--invertida .dupla-foto__img { order: 2; }
@media (max-width: 860px) {
  .dupla-foto { grid-template-columns: 1fr; }
  .dupla-foto--invertida .dupla-foto__img { order: -1; }
  .dupla-foto__img--alta { aspect-ratio: 4 / 3; }
}

.garantia .janela-icone { width: 44px; height: 44px; border-radius: 14px; }
.garantia p { font-size: 16px; font-weight: 600; letter-spacing: -0.015em; color: var(--tinta); }

.lead--justificado { text-align: justify; hyphens: auto; -webkit-hyphens: auto; text-align-last: left; }

/* Chamada final com fotografia */
.secao--chamada { padding-block: clamp(120px, 14vw, 200px); }
.secao--chamada .secao__veu {
  background:
    linear-gradient(90deg, rgba(1, 12, 20, 0.86) 0%, rgba(1, 12, 20, 0.6) 32%, rgba(1, 12, 20, 0.12) 60%, rgba(1, 12, 20, 0) 100%),
    linear-gradient(180deg, rgba(1, 12, 20, 0) 60%, rgba(1, 12, 20, 0.35) 100%);
}
.chamada-final .apoio { margin-top: 22px; }
.chamada-final .acoes { margin-top: 34px; }
.chamada-final { max-width: 34rem; }
.chamada-final__marca {
  width: 56px;
  height: 56px;
  margin-bottom: var(--e3);
  border-radius: 14px;
  box-shadow: 0 0 0 6px rgba(5, 81, 251, 0.14), 0 0 40px 6px rgba(5, 81, 251, 0.45);
}
@media (max-width: 860px) {
  .secao--chamada .secao__veu {
    background: linear-gradient(180deg, rgba(1, 12, 20, 0.28) 0%, rgba(1, 12, 20, 0.74) 48%, rgba(1, 12, 20, 0.94) 100%);
  }
}

/* TRANSIÇÃO ENTRE PÁGINAS */
.transicao {
  position: fixed;
  inset: 0;
  z-index: 400;
  display: flex;
  align-items: flex-end;
  padding-bottom: clamp(44px, 9vh, 88px);
  background:
    radial-gradient(60% 55% at 88% 100%, rgba(5, 81, 251, 0.34) 0%, rgba(5, 81, 251, 0) 70%),
    linear-gradient(180deg, #03142A 0%, var(--abisso) 100%);
  color: var(--cristal);
  transform: translateY(100%);
  visibility: hidden;
  pointer-events: none;
}
.transicao::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, rgba(104, 234, 255, 0) 0%, rgba(104, 234, 255, 0.7) 50%, rgba(104, 234, 255, 0) 100%);
}
.transicao__rotulo {
  display: flex;
  align-items: center;
  gap: clamp(14px, 1.6vw, 20px);
  opacity: 0;
  transform: translateY(16px);
}
.transicao__rotulo img { width: clamp(30px, 3vw, 40px); height: auto; flex: none; }
.transicao__nome {
  font-size: clamp(32px, 4.4vw, 56px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.035em;
}
.capa .display { transform-origin: 0 0; }

.saindo .transicao {
  visibility: visible;
  transform: none;
  transition: transform 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}
.saindo .palco {
  transform: translateY(-90px);
  transition: transform 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}
.saindo .transicao__rotulo {
  opacity: 1;
  transform: none;
  transition: opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1) 0.3s, transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0.3s;
}
.saindo { cursor: progress; }

.chegando .transicao { visibility: visible; transform: none; }
.chegando .transicao__rotulo { opacity: 1; transform: none; }
.chegando .palco { transform: translateY(70px); }

.revelando .transicao {
  visibility: visible;
  transform: translateY(-100%);
  transition: transform 0.7s cubic-bezier(0.76, 0, 0.24, 1);
}
.revelando .transicao__rotulo { opacity: 1; transform: none; }
.revelando .palco {
  transform: none;
  transition: transform 0.85s cubic-bezier(0.25, 1, 0.5, 1);
}
@media (prefers-reduced-motion: reduce) {
  .transicao { display: none; }
  .saindo .palco, .chegando .palco, .revelando .palco { transform: none; }
}

/* Perfis: texto na medida de leitura */
.perfil__texto {
  justify-self: center;
  width: 100%;
  max-width: 38rem;
  padding: clamp(4px, 1.4vw, 20px) clamp(0px, 2.4vw, 36px);
}
.perfil__texto .titulo { font-size: clamp(30px, 3.4vw, 44px); line-height: 1.05; max-width: 20ch; text-wrap: balance; }
.perfil__texto .apoio,
.perfil__texto .lead,
.perfil__texto .nota { max-width: 36em; }
.perfil__texto .lista-no { max-width: 38em; }
.perfil__texto .acoes { justify-content: center; margin-top: var(--e4); }

/* Histórias */
.titulo--medio { font-size: clamp(28px, 3.3vw, 42px); line-height: 1.06; }
.lead--livre, .corpo--livre, .apoio--livre, .nota--livre { max-width: 36em; text-wrap: wrap; }

.placa__avatar {
  position: relative;
  width: clamp(84px, 8vw, 104px);
  aspect-ratio: 1;
  margin-bottom: auto;
  border-radius: 50%;
  overflow: hidden;
  display: grid;
  place-items: end center;
  background: linear-gradient(180deg, rgba(61, 167, 245, 0.3) 0%, rgba(5, 81, 251, 0.2) 100%);
  box-shadow: inset 0 0 0 1px rgba(104, 234, 255, 0.36), 0 0 0 6px rgba(61, 167, 245, 0.08);
  color: rgba(224, 231, 235, 0.78);
}
.placa__avatar .icone { width: 86%; height: 86%; margin-bottom: -9%; }

.duas-colunas--cta-centro .acoes { justify-content: center; }

.capa__veu--clara {
  background:
    linear-gradient(78deg, rgba(3, 16, 38, 0.9) 0%, rgba(5, 24, 58, 0.72) 36%, rgba(7, 23, 58, 0.26) 66%, rgba(7, 23, 58, 0.04) 92%),
    linear-gradient(180deg, rgba(1, 12, 20, 0.45) 0%, rgba(1, 12, 20, 0) 24%, rgba(1, 12, 20, 0.4) 70%, rgba(1, 12, 20, 0.86) 100%);
}

.placa__veu:not(.placa__veu--cheio) {
  background: linear-gradient(180deg, rgba(1, 12, 20, 0.08) 0%, rgba(1, 12, 20, 0.2) 36%, rgba(1, 12, 20, 0.78) 72%, rgba(1, 12, 20, 0.92) 100%);
}
.placa:has(.placa__foto) .janela-icone {
  background: rgba(1, 12, 20, 0.5);
  border-color: rgba(104, 234, 255, 0.34);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.sanfona__painel p { max-width: 36em; }
.faixa--viva .faixa__trilho { padding-inline: 0; }

.secao--destaque {
  display: flex;
  align-items: center;
  min-height: min(90vh, 820px);
  background:
    radial-gradient(70% 90% at 0% 100%, rgba(5, 81, 251, 0.22) 0%, rgba(5, 81, 251, 0) 60%),
    linear-gradient(160deg, #0A1F48 0%, var(--profundo) 45%, var(--abisso) 100%);
}
.secao--destaque > .envelope { width: 100%; }
.secao--destaque .secao__foto {
  left: auto;
  right: 0;
  width: 64%;
  z-index: 0;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.3) 12%, rgba(0, 0, 0, 0.78) 26%, #000 42%);
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.3) 12%, rgba(0, 0, 0, 0.78) 26%, #000 42%);
}
.destaque__texto { position: relative; z-index: 1; max-width: 32rem; }
@media (max-width: 860px) {
  .secao--destaque { display: block; padding-top: 0; min-height: 0; }
  .secao--destaque .secao__foto {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5;
    max-height: 74vh;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 52%, rgba(0, 0, 0, 0.55) 76%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 0%, #000 52%, rgba(0, 0, 0, 0.55) 76%, transparent 100%);
  }
  .secao--destaque > .envelope { position: relative; z-index: 1; margin-top: -30vw; }
}

.topo .envelope { display: flex; justify-content: center; }
.topo__barra { flex: 1 0 auto; gap: 16px; }
@media (min-width: 1440px) { .topo__nav a { padding: 11px 10px; } }
@media (min-width: 900px) {
  .capa--foto-direita .capa__foto {
    left: auto; right: 0; width: 64%;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 38%);
            mask-image: linear-gradient(90deg, transparent 0, #000 38%);
  }
  .capa--foto-direita .capa__foto--espelhada {
    -webkit-mask-image: linear-gradient(270deg, transparent 0, #000 38%);
            mask-image: linear-gradient(270deg, transparent 0, #000 38%);
  }
}
@media (min-width: 1280px) {
  .heroi__hub { transform: translate(-50%, -50%) scale(calc(0.6 * var(--composicao, 1))); }
  .heroi.cena-2 .heroi__hub { transform: translate(-50%, -50%) scale(var(--composicao, 1)); }
  .heroi__elos .elo { transform: translate(-50%, -50%) scale(calc(0.82 * var(--composicao, 1))); }
  .heroi.cena-3 .heroi__elos .elo { transform: translate(-50%, -50%) scale(var(--composicao, 1)); }
  .heroi__elos .elo { justify-content: flex-start; }
}
@media (min-width: 1280px) {
  .heroi__elos .elo:nth-child(1),
  .heroi__elos .elo:nth-child(2) { animation-delay: 0s; }
  .heroi__elos .elo:nth-child(3) { animation-delay: -3.5s; }
}

.heroi__vitrine { display: none; }
@media (max-width: 759px) {
  .heroi__vitrine {
    display: block;
    width: 100%;
    height: min(84vw, 420px);
    margin-top: clamp(20px, 6vw, 32px);
  }
  .heroi__texto .apoio { margin-top: clamp(20px, 6vw, 32px); }
  .heroi .capa__veu {
    background: linear-gradient(180deg, rgba(1, 12, 20, 0.5) 0%, rgba(1, 12, 20, 0.2) 40%,
                                        rgba(1, 12, 20, 0.2) 70%, rgba(1, 12, 20, 0.55) 100%);
  }
}

/* Rodapé: site oficial e aviso de correspondente */
.rodape__marca .rodape__oficial { margin-top: 14px; max-width: 24em; }
.rodape__oficial a { color: var(--etiqueta-clara); }
.rodape__dados > div { gap: 8px; }
.rodape__dados a { color: inherit; transition: color 0.24s var(--curva); }
.rodape__dados a:hover { color: #fff; }
.rodape__aviso {
  margin-top: clamp(40px, 5vw, 64px);
  max-width: 62em;
  font-size: 13px;
  line-height: 1.6;
  color: rgba(224, 231, 235, 0.6);
}
.rodape__aviso + .rodape__base { margin-top: 24px; }

/* Carreiras: aviso separado dos públicos comerciais (Para quem) */
.aviso-carreiras {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(18px, 2.4vw, 32px);
  padding: clamp(22px, 2.6vw, 32px);
  border: 1px solid rgba(7, 23, 58, 0.1);
  border-radius: var(--raio-caixa);
  background: var(--branco);
}
.aviso-carreiras .subtitulo { font-size: clamp(20px, 2vw, 24px); }
.aviso-carreiras p:not(.etiqueta) { margin-top: 8px; font-size: 15px; line-height: 1.6; color: var(--apoio); max-width: 36em; }
@media (max-width: 720px) {
  .aviso-carreiras { grid-template-columns: 1fr; }
  .aviso-carreiras .btn { width: 100%; }
}

/* Formulários: estados, isca e botão de envio */
.estado-form { margin-top: var(--e3); line-height: 1.55; }
.estado-form::before {
  content: '';
  flex: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--eletrico);
}
.estado-form[data-estado='sucesso'] { background: rgba(0, 156, 110, 0.08); border-color: rgba(0, 156, 110, 0.32); color: #0B5E45; }
.estado-form[data-estado='sucesso']::before { background: #0A9B6E; }
.estado-form[data-estado='erro'] { background: rgba(255, 86, 48, 0.08); border-color: rgba(255, 86, 48, 0.36); color: #8A2A14; }
.estado-form[data-estado='erro']::before { background: #D9412B; }
.estado-form[data-estado='aviso'] { background: rgba(5, 81, 251, 0.07); border-color: rgba(5, 81, 251, 0.22); color: var(--tinta); }
.isca { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.formulario { position: relative; }
.btn[disabled] { opacity: 0.7; cursor: progress; }
.acoes--envio { margin-top: var(--e2); }
@media (max-width: 640px) {
  .formulario .acoes .btn[type='submit'] { width: 100%; min-height: 54px; }
}
.campo input[type='file'] { padding: 10px 12px; font-size: 15px; color: var(--apoio); cursor: pointer; }
.campo input[type='file']::file-selector-button {
  margin-right: 14px;
  padding: 9px 16px;
  border: 1px solid rgba(5, 81, 251, 0.3);
  border-radius: 999px;
  background: rgba(5, 81, 251, 0.07);
  color: var(--profundo);
  font: 600 14px/1.2 var(--sans);
  cursor: pointer;
}

/* Marcos no celular: título em cima, descrição embaixo */
@media (max-width: 620px) {
  .marcos > div,
  .marcos > div + div { display: block; padding: 14px 0 0; }
  .marcos > div:first-child { padding-top: 0; }
  .marcos strong { font-size: 19px; }
  .marcos span { margin-top: 4px; font-size: 14px; line-height: 1.5; }
  .marcos > div + div { margin-top: 14px; }
}
.marcos span { max-width: 22ch; }
.lista-no a { color: var(--eletrico); font-weight: 500; }
.tema-profundo .lista-no a, .secao--foto .lista-no a { color: var(--ciano); }

@media (max-width: 480px) {
  .acoes.acoes--longas,
  .acoes.acoes--longas:has(> .btn:nth-of-type(2)):not(:has(> .btn:nth-of-type(3))) {
    flex-direction: column; flex-wrap: nowrap; align-items: stretch;
  }
  .acoes.acoes--longas > .btn,
  .acoes.acoes--longas:has(> .btn:nth-of-type(2)):not(:has(> .btn:nth-of-type(3))) > .btn {
    width: 100%; flex: none;
  }
}

/* Seção de layout centralizado: tudo centralizado */
.cabecalho-secao--centro .nota,
.cabecalho-secao--centro ~ .nota,
.cabecalho-secao--centro ~ p:not(.etiqueta) {
  text-align: center;
  margin-inline: auto;
}

/* Um só corpo de texto por coluna */

.fonte {
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--etiqueta);
}

/* Perfil oficial do CORBAN (/corban/nome, montado pelo corban.php) */
.capa--perfil { padding-top: clamp(116px, 13vh, 150px); padding-bottom: clamp(36px, 4.4vw, 56px); }
.display--perfil { font-size: clamp(36px, 5vw, 64px); line-height: 1; max-width: 18ch; text-wrap: balance; }
.etiqueta--verificado { display: inline-flex; align-items: center; gap: 10px; line-height: 1.6; }
.etiqueta--verificado .icone { width: 18px; height: 18px; }
.secao--perfil { padding-top: clamp(36px, 4vw, 56px); }

.ficha--perfil .ficha__retrato { aspect-ratio: 4 / 5; }
.ficha__iniciais {
  font-size: clamp(56px, 6vw, 76px);
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--cristal);
  opacity: 0.92;
  transform: translateY(-12%);
}
.ficha__selo--modalidade {
  border-color: rgba(0, 234, 255, 0.45);
  color: var(--ciano, #00EAFF);
  font-size: 10.5px;
}
.ficha__credencial { margin-top: var(--e3); }
.ficha__endereco {
  font-family: var(--mono);
  font-weight: 500;
  font-size: 13px;
  color: var(--tinta);
  overflow-wrap: anywhere;
}
.acoes--ficha { margin-top: var(--e3); }
.acoes--ficha .btn { width: 100%; }
.ficha__aviso { min-height: 1.4em; font-size: 13px; color: var(--petroleo); }
@media (max-width: 620px) {
  .ficha--perfil .ficha__retrato { max-width: 160px; }
  .ficha__iniciais { font-size: 52px; }
}

/* JANELA DE CADASTRO */
html.com-janela { overflow: hidden; }
.janela {
  width: min(780px, calc(100% - 32px));
  max-width: none;
  max-height: calc(100vh - 48px);
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: 24px;
  background: var(--branco);
  color: var(--tinta);
  box-shadow: 0 48px 120px -24px rgba(1, 12, 20, 0.55);
  overflow: hidden;
}
.janela[open] { display: flex; flex-direction: column; animation: cqJanela 0.46s var(--curva) both; }
.janela::backdrop {
  background: rgba(1, 12, 20, 0.64);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  animation: cqVeu 0.32s ease both;
}
@keyframes cqJanela { from { opacity: 0; transform: translateY(18px) scale(0.985); } }
@keyframes cqVeu { from { opacity: 0; } }

.janela__caixa { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
.janela__topo {
  position: relative;
  flex: none;
  padding: 30px 36px 0;
  background: linear-gradient(180deg, var(--cristal), var(--branco));
  border-bottom: 1px solid rgba(7, 23, 58, 0.08);
}
.janela__titulo {
  margin-top: 12px;
  padding-right: 56px;
  font-size: clamp(26px, 3vw, 34px);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--profundo);
}
.janela__fechar {
  position: absolute;
  top: 18px;
  right: 18px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid rgba(7, 23, 58, 0.1);
  border-radius: 50%;
  background: var(--branco);
  color: var(--profundo);
  cursor: pointer;
  transition: border-color 0.24s ease, color 0.24s ease, transform 0.28s var(--curva);
}
.janela__fechar:hover { border-color: rgba(5, 81, 251, 0.34); color: var(--eletrico); transform: rotate(90deg); }
.janela__fechar svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }

.janela__abas { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 22px; }
.janela__abas button {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  margin-bottom: -1px;
  padding: 12px 14px 16px 2px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  font-family: inherit;
  text-align: left;
  color: var(--apoio);
  cursor: pointer;
  transition: border-color 0.28s ease, color 0.28s ease;
}
.janela__abas button:hover { color: var(--profundo); }
.janela__abas button[aria-selected='true'] { border-bottom-color: var(--eletrico); color: var(--profundo); }
.janela__abas .icone { width: 26px; height: 26px; opacity: 0.5; transition: opacity 0.28s ease; }
.janela__abas button[aria-selected='true'] .icone { opacity: 1; }
.janela__abas span { min-width: 0; }
.janela__abas b { display: block; font-size: 16.5px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.25; }
.janela__abas small {
  display: block;
  margin-top: 4px;
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--apoio);
}

.janela__corpo {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 24px 36px 32px;
}
.janela__apoio { font-size: 15.5px; line-height: 1.6; color: var(--apoio); max-width: 46em; }
.janela .formulario { margin-top: 22px; gap: 20px; }
.janela .campo--par, .janela .campo--trio { gap: 20px; }
.janela .campo { gap: 8px; }
.janela .campo input, .janela .campo select { padding: 13px 16px; }
.janela__acoes { margin-top: 4px; align-items: center; }
.janela__acoes [hidden] { display: none; }
.janela__acoes .btn .icone { width: 18px; height: 18px; }

@media (max-width: 620px) {
  .janela {
    width: 100%;
    height: 100vh;
    height: 100dvh;
    max-height: 100vh;
    max-height: 100dvh;
    margin: 0;
    border-radius: 0;
  }
  .janela[open] { animation-name: cqJanelaSobe; }
  .janela__topo { padding: 18px 20px 0; }
  .janela__fechar { top: 12px; right: 12px; }
  .janela__titulo { margin-top: 10px; font-size: 26px; }
  .janela__abas { margin-top: 16px; gap: 4px; }
  .janela__abas button { gap: 10px; padding: 10px 4px 14px 0; }
  .janela__abas .icone { width: 22px; height: 22px; }
  .janela__abas b { font-size: 15px; }
  .janela__abas small { font-size: 9.5px; letter-spacing: 0.1em; }
  .janela__corpo { padding: 20px 20px 28px; }
  .janela .campo--trio { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 14px; }
  .janela .campo--trio > .campo:nth-child(3) { grid-column: 1 / -1; }
  .janela__acoes { flex-direction: column; align-items: stretch; }
  .janela__acoes .btn { width: 100%; }
}
@keyframes cqJanelaSobe { from { transform: translateY(32px); opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .janela[open], .janela::backdrop { animation: none; }
}

.aviso-exemplo {
  display: inline-block;
  margin-top: 14px;
  padding: 6px 14px;
  border: 1px dashed currentColor;
  border-radius: 999px;
  font-size: 13px;
  line-height: 1.5;
  opacity: 0.82;
}
.resultado .aviso-exemplo { margin: 14px 0 6px; }

.capa .apoio a { color: inherit; text-decoration: underline; text-decoration-color: rgba(0, 234, 255, 0.7); text-underline-offset: 4px; }

.heroi__subtitulo { font-weight: 400; letter-spacing: normal; }
.heroi__texto .heroi__subtitulo { max-width: 40ch; }

/* HISTÓRIAS */
.blog[hidden], [data-sem-historias][hidden] { display: none; }
.blog__grade {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(20px, 2.4vw, 32px);
  margin-top: clamp(32px, 4vw, 48px);
}
.historia-cartao {
  border: 1px solid rgba(7, 23, 58, 0.1);
  border-radius: var(--raio-caixa);
  background: var(--branco);
  overflow: hidden;
  transition: transform 0.3s var(--curva), box-shadow 0.3s ease;
}
.historia-cartao:hover { transform: translateY(-4px); box-shadow: 0 34px 60px -42px rgba(7, 23, 58, 0.5); }
.historia-cartao__link { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; }
.historia-cartao__capa {
  position: relative;
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: linear-gradient(162deg, #0A2046 0%, var(--profundo) 52%, var(--abisso) 100%);
}
.historia-cartao__capa > img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s var(--curva); }
.historia-cartao:hover .historia-cartao__capa > img { transform: scale(1.03); }
.historia-cartao__simbolo { position: absolute; inset: 0; display: grid; place-items: center; }
.historia-cartao__simbolo img { width: 56px; height: 56px; opacity: 0.9; }
.historia-cartao__corpo { display: flex; flex: 1; flex-direction: column; gap: 10px; padding: 24px 26px 26px; }
.historia-cartao__titulo {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--profundo);
  text-wrap: balance;
}
.historia-cartao__resumo { font-size: 15px; line-height: 1.6; color: var(--apoio); }
.historia-cartao__rodape {
  margin-top: auto;
  padding-top: 8px;
  font-family: var(--mono);
  font-size: 11.5px;
  letter-spacing: 0.04em;
  color: var(--apoio);
}
.historia-cartao--destaque { grid-column: 1 / -1; }
.historia-cartao--destaque .historia-cartao__link { flex-direction: row; }
.historia-cartao--destaque .historia-cartao__capa { flex: 0 0 56%; aspect-ratio: auto; min-height: 340px; }
.historia-cartao--destaque .historia-cartao__corpo { justify-content: center; padding: clamp(28px, 3vw, 44px); }
.historia-cartao--destaque .historia-cartao__titulo { font-size: clamp(24px, 2.4vw, 32px); }
.historia-cartao--destaque .historia-cartao__rodape { margin-top: 12px; }
@media (max-width: 980px) {
  .blog__grade { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .blog__grade { grid-template-columns: 1fr; }
  .historia-cartao--destaque .historia-cartao__link { flex-direction: column; }
  .historia-cartao--destaque .historia-cartao__capa { flex: none; aspect-ratio: 16 / 10; min-height: 0; }
}

.capa--post { padding-top: clamp(130px, 15vh, 170px); padding-bottom: clamp(44px, 5vw, 72px); }
.display--post { max-width: 20ch; font-size: clamp(34px, 4.6vw, 60px); line-height: 1.05; text-wrap: balance; }
.capa--post .apoio { max-width: 46em; margin-top: 18px; }
.post__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  margin-top: 26px;
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.06em;
  color: var(--nevoa);
}
.secao--post { padding-top: clamp(40px, 5vw, 72px); }
.post__grade {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 300px);
  align-items: start;
  gap: clamp(32px, 5vw, 80px);
}
.post__texto { max-width: 720px; }
.post__capa { margin: 0 0 36px; overflow: hidden; border-radius: var(--raio-figura); }
.post__capa img { display: block; width: 100%; height: auto; }
.post__corpo { font-size: 18px; line-height: 1.75; color: var(--profundo); }
.post__corpo > * + * { margin-top: 1.1em; }
.post__corpo h2 { margin-top: 1.8em; font-size: clamp(22px, 2.2vw, 28px); font-weight: 600; line-height: 1.25; letter-spacing: -0.02em; }
.post__corpo blockquote {
  margin: 1.5em 0;
  padding: 6px 0 6px 24px;
  border-left: 3px solid var(--eletrico);
  font-size: 21px;
  font-weight: 500;
  line-height: 1.55;
}
.post__corpo ul { padding-left: 1.2em; list-style: disc; }
.post__corpo li + li { margin-top: 0.4em; }
.post__corpo li::marker { color: var(--eletrico); }
.post__corpo strong { font-weight: 600; }
.post__voltar { margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--filete); }
.post__voltar a { font-weight: 500; color: var(--eletrico); text-decoration: none; }
.post__lado { position: sticky; top: 110px; display: grid; gap: 18px; }
.post__cartao {
  display: grid;
  justify-items: start;
  gap: 10px;
  padding: 24px;
  border: 1px solid rgba(7, 23, 58, 0.1);
  border-radius: var(--raio-caixa);
  background: var(--cristal);
}
.post__autor { font-size: 19px; font-weight: 600; color: var(--profundo); }
.post__chamada { font-size: 17px; font-weight: 600; line-height: 1.35; color: var(--profundo); }
.post__cartao .btn { width: 100%; margin-top: 8px; }
@media (max-width: 900px) {
  .post__grade { grid-template-columns: 1fr; }
  .post__lado { position: static; }
}