/* View Websérie (ViewWebserie.jsx). */

.portal .webserie__titulo{margin-bottom:var(--esp-4)}
.portal .webserie__abertura{margin-bottom:var(--esp-12)}
.portal .episodios{display:flex;flex-direction:column;gap:var(--esp-12)}
.portal .episodio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--esp-10);align-items:stretch;border-top:var(--borda-media) solid var(--traco-forte);padding-top:var(--esp-6)}
.portal .episodio__ficha{display:flex;flex-direction:column;gap:var(--esp-4)}
.portal .episodio__cabeca{display:flex;align-items:center;gap:var(--esp-3)}
.portal .episodio__numero{display:inline-flex;align-items:center;justify-content:center;flex:none;width:56px;height:56px;border-radius:var(--raio-pilula);background:var(--cor);color:var(--tinta);font:var(--peso-black) var(--texto-lg)/1 var(--fonte-titulo)}
.portal .episodio__datas{display:flex;flex-direction:column;gap:3px}
.portal .episodio__titulo{text-wrap:pretty}
.portal .episodio__sinopse{max-width:46ch}
.portal .episodio__eixo{align-self:stretch;justify-content:center}
.portal .episodio__topicos{display:flex;flex-direction:column;gap:var(--esp-2);margin-top:var(--esp-2)}
.portal .episodio__topicos li{display:flex;align-items:baseline;gap:var(--esp-3);font:var(--tipo-apoio);text-wrap:pretty}
.portal .episodio__ponto{flex:none;width:8px;height:8px;margin-top:5px;background:var(--cor);border-radius:var(--raio-pilula)}
.portal .episodio__creditos{display:flex;flex-direction:column;gap:var(--esp-1);margin-top:var(--esp-2);border-top:var(--borda-fina) solid var(--traco-sutil);padding-top:var(--esp-4)}
.portal .episodio__credito{color:var(--texto-primario)}

/* Player: a moldura preta acompanha a altura da ficha e o vídeo 16:9 fica
   centralizado nela (letterbox) — as duas colunas terminam juntas. */
.portal .video--episodio{height:100%}
.portal .video--episodio .video__quadro{aspect-ratio:auto;height:100%;min-height:240px;display:flex;align-items:center;justify-content:center}
.portal .video--episodio .video__fachada,.portal .video--episodio .video__iframe{position:relative;inset:auto;width:100%;aspect-ratio:16/9;max-height:100%}

@media (max-width:899.98px){
  .portal .episodio{grid-template-columns:1fr;gap:var(--esp-5)}
}

/* Episódios ocultos no painel: aviso em destaque (31/10/2026). Bloco preto com
   a faixa das quatro cores no topo, play amarelo, selo e uma "fita" de cinema
   decorativa à direita. */
.portal .em-breve{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:var(--esp-5);padding:clamp(40px,7vw,88px) clamp(24px,6vw,72px);padding-right:clamp(24px,22vw,300px);border-radius:var(--raio-3);background:var(--cor-preto-ebano);color:var(--cor-branco-paz);box-shadow:var(--sombra-bloco)}
.portal .em-breve__faixa{position:absolute;top:0;left:0;right:0;height:10px;display:flex}
.portal .em-breve__faixa>span{flex:1;background:var(--cor)}
.portal .em-breve__icone{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;padding-left:5px;border-radius:var(--raio-pilula);background:var(--cor-amarelo-sol);color:var(--cor-preto-ebano);box-shadow:0 0 0 10px rgba(255,208,0,.16)}
.portal .em-breve__selo{font:var(--peso-black) var(--texto-2xs)/1 var(--fonte-rotulo);letter-spacing:var(--tracking-rotulo);text-transform:uppercase;padding:8px 12px;border-radius:var(--raio-1);background:var(--cor-branco-paz);color:var(--cor-preto-ebano)}
.portal .em-breve__titulo{font:var(--tipo-titulo-1);font-size:clamp(1.5rem,4vw,2.75rem);line-height:var(--entrelinha-titulo-multi);letter-spacing:var(--tracking-titulo);color:var(--cor-branco-paz);max-width:20ch;text-wrap:balance}
.portal .em-breve__fita{position:absolute;top:10px;bottom:0;right:clamp(16px,6vw,80px);width:clamp(64px,12vw,150px);background:repeating-linear-gradient(180deg,transparent 0 14px,var(--cor-preto-ebano) 14px 30px),linear-gradient(90deg,rgba(255,255,255,.14) 0 12px,transparent 12px calc(100% - 12px),rgba(255,255,255,.14) calc(100% - 12px)),linear-gradient(180deg,rgba(0,94,255,.35),rgba(0,208,0,.25),rgba(255,208,0,.3),rgba(255,0,0,.3));opacity:.55;transform:rotate(8deg);transform-origin:top}
@media (max-width:599.98px){
  .portal .em-breve{padding-right:clamp(24px,6vw,72px)}
  .portal .em-breve__fita{opacity:.18}
}