@charset "UTF-8";
/* ============================================================
   CLOSE-UP 2026 ┬À "Pais e Filhos" ┬À custom-2026.css   [FINAL]
   Pele anual sobre o Quark forkado ÔÇö carregar DEPOIS do bundle.
   S├│ cor / tipo / fundo. Layout existente intocado.
   Seletores confirmados contra o HTML raw (sonda, Jul 2026).
   ============================================================ */
/* ---------- 1. TOKENS ---------- */
:root {
  --cu-papel:#F4EFE6;
  --cu-tinta:#141414;
  --cu-tinta-fraca:#5A564E;
  --cu-acento:#8F8557;
  --cu-realce:#E4DCC8;
  --cu-display:'Libre Baskerville', Georgia, serif;
  --cu-corpo:'Roboto Condensed', system-ui, sans-serif;
  --cu-mono:'Roboto Mono', monospace; }

/* ---------- 2. Papel e tinta ----------
   O bundle define o fundo em body (#b5dee1, L794); s├│ body tem
   background ÔÇö o footer herda. Este override chega depois e ganha. */
body {
  background-color: var(--cu-papel);
  color: var(--cu-tinta);
  font-family: var(--cu-corpo);
  font-weight: 300; }

/* ---------- 3. Hierarquia de títulos (mapa real da sonda) ---------- */
h1.titulo-link,
h2.filme {
  /* título do filme */
  font-family: var(--cu-display);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--cu-tinta); }

h2.subtitulo,
h2.subtitulo .subtitulo-link {
  /* subtítulo da secção */
  font-family: var(--cu-mono);
  font-weight: 200;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--cu-tinta-fraca); }

h3.pretitulo, h3.antetitulo,
h3.pretitulo a, h3.antetitulo a {
  font-family: var(--cu-mono);
  font-weight: 200;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--cu-tinta-fraca); }

h4.director {
  /* "de <Realizador>" */
  font-family: var(--cu-corpo);
  font-weight: 400;
  color: var(--cu-tinta);
  font-style: normal; }

/* ---------- 4. Caixa de sessão: skin ---------- */
.caixa-sessao {
  background: transparent;
  color: var(--cu-tinta); }

.sessao-img img {
  filter: grayscale(1) contrast(1.12); }

.sessao-sinopse {
  font-family: var(--cu-corpo);
  font-weight: 300; }

/* ---------- 5. Data/local e ficha t├®cnica ---------- */
.sessao-info {
  font-family: var(--cu-corpo); }

.sessao-info .data-local {
  font-family: var(--cu-mono);
  font-weight: 700;
  font-size: .82em;
  letter-spacing: .04em;
  text-transform: uppercase;
  background: var(--cu-realce);
  padding: .15em .45em;
  display: inline-block; }

.ficha-tecnica,
.por, .gen, .ano, .dur, .class {
  font-family: var(--cu-display);
  font-style: italic;
  font-size: .85em;
  color: var(--cu-tinta-fraca); }

.ficha-links a, .fa-imdb {
  color: var(--cu-acento); }

/* ---------- 6. Modificadores de tipo ÔåÆ antet├¡tulo (receita ├║nica) ----------
   Lista real do bundle (17), MENOS: director e filmesemrealizador
   (pap├®is de t├¡tulo) e convidado (recebe regra pr├│pria abaixo). */
.caixa-sessao .quando,
.caixa-sessao .masterclasse,
.caixa-sessao .expo,
.caixa-sessao .carta,
.caixa-sessao .estreia,
.caixa-sessao .antestreia,
.caixa-sessao .encomenda,
.caixa-sessao .especial,
.caixa-sessao .tipo,
.caixa-sessao .concerto,
.caixa-sessao .escolas,
.caixa-sessao .publico,
.caixa-sessao .oficina,
.caixa-sessao .extra {
  font-family: var(--cu-mono);
  font-weight: 200;
  font-size: .72em;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--cu-tinta-fraca);
  background: transparent; }

/* ---------- 7. Presença (wrapper real: span.convidado) ---------- */
.sessao-info .convidado {
  font-family: var(--cu-mono);
  font-weight: 400;
  font-size: .78em;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--cu-tinta); }

.sessao-info .convidado a {
  color: var(--cu-tinta);
  text-decoration: none;
  border-bottom: 1px solid var(--cu-acento); }

/* ---------- 8. Troca still Ôåö ASCII (armada pelo custom-2026.js) ---------- */
.sessao-img.cu-troca {
  position: relative;
  cursor: pointer; }

.sessao-img.cu-troca .cu-ascii {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  transition: opacity .7s ease;
  filter: none;
  pointer-events: none; }

.sessao-img.cu-troca.cu-on img:not(.cu-ascii) {
  opacity: 0;
  transition: opacity .7s ease; }

.sessao-img.cu-troca.cu-on .cu-ascii {
  opacity: 1; }

@media (hover: hover) {
  .sessao-img.cu-troca:hover img:not(.cu-ascii) {
    opacity: 0; }

  .sessao-img.cu-troca:hover .cu-ascii {
    opacity: 1; } }
/* ---------- 9. Campo de 1s (canvas injetado pelo JS) ---------- */
.cu-campo-caixa {
  position: relative;
  aspect-ratio: 16/9; }

.cu-campo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; }

@media (prefers-reduced-motion: reduce) {
  .sessao-img.cu-troca .cu-ascii,
  .sessao-img.cu-troca img {
    transition: none; } }

/*# sourceMappingURL=closeup-2026.css.map */