/* Sherman Branding — páginas de case
 * Usa as variáveis, fontes e componentes de ../estilo.css.
 * Molde: cada case reaproveita as classes .rc-*; só mudam conteúdo e imagens.
 */
.pagina-case { background: var(--noite); }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.cena[data-tema="claro"] { background: var(--creme); color: var(--verde); }
.cena[data-tema="verde"] { background: var(--verde); color: var(--creme); }
.cena[data-tema="escuro"] { background: var(--noite); color: var(--creme); }
.cena[data-tema="claro"] .rotulo { color: var(--mogno); }
.cena[data-tema="claro"] .t-texto { color: var(--mogno); }
.cena[data-tema="verde"] .rotulo, .cena[data-tema="escuro"] .rotulo { color: var(--dourado); }

/* imagens: janela que se abre + parallax interno */
.rc-img { margin: 0; display: grid; gap: 12px; min-width: 0; }
.rc-img figcaption { color: inherit; opacity: 0.6; }
.rc-img-janela { position: relative; overflow: hidden; background: var(--noite-2); clip-path: inset(var(--ab, 0%) 0 0 0); will-change: clip-path; }
.cena[data-tema="claro"] .rc-img-janela { background: #e6dcb2; }
.rc-img-janela img, .rc-img-janela video { position: absolute; inset: -8% 0; width: 100%; height: 116%; max-width: none; object-fit: cover; transform: translateY(var(--py, 0px)) scale(var(--ps, 1.04)); will-change: transform; }

/* ── 1 · abertura ── */
.rc-abertura { padding: 26vh var(--g) 0; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; row-gap: 48px; }
.rc-ab-texto { grid-column: 1 / span 8; display: grid; gap: 28px; }
.rc-volta a { text-decoration: none; }
.rc-volta a:hover { text-decoration: underline; text-underline-offset: 4px; }
.rc-titulo { font-family: var(--f-titulo); font-size: var(--t-mega); line-height: 0.88; letter-spacing: -0.04em; font-weight: 560; font-optical-sizing: none; font-variation-settings: "opsz" 84, "SOFT" 30, "WONK" 0; }
.rc-titulo .linha { display: block; overflow: hidden; padding-bottom: 0.22em; margin-bottom: -0.3em; }
.rc-titulo .linha:last-child { margin-bottom: -0.08em; }
.rc-titulo .linha > span { display: inline-block; transform: translateY(105%); animation: subir 1.3s var(--ease) forwards; }
.rc-titulo .linha:nth-child(2) > span { animation-delay: 0.14s; }
.rc-titulo em { color: var(--dourado); font-weight: 420; font-variation-settings: "opsz" 84, "SOFT" 100, "WONK" 1; }
.rc-sub { font-size: var(--t-lead); color: var(--creme-70); max-width: 34ch; opacity: 0; animation: aparecer 1.2s 0.6s var(--ease) forwards; }
.rc-ficha { grid-column: 9 / span 4; align-self: end; display: grid; border-top: 1px solid var(--creme-15); opacity: 0; animation: aparecer 1.2s 0.9s var(--ease) forwards; }
.rc-ficha div { display: grid; gap: 4px; padding: 14px 0; border-bottom: 1px solid var(--creme-15); }
.rc-ficha dd { margin: 0; font-size: 15px; color: var(--creme); }
.rc-hero { grid-column: 1 / -1; margin: 4vh calc(var(--g) * -1) 0; display: grid; gap: 12px; }
.rc-hero-janela { position: relative; height: 100vh; overflow: hidden; clip-path: inset(0 var(--hx, 0px) 0 var(--hx, 0px) round var(--hr, 0px)); will-change: clip-path; }
.rc-hero-janela video, .rc-hero-janela img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(var(--hz, 1)); }
.rc-hero figcaption { padding: 0 var(--g); color: var(--creme-45); }

/* ── 2 · lead e linha do tempo ── */
.rc-lead { padding: 22vh var(--g) 14vh; display: grid; gap: 40px; }
.rc-lead-frase { font-family: var(--f-titulo); font-size: clamp(34px, 3.6vw + 10px, 76px); line-height: 1.04; letter-spacing: -0.03em; font-weight: 500; max-width: 22ch; text-wrap: balance; font-variation-settings: "SOFT" 30, "WONK" 0; }
.rc-lead-frase em { color: var(--terracota); }
.rc-historia { padding: 6vh var(--g) 20vh; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; row-gap: 56px; }
.rc-hist-intro { grid-column: 1 / span 5; display: grid; gap: 24px; align-content: start; position: sticky; top: 18vh; align-self: start; }
.rc-linha-tempo { grid-column: 7 / span 6; position: relative; display: grid; gap: 0; }
.rc-linha-tempo::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background: rgba(0,70,50,0.18); }
.rc-linha-tempo::after { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: var(--terracota); transform-origin: top; transform: scaleY(var(--lt, 0)); }
.rc-linha-tempo li { position: relative; padding: 0 0 56px 40px; display: grid; gap: 10px; font-size: 17.5px; line-height: 1.55; color: var(--mogno); }
.rc-linha-tempo li::before { content: ""; position: absolute; left: -5px; top: 0.7em; width: 11px; height: 11px; border-radius: 50%; background: var(--creme); border: 1px solid var(--terracota); }
.rc-linha-tempo b { color: var(--verde); font-weight: 600; }
.rc-ano { font-family: var(--f-titulo); font-size: clamp(36px, 3vw, 56px); line-height: 1; letter-spacing: -0.03em; font-weight: 560; color: var(--verde); }

/* ── 3 · o nome muda (pico) ── */
.rc-nome .palco { display: grid; place-items: center; padding: 0 var(--g); }
.rc-nome-rot { position: absolute; left: var(--g); top: 96px; }
.rc-nome-palco { position: relative; width: 100%; display: grid; place-items: center; }
.rc-nome-velho, .rc-nome-novo { grid-area: 1 / 1; font-family: var(--f-titulo); font-size: clamp(56px, 10.4vw, 200px); line-height: 1; letter-spacing: -0.04em; font-weight: 560; white-space: nowrap; font-optical-sizing: none; font-variation-settings: "opsz" 84, "SOFT" 30, "WONK" 0; text-align: center; }
.rc-nome-novo { color: var(--creme); }
.rc-nome-velho { color: var(--creme); }
.rc-nome-novo .l-coruja { color: var(--dourado); font-style: italic; font-weight: 420; font-variation-settings: "opsz" 84, "SOFT" 100, "WONK" 1; }
.rc-letra { display: inline-block; white-space: pre; will-change: transform, opacity; }
.rc-nome-velho .rc-letra { text-decoration: none; }
.rc-nome-assin { grid-area: 2 / 1; margin-top: 3vh; color: var(--creme) !important; letter-spacing: 0.3em; opacity: var(--assin, 0); transform: translateY(calc((1 - var(--assin, 0)) * 14px)); }
.rc-risco { position: absolute; left: 50%; top: 52%; height: 0.06em; background: var(--terracota); transform-origin: left; }
.rc-nome-legendas { position: absolute; left: var(--g); right: var(--g); bottom: 9vh; display: grid; justify-items: center; }
.rc-nome-leg { grid-area: 1 / 1; font-family: var(--f-titulo); font-style: italic; font-variation-settings: "SOFT" 100, "WONK" 1; font-size: clamp(20px, 1.6vw, 28px); color: var(--creme-70); opacity: 0; transform: translateY(10px); transition: opacity 0.5s var(--ease), transform 0.7s var(--ease); text-align: center; }
.rc-nome-leg.ativo { opacity: 1; transform: none; }

/* ── 4 · estratégia ── */
.rc-estrategia { padding: 20vh var(--g); display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; row-gap: 48px; align-items: center; }
.rc-est-texto { grid-column: 1 / span 5; display: grid; gap: 26px; }
.rc-est-img { grid-column: 7 / span 6; }
.rc-est-img .rc-img-janela { aspect-ratio: 1 / 1; }

/* ── 5 · coruja ── */
.rc-coruja { padding: 20vh var(--g); display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; row-gap: 48px; align-items: end; }
.rc-coruja-img { grid-column: 1 / span 7; }
.rc-coruja-img .rc-img-janela { aspect-ratio: 4 / 3; }
.rc-coruja-texto { grid-column: 9 / span 4; display: grid; gap: 24px; }

/* ── 6 · galeria ── */
.rc-galeria { padding: 6vh var(--g) 18vh; display: grid; gap: 14vh; }
.rc-gal-cabeca { display: grid; gap: 22px; max-width: 900px; }
.rc-grupo { display: grid; gap: 20px; }
.rc-grupo-nome { display: flex; align-items: center; gap: 16px; }
.rc-grupo-nome::after { content: ""; flex: 1; height: 1px; background: var(--creme-15); }
.rc-linha { display: grid; gap: 18px; }
.rc-l1 .rc-img-janela { aspect-ratio: 16 / 9; }
.rc-l2 { grid-template-columns: 1.45fr 1fr; }
.rc-l2 .rc-img-janela { aspect-ratio: 4 / 3.4; }
.rc-l2 .rc-img:last-child .rc-img-janela { aspect-ratio: auto; height: 100%; min-height: 100%; }
.rc-l2 .rc-img:last-child { grid-template-rows: 1fr auto; }
.rc-l3 { grid-template-columns: 1.3fr 1fr 1fr; }
.rc-l3 .rc-img-janela { aspect-ratio: 4 / 5; }

/* ── 7 · trilha de sinalização ── */
.rc-trilha .palco { display: flex; flex-direction: column; justify-content: center; gap: 4vh; padding: 92px 0 7vh; }
.rc-trilha-cabeca { padding: 0 var(--g); display: grid; gap: 14px; max-width: 1100px; }
.rc-trilha-cabeca .t-medio { max-width: 22ch; }
.rc-trilha-trilho { display: flex; gap: 18px; padding: 0 var(--g); will-change: transform; height: 58vh; }
.rc-placa { flex: none; margin: 0; height: 100%; display: grid; grid-template-rows: 1fr auto; gap: 10px; width: 62vh; }
.rc-placa .rc-img-janela { height: 100%; }
.rc-placa-q { width: 46vh; }
.rc-placa figcaption { color: var(--creme-45); }
.rc-trilha-barra { margin: 0 var(--g); height: 1px; background: var(--creme-15); position: relative; }
.rc-trilha-barra i { position: absolute; inset: 0; background: var(--dourado); transform-origin: left; transform: scaleX(var(--tb, 0)); }

/* ── 8 · comunicação ── */
.rc-comunicacao { padding: 20vh var(--g); display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; row-gap: 48px; align-items: center; }
.rc-com-texto { grid-column: 1 / span 5; display: grid; gap: 26px; }
.rc-com-imgs { grid-column: 7 / span 6; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.rc-com-imgs .rc-img:first-child { transform: translateY(-6vh); }
.rc-com-imgs .rc-img-janela { aspect-ratio: 4 / 5; }

/* ── 9 · resultado ── */
.rc-resultado { padding: 20vh var(--g) 18vh; display: grid; gap: 6vh; }
.rc-res-grade { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; align-items: end; }
.rc-res-num { grid-column: 1 / span 6; font-family: var(--f-titulo); font-size: clamp(140px, 24vw, 420px); line-height: 0.8; letter-spacing: -0.06em; font-weight: 560; color: var(--dourado); font-variant-numeric: lining-nums; font-optical-sizing: none; font-variation-settings: "opsz" 84, "SOFT" 30, "WONK" 0; }
.rc-res-texto { grid-column: 8 / span 5; display: grid; gap: 24px; padding-bottom: 2vh; }
.rc-res-linha { font-family: var(--f-titulo); font-size: clamp(26px, 2.2vw, 40px); line-height: 1.1; letter-spacing: -0.02em; font-weight: 500; }
.rc-res-de-para { font-family: var(--f-titulo); font-size: clamp(30px, 2.6vw, 48px); letter-spacing: -0.02em; font-variant-numeric: tabular-nums lining-nums; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; padding: 18px 0; border-top: 1px solid var(--creme-15); border-bottom: 1px solid var(--creme-15); }
.rc-res-de-para small { font-family: var(--f-texto); font-stretch: 125%; font-size: 11.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--dourado); }
.rc-seta { color: var(--dourado); }
.rc-resultado .t-texto { color: var(--creme-70); }

/* ── 10 · entregas ── */
.rc-entregas { padding: 18vh var(--g); display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; row-gap: 56px; }
.rc-entregas > div:first-child { grid-column: 1 / span 7; display: grid; gap: 28px; align-content: start; }
.rc-lista { display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; border-top: 1px solid rgba(0,70,50,0.22); }
.rc-lista li { padding: 14px 0; border-bottom: 1px solid rgba(0,70,50,0.22); font-family: var(--f-titulo); font-size: clamp(19px, 1.4vw, 24px); letter-spacing: -0.01em; }
.rc-creditos { grid-column: 9 / span 4; display: grid; align-content: start; border-top: 1px solid rgba(0,70,50,0.22); margin-top: 44px; }
.rc-creditos div { padding: 14px 0; border-bottom: 1px solid rgba(0,70,50,0.22); display: grid; gap: 4px; }
.rc-creditos dd { margin: 0; font-size: 16px; }

/* ── 11 · próximo ── */
.rc-proximo { padding: 0 var(--g); }
.rc-prox-link { display: grid; gap: 14px; padding: 16vh 0 14vh; text-decoration: none; border-bottom: 1px solid var(--creme-15); }
.rc-prox-nome { font-family: var(--f-titulo); font-size: var(--t-mega); line-height: 0.92; letter-spacing: -0.04em; font-weight: 560; font-optical-sizing: none; font-variation-settings: "opsz" 84, "SOFT" 30, "WONK" 0; transition: color 0.4s; }
.rc-prox-nome em { display: inline-block; color: var(--dourado); transition: transform 0.6s var(--ease); }
.rc-prox-link:hover .rc-prox-nome em { transform: translateX(0.18em); }
.rc-prox-desc { color: var(--creme-70); font-size: var(--t-lead); }
.rc-prox-cta { display: grid; gap: 32px; padding: 14vh 0 10vh; }
.rc-prox-cta .t-grande { max-width: 15ch; }
.rc-prox-cta em { color: var(--dourado); }


/* ── álbuns de fotos (ritmo de página de case: sangra + fileiras) ── */
.rc-album { padding: 0 0 18vh; }
.rc-sangra { gap: 12px; }
.rc-sangra .rc-img-janela { height: min(100vh, 64vw); }
.rc-sangra figcaption { padding: 0 var(--g); }
.rc-sangra-fim { margin-top: 18px; }
.rc-capitulo { padding: 18vh var(--g) 12vh; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; row-gap: 28px; align-items: end; }
.rc-capitulo > .rotulo { grid-column: 1 / -1; }
.rc-capitulo h2 { grid-column: 1 / span 7; max-width: 14ch; }
.rc-capitulo h2 em { color: var(--dourado); }
.rc-capitulo .t-texto { grid-column: 9 / span 4; color: var(--creme-70); }
.rc-vida .rc-capitulo { padding-top: 20vh; }
.rc-mos { display: grid; gap: 18px; padding: 18px var(--g) 0; }
.rc-m2 { grid-template-columns: 1fr 1fr; }
.rc-m2 .rc-img-janela { aspect-ratio: 4 / 5; }
.rc-m2a { grid-template-columns: 1.62fr 1fr; }
.rc-m2b { grid-template-columns: 1fr 1.62fr; }
.rc-m2a .rc-img-janela, .rc-m2b .rc-img-janela { height: min(78vh, 44vw); }
.rc-m3 { grid-template-columns: repeat(3, 1fr); }
.rc-m3 .rc-img-janela { aspect-ratio: 4 / 5; }
.rc-com-fotos { grid-column: 1 / -1; padding: 6vh 0 0; }
.cena[data-tema="claro"] .rc-img figcaption { color: var(--mogno); }

.rc-l3k { grid-template-columns: 1.5fr 1fr 0.82fr; }
.rc-l3k .rc-img-janela { height: min(62vh, 34vw); }
.rc-l2e { grid-template-columns: 1fr 1fr; }
.rc-l2e .rc-img-janela { aspect-ratio: 3 / 2.1; }
.rc-com-fotos-2 { padding-top: 18px; }

/* variação de apoio */
.rc-apoio { padding: 0 0 18vh; }
.cena[data-tema="claro"] .rc-capitulo h2 em { color: var(--terracota); }
.cena[data-tema="claro"] .rc-capitulo .t-texto { color: var(--mogno); }
.rc-apoio .rc-capitulo { align-items: start; }
.rc-apoio-textos { grid-column: 8 / span 5; display: grid; gap: 18px; }
.rc-apoio-textos .t-texto { grid-column: auto; }
.rc-apoio-par { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 0 var(--g); }
.rc-apoio-logo { margin: 0; display: grid; justify-items: center; gap: 28px; padding: 8vh 4vw 5vh; background: #e9dfb6; }
.rc-apoio-logo img { width: min(26vw, 420px); height: auto; }
.rc-apoio-logo figcaption { display: grid; justify-items: center; gap: 6px; color: var(--verde); font-size: 15px; text-align: center; }
.rc-escada { margin: 18px var(--g) 18px; padding: 6vh 4vw; border: 1px solid rgba(0,70,50,0.18); display: grid; gap: 4vh; }
.rc-esc-tit { color: var(--mogno); }
.rc-esc-linha { display: grid; grid-template-columns: 120px 1fr; align-items: end; gap: 24px; }
.rc-esc-linha > .rotulo { padding-bottom: 30px; color: var(--verde) !important; }
.rc-esc-itens { display: flex; align-items: flex-end; gap: clamp(28px, 5vw, 88px); flex-wrap: wrap; }
.rc-esc-item { margin: 0; display: grid; justify-items: center; gap: 10px; }
.rc-esc-item img { max-width: none; }
.rc-esc-item figcaption { color: var(--mogno); opacity: 0.7; }

/* coruja: foto real + detalhe */
.rc-coruja-img .rc-img-janela { aspect-ratio: 1321 / 1140; }
.rc-coruja-img img { object-position: 30% 70%; }
.rc-coruja-mini { margin-top: 12px; }
.rc-coruja-mini .rc-img-janela { aspect-ratio: 16 / 9; }

/* trilha: fotos reais 3:2 */
.rc-placa { width: 87vh; }

/* ── celular ── */
@media (max-width: 820px) {
  .rc-abertura { padding-top: 20vh; display: block; }
  .rc-ab-texto { gap: 18px; }
  .rc-titulo { font-size: clamp(56px, 16vw, 92px); }
  .rc-ficha { margin-top: 36px; }
  .rc-hero { margin-top: 36px; }
  .rc-hero-janela { height: 70vh; }
  .rc-historia, .rc-estrategia, .rc-coruja, .rc-comunicacao, .rc-res-grade, .rc-entregas { display: flex; flex-direction: column; align-items: stretch; gap: 40px; }
  .rc-hist-intro { position: static; }
  .rc-linha-tempo li { font-size: 16px; padding-bottom: 40px; }
  .rc-nome-velho, .rc-nome-novo { font-size: clamp(36px, 11vw, 60px); }
  .rc-nome-assin { letter-spacing: 0.18em; }
  .rc-l2, .rc-l3 { grid-template-columns: 1fr; }
  .rc-l2 .rc-img:last-child .rc-img-janela { aspect-ratio: 1 / 1; height: auto; }
  .rc-com-imgs .rc-img:first-child { transform: none; }
  .rc-res-num { font-size: 42vw; }
  .rc-lista { grid-template-columns: 1fr; }
  .rc-creditos { margin-top: 0; }
  .rc-prox-nome { font-size: clamp(50px, 14vw, 80px); }
  .rc-capitulo { display: grid; grid-template-columns: 1fr; padding: 14vh var(--g) 8vh; }
  .rc-capitulo h2, .rc-capitulo .t-texto { grid-column: 1; }
  .rc-sangra .rc-img-janela { height: 62vh; }
  .rc-m2a, .rc-m2b { grid-template-columns: 1fr; }
  .rc-m2a .rc-img-janela, .rc-m2b .rc-img-janela { height: auto; aspect-ratio: 4 / 3; }
  .rc-m2 { grid-template-columns: 1fr 1fr; gap: 10px; }
  .rc-m3 { grid-template-columns: 1fr 1fr; gap: 10px; }
  .rc-m3 .rc-img:first-child { grid-column: 1 / -1; }
  .rc-m3 .rc-img:first-child .rc-img-janela { aspect-ratio: 4 / 3; }
  .rc-mos { gap: 10px; padding-top: 10px; }
  .rc-l3k, .rc-l2e { grid-template-columns: 1fr; }
  .rc-apoio-textos { grid-column: 1; }
  .rc-apoio-par { grid-template-columns: 1fr 1fr; gap: 10px; }
  .rc-apoio-logo { padding: 5vh 4vw 3vh; gap: 16px; }
  .rc-apoio-logo img { width: 36vw; }
  .rc-apoio-logo figcaption { font-size: 12.5px; }
  .rc-escada { padding: 4vh 5vw; }
  .rc-esc-linha { grid-template-columns: 1fr; gap: 12px; }
  .rc-esc-linha > .rotulo { padding-bottom: 0; }
  .rc-esc-itens { gap: 14px; flex-wrap: nowrap; }
  .rc-esc-item:first-child { display: none; }
  .rc-com-fotos.rc-m2a .rc-img:last-child .rc-img-janela { aspect-ratio: 3 / 4; }
  .rc-l3k .rc-img-janela { height: auto; aspect-ratio: 4 / 3.4; }
  .rc-trilha-trilho { height: 40vh; }
  .rc-placa { width: 86vw; }
}

/* ── versão leve ── */
.leve .rc-titulo .linha > span, .leve .rc-sub, .leve .rc-ficha { animation: none; transform: none; opacity: 1; }
.leve .rc-img-janela, .leve .rc-hero-janela { clip-path: none; }
.leve .rc-img-janela img, .leve .rc-img-janela video { transform: none; inset: 0; height: 100%; }
.leve .rc-linha-tempo::after { transform: none; }
.leve .rc-nome .palco { height: auto; padding: 18vh var(--g); }
.leve .rc-nome-rot { position: static; margin-bottom: 4vh; }
.leve .rc-nome-velho { grid-area: auto; text-decoration: line-through; text-decoration-color: var(--terracota); text-decoration-thickness: 0.05em; opacity: 0.5; font-size: clamp(40px, 6vw, 110px); }
.leve .rc-nome-novo { grid-area: auto; }
.leve .rc-nome-assin { grid-area: auto; opacity: 1; transform: none; }
.leve .rc-nome-legendas { position: static; margin-top: 6vh; gap: 10px; }
.leve .rc-nome-leg { grid-area: auto; opacity: 1; transform: none; }
.leve .rc-trilha .palco { height: auto; }
.leve .rc-trilha-trilho { height: auto; flex-wrap: wrap; }
.leve .rc-placa { width: calc(50% - 9px); height: 46vh; }
.leve .rc-trilha-barra { display: none; }
@media (max-width: 820px) { .leve .rc-placa { width: 100%; } }
.leve .rc-nome-velho .rc-letra { display: inline; }
.leve .rc-sangra .rc-img-janela { clip-path: none; }

/* ═════════ Rebel Health ═════════ */
@font-face { font-family: "Playfair Display"; src: url("../fontes/playfair-display-700-latin.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
.rc-lead-apoio { max-width: 62ch; }
.rh-textos { grid-column: 8 / span 5; display: grid; gap: 18px; }
.rc-capitulo .rh-textos .t-texto { grid-column: auto; }
.cena[data-tema="verde"] .rc-capitulo .t-texto { color: var(--creme-70); }
.rh-antes { padding: 0 0 18vh; }
.rh-par { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 0 var(--g); }
.rh-cartao { margin: 0; display: grid; gap: 12px; }
.rh-cartao-img { background: #fff; aspect-ratio: 4 / 3; display: grid; place-items: center; }
.rh-cartao-img img { width: 62%; height: auto; }
.rh-antigo img { width: min(52%, 340px); }
.rh-cartao-largo { margin: 18px var(--g) 0; }
.rh-cartao-largo .rh-cartao-img { aspect-ratio: auto; padding: 5vh 4vw; }
.rh-cartao-largo .rh-cartao-img img { width: 100%; }
.rh-grade { display: grid; gap: 14px; padding: 0 var(--g); }
.rh-grade + .rh-grade, .rc-mos + .rh-grade, .rh-grade + .rc-mos { margin-top: 18px; }
.rh-g3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rh-g4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.rh-g5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.rh-tile, .rh-capa, .rh-solta { margin: 0; }
.rh-tile img, .rh-capa img, .rh-solta img { display: block; width: 100%; height: auto; }
.rh-capas { gap: 22px; row-gap: 28px; }
.rh-capa img { box-shadow: 0 18px 40px -18px rgba(7, 18, 13, 0.45); }
.rh-solta { display: grid; gap: 12px; }
.rh-solta figcaption { opacity: 0.6; }
.rh-sub { padding: 12vh var(--g) 18px; display: flex; align-items: center; gap: 16px; }
.rh-sub::after { content: ""; flex: 1; height: 1px; background: var(--creme-15); }
.rh-ferramentas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; gap: 18px; padding-top: 18px; }
.rh-anuncios { padding: 0 var(--g); display: grid; grid-template-columns: 2.25fr 1fr; gap: 18px; align-items: start; }
.rh-emails { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.rh-logos { padding: 0 var(--g) 0; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.rh-logos figure { margin: 0; background: #fff; display: grid; place-items: center; padding: 9vh 4vw; }
.rh-logos img { width: 100%; height: auto; }
.rh-espacos { margin-top: 18px; }

/* pico 1: a família */
.rh-familia .palco { display: grid; grid-template-rows: auto 1fr auto; padding: 96px var(--g) 12vh; }
.rh-fam-topo { display: grid; gap: 12px; }
.rh-fam-palco { display: grid; place-items: center; }
.rh-lock { display: flex; align-items: center; gap: clamp(18px, 2.2vw, 40px); }
.rh-lock-box { width: clamp(150px, 19vw, 330px); aspect-ratio: 1; display: grid; place-items: center; background: var(--cor); transition: background-color 0.7s var(--ease); }
.rh-lock-box img { width: 76%; height: auto; }
.rh-lock-txt { position: relative; width: min(56vw, 900px); height: clamp(150px, 19vw, 330px); }
.rh-fam-item { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; opacity: 0; transform: translateY(26%); transition: opacity 0.55s var(--ease), transform 0.8s var(--ease); }
.rh-fam-item.ativo { opacity: 1; transform: none; }
.rh-fam-item.passou { transform: translateY(-26%); }
.rh-lock-nome { font-family: "Playfair Display", "Fraunces", serif; font-weight: 700; font-size: clamp(34px, 5.8vw, 108px); line-height: 0.98; letter-spacing: -0.012em; color: #17120f; }
.rh-lock-sub { margin-top: 0.7em; font-family: var(--f-texto); font-size: clamp(11px, 1.15vw, 19px); letter-spacing: 0.24em; font-weight: 500; }
.rh-fam-base { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 420px); gap: 18px 48px; align-items: end; }
.rh-fam-cont { grid-column: 1 / -1; color: var(--mogno); }
.rh-fam-num { color: var(--verde); }
.rh-fam-chips { display: flex; flex-wrap: wrap; gap: 10px 22px; }
.rh-fam-chip { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--verde); opacity: 0.4; transition: opacity 0.4s; }
.rh-fam-chip i { width: 11px; height: 11px; border-radius: 50%; background: var(--c); }
.rh-fam-chip.ativo { opacity: 1; }

/* trilho de slides */
.rh-slide { width: calc((58vh - 30px) * 16 / 9); }
.rh-slide .rc-img-janela img { inset: 0; height: 100%; transform: none !important; }

/* pico 2: o lançamento */
.rh-vendas .palco { display: grid; grid-template-rows: auto 1fr auto; gap: 3vh; padding: 96px var(--g) 6vh; }
.rh-v-topo { display: grid; gap: 10px; }
.rh-pontos { align-self: center; justify-self: center; width: min(100%, 1080px); display: grid; grid-template-columns: repeat(40, minmax(0, 1fr)); gap: clamp(3px, 0.45vw, 8px); }
.rh-pontos i { aspect-ratio: 1; border-radius: 50%; background: rgba(241, 233, 198, 0.13); transition: background-color 0.35s, transform 0.35s; }
.rh-pontos i.on { background: var(--dourado); transform: scale(1.08); }
.rh-v-base { display: grid; gap: 6px; }
.rh-v-din { font-family: var(--f-titulo); font-size: clamp(54px, 7.6vw, 140px); line-height: 0.9; letter-spacing: -0.04em; font-weight: 560; color: var(--dourado); font-variant-numeric: tabular-nums lining-nums; font-optical-sizing: none; font-variation-settings: "opsz" 84, "SOFT" 30, "WONK" 0; }
.rh-v-linha { font-family: var(--f-titulo); font-size: clamp(20px, 1.8vw, 32px); letter-spacing: -0.01em; }
.rh-v-qtd { font-variant-numeric: tabular-nums lining-nums; }
.rh-v-leg { margin-top: 8px; }
.rh-v-fim { position: absolute; right: var(--g); bottom: 6vh; max-width: 40ch; color: var(--creme-70); opacity: var(--fim, 0); transform: translateY(calc((1 - var(--fim, 0)) * 16px)); }

@media (max-width: 820px) {
  .rh-textos { grid-column: 1; }
  .rh-par { gap: 10px; }
  .rh-grade { gap: 8px; }
  .rh-g4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rh-g5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rh-g3:not(.rh-cores) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rh-capas { gap: 10px; row-gap: 14px; }
  .rh-ferramentas { gap: 10px; }
  .rh-anuncios, .rh-emails, .rh-logos { grid-template-columns: 1fr; gap: 10px; }
  .rh-logos figure { padding: 5vh 6vw; }
  .rh-sub { padding-top: 8vh; }
  .rh-lock { gap: 3.4vw; width: 100%; }
  .rh-lock-box { width: 27vw; flex: none; }
  .rh-lock-txt { width: auto; flex: 1; height: 27vw; }
  .rh-lock-nome { font-size: clamp(19px, 6vw, 34px); line-height: 1; }
  .rh-lock-sub { font-size: 2.4vw; letter-spacing: 0.18em; margin-top: 0.6em; }
  .rh-fam-base { grid-template-columns: 1fr; gap: 14px; }
  .rh-fam-chip span { display: none; }
  .rh-fam-texto { font-size: 15px; }
  .rh-trilha .rc-trilha-trilho { height: calc(86vw * 9 / 16 + 30px); }
  .rh-slide { width: 86vw; }
  .rh-pontos { grid-template-columns: repeat(28, minmax(0, 1fr)); gap: 3px; }
  .rh-v-fim { position: static; opacity: 1; transform: none; font-size: 14px; }
}

.leve .rh-familia .palco, .leve .rh-vendas .palco { height: auto; padding: 16vh var(--g); gap: 5vh; }
.leve .rh-lock-box { display: none; }
.leve .rh-lock-txt { width: auto; height: auto; display: grid; gap: 28px; }
.leve .rh-fam-item { position: static; opacity: 1; transform: none; display: grid; grid-template-columns: 72px 1fr; column-gap: 20px; align-items: center; }
.leve .rh-fam-item::before { content: ""; grid-row: 1 / span 2; width: 72px; aspect-ratio: 1; background: var(--c); }
.leve .rh-fam-item .rh-lock-sub { margin-top: 0.3em; }
.leve .rh-lock-nome { font-size: clamp(24px, 3vw, 44px); }
.leve .rh-fam-cont, .leve .rh-fam-chips { display: none; }
.leve .rh-slide { height: auto; }
.leve .rh-slide .rc-img-janela { height: auto; aspect-ratio: 16 / 9; }
.leve .rh-v-fim { position: static; opacity: 1; transform: none; }
.rc-img-janela[style*="aspect-ratio"] img { inset: 0; height: 100%; }
.rc-sangra .rc-img-janela[style*="aspect-ratio"] { height: auto; }
.rh-cert { margin-top: 18px; }
/* imagens de pacote: sempre inteiras, sem recorte nem zoom */
.rh-inteira .rc-img-janela img { inset: 0; height: 100%; object-fit: contain; transform: none !important; }
.rh-par-inteiro { display: flex; gap: 18px; align-items: flex-start; }
.rh-par-inteiro .rh-inteira { flex: var(--r) 1 0; min-width: 0; }
.rh-um-inteiro .rh-inteira { max-width: 1500px; margin: 0 auto; width: 100%; }
@media (max-width: 820px) { .rh-par-inteiro { flex-direction: column; gap: 10px; } .rh-par-inteiro .rh-inteira { width: 100%; } }

/* ═════════ Volvo CE ═════════ */
.vo-selo figure { padding: 7vh 4vw; }
.vo-selo img { width: min(100%, 520px); }
.rh-logos.vo-selo, .rh-logos.vo-q-logo { grid-template-columns: 1fr; }
.vo-q-logo figure { padding: 7vh 4vw; }
.vo-q-logo img { width: min(100%, 560px); }
.vo-par-solto { display: grid; grid-template-columns: minmax(0, 560px); justify-content: center; padding-top: 6vh; }
.vo-par-inteiro { display: flex; gap: 18px; align-items: flex-start; }
.vo-par-inteiro .rh-inteira { flex: var(--r) 1 0; min-width: 0; }
.cena[data-tema="claro"] .rh-sub::after { background: rgba(0,70,50,0.18); }

/* pico 1: as edições do Supplier Day */
.vo-ed-palco { position: relative; align-self: stretch; margin: 3vh 0; }
.vo-edicoes .rh-fam-item.vo-ed { position: absolute; inset: 0; display: grid; grid-template-columns: 1fr 1.1fr 0.75fr; align-items: center; gap: 4vw; }
.vo-ed-ano { font-family: var(--f-titulo); font-size: clamp(90px, 15vw, 280px); line-height: 0.8; letter-spacing: -0.05em; font-weight: 560; color: var(--c); font-variant-numeric: lining-nums; font-optical-sizing: none; font-variation-settings: "opsz" 84, "SOFT" 30, "WONK" 0; transition: color 0.6s; }
.vo-ed-logo { display: grid; gap: 18px; justify-items: center; background: #fff; padding: 5vh 3vw; box-shadow: 0 24px 50px -30px rgba(7,18,13,0.5); }
.vo-ed-logo img { width: 100%; max-height: 28vh; object-fit: contain; }
.vo-ed-tema { font-family: var(--f-texto); font-stretch: 125%; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--c); text-align: center; }
.vo-ed-cred { display: grid; place-items: center; }
.vo-ed-cred img { max-height: 42vh; width: auto; max-width: 100%; box-shadow: 0 30px 60px -30px rgba(7,18,13,0.6); transform: rotate(3deg); }
.vo-edicoes .rh-fam-chip span { display: inline; }

/* pico 2: o mapa */
.vo-mapa .palco { display: grid; grid-template-rows: auto 1fr auto; gap: 2vh; padding: 96px var(--g) 6vh; }
.vo-mapa-topo { display: grid; gap: 10px; }
.vo-mapa-topo em { color: var(--dourado); }
.vo-mapa-area { position: relative; min-height: 0; display: grid; place-items: center; }
.vo-mapa-svg { width: 100%; height: 100%; max-height: 62vh; overflow: visible; }
.vo-paises path { fill: rgba(241, 233, 198, 0.09); stroke: rgba(241, 233, 198, 0.16); stroke-width: 0.5; }
.vo-linhas path { fill: none; stroke: var(--dourado); stroke-width: 1.4; stroke-linecap: round; }
.vo-pontos circle { fill: rgba(241, 233, 198, 0.25); transition: fill 0.4s; }
.vo-pontos text { font-family: var(--f-texto); font-size: 11px; letter-spacing: 0.06em; fill: var(--creme); opacity: 0; transition: opacity 0.5s; }
.vo-pontos .ativo circle { fill: var(--dourado); }
.vo-pontos .ativo text { opacity: 0.85; }
.vo-origem circle { fill: var(--terracota) !important; }
.vo-origem text { font-size: 13px; opacity: 1 !important; fill: var(--creme); font-weight: 600; }
.vo-mapa-base { display: grid; grid-template-columns: auto minmax(0, 520px); justify-content: space-between; align-items: end; gap: 18px 48px; }
.vo-mapa-cont { font-family: var(--f-titulo); font-size: clamp(56px, 6vw, 110px); line-height: 0.9; color: var(--dourado); font-variant-numeric: tabular-nums lining-nums; display: flex; align-items: baseline; gap: 16px; }
.vo-mapa-cont small { font-family: var(--f-texto); font-stretch: 125%; font-size: 11.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--creme-70); }
.vo-mapa-texto { color: var(--creme-70); }
.vo-video { padding-top: 6vh; }
.vo-video-obs { opacity: 0.7; }

@media (max-width: 820px) {
  .vo-par-inteiro { flex-direction: column; gap: 10px; }
  .vo-par-inteiro .rh-inteira { width: 100%; }
  .vo-edicoes .rh-fam-item.vo-ed { grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr; gap: 14px; align-items: start; }
  .vo-ed-ano { grid-column: 1 / -1; font-size: 26vw; }
  .vo-ed-logo { padding: 3vh 4vw; }
  .vo-ed-logo img { max-height: 24vh; }
  .vo-ed-cred img { max-height: 32vh; }
  .vo-edicoes .rh-fam-chip span { display: inline; font-size: 11px; }
  .vo-mapa-base { grid-template-columns: 1fr; }
  .vo-mapa-texto { font-size: 14px; }
  .vo-pontos text { font-size: 15px; }
}
.leve .vo-edicoes .palco { height: auto; padding: 16vh var(--g); }
.leve .vo-ed-palco { display: grid; gap: 8vh; }
.leve .vo-edicoes .rh-fam-item.vo-ed { position: static; opacity: 1; transform: none; grid-template-columns: 1fr 1.1fr 0.75fr; }
.leve .vo-edicoes .rh-fam-item.vo-ed::before { content: none; }
.leve .vo-mapa .palco { height: auto; padding: 16vh var(--g); }
.leve .vo-pontos text { opacity: 0.85; }
/* mapa: cidade atual + lista */
.vo-mapa-area { position: relative; }
.vo-mapa-atual { position: absolute; left: 0; bottom: 4%; display: grid; gap: 4px; pointer-events: none; }
.vo-atual-cidade { font-family: var(--f-titulo); font-size: clamp(26px, 2.6vw, 46px); line-height: 1; letter-spacing: -0.02em; color: var(--creme); }
.vo-atual-pais { font-family: var(--f-texto); font-stretch: 125%; font-size: 11.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--dourado); }
.vo-pontos .atual circle { fill: var(--creme); r: 6; }
.vo-mapa-base { grid-template-columns: auto 1fr; align-items: start; }
.vo-lista { columns: 4; column-gap: 24px; font-size: 11px; line-height: 1.7; color: var(--creme-45); min-width: 0; }
.vo-lista li { break-inside: avoid; transition: color 0.4s; }
.vo-lista li.ativo { color: var(--creme); }
.vo-lista li span { color: inherit; opacity: 0.6; }
/* check animado */
.vo-video { padding: 14vh var(--g) 18vh; }
.vo-video-grade { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 6vw; align-items: center; }
.vo-check svg { width: min(100%, 360px); height: auto; overflow: visible; }
.vo-check-anel { fill: none; stroke: var(--dourado); stroke-width: 3; stroke-dasharray: 1; stroke-dashoffset: 1; transform: rotate(-90deg); transform-origin: 60px 60px; transition: stroke-dashoffset 1.4s var(--ease) 0.2s; }
.vo-check-traco { fill: none; stroke: var(--dourado); stroke-width: 7; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 0.8s var(--ease) 1.4s; }
.vo-check.rv { opacity: 1; transform: none; }
.vo-check.visto .vo-check-anel, .vo-check.visto .vo-check-traco, .leve .vo-check-anel, .leve .vo-check-traco { stroke-dashoffset: 0; }
.vo-check.visto svg { animation: vo-pulso 0.7s var(--ease) 2.1s; }
@keyframes vo-pulso { 50% { transform: scale(1.06); } }
.vo-video-texto { display: grid; gap: 22px; }
.vo-video-texto h2 em { color: var(--dourado); }
.vo-video-texto .t-texto { color: var(--creme-70); max-width: 60ch; }
.vo-video-obs { opacity: 0.7; }
@media (max-width: 820px) {
  .vo-lista { display: none; }
  .vo-video-grade { grid-template-columns: 1fr; gap: 6vh; }
  .vo-check svg { width: 42vw; }
  .vo-atual-cidade { font-size: 24px; }
  .vo-mapa-atual { bottom: -2%; }
}
.leve .vo-lista { max-height: none; }
.leve .vo-lista li { color: var(--creme); }

/* ═════════ Convívio ═════════ */
.pagina-convivio { --azul-cv: #355599; }
/* abertura: o logo como placa sobre o azulejo */
.cv-hero .rc-hero-janela { background: #ece6d6; }
.cv-hero-azulejo { position: absolute; inset: -6%; background: url("../m/convivio/cv-azulejo.webp") center / clamp(170px, 15vw, 290px) repeat; transform: scale(var(--hz, 1)); }
.cv-hero-placa { position: absolute; inset: 0; display: grid; place-items: center; }
.rc-hero-janela .cv-hero-placa img { position: static; inset: auto; width: min(40vw, 560px); height: auto; object-fit: contain; transform: scale(calc(2.06 - var(--hz, 1))); box-sizing: content-box; padding: clamp(20px, 2.6vw, 44px) clamp(28px, 3.6vw, 60px); background: #f7f3e8; border-radius: 50%; box-shadow: 0 0 0 clamp(5px, 0.6vw, 10px) #f7f3e8, 0 0 0 calc(clamp(5px, 0.6vw, 10px) + 2px) var(--azul-cv), 0 50px 90px -30px rgba(12, 24, 60, 0.6); }

/* pico: a receita */
.cv-receita .palco { display: grid; grid-template-rows: auto 1fr auto; gap: 2vh; padding: 96px var(--g) 7vh; }
.cv-rec-topo { display: grid; gap: 12px; }
.cv-rec-palco { position: relative; display: flex; align-items: center; justify-content: center; gap: clamp(8px, 2vw, 36px); min-height: 0; }
.cv-ing { margin: 0; flex: 0 1 clamp(110px, 22vw, 360px); display: grid; gap: 14px; transform: translateX(calc(var(--dx, 0vw) * var(--m, 0))) scale(calc(1 - 0.55 * var(--m, 0))); opacity: calc(1 - var(--m, 0)); will-change: transform, opacity; }
.cv-ing[data-i="0"] { --dx: 25vw; }
.cv-ing[data-i="2"] { --dx: -25vw; }
.cv-ing-img { aspect-ratio: 1; overflow: hidden; background: #fff; display: grid; place-items: center; box-shadow: 0 24px 50px -30px rgba(7, 18, 13, 0.45); transition: opacity 0.5s var(--ease), transform 0.7s var(--ease); }
.cv-ing-img img { width: 100%; height: 100%; object-fit: cover; }
.cv-ing-bandeja img { width: 88%; height: auto; object-fit: contain; mix-blend-mode: multiply; }
.cv-ing figcaption { display: flex; gap: 10px; align-items: baseline; font-family: var(--f-titulo); font-size: clamp(14px, 1.3vw, 22px); line-height: 1.15; letter-spacing: -0.01em; color: var(--verde); }
.cv-rec-palco.tem-ativo .cv-ing:not(.ativo) .cv-ing-img { opacity: 0.32; transform: scale(0.94); }
.cv-ing.ativo .cv-ing-img { transform: translateY(-10px); }
.cv-mais { font-family: var(--f-titulo); font-size: clamp(26px, 3vw, 54px); color: var(--terracota); opacity: calc(1 - var(--m, 0)); }
.cv-rec-logo { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; opacity: var(--l, 0); transform: scale(calc(0.8 + 0.2 * var(--l, 0))); }
.cv-rec-logo img { width: min(36vw, 460px); height: auto; }
.cv-rec-base { position: relative; min-height: 4.6em; max-width: 64ch; }
.cv-rec-txt { position: absolute; left: 0; right: 0; top: 0; font-size: clamp(16px, 1.25vw, 20px); line-height: 1.5; color: var(--mogno); opacity: 0; transform: translateY(10px); transition: opacity 0.5s var(--ease), transform 0.7s var(--ease); }
.cv-rec-txt.ativo { opacity: 1; transform: none; }
.cv-rec-fim { font-family: var(--f-titulo); font-size: clamp(20px, 1.8vw, 30px); line-height: 1.25; letter-spacing: -0.01em; color: var(--verde); }

/* construção: guias que se desenham */
.cv-constr { padding-bottom: 18vh; }
.cv-constr-area { margin: 0 var(--g); background: #fff; padding: 5vh 3vw; }
.cv-constr-area.rv { opacity: 1; transform: none; }
.cv-constr-svg { display: block; width: 100%; height: auto; }
.cv-constr-svg .g { fill: none; stroke: #8f8e8f; stroke-width: 1; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.6s var(--ease); transition-delay: calc(var(--d, 0) * 1s); }
.cv-constr-svg .f { fill: var(--azul-cv); opacity: 0; transition: opacity 1.1s var(--ease) 1.7s; }
.cv-constr-area.visto .g, .leve .cv-constr-svg .g { stroke-dashoffset: 0; }
.cv-constr-area.visto .f, .leve .cv-constr-svg .f { opacity: 1; }

/* versões do logo */
.cv-versoes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; padding: 0 var(--g); }
.cv-v { margin: 0; display: grid; gap: 12px; }
.cv-v-caixa { aspect-ratio: 4 / 3; display: grid; place-items: center; background: #fff; }
.cv-v-azul .cv-v-caixa { background: var(--azul-cv); }
.cv-v-caixa img { width: 64%; height: auto; }
.cv-v-mini .cv-v-caixa img { width: 50%; }
.cv-v figcaption { opacity: 0.6; }
.cv-selo figure { padding: 6vh 4vw; }
.cv-selo img { width: min(100%, 440px); }

@media (max-width: 820px) {
  .cv-ing { flex-basis: 27vw; gap: 8px; }
  .cv-ing[data-i="0"] { --dx: 30vw; }
  .cv-ing[data-i="2"] { --dx: -30vw; }
  .cv-ing figcaption { font-size: 12.5px; display: grid; gap: 2px; }
  .cv-rec-logo img { width: 64vw; }
  .cv-rec-base { min-height: 7.5em; }
  .cv-rec-txt { font-size: 15px; }
  .cv-rec-fim { font-size: 19px; }
  .cv-constr-area { padding: 3vh 2vw; }
  .cv-versoes { grid-template-columns: 1fr 1fr; gap: 10px; }
  .cv-v-claro { grid-column: 1 / -1; }
  .cv-selo img { width: 72%; }
  .rc-hero-janela .cv-hero-placa img { width: 56vw; padding: 16px 22px; }
}
.leve .cv-receita .palco { height: auto; padding: 16vh var(--g); gap: 5vh; }
.leve .cv-rec-palco { flex-wrap: wrap; row-gap: 5vh; }
.leve .cv-rec-logo { position: static; opacity: 1; transform: none; flex-basis: 100%; }
.leve .cv-rec-base { min-height: 0; display: grid; gap: 14px; }
.leve .cv-rec-txt { position: static; opacity: 1; transform: none; }
.leve .rc-hero-janela .cv-hero-placa img { transform: none; }
/* Convívio: fachadas antigas e foto única centralizada */
.cv-antes { padding-bottom: 14vh; }
.cv-antes .rc-mos { padding-top: 0; }
.cv-solo { display: grid; justify-items: center; padding: 0 var(--g); }
.cv-solo .rc-img { width: min(100%, 820px); }
/* Convívio: o pedido — título e texto à esquerda, foto à direita */
.cv-pedido { padding: 20vh var(--g); display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-areas: "tit tit tit tit tit . foto foto foto foto foto foto" "txt txt txt txt . . foto foto foto foto foto foto"; column-gap: 24px; row-gap: 36px; }
.cv-ped-tit { grid-area: tit; align-self: end; display: grid; gap: 28px; }
.cv-ped-tit h2 em { color: var(--dourado); }
.cv-ped-foto { grid-area: foto; align-self: center; }
.cv-ped-txt { grid-area: txt; align-self: start; color: var(--creme-70); max-width: 44ch; }
@media (max-width: 820px) {
  .cv-pedido { padding: 14vh var(--g); grid-template-columns: minmax(0, 1fr); grid-template-areas: "tit" "foto" "txt"; row-gap: 28px; }
}

/* ═════════ Toledo ═════════ */
.tl-titulo .linha:last-child { font-size: 0.42em; }
.tl-titulo .linha:last-child em { letter-spacing: -0.02em; }
.tl-cartao img { width: 78%; }
.rh-g2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
/* pico: redução */
.tl-reducao .palco { display: grid; grid-template-rows: auto 1fr auto; gap: 2vh; padding: 96px var(--g) 7vh; }
.tl-red-topo { display: grid; gap: 12px; }
.tl-red-topo em { color: var(--terracota); }
.tl-red-palco { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; min-height: 0; }
.tl-red-item { margin: 0; display: grid; grid-template-rows: 1fr auto; gap: 10px; min-height: 0; }
.tl-red-caixa { background: #fff; display: grid; place-items: center; min-height: 0; overflow: hidden; }
.tl-red-caixa img { height: var(--alt, 320px); width: auto; max-width: 92%; object-fit: contain; }
.tl-red-base { display: grid; grid-template-columns: auto minmax(0, 520px); justify-content: space-between; align-items: end; gap: 18px 48px; }
.tl-red-px { font-family: var(--f-titulo); font-size: clamp(56px, 6vw, 110px); line-height: 0.9; color: var(--verde); font-variant-numeric: tabular-nums lining-nums; display: flex; align-items: baseline; gap: 14px; }
.tl-red-px small { font-family: var(--f-texto); font-stretch: 125%; font-size: 11.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mogno); }
.tl-red-txt { color: var(--mogno); }
/* site rolando dentro da janela */
.tl-site .palco { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 5vw; align-items: center; padding: 96px var(--g) 6vh; }
.tl-site-texto { display: grid; gap: 24px; }
.tl-site-texto h2 em { color: var(--terracota); }
.tl-site-janela { height: min(76vh, 760px); display: grid; grid-template-rows: auto 1fr; background: #fff; box-shadow: 0 40px 80px -40px rgba(7, 18, 13, 0.45); border: 1px solid rgba(0, 70, 50, 0.12); }
.tl-site-barra { display: flex; align-items: center; gap: 6px; padding: 10px 14px; background: #ece6d3; font-size: 11px; color: var(--mogno); }
.tl-site-barra i { width: 9px; height: 9px; border-radius: 50%; background: rgba(97, 61, 53, 0.3); }
.tl-site-barra span { margin-left: 12px; letter-spacing: 0.04em; }
.tl-site-tela { position: relative; overflow: hidden; }
.tl-site-tela img { display: block; width: 100%; height: auto; will-change: transform; }
/* estratégia */
.tl-citacao { margin: 0 var(--g) 10vh; display: grid; gap: 18px; }
.tl-citacao p { font-family: var(--f-titulo); font-size: clamp(40px, 6vw, 108px); line-height: 0.98; letter-spacing: -0.035em; font-weight: 500; }
.tl-citacao em { color: var(--dourado); }
.tl-slides-est { gap: 18px; }
.tl-slides-est img { box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.5); }
.tl-fonte { opacity: 0.6; }
@media (max-width: 820px) {
  .tl-titulo .linha:last-child { font-size: 0.5em; }
  .tl-red-palco { grid-template-columns: 1fr; }
  .tl-red-base { grid-template-columns: 1fr; }
  .tl-site .palco { grid-template-columns: 1fr; align-content: center; gap: 4vh; }
  .tl-site-janela { height: 56vh; }
  .rh-g2 { grid-template-columns: 1fr; }
}
.leve .tl-reducao .palco, .leve .tl-site .palco { height: auto; padding: 16vh var(--g); }
.leve .tl-red-caixa { padding: 6vh 0; }
.leve .tl-red-caixa img { height: auto; width: 70%; }
.leve .tl-site-janela { height: 70vh; }
.leve .tl-site-tela { overflow-y: auto; }
.pagina-toledo .rc-res-num { font-size: clamp(96px, 13vw, 240px); white-space: nowrap; }
@media (max-width: 820px) { .pagina-toledo .rc-res-num { font-size: 26vw; } }

/* Toledo · ponto de partida com foto à direita */
.tl-lead { padding: 20vh var(--g); display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-areas: "tit tit tit tit tit tit . foto foto foto foto foto" "txt txt txt txt txt txt . foto foto foto foto foto"; column-gap: 24px; row-gap: 44px; }
.tl-lead-tit { grid-area: tit; display: grid; gap: 32px; align-self: end; }
.tl-lead-foto { grid-area: foto; align-self: center; }
.tl-lead-txt { grid-area: txt; display: grid; gap: 26px; align-content: start; }
.tl-lead .t-texto { color: var(--mogno); max-width: 58ch; }
.tl-filiais { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; border-top: 1px solid rgba(0,70,50,0.22); }
.tl-filiais div { padding: 12px 0; border-bottom: 1px solid rgba(0,70,50,0.22); display: grid; gap: 4px; }
.tl-filiais dd { margin: 0; font-family: var(--f-titulo); font-size: clamp(17px, 1.3vw, 22px); letter-spacing: -0.01em; color: var(--verde); }
/* vídeo de pausa */
.tl-pausa { padding: 0; }
.tl-video .rc-img-janela { height: min(88vh, 60vw); }
.tl-video-sobre { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; gap: 14px; padding: 7vh var(--g); background: linear-gradient(90deg, rgba(10, 18, 14, 0.78) 0%, rgba(10, 18, 14, 0.4) 38%, rgba(10, 18, 14, 0) 66%); color: var(--creme); }
.tl-video-frase { font-family: var(--f-titulo); font-size: clamp(30px, 4vw, 72px); line-height: 1.02; letter-spacing: -0.03em; max-width: 13ch; }
.tl-video-frase em { color: var(--dourado); }
.tl-cap2 { padding-bottom: 2vh; }
/* essência */
.tl-essencia .palco { display: grid; align-content: center; gap: 5vh; padding: 96px var(--g) 8vh; }
.tl-ess-frase { font-family: var(--f-titulo); font-size: clamp(44px, 7.4vw, 140px); line-height: 0.98; letter-spacing: -0.04em; font-weight: 500; max-width: 13ch; }
.tl-w { color: rgba(241, 233, 198, 0.14); transition: color 0.5s var(--ease); }
.tl-w.on { color: var(--creme); }
.tl-ess-frase [data-l] .tl-w:nth-last-child(-n+2).on { color: var(--dourado); font-style: italic; }
.tl-ess-nao { display: grid; grid-template-columns: auto 1fr; gap: 12px 32px; align-items: baseline; max-width: 960px; }
.tl-ess-nao ul { display: flex; flex-wrap: wrap; gap: 6px 28px; font-size: clamp(16px, 1.3vw, 21px); color: var(--creme-70); }
.tl-ess-nao s { text-decoration: none; background: linear-gradient(var(--terracota), var(--terracota)) 0 58% / calc(var(--r, 0) * 100%) 2px no-repeat; }
.tl-ess-sim { grid-column: 2; font-family: var(--f-titulo); font-size: clamp(22px, 2vw, 34px); letter-spacing: -0.01em; opacity: var(--fim, 0); transform: translateY(calc((1 - var(--fim, 0)) * 12px)); }
.tl-ess-sim em { color: var(--dourado); }
/* arquétipos */
.tl-arq { padding: 18vh var(--g); }
.tl-arq-cab { display: grid; gap: 20px; margin-bottom: 8vh; }
.tl-arq-cab em { color: var(--dourado); }
.tl-arq-grade { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }
.tl-arq-card { position: relative; }
.tl-arq-card:nth-child(2) { margin-top: 16vh; }
.tl-arq-card .rc-img-janela { aspect-ratio: 4 / 5; }
.tl-arq-txt { position: absolute; left: 0; right: 0; bottom: 0; padding: 12vh 2.6vw 4vh; background: linear-gradient(0deg, rgba(10, 18, 14, 0.94) 25%, rgba(10, 18, 14, 0)); display: grid; gap: 8px; pointer-events: none; }
.tl-arq-txt h3 { font-family: var(--f-titulo); font-size: clamp(40px, 4.6vw, 88px); line-height: 0.95; letter-spacing: -0.035em; font-weight: 500; color: var(--creme); }
.tl-arq-txt ul { display: grid; gap: 6px; margin-top: 10px; font-size: clamp(14px, 1.1vw, 18px); color: var(--creme-70); }
.tl-arq-txt li::before { content: "— "; color: var(--dourado); }
.tl-arq .tl-citacao { margin: 16vh 0 0; }
/* voz e estrutura */
.tl-voz { padding: 18vh var(--g); display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; row-gap: 40px; align-items: center; }
.tl-voz-foto { grid-column: 1 / span 6; }
.tl-voz-foto .rc-img-janela { aspect-ratio: 3 / 2; }
.tl-voz-txt { grid-column: 8 / span 5; display: grid; gap: 28px; }
.tl-papeis { display: grid; border-top: 1px solid rgba(0,70,50,0.22); }
.tl-papeis div { padding: 18px 0; border-bottom: 1px solid rgba(0,70,50,0.22); display: grid; gap: 4px; }
.tl-papeis dt { font-family: var(--f-titulo); font-size: clamp(40px, 4.4vw, 80px); line-height: 1; letter-spacing: -0.035em; font-weight: 500; color: var(--verde); }
.tl-papeis dd { margin: 0; font-family: var(--f-titulo); font-style: italic; font-size: clamp(20px, 1.8vw, 30px); color: var(--terracota); }
.tl-voz .t-texto { color: var(--mogno); }
/* território editorial */
.tl-territorio { padding: 18vh var(--g); display: grid; gap: 9vh; }
.tl-ter-perguntas { display: grid; gap: 1.2vh; }
.tl-ter-rot { font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--creme-70); margin-top: 3vh; }
.tl-ter-q { font-family: var(--f-titulo); font-size: clamp(36px, 5.6vw, 104px); line-height: 1; letter-spacing: -0.035em; font-weight: 500; max-width: 17ch; }
.tl-ter-velha { color: var(--creme-45); }
.tl-ter-velha s { text-decoration: none; background: linear-gradient(var(--terracota), var(--terracota)) 0 56% / 0 0.06em no-repeat; transition: background-size 1.1s var(--ease) 0.5s; }
.tl-ter-velha.visto s, .leve .tl-ter-velha s { background-size: 100% 0.06em; }
.tl-ter-nova em { color: var(--dourado); }
.tl-pilares { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; border-top: 1px solid var(--creme-15); padding-top: 24px; }
.tl-pilares li { display: grid; gap: 10px; align-content: start; font-family: var(--f-titulo); font-size: clamp(18px, 1.5vw, 26px); line-height: 1.15; letter-spacing: -0.01em; }
.tl-pilares span { font-family: var(--f-texto); font-size: 11px; letter-spacing: 0.16em; color: var(--dourado); }
/* apresentação em profundidade */
.tl-deck .palco { display: grid; grid-template-rows: auto 1fr auto; gap: 2vh; padding: 96px var(--g) 6vh; overflow: hidden; }
.tl-deck-topo { display: grid; gap: 12px; position: relative; z-index: 300; }
.tl-deck-topo em { color: var(--dourado); }
.tl-deck-palco { position: relative; perspective: 1300px; perspective-origin: 50% 38%; min-height: 0; transform-style: preserve-3d; }
.tl-deck-slide { position: absolute; left: 50%; top: 50%; width: min(60vw, 1040px, calc((100vh - 380px) * 16 / 9)); aspect-ratio: 16 / 9; margin: 0; will-change: transform, opacity; box-shadow: 0 50px 100px -40px rgba(0, 0, 0, 0.85); background: #111; backface-visibility: hidden; }
.tl-deck-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tl-deck-base { display: flex; justify-content: flex-start; align-items: baseline; gap: 28px; position: relative; z-index: 300; }
.tl-deck-num { font-family: var(--f-titulo); font-size: clamp(40px, 4vw, 72px); line-height: 1; color: var(--dourado); font-variant-numeric: tabular-nums lining-nums; }
.tl-deck-nomes { position: relative; flex: 1; height: 1.4em; font-family: var(--f-titulo); font-size: clamp(18px, 1.6vw, 28px); }
.tl-deck-nome { position: absolute; left: 0; top: 0; opacity: 0; transform: translateY(8px); transition: opacity 0.4s, transform 0.6s var(--ease); white-space: nowrap; }
.tl-deck-nome.ativo { opacity: 1; transform: none; }
@media (max-width: 820px) {
  .tl-lead { padding: 14vh var(--g); grid-template-columns: minmax(0, 1fr); grid-template-areas: "tit" "foto" "txt"; row-gap: 32px; }
  .tl-filiais { grid-template-columns: 1fr; }
  .tl-video .rc-img-janela { height: 70vh; }
  .tl-video-sobre { background: linear-gradient(0deg, rgba(10, 18, 14, 0.8) 10%, rgba(10, 18, 14, 0) 60%); }
  .tl-ess-nao { grid-template-columns: 1fr; }
  .tl-ess-sim { grid-column: 1; }
  .tl-arq-grade { grid-template-columns: 1fr; }
  .tl-arq-card:nth-child(2) { margin-top: 0; }
  .tl-arq-txt { padding: 10vh 6vw 4vh; }
  .tl-voz { display: flex; flex-direction: column; align-items: stretch; }
  .tl-pilares { grid-template-columns: 1fr 1fr; row-gap: 24px; }
  .tl-deck-slide { width: 84vw; }
  .tl-deck-nome { white-space: normal; }
}
.leve .tl-essencia .palco, .leve .tl-deck .palco { height: auto; padding: 16vh var(--g); }
.leve .tl-deck-palco { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; perspective: none; }
.leve .tl-deck-slide { position: static; transform: none !important; width: auto; opacity: 1 !important; visibility: visible !important; }
.leve .tl-deck-base { display: none; }
.tl-png .rc-img-janela { background: transparent !important; }
.tl-png .rc-img-janela img { filter: drop-shadow(0 30px 40px rgba(7, 18, 13, 0.25)); }
/* Toledo · fechamento com o notebook entre o número e o texto */
.tl-res-grade { grid-template-columns: auto auto minmax(0, 1fr); column-gap: 3vw; align-items: center; }
.tl-res-grade .rc-res-num { grid-column: 1; position: relative; z-index: 2; margin-right: -3vw; align-self: end; padding-bottom: 2vh; }
.tl-res-laptop { grid-column: 2; margin: 0; position: relative; z-index: 1; width: min(33vw, 480px); }
.tl-res-laptop img { display: block; width: 100%; height: auto; filter: drop-shadow(0 50px 60px rgba(0, 0, 0, 0.55)); }
.tl-res-laptop.rv { transform: translateY(40px) rotate(-1.5deg); }
.tl-res-laptop.rv.visto { transform: none; }
.tl-res-grade .rc-res-texto { grid-column: 3; }
@media (max-width: 820px) {
  .tl-res-grade { display: flex; flex-direction: column; align-items: stretch; gap: 4vh; }
  .tl-res-grade .rc-res-num { margin-right: 0; padding-bottom: 0; }
  .tl-res-laptop { width: 90vw; align-self: center; }
}
/* Toledo · fechamento: notebook maior, número e texto empilhados à esquerda */
.tl-res-grade { grid-template-columns: minmax(0, 1fr) min(50vw, 720px); grid-template-areas: "num laptop" "txt laptop"; column-gap: 2vw; row-gap: 3vh; align-items: center; }
.tl-res-grade .rc-res-num { grid-area: num; grid-column: auto; margin-right: -8vw; padding-bottom: 0; align-self: end; }
.tl-res-laptop { grid-area: laptop; grid-column: auto; width: 100%; }
.tl-res-grade .rc-res-texto { grid-area: txt; grid-column: auto; align-self: start; max-width: 520px; }
@media (max-width: 820px) {
  .tl-res-laptop { width: 100%; }
}
/* Toledo · fechamento: imagem 2× e colada ao texto (distância = largura de "mi") */
.pagina-toledo .rc-resultado { overflow: hidden; }
.tl-res-grade { --nf: clamp(96px, 13vw, 240px); grid-template-columns: max-content min(100vw, 1440px); column-gap: calc(var(--nf) * 0.956); }
.tl-res-grade .rc-res-num { margin-right: 0; }
.tl-res-grade .rc-res-texto { max-width: 520px; }
@media (max-width: 820px) { .tl-res-grade { display: flex; } }
.tl-res-laptop { align-self: end; margin-left: calc(min(100vw, 1440px) * -0.037); }
@media (max-width: 820px) { .tl-res-laptop { margin-left: 0; } }

/* ═════════ Yank ═════════ */
.yk-slides img { box-shadow: 0 20px 40px -24px rgba(0, 0, 0, 0.6); }
.yk-sinal { display: grid; grid-template-columns: 1fr 0.72fr; gap: 18px; padding: 0 var(--g); align-items: start; }
.yk-sinal-pilha, .yk-sinal-wc { display: grid; gap: 12px; }
.yk-sinal .rh-tile img { box-shadow: 0 10px 30px -18px rgba(7, 18, 13, 0.35); }
.ya-selo-par { padding-top: 0; }
.ya-selo-par .rc-img-janela { aspect-ratio: 3 / 1.6; }
/* pico: o recrutamento */
.ya-cerebro { background: radial-gradient(60% 55% at 50% 52%, #0f2a20 0%, var(--noite) 70%) !important; }
.ya-cerebro .palco { display: grid; grid-template-rows: auto 1fr auto; gap: 1vh; padding: 96px var(--g) 6vh; }
.ya-cer-topo { display: grid; gap: 10px; position: relative; z-index: 2; }
.ya-cer-topo em { color: var(--dourado); }
.ya-cer-area { position: relative; min-height: 0; }
.ya-cer-cv { position: absolute; inset: 0; width: 100%; height: 100%; }
.ya-cer-selo { position: absolute; left: 50%; top: 50%; height: auto; opacity: 0; transform: translate(-50%, -50%); pointer-events: none; }
.ya-cer-base { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: end; gap: 18px 48px; position: relative; z-index: 2; }
.ya-cer-cont { font-family: var(--f-titulo); font-size: clamp(56px, 6vw, 110px); line-height: 0.9; color: var(--dourado); font-variant-numeric: tabular-nums lining-nums; display: flex; align-items: baseline; gap: 14px; }
.ya-cer-cont small { font-family: var(--f-texto); font-stretch: 125%; font-size: 11.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--creme-70); }
.ya-cer-frases { position: relative; height: 1.3em; font-family: var(--f-titulo); font-size: clamp(20px, 2vw, 34px); justify-self: end; width: 100%; }
.ya-cer-frase { position: absolute; right: 0; bottom: 0; opacity: 0; transform: translateY(10px); transition: opacity 0.5s var(--ease), transform 0.7s var(--ease); text-align: right; }
.ya-cer-frase.ativo { opacity: 1; transform: none; }
.ya-cer-frase[data-i="3"] { color: var(--dourado); font-style: italic; }
/* fases da campanha */
.ya-fases { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; margin: 0 var(--g) 6vh; border-top: 1px solid var(--creme-15); padding-top: 22px; }
.ya-fases li { display: grid; gap: 8px; align-content: start; }
.ya-fase-n { font-size: 11px; letter-spacing: 0.16em; color: var(--dourado); }
.ya-fases b { font-family: var(--f-titulo); font-weight: 500; font-size: clamp(20px, 1.7vw, 30px); letter-spacing: -0.01em; }
.ya-fases li > span:last-child { font-size: 14px; line-height: 1.5; color: var(--creme-70); }
/* Renan */
.rs-origem { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; row-gap: 40px; padding: 0 var(--g); align-items: center; }
.rs-origem-foto { grid-column: 1 / span 6; }
.rs-origem-foto .rc-img-janela { aspect-ratio: 4 / 5; }
.rs-origem-txt { grid-column: 8 / span 5; display: grid; gap: 28px; }
.rs-frase { margin: 0; display: grid; gap: 14px; }
.rs-frase p { font-family: var(--f-titulo); font-size: clamp(28px, 2.8vw, 50px); line-height: 1.05; letter-spacing: -0.025em; }
.rs-frase em { color: var(--dourado); }
.rs-origem-txt .t-texto { color: var(--creme-70); }
.rs-onibus { width: min(100%, 320px); }
.rs-pilares { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin: 12vh var(--g) 0; border-top: 1px solid var(--creme-15); padding-top: 24px; }
.rs-pilares li { display: grid; gap: 8px; align-content: start; }
.rs-pilares li > span { font-size: 11px; letter-spacing: 0.16em; color: var(--dourado); }
.rs-pilares b { font-family: var(--f-titulo); font-weight: 500; font-size: clamp(22px, 2vw, 34px); letter-spacing: -0.015em; }
.rs-pilares p { font-size: 15px; line-height: 1.5; color: var(--creme-70); }
.rs-fonte { opacity: 0.7; }
@media (max-width: 820px) {
  .yk-sinal { grid-template-columns: 1fr; }
  .yk-sinal-wc { grid-template-columns: 1fr 1fr; }
  .ya-selo-par .rc-img-janela { aspect-ratio: 4 / 3; }
  .ya-cer-base { grid-template-columns: 1fr; }
  .ya-cer-frases { justify-self: start; height: 2.6em; }
  .ya-cer-frase { left: 0; right: auto; text-align: left; }
  .ya-fases { grid-template-columns: 1fr 1fr; row-gap: 24px; }
  .rs-origem { display: flex; flex-direction: column; align-items: stretch; }
  .rs-pilares { grid-template-columns: 1fr 1fr; row-gap: 24px; }
}
.leve .ya-cerebro .palco { height: 100vh; }
.leve .ya-cer-frase { opacity: 0; }
.leve .ya-cer-frase[data-i="3"] { opacity: 1; transform: none; }
.pagina-yank .rc-res-num { font-size: clamp(96px, 13vw, 240px); white-space: nowrap; }
@media (max-width: 820px) { .pagina-yank .rc-res-num { font-size: 24vw; } }

/* Yank · par de imagens no tamanho do trio */
.yk-dois { grid-template-columns: repeat(3, 1fr); }
.yk-dois .rc-img-janela { aspect-ratio: 4 / 5; }
@media (max-width: 820px) { .yk-dois { grid-template-columns: 1fr 1fr; } }

/* Yank Academy · abertura com a Mansão X */
.ya-intro .rc-capitulo { align-items: start; }
.ya-intro .rc-capitulo h2 { grid-column: 1 / span 6; grid-row: 2; }
.ya-intro .rc-capitulo .rh-textos { grid-column: 1 / span 5; grid-row: 3; }
.ya-mansao { margin: 0; grid-column: 7 / -1; grid-row: 2 / span 2; align-self: center; }
.ya-mansao-janela { position: relative; overflow: hidden; aspect-ratio: 3 / 2; border-radius: 2px; }
.ya-mansao-janela img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(0.72) sepia(0.22) contrast(0.96); }
.ya-mansao figcaption { margin-top: 12px; font-size: 13px; line-height: 1.5; color: var(--creme-70); }
.ya-mansao-cred { white-space: nowrap; }
.ya-mansao-cred a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 820px) {
  .ya-intro .rc-capitulo h2, .ya-intro .rc-capitulo .rh-textos, .ya-mansao { grid-column: 1; grid-row: auto; }
}

/* ═════════ MERCEARIA ═════════ */
.pagina-mercearia { --mc-bordo: #7B1818; --mc-creme: #F2E8CC; --mc-preto: #160F0F; --mc-kraft: #C19E70; }
.mc-opcoes .rh-tile img { box-shadow: 0 18px 40px -26px rgba(0, 0, 0, 0.8); }

/* pico · o selo */
.mc-selo { background: var(--noite); }
.mc-selo .palco { display: grid; grid-template-rows: auto 1fr auto; gap: 1vh; padding: 96px var(--g) 6vh; color: var(--creme); transition: color 0.5s var(--ease); }
.mc-selo[data-fundo="claro"] .palco { color: #2a1714; }
.mc-fundos, .mc-fundos i { position: absolute; inset: 0; }
.mc-fundos i { clip-path: circle(var(--fr, 0%) at 50% 54%); }
.mc-fundos i[data-v="0"] { background: radial-gradient(70% 70% at 50% 50%, #f6eed6, var(--mc-creme) 60%, #e6d8b4); }
.mc-fundos i[data-v="1"] { background: radial-gradient(70% 70% at 50% 50%, #8a1d1d, var(--mc-bordo) 60%, #5e1111); }
.mc-fundos i[data-v="2"] { background: #f7f4ec; }
.mc-fundos i[data-v="3"] { background: radial-gradient(70% 70% at 50% 50%, #241817, var(--mc-preto) 70%); }
.mc-selo-topo { position: relative; z-index: 2; display: grid; gap: 10px; }
.mc-selo-topo .rotulo { position: relative; height: 1.4em; }
.mc-etapa { position: absolute; left: 3.2em; top: 0; white-space: nowrap; opacity: 0; transition: opacity 0.4s; }
.mc-etapa.ativo { opacity: 1; }
.mc-selo-topo em { color: var(--dourado); }
.mc-selo[data-fundo="claro"] .mc-selo-topo em { color: var(--mc-bordo); }
.mc-selo[data-fundo="claro"] .rotulo { color: #6b4a3a; }
.mc-area { position: relative; min-height: 0; z-index: 1; }
.mc-guia, .mc-selo-caixa { position: absolute; left: 50%; top: 50%; width: var(--d, 60vh); height: var(--d, 60vh); transform: translate(-50%, -50%); }
.mc-guia { overflow: visible; fill: none; stroke: var(--dourado); stroke-width: 0.35; opacity: 0.55; }
.mc-guia * { stroke-dasharray: 1; stroke-dashoffset: var(--gd, 1); stroke-width: 0.4; }
.mc-camadas, .mc-vars { position: absolute; inset: 0; }
.mc-c, .mc-vars img { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; will-change: transform, opacity; }
.mc-c-borda { -webkit-mask: radial-gradient(circle closest-side, transparent 88.2%, #000 88.6%); mask: radial-gradient(circle closest-side, transparent 88.2%, #000 88.6%); }
.mc-c-texto, .mc-c-louro { -webkit-mask-composite: source-in; mask-composite: intersect; }
.mc-c-miolo { -webkit-mask: radial-gradient(circle closest-side, #000 58.6%, transparent 59%); mask: radial-gradient(circle closest-side, #000 58.6%, transparent 59%); }
.mc-vars img { opacity: 0; }
.mc-linhas { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.mc-linhas polyline { fill: none; stroke: var(--dourado); stroke-width: 1; stroke-dasharray: 1; stroke-dashoffset: 1; }
.mc-linhas circle { fill: var(--dourado); }
.mc-notas { list-style: none; margin: 0; padding: 0; }
.mc-notas li { position: absolute; font-family: var(--f-texto); font-stretch: 125%; font-size: 11.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--creme); white-space: nowrap; opacity: 0; transform: translateY(-50%); transition: opacity 0.45s var(--ease); }
.mc-notas li.ativo { opacity: 1; }
.mc-notas li[data-lado="-1"] { text-align: right; }
.mc-selo-base { position: relative; z-index: 2; height: 2.8em; font-family: var(--f-titulo); font-size: clamp(20px, 2vw, 32px); line-height: 1.2; }
.mc-frase { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; text-align: center; opacity: 0; transform: translateY(10px); transition: opacity 0.5s var(--ease), transform 0.7s var(--ease); }
.mc-frase.ativo { opacity: 1; transform: none; }
.mc-frase small { display: block; margin-top: 6px; font-family: var(--f-texto); font-stretch: 125%; font-size: 11.5px; letter-spacing: 0.14em; opacity: 0.7; }
.mc-nota-atual { display: none; }
@media (max-width: 820px) {
  .mc-selo .palco { padding: 80px 16px 92px; }
  .mc-notas, .mc-linhas { display: none; }
  .mc-nota-atual { display: block; font-family: var(--f-texto); font-stretch: 125%; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 400; color: var(--dourado); margin-top: 8px; }
  .mc-selo-base { height: 3.6em; font-size: 19px; }
}
.leve .mc-selo .palco { height: auto; min-height: 100vh; }
.leve .mc-selo-base { height: auto; }
.leve .mc-frase { position: static; }
.leve .mc-frase:not([data-i="0"]) { display: none; }
.leve .mc-frase[data-i="0"] { opacity: 1; transform: none; }
.leve .mc-area { height: 70vh; }

/* paleta */
.mc-paleta { list-style: none; margin: 0; padding: 0 var(--g); display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; }
.mc-paleta li { box-shadow: inset 0 0 0 1px rgba(60, 42, 35, 0.14); background: var(--c); color: var(--t); aspect-ratio: 3 / 4; padding: 18px 16px; display: flex; flex-direction: column; justify-content: space-between; transform-origin: bottom; }
.cheio .mc-paleta.rv li { transform: scaleY(0.2); opacity: 0; transition: transform 0.9s var(--ease), opacity 0.6s; }
.cheio .mc-paleta.rv.visto li { transform: none; opacity: 1; }
.mc-paleta.visto li:nth-child(2) { transition-delay: 0.07s; } .mc-paleta.visto li:nth-child(3) { transition-delay: 0.14s; } .mc-paleta.visto li:nth-child(4) { transition-delay: 0.21s; } .mc-paleta.visto li:nth-child(5) { transition-delay: 0.28s; } .mc-paleta.visto li:nth-child(6) { transition-delay: 0.35s; }
.mc-paleta b { font-family: var(--f-titulo); font-weight: 500; font-size: clamp(16px, 1.4vw, 22px); line-height: 1.1; }
.mc-paleta li > span { font-family: var(--f-texto); font-stretch: 125%; font-size: 11.5px; letter-spacing: 0.14em; }
@media (max-width: 820px) { .mc-paleta { grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 0 16px; } .mc-paleta li { aspect-ratio: 1; padding: 12px; } }

/* cardápio em colunas */
.mc-menus { overflow: hidden; padding-bottom: 14vh; }
.mc-colunas { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; padding: 0 var(--g); align-items: start; }
.mc-colunas > figure { margin: 0; will-change: transform; }
.mc-colunas img { box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.9); border-radius: 2px; }
.mc-colunas > figure:nth-child(even) { margin-top: 14vh; }
@media (max-width: 820px) { .mc-colunas { grid-template-columns: 1fr 1fr; gap: 10px; padding: 0 16px; } .mc-colunas > figure:nth-child(n+3) { display: none; } }

/* clube */
.mc-clube-cartao .rh-inteira { max-width: 1000px; }

/* fachada */
.mc-fach-grade { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; padding: 14vh var(--g) 6vh; align-items: center; }
.mc-fach-texto { grid-column: 1 / span 5; display: grid; gap: 24px; align-content: start; }
.mc-fach-texto h2 em { color: var(--terracota); }
.mc-fach-texto .t-texto { color: var(--mogno); max-width: 40ch; }
.mc-fach-botoes { display: flex; flex-wrap: wrap; gap: 8px; }
.mc-fach-botoes button { font: inherit; font-family: var(--f-texto); font-stretch: 125%; font-size: 11.5px; letter-spacing: 0.14em; text-transform: uppercase; padding: 12px 16px; border-radius: 999px; border: 1px solid currentColor; background: transparent; color: var(--verde); cursor: pointer; transition: background 0.3s, color 0.3s; }
.mc-fach-botoes button[aria-pressed="true"] { background: var(--verde); color: var(--creme); border-color: var(--verde); }
.mc-fach-foto { grid-column: 7 / span 6; margin: 0; position: relative; aspect-ratio: 768 / 1024; max-height: 84vh; justify-self: end; width: 100%; max-width: calc(84vh * 0.75); }
.mc-fach-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.7s var(--ease); border-radius: 2px; }
.mc-fach-foto img.ativo { opacity: 1; }
.mc-fach-foto figcaption { position: absolute; left: 0; top: 100%; margin-top: 10px; color: var(--mogno); }
@media (max-width: 820px) { .mc-fach-grade { grid-template-columns: 1fr; gap: 28px; padding: 10vh 16px 8vh; } .mc-fach-texto, .mc-fach-foto { grid-column: 1; } .mc-fach-foto { justify-self: stretch; max-width: none; } }
.mc-vars img { transition: opacity 0.45s var(--ease); }

/* ═════════ REAL DEAL PEOPLE ═════════ */
.pagina-rdp { --rd-violeta: #6545FF; }
.rd-luz { background: radial-gradient(80% 70% at 50% 55%, #11102a 0%, #07070f 70%) !important; }
.rd-luz .palco { display: grid; grid-template-rows: auto 1fr auto; padding: 96px var(--g) 6vh; color: var(--creme); }
.rd-fundo { position: absolute; inset: 0; background: radial-gradient(90% 90% at 50% 50%, #7257ff, var(--rd-violeta) 55%, #4e30e6); clip-path: circle(var(--fr, 0%) at 50% 52%); }
.rd-cv { position: absolute; inset: 0; width: 100%; height: 100%; }
.rd-topo { position: relative; z-index: 2; display: grid; gap: 10px; grid-row: 1; }
.rd-luz[data-fundo="violeta"] .rd-topo em { color: #fff; }
.rd-luz[data-fundo="violeta"] .rd-topo .rotulo { color: rgba(255,255,255,0.75); }
.rd-topo em { color: #9d8bff; }
.rd-simbolo { position: absolute; left: 50%; top: 50%; width: min(30vh, 46vw); aspect-ratio: 1159 / 940; transform: translate(-50%, -58%); z-index: 2; pointer-events: none; }
.rd-simbolo img { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; will-change: transform, opacity; }
.rd-slogan { position: absolute; left: 0; right: 0; top: calc(50% + min(15vh, 23vw) + 2vh); margin: 0; text-align: center; z-index: 2; font-family: var(--f-titulo); font-weight: 500; font-size: clamp(30px, 4.4vw, 76px); letter-spacing: -0.03em; line-height: 1; color: #fff; opacity: 0; }
.rd-slogan em { font-style: italic; }
.rd-base { grid-row: 3; position: relative; z-index: 2; height: 2.6em; font-family: var(--f-titulo); font-size: clamp(20px, 2vw, 32px); line-height: 1.2; }
.rd-frase { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; text-align: center; opacity: 0; transform: translateY(10px); transition: opacity 0.5s var(--ease), transform 0.7s var(--ease); }
.rd-frase.ativo { opacity: 1; transform: none; }
@media (max-width: 820px) { .rd-luz .palco { padding: 80px 16px 92px; } .rd-base { font-size: 19px; height: 3.6em; } }
.leve .rd-cv, .leve .rd-base { display: none; }
.leve .rd-luz .palco { min-height: 100vh; }

.rd-cores { list-style: none; margin: 18px 0 0; padding: 0 var(--g); display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 0; }
.rd-cores li { background: var(--c); color: var(--t); height: clamp(120px, 16vw, 220px); padding: 18px 16px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); }
.rd-cores b { font-family: var(--f-titulo); font-weight: 500; font-size: clamp(16px, 1.4vw, 22px); }
.rd-cores li > span { font-family: var(--f-texto); font-stretch: 125%; font-size: 11.5px; letter-spacing: 0.14em; }
.cheio .rd-cores.rv li { transform: scaleY(0.2); transform-origin: bottom; opacity: 0; transition: transform 0.9s var(--ease), opacity 0.6s; }
.cheio .rd-cores.rv.visto li { transform: none; opacity: 1; }
.rd-cores.visto li:nth-child(2) { transition-delay: 0.08s; } .rd-cores.visto li:nth-child(3) { transition-delay: 0.16s; }
.rd-g2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* ═════════ MARK RUSSO ═════════ */
.pagina-mr { --mr-vermelho: #EF4123; --mr-areia: #F4E3D3; --mr-marrom: #2B2111; }
.mr-no { background: var(--mr-areia) !important; }
.mr-no .palco { display: grid; grid-template-rows: auto 1fr auto; padding: 96px var(--g) 6vh; color: var(--mr-marrom); transition: color 0.5s var(--ease); }
.mr-no[data-fundo="escuro"] .palco { color: var(--mr-areia); }
.mr-fundos i { position: absolute; inset: 0; clip-path: circle(var(--fr, 0%) at 50% 52%); }
.mr-fundos i[data-v="0"] { background: var(--mr-marrom); }
.mr-fundos i[data-v="1"] { background: var(--mr-vermelho); }
.mr-topo { position: relative; z-index: 2; display: grid; gap: 10px; grid-row: 1; }
.mr-topo em { color: var(--mr-vermelho); transition: color 0.4s; }
.mr-no[data-fundo="escuro"] .mr-topo em { color: #fff; }
.mr-no[data-fundo="escuro"] .rotulo { color: rgba(244, 227, 211, 0.75); }
.mr-no .rotulo { color: #8a5a44; }
.mr-area { position: relative; grid-row: 2; min-height: 0; z-index: 1; }
.mr-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.mr-marca path { fill: var(--mr-vermelho); transition: fill 0.4s; }
.mr-anel { fill: none; stroke: var(--mr-vermelho); stroke-width: 33.35; stroke-dasharray: 1; stroke-dashoffset: 1; transform: rotate(-90deg); transform-origin: 250px 250px; transition: stroke 0.4s; }
.mr-letra { font-family: var(--f-titulo); font-size: 64px; font-weight: 500; fill: var(--mr-marrom); text-anchor: middle; opacity: 0; }
.mr-nome path { fill: var(--mr-marrom); transition: fill 0.4s; }
.mr-no[data-fundo="escuro"] .mr-nome path { fill: #fff; }
.mr-no[data-mono="1"] .mr-marca path { fill: #fff; }
.mr-no[data-mono="1"] .mr-anel { stroke: #fff; }
.mr-base { position: relative; z-index: 2; grid-row: 3; height: 2.6em; font-family: var(--f-titulo); font-size: clamp(20px, 2vw, 32px); line-height: 1.2; }
.mr-frase { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; text-align: center; opacity: 0; transform: translateY(10px); transition: opacity 0.5s var(--ease), transform 0.7s var(--ease); }
.mr-frase.ativo { opacity: 1; transform: none; }
.mr-frase small { display: block; margin-top: 6px; font-family: var(--f-texto); font-stretch: 125%; font-size: 11.5px; letter-spacing: 0.14em; opacity: 0.7; }
@media (max-width: 820px) { .mr-no .palco { padding: 80px 16px 92px; } .mr-base { font-size: 19px; height: 3.6em; } }
.leve .mr-no .palco { min-height: 100vh; }
.leve .mr-base { display: none; }
.leve .mr-area { height: 60vh; }
.mr-cores { grid-template-columns: 2fr 1fr 1fr; }

/* ═════════ EMPÓRIO RODRIGUES ═════════ */
.pagina-er { --er-choc: #241E0A; --er-creme: #F3EEDD; --er-caramelo: #B78F5F; --er-mostarda: #FBC50E; }
.er-antes-depois { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 0 var(--g); }
.er-ad { margin: 0; display: grid; gap: 10px; }
.er-ad-caixa { aspect-ratio: 4 / 3; display: grid; place-items: center; border-radius: 2px; }
.er-ad-antes .er-ad-caixa { background: #fff; }
.er-ad-depois .er-ad-caixa { background: var(--er-creme); }
.er-ad-caixa img { width: 72%; height: 72%; object-fit: contain; }
.er-ad-antes img { filter: saturate(0.9); }
.er-cores { grid-template-columns: 2fr 1.2fr 1fr 1fr 1fr; }
.er-selo-fundo .rc-img-janela { background: var(--er-creme); }
.er-selo-fundo .rc-img-janela img { padding: 8%; box-sizing: border-box; }
.er-largo { padding: 0 var(--g); }
@media (max-width: 820px) { .er-antes-depois { grid-template-columns: 1fr; gap: 10px; padding: 0 16px; } .er-cores { grid-template-columns: repeat(3, 1fr); } .er-largo { padding: 0 16px; } }

/* pico · a cidade */
.er-cidade { background: radial-gradient(70% 70% at 60% 55%, #33290f 0%, var(--er-choc) 70%) !important; }
.er-cidade .palco { display: grid; grid-template-rows: auto 1fr auto; padding: 96px var(--g) 6vh; color: var(--er-creme); }
.er-topo { display: grid; gap: 10px; }
.er-topo em { color: var(--er-mostarda); }
.er-cidade .rotulo { color: var(--er-caramelo); }
.er-area { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 4vw; min-height: 0; }
.er-placar { display: grid; gap: 8px; align-content: center; }
.er-num { margin: 0; font-family: var(--f-titulo); font-weight: 500; font-size: clamp(64px, 10vw, 190px); line-height: 0.9; letter-spacing: -0.04em; color: var(--er-mostarda); font-variant-numeric: tabular-nums lining-nums; }
.er-sub { margin: 0; font-family: var(--f-texto); font-stretch: 125%; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--er-caramelo); }
.er-ano { margin: 14px 0 0; font-family: var(--f-titulo); font-size: clamp(22px, 2.2vw, 36px); font-style: italic; color: var(--er-creme); }
.er-grade-caixa { display: grid; gap: 12px; width: min(58vh, 44vw); }
.er-grade { display: grid; grid-template-columns: repeat(20, 1fr); gap: calc(min(58vh, 44vw) * 0.012); }
.er-grade i { aspect-ratio: 1; border-radius: 50%; background: rgba(183, 143, 95, 0.22); transition: background 0.35s, box-shadow 0.35s, transform 0.35s; }
.er-grade i.on { background: var(--er-mostarda); box-shadow: 0 0 10px rgba(251, 197, 14, 0.55); transform: scale(1.08); }
.er-legenda { margin: 0; font-size: 12.5px; line-height: 1.45; color: rgba(243, 238, 221, 0.6); max-width: 46ch; }
.er-base { position: relative; padding: 0 clamp(0px, 12vw, 220px); height: 2.6em; font-family: var(--f-titulo); font-size: clamp(20px, 2vw, 32px); line-height: 1.2; }
.er-frase { position: absolute; left: clamp(0px, 12vw, 220px); right: clamp(0px, 12vw, 220px); bottom: 0; margin: 0; text-align: center; opacity: 0; transform: translateY(10px); transition: opacity 0.5s var(--ease), transform 0.7s var(--ease); }
.er-frase.ativo { opacity: 1; transform: none; }
@media (max-width: 820px) {
  .er-cidade .palco { padding: 80px 16px 92px; }
  .er-area { grid-template-columns: 1fr; gap: 14px; align-content: center; }
  .er-grade-caixa { width: 100%; }
  .er-grade { gap: 3px; }
  .er-num { font-size: 64px; }
  .er-ano { margin-top: 4px; }
  .er-legenda { font-size: 11.5px; }
  .er-base { font-size: 18px; height: 3.6em; }
}
.leve .er-cidade .palco { min-height: 100vh; }
.leve .er-frase { position: static; display: none; }
.leve .er-frase[data-i="4"] { display: block; opacity: 1; transform: none; }
.leve .er-base { height: auto; }

/* fitas de posts */
.er-semanas { overflow: hidden; padding-bottom: 16vh; }
.er-fita { overflow: visible; margin-top: 14px; }
.er-fita-trilho { display: flex; gap: 14px; width: max-content; padding-left: var(--g); }
.er-fita[data-desliza-x="0.22"] .er-fita-trilho { margin-left: -30vw; }
.er-post { margin: 0; width: clamp(180px, 19vw, 300px); flex: none; }
.er-post img { display: block; width: 100%; height: auto; border-radius: 2px; box-shadow: 0 20px 40px -24px rgba(0, 0, 0, 0.8); }

/* ═════════ AJUSTES MOBILE (revisão no celular) ═════════ */
@media (max-width: 820px) {
  /* capas sem corte */
  .rc-hero:not(.cv-hero) .rc-hero-janela { height: auto; }
  .rc-hero:not(.cv-hero) .rc-hero-janela > img { position: static; display: block; width: 100%; height: auto; transform: none; }
  .rc-hero:not(.cv-hero) .rc-hero-janela > video { position: static; display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; transform: none; }
  /* imagens sangradas sem corte */
  .rc-sangra:not(.tl-video) .rc-img-janela { height: auto; }
  .rc-sangra:not(.tl-video) .rc-img-janela > img { position: static; display: block; width: 100%; height: auto; transform: none; }
  /* vídeo da Toledo */
  .tl-video .rc-img-janela { height: auto; aspect-ratio: 16 / 9; }
  .tl-video-sobre { padding: 14px 16px; gap: 6px; }
  .tl-video-frase { font-size: 22px; max-width: 16ch; }
  /* retratos em trio */
  .rc-m3 .rc-img:first-child .rc-img-janela { aspect-ratio: 4 / 5; }
  .rc-m3 .rc-img-janela img { object-position: 50% 22%; }
  /* Rebel: ferramentas */
  .rh-ferramentas { grid-template-columns: 1fr 1fr; align-items: start; }
  .rh-ferramentas .rh-solta:last-child { grid-column: 1 / -1; width: 62%; justify-self: center; margin-top: 8px; }
  .rh-solta figcaption { font-size: 10px; letter-spacing: 0.1em; line-height: 1.4; }
  /* Toledo: teste do tamanho */
  .tl-red-palco { gap: 10px; }
  .tl-red-palco { align-content: start; }
  .tl-red-item { grid-template-rows: auto auto; }
  .tl-red-caixa { height: 17vh; }
  .tl-red-caixa img { height: min(var(--alt, 320px), 13vh); max-width: 88%; }
  /* Volvo: Supplier Day */
  .vo-edicoes .palco { padding: 80px 16px 92px; }
  .vo-edicoes .rh-fam-item.vo-ed { align-content: center; }
  .vo-edicoes .rh-fam-chips { display: none; }
  .vo-ed-ano { font-size: 17vw; }
  .vo-ed-tema { display: none; }
  .vo-ed-logo { padding: 2vh 3vw; }
  .vo-ed-logo img { max-height: 15vh; }
  .vo-ed-cred img { max-height: 23vh; }
  .vo-edicoes .rh-fam-texto { font-size: 14px; }
  /* Empório: o perfil */
  .er-grade-caixa { width: min(80vw, 33vh); justify-self: center; }
  .er-num { font-size: 52px; }
  .er-placar { gap: 2px; }
  .er-ano { font-size: 20px; }
  .er-legenda { text-align: center; }
}

/* ═════════ AJUSTES MOBILE 2 (telas baixas, botão flutuante) ═════════ */
@media (max-width: 820px) {
  .tl-reducao .palco { grid-template-rows: auto auto auto; align-content: start; gap: 2vh; padding: 76px 16px 92px; }
  .tl-reducao .tl-red-topo .t-grande { font-size: clamp(30px, 9vw, 40px); }
  .tl-red-caixa { height: 12vh; }
  .tl-red-caixa img { height: min(var(--alt, 320px), 9vh); }
  .tl-red-item { gap: 6px; }
  .tl-red-base { gap: 8px; }
  .tl-red-px { font-size: 46px; }
  .tl-red-txt { font-size: 14px; line-height: 1.5; }
  .rh-vendas .palco { grid-template-rows: auto auto auto auto; align-content: start; gap: 2.2vh; padding: 76px 16px 92px; }
  .rh-pontos { grid-template-columns: repeat(35, minmax(0, 1fr)); gap: 2px; }
  .rh-v-din { font-size: 46px; }
  .rh-v-linha { font-size: 17px; line-height: 1.35; }
  .rh-v-leg { margin-top: 2px; }
  .rh-v-fim { font-size: 13.5px; line-height: 1.5; }
  .tl-deck .palco { padding: 76px 16px 96px; gap: 1.5vh; }
  .tl-deck-palco { overflow: hidden; }
  .tl-deck-base { flex-direction: column; align-items: flex-start; gap: 6px; }
  .tl-deck-num { font-size: 34px; }
  .tl-deck-nomes { width: 100%; font-size: 16px; }
}

/* vídeos no celular: sem parallax (o iPhone congela vídeo com transform animado) */
@media (max-width: 820px) {
  .rc-img-janela > video { inset: 0; height: 100%; transform: none !important; will-change: auto; }
  .tl-video .rc-img-janela > video { position: static; display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; }
}