/* LP Cartola Play — segue a apresentação comercial do Play (Google Slides): arcos sobre o degradê
   azul na capa, listas numeradas com fio fino, planos e performance em azul-gelo, comparativo
   dividido entre claro e escuro, pilar com a barra azul na lateral. */

/* ---------------------------------------------------------------- capa */

.play-abertura {
  position: relative; min-height: min(100svh, 980px); display: grid; place-items: center; text-align: center;
  padding: calc(var(--cab) + 48px) 0 120px;
  background: radial-gradient(110% 90% at 50% 112%, #9ED3E2 0%, #2A9CC0 18%, #0A5E94 40%, #03335E 62%, #04182A 86%);
}
.play-abertura.com-arcos::after { background-position: center 40%; background-size: max(1600px, 130%) auto; opacity: .55; }
.play-abertura__miolo { display: grid; justify-items: center; gap: 22px; }
.play-abertura__marca { margin: 0; width: min(545px, 80vw); }
.play-abertura__marca img { width: 100%; height: auto; }
.play-abertura__rotulo { font: 600 13px/1.2 var(--f-texto); letter-spacing: .22em; text-transform: uppercase; color: var(--gelo); }
.play-abertura .lead { color: rgba(239, 252, 255, .88); margin-inline: auto; max-width: 44ch; }
.play-abertura .botoes { justify-content: center; margin-top: 8px; }
.play-abertura__marca-cartola { position: absolute; left: 50%; bottom: 40px; translate: -50% 0; width: 132px; color: var(--gelo); opacity: .9; }

/* ---------------------------------------------------------------- atalhos da página */

.play-atalhos { position: sticky; top: var(--cab); z-index: 40; background: rgba(4, 24, 42, .92); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-block: 1px solid var(--fio); }
.play-atalhos__miolo { display: flex; align-items: center; gap: 24px; min-height: 56px; }
.play-atalhos__nome img { width: 105px; height: auto; }
.play-atalhos ul { display: flex; gap: 4px; margin-inline: auto; overflow-x: auto; scrollbar-width: none; }
.play-atalhos ul::-webkit-scrollbar { display: none; }
.play-atalhos ul a { display: block; padding: 8px 12px; border-radius: 999px; font: 500 13px/1 var(--f-texto); color: var(--texto); white-space: nowrap; transition: color .2s, background .2s; }
.play-atalhos ul a:hover, .play-atalhos ul a.is-ativo { color: var(--gelo); background: rgba(149, 201, 216, .12); }
.play-atalhos__cta { min-height: 36px; padding: 8px 16px; font-size: 13px; }
@media (max-width: 900px) { .play-atalhos__nome, .play-atalhos__cta { display: none; } .play-atalhos ul { margin: 0; } }

/* ---------------------------------------------------------------- cenário e consequências */

.cenario { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(40px, 6vw, 96px); align-items: center; }
.cenario__texto { display: grid; gap: 22px; }
.cenario__numero { display: grid; gap: 10px; padding: clamp(28px, 3vw, 44px); border-left: 2px solid transparent; border-image: linear-gradient(180deg, #95C9D8, #1C94B7, #024073) 1; }
.cenario__valor { font: 400 clamp(75px, 9.35vw, 143px)/.9 var(--f-display); color: var(--ceu); letter-spacing: -.02em; }
.cenario__legenda { font: 400 clamp(22px, 2vw, 28px)/1.2 var(--f-display); color: var(--gelo); }
.cenario__fonte { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--texto-2); }
@media (max-width: 900px) { .cenario { grid-template-columns: 1fr; } }

.consequencias { margin-top: var(--secao); }
.consequencias__lista { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: clamp(24px, 3vw, 48px); }
.consequencias__lista li { display: grid; gap: 10px; align-content: start; padding: 26px 0 30px; border-bottom: 1px solid var(--fio); }
.consequencias__lista h3 { font: 600 19px/1.3 var(--f-texto); color: var(--gelo); }
.consequencias__lista p { font-size: 15px; color: var(--texto); }
@media (max-width: 900px) { .consequencias__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .consequencias__lista { grid-template-columns: 1fr; } }

/* ---------------------------------------------------------------- solução + comparativo (gelo) */

.solucao { overflow: hidden; }
.solucao__miolo { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: clamp(32px, 5vw, 72px); align-items: center; }
.solucao__texto { display: grid; gap: 22px; }
.solucao__texto .d1 { font-size: clamp(36px, 4.6vw, 65px); }
.solucao__palavras { font: 600 13px/1.4 var(--f-texto); letter-spacing: .22em; text-transform: uppercase; color: var(--azul); }
.solucao__destaque { font: 400 clamp(22px, 2vw, 28px)/1.25 var(--f-display); color: var(--marinho); padding-top: 18px; border-top: 1px solid var(--fio-claro); }
.solucao__imagem { margin: 0; aspect-ratio: 1 / 1; border-radius: 50%; display: grid; place-items: center;
  background: radial-gradient(closest-side, #FFFFFF 0%, #DDF2F8 55%, rgba(207, 230, 238, 0) 100%); }
.solucao__imagem img { width: 108%; max-width: none; height: auto; filter: drop-shadow(0 30px 40px rgba(2, 64, 115, .22)); }
@media (max-width: 900px) { .solucao__miolo { grid-template-columns: 1fr; } .solucao__imagem { max-width: 460px; margin-inline: auto; } }

.comparativo { margin-top: var(--secao); }
/* a tabela é uma peça só, branca; a coluna da Assinatura se destaca por uma luz azul-gelo e pelo fio
   em degradê na lateral, não por um bloco escuro */
.comparativo__tabela { position: relative; display: grid; border-radius: var(--raio); overflow: hidden; border: 1px solid var(--fio-claro); background: var(--branco); box-shadow: 0 24px 60px rgba(2, 64, 115, .07); }
.comparativo__linha { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.comparativo__linha + .comparativo__linha > * { border-top: 1px solid var(--fio-claro); }
.comparativo__linha > * { padding: 24px clamp(20px, 2.4vw, 36px); display: grid; gap: 6px; align-content: start; }
.comparativo__linha--cab > * { padding-block: 20px; font: 600 13px/1.2 var(--f-texto); letter-spacing: .14em; text-transform: uppercase; color: var(--tinta-2); }
.comparativo__col-play { position: relative; background: linear-gradient(90deg, rgba(28, 148, 183, .11), rgba(28, 148, 183, .04)); }
.comparativo__col-play::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg, #95C9D8, #1C94B7); }
.comparativo__linha + .comparativo__linha > .comparativo__col-play { border-top-color: rgba(2, 64, 115, .1); }
.comparativo__linha--cab .comparativo__col-play { color: var(--marinho); }
.comparativo__linha--cab .comparativo__col-play::before { background: #95C9D8; }
.comparativo__linha:last-child .comparativo__col-play::before { background: linear-gradient(180deg, #1C94B7, #024073); }
.comparativo__rot { font: 600 11px/1.2 var(--f-texto); letter-spacing: .14em; text-transform: uppercase; color: var(--tinta-2); opacity: .8; }
.comparativo__col-play .comparativo__rot { color: var(--azul); opacity: 1; }
.comparativo__linha strong { font: 400 21px/1.25 var(--f-display); color: var(--tinta-2); }
.comparativo__col-play strong { color: var(--marinho); }
.comparativo__linha p { font-size: 15px; color: var(--tinta-2); }
.comparativo__modelo { display: none; }
@media (max-width: 640px) {
  .comparativo__linha { grid-template-columns: 1fr; }
  .comparativo__linha--cab { display: none; }
  .comparativo__modelo { display: block; font: 600 10px/1.2 var(--f-texto); letter-spacing: .16em; text-transform: uppercase; color: var(--tinta-2); opacity: .8; }
  .comparativo__col-play .comparativo__modelo { color: var(--marinho); opacity: 1; }
  .comparativo__linha > :not(.comparativo__col-play) { border-top: 1px solid var(--fio-claro); }
}

/* ---------------------------------------------------------------- pilares */

.pilares-secao { background: linear-gradient(115deg, #04182A 0%, #04182A 38%, #03335E 70%, #1C94B7 108%); --topo-pilar: calc(var(--cab) + 56px + 24px); }
.pilares { display: grid; gap: clamp(36px, 4vw, 56px); }
.pilares__cabeca { display: grid; gap: 22px; }
.pilares__corpo { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(28px, 4vw, 64px); align-items: start; }
.pilares__abas { display: grid; position: sticky; top: var(--topo-pilar); border-top: 1px solid var(--fio); }
.pilares__aba {
  display: grid; grid-template-columns: 30px 1fr; align-items: baseline; gap: 4px 12px; padding: 18px 0;
  background: none; border: 0; border-bottom: 1px solid var(--fio); text-align: left; transition: padding .3s var(--ease), box-shadow .3s var(--ease);
}
.pilares__nome { font: 600 20px/1.2 var(--f-texto); color: rgba(239, 252, 255, .66); transition: color .25s; }
.pilares__resumo { grid-column: 2; font-size: 14px; line-height: 1.4; color: var(--texto-2); }
.pilares__aba:hover .pilares__nome { color: var(--gelo); }
.pilares__aba[aria-selected="true"] { padding-left: 14px; box-shadow: inset 2px 0 0 var(--ceu); }
.pilares__aba[aria-selected="true"] .pilares__nome { color: var(--gelo); }
.pilares__aba[aria-selected="true"] .num { color: var(--gelo); }
.pilar {
  position: relative; display: grid; gap: 14px; padding: clamp(28px, 3.4vw, 48px) clamp(24px, 3.4vw, 56px);
  background: rgba(4, 24, 42, .82); border: 1px solid var(--fio); border-radius: var(--raio); overflow: hidden;
}
.pilar::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(180deg, #95C9D8, #1C94B7, #024073); }
.pilar__frase { font-size: clamp(17px, 1.4vw, 20px); color: var(--gelo); }
.pilar__apoio { color: var(--ceu); }
.pilar__colunas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-top: 10px; padding-top: 22px; border-top: 1px solid var(--fio); }
.pilar__colunas > div { display: grid; gap: 12px; align-content: start; }
.pilar__colunas > div + div { padding-left: clamp(20px, 3vw, 40px); border-left: 1px solid var(--fio); }
.pilar__colunas > div:first-child { padding-right: clamp(20px, 3vw, 40px); }
.pilar__rot { font: 600 12px/1.2 var(--f-texto); letter-spacing: .14em; text-transform: uppercase; color: var(--ceu); }
.pilar ul { display: grid; gap: 10px; }
.pilar li { position: relative; padding-left: 18px; font-size: 15px; color: var(--texto); }
.pilar li::before { content: ""; position: absolute; left: 0; top: .68em; width: 6px; height: 6px; border-radius: 50%; background: var(--azul); }
.pilar__como { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin-top: 8px; padding-top: 20px; border-top: 1px solid var(--fio); font-size: 14px; color: var(--gelo); }
.pilar__como .pilar__rot { margin-right: 6px; }
.pilar__como span:not(.pilar__rot) { padding: 6px 12px; border-radius: 999px; background: rgba(149, 201, 216, .1); }
/* celular e tablet: as abas viram uma faixa de nomes presa no topo, logo abaixo da barra da página */
@media (max-width: 900px) {
  .pilares__corpo { grid-template-columns: 1fr; gap: 20px; }
  .pilares__abas {
    top: calc(var(--cab) + 57px); z-index: 5; display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none;
    margin-inline: calc(var(--gutter) * -1); padding: 12px var(--gutter); border-top: 0;
    background: rgba(4, 24, 42, .94); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  }
  .pilares__abas::-webkit-scrollbar { display: none; }
  .pilares__aba, .pilares__aba[aria-selected="true"] { flex: none; display: flex; align-items: center; gap: 8px; padding: 10px 16px; border: 1px solid var(--fio); border-radius: 999px; box-shadow: none; }
  .pilares__aba[aria-selected="true"] { background: var(--gelo); border-color: var(--gelo); }
  .pilares__aba[aria-selected="true"] .pilares__nome, .pilares__aba[aria-selected="true"] .num { color: var(--tinta); }
  .pilares__nome { font-size: 15px; }
  .pilares__resumo { display: none; }
}
@media (max-width: 560px) {
  .pilar__colunas { grid-template-columns: 1fr; gap: 22px; }
  .pilar__colunas > div + div { padding-left: 0; border-left: 0; }
  .pilar__colunas > div:first-child { padding-right: 0; }
}

/* ---------------------------------------------------------------- performance */

.performance__numeros { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.performance__numeros li { display: grid; gap: 6px; padding: 8px clamp(16px, 2vw, 28px); }
.performance__numeros li + li { border-left: 1px solid var(--fio-claro); }
.performance__numeros li:first-child { padding-left: 0; }
.performance__pre { font: 600 12px/1 var(--f-texto); letter-spacing: .14em; text-transform: uppercase; color: var(--tinta-2); }
.performance__valor { font: 700 clamp(41px, 4.6vw, 68px)/1 var(--f-texto); letter-spacing: -.03em; color: var(--tinta); font-variant-numeric: tabular-nums; }
.performance__valor em { font-style: normal; color: var(--ceu); }
.performance__legenda { font-size: 15px; color: var(--tinta-2); }
@media (max-width: 900px) {
  .performance__numeros { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 28px; }
  .performance__numeros li:nth-child(3) { border-left: 0; padding-left: 0; }
}
.performance__faixa { padding-block: 0 clamp(56px, 7vw, 96px); }
.performance__faixa-miolo { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: 32px; align-items: center; padding-top: clamp(32px, 4vw, 48px); border-top: 1px solid var(--fio-claro); }
.performance__faixa-rot { font: 600 13px/1.4 var(--f-texto); letter-spacing: .14em; text-transform: uppercase; color: var(--marinho); max-width: 18ch; }
.performance__faixa ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.performance__faixa li { display: grid; gap: 6px; padding: 22px 24px; border-radius: var(--raio); background: linear-gradient(160deg, #FFFFFF, rgba(255, 255, 255, .55)); border: 1px solid var(--fio-claro); }
.performance__faixa strong { font: 600 18px/1.2 var(--f-texto); color: var(--tinta); }
.performance__faixa span { font-size: 14px; color: var(--tinta-2); }
.performance > .secao { padding-bottom: clamp(48px, 6vw, 72px); }
@media (max-width: 900px) { .performance__faixa-miolo, .performance__faixa ul { grid-template-columns: 1fr; } }

/* ---------------------------------------------------------------- cases */

.cases__barra { display: flex; align-items: stretch; gap: 16px; margin-bottom: 20px; }
.cases__abas { flex: 1; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); border-bottom: 1px solid var(--fio); }
.cases__aba { position: relative; padding: 14px 4px 18px; background: none; border: 0; text-align: left; font: 600 15px/1.25 var(--f-texto); color: var(--texto-2); transition: color .25s; }
.cases__aba:hover, .cases__aba[aria-selected="true"] { color: var(--gelo); }
.cases__tempo { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; transform-origin: left; transform: scaleX(0); background: var(--faixa); }
.cases__aba[aria-selected="true"] .cases__tempo { transform: scaleX(1); }
.tem-rodizio .cases__aba[aria-selected="true"] .cases__tempo { transform: scaleX(0); }
.tem-rodizio .cases__aba.is-contando .cases__tempo { animation: enche-case var(--tempo-case, 10s) linear forwards; }
.is-pausado .cases__tempo, .is-fora .cases__tempo { animation-play-state: paused !important; }
@keyframes enche-case { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.cases__pausa { flex: none; align-self: center; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: none; border: 1px solid var(--fio); color: var(--gelo); transition: background .2s, border-color .2s; }
.cases__pausa:hover { background: rgba(149, 201, 216, .1); border-color: rgba(149, 201, 216, .5); }
.cases__pausa svg { width: 13px; height: 13px; }
.cases__pausa .icone-play, .is-pausado .cases__pausa .icone-pausa { display: none; }
.is-pausado .cases__pausa .icone-play { display: block; margin-left: 2px; }
@media (max-width: 760px) {
  .cases__abas { grid-auto-columns: max-content; overflow-x: auto; scrollbar-width: none; gap: 20px; }
  .cases__abas::-webkit-scrollbar { display: none; }
  .cases__aba { white-space: nowrap; }
}
.case { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); border-radius: var(--raio); overflow: hidden; border: 1px solid var(--fio); min-height: 560px; }
.case__foto { position: relative; display: flex; align-items: flex-end; background: #0A2A44 center / cover no-repeat; }
.case__foto::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(4, 24, 42, .15) 0%, rgba(4, 24, 42, .55) 45%, rgba(4, 24, 42, .95) 100%); }
.case__foto-texto { position: relative; display: grid; gap: 12px; padding: clamp(24px, 3vw, 40px); }
.case__foto-texto p { color: var(--texto); }
.case__metricas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.case__metricas li { padding: 10px 16px; border-radius: 999px; background: rgba(239, 252, 255, .12); border: 1px solid rgba(239, 252, 255, .2); font-size: 13px; color: var(--gelo); }
.case__metricas strong { font-size: 16px; margin-right: 4px; }
.case__texto { display: grid; align-content: center; gap: 0; padding: clamp(24px, 3.4vw, 52px); background: #031C31; }
.case__texto > div { display: grid; gap: 10px; padding-block: 22px; }
.case__texto > div + div { border-top: 1px solid var(--fio); }
.case__texto h4 { font: 400 26px/1.1 var(--f-display); color: var(--ceu); margin: 0; }
.case__texto p { font-size: 15px; color: var(--texto); }
@media (max-width: 900px) { .case { grid-template-columns: 1fr; } .case__foto { min-height: 380px; } }
@media (max-width: 640px) { .case__foto { min-height: 340px; } }

/* ---------------------------------------------------------------- como funciona */

.como { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.como__cabeca { display: grid; gap: 22px; }
.como__investe { display: grid; gap: 4px; margin-top: 12px; }
.como__investe strong { font: 400 clamp(82px, 8.5vw, 119px)/.9 var(--f-display); color: var(--gelo); }
.como__investe span:last-child { font: 400 22px/1.2 var(--f-display); color: var(--ceu); }
.como__passos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px clamp(24px, 3vw, 44px); }
.como__passos li { display: grid; gap: 10px; align-content: start; padding: 22px 0 8px; border-top: 1px solid var(--fio); }
.como__passos h3 { font: 600 18px/1.3 var(--f-texto); color: var(--gelo); }
.como__passos p { font-size: 15px; color: var(--texto); }
@media (max-width: 900px) { .como { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .como__passos { grid-template-columns: 1fr; } }

/* ---------------------------------------------------------------- planos */

.planos__nota { font-size: 14px; color: var(--tinta-2); }
.planos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.8vw, 24px); align-items: stretch; }
.plano { display: grid; grid-template-rows: auto 1fr; border-radius: var(--raio); border: 1px solid rgba(2, 64, 115, .16); background: var(--branco); overflow: hidden; }
.plano--popular { border-color: var(--marinho); box-shadow: 0 24px 48px rgba(2, 64, 115, .14); background: #DFF1F7; }
.plano__selo { grid-row: 1; padding: 10px; text-align: center; background: var(--marinho); color: var(--gelo); font: 600 12px/1 var(--f-texto); letter-spacing: .16em; text-transform: uppercase; }
.plano:not(.plano--popular) .plano__corpo { grid-row: 1 / -1; }
.plano__corpo { display: flex; flex-direction: column; gap: 12px; padding: clamp(24px, 2.6vw, 36px); }
.plano__rot { font: 600 11px/1.2 var(--f-texto); letter-spacing: .16em; text-transform: uppercase; color: var(--azul); }
.plano .display { color: var(--tinta); }
.plano__creditos { font-size: 14px; letter-spacing: .1em; text-transform: uppercase; color: var(--tinta-2); }
.plano__creditos strong { font: 700 40px/1 var(--f-texto); color: var(--marinho); letter-spacing: -.02em; margin-right: 4px; }
.plano__preco { font-size: 15px; color: var(--tinta-2); padding-bottom: 14px; border-bottom: 1px solid var(--fio-claro); }
.plano__preco strong { font: 600 24px/1 var(--f-texto); color: var(--tinta); }
.plano__chamada { font-weight: 600; color: var(--tinta); }
.plano__texto { font-size: 15px; }
.plano__exemplos { display: grid; gap: 8px; margin-bottom: 8px; }
.plano__exemplos li { position: relative; padding-left: 18px; font-size: 14px; }
.plano__exemplos li::before { content: ""; position: absolute; left: 0; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: var(--azul); }
.plano .botao { margin-top: auto; align-self: stretch; }
@media (max-width: 960px) { .planos { grid-template-columns: 1fr; max-width: 520px; margin-inline: auto; } }

/* ---------------------------------------------------------------- comparativo com estrutura interna */

.internalizacao { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
.internalizacao__lado { display: flex; align-items: center; padding: var(--secao) var(--gutter); }
.internalizacao__cabeca { display: grid; gap: 22px; max-width: 420px; margin-left: auto; }
.internalizacao__cabeca .d1 { font-size: clamp(41px, 4.6vw, 68px); line-height: 1; }
.internalizacao__tabela { padding: var(--secao) var(--gutter); display: flex; align-items: center; }
.internalizacao__tabela > ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 3vw, 44px); width: 100%; max-width: 820px; }
.internalizacao__tabela > ul > li { display: grid; gap: 10px; align-content: start; }
.internalizacao__tabela h3 { font: 600 20px/1.2 var(--f-texto); color: var(--gelo); padding-bottom: 12px; border-bottom: 1px solid var(--fio); }
.internalizacao__equipe { display: grid; gap: 6px; font-size: 14px; color: var(--texto); padding-bottom: 14px; border-bottom: 1px solid var(--fio); }
.internalizacao__rot { font: 600 11px/1.2 var(--f-texto); letter-spacing: .14em; text-transform: uppercase; color: var(--texto-2); margin-top: 6px; }
.internalizacao__rot--play { color: var(--ceu); }
.internalizacao__interno { font: 600 18px/1.2 var(--f-texto); color: var(--texto-2); }
.internalizacao__interno s { text-decoration-color: rgba(149, 201, 216, .6); }
.internalizacao__play { font: 700 clamp(24px, 2.2vw, 30px)/1.1 var(--f-texto); color: var(--ceu); }
.internalizacao__play small { font-size: 14px; font-weight: 500; color: var(--texto); }
@media (max-width: 960px) {
  .internalizacao { grid-template-columns: 1fr; }
  .internalizacao__cabeca { margin-left: 0; }
}
@media (max-width: 640px) { .internalizacao__tabela > ul { grid-template-columns: 1fr; } }

/* ---------------------------------------------------------------- menu de créditos */

.creditos { border: 1px solid var(--fio); border-radius: var(--raio); overflow: hidden; }
.creditos__linha { display: grid; grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 3fr)); }
.creditos__linha + .creditos__linha { border-top: 1px solid var(--fio); }
.creditos__linha > * { padding: 22px clamp(16px, 2vw, 26px); }
.creditos__linha > * + * { border-left: 1px solid var(--fio); }
.creditos__linha--cab { background: rgba(149, 201, 216, .07); }
.creditos__linha--cab span { font: 600 12px/1.3 var(--f-texto); letter-spacing: .14em; text-transform: uppercase; color: var(--ceu); }
.creditos__atividade { font: 400 24px/1.1 var(--f-display); color: var(--gelo); display: flex; align-items: center; background: linear-gradient(90deg, rgba(11, 78, 128, .3), rgba(11, 78, 128, 0)); }
.creditos__celula { display: grid; gap: 10px; align-content: start; }
.creditos__col { display: none; }
.creditos__valor { font-size: 13px; color: var(--texto-2); text-transform: uppercase; letter-spacing: .1em; }
.creditos__valor strong { font: 700 28px/1 var(--f-texto); color: var(--ceu); letter-spacing: -.01em; text-transform: none; margin-right: 2px; }
.creditos__celula ul { display: grid; gap: 6px; }
.creditos__celula li { position: relative; padding-left: 14px; font-size: 14px; color: var(--texto); }
.creditos__celula li::before { content: "›"; position: absolute; left: 0; color: var(--azul); }
@media (max-width: 900px) {
  .creditos__linha { grid-template-columns: 1fr; }
  .creditos__linha--cab { display: none; }
  .creditos__linha > * + * { border-left: 0; border-top: 1px solid var(--fio); }
  .creditos__col { display: block; font: 600 11px/1.2 var(--f-texto); letter-spacing: .14em; text-transform: uppercase; color: var(--texto-2); }
}
.creditos__extras { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(28px, 4vw, 64px); margin-top: clamp(40px, 5vw, 64px); }
.creditos__extras-tit { font: 400 24px/1.2 var(--f-display); color: var(--gelo); margin-bottom: 18px; }
.creditos__outros li { display: flex; justify-content: space-between; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--fio); font-size: 15px; color: var(--texto); }
.creditos__outros strong { flex: none; color: var(--ceu); font-weight: 700; font-variant-numeric: tabular-nums; }
.creditos__outros strong::after { content: " crédito(s)"; font-weight: 500; font-size: 12px; color: var(--texto-2); }
.creditos__aparte { display: flex; flex-wrap: wrap; gap: 8px; }
.creditos__aparte li { padding: 9px 16px; border-radius: 999px; border: 1px solid var(--fio); font-size: 14px; color: var(--texto); }
@media (max-width: 900px) { .creditos__extras { grid-template-columns: 1fr; } }

/* ---------------------------------------------------------------- contato */

.play-contato { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.play-contato__texto { display: grid; gap: 22px; }
.play-contato__canais { display: grid; gap: 8px; padding-top: 22px; border-top: 1px solid var(--fio); font-size: 17px; color: var(--gelo); }
.play-contato__canais a:hover { color: var(--ceu); }
.play-contato__form { padding: clamp(24px, 3vw, 40px); border-radius: var(--raio); background: rgba(4, 24, 42, .6); border: 1px solid var(--fio); }
@media (max-width: 900px) { .play-contato { grid-template-columns: 1fr; } }