/* Arte Sessão a Dois: fundo vinho, faixas de filme e letreiro dourado */
:root { --serif: "Abril Fatface", Georgia, serif; --sans: "Space Grotesk", "Segoe UI", Arial, sans-serif;
  --filme: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'><rect width='34' height='34' fill='%23160709'/><rect x='10' y='11' width='14' height='12' rx='2' fill='%23e8b54d'/></svg>"); }

h2 { font-weight: 600; letter-spacing: .14em; color: var(--destaque); }
.cabecalho { border-bottom: 2px solid var(--destaque); }
.cabecalho h1 { font-weight: 400; }
.cabecalho .rotulo { color: var(--destaque); font-weight: 600; }
.dia-cab-num, .dia-cab-txt strong, .mini-titulo, .card-num, .card-modulo strong, .pergunta, .dia-semana-cab .n { font-weight: 400; }

.caixa, .card-modulo, .cornell, .cartao, .ramo { border-radius: 4px; }
.zona-sticker { border: 2px solid var(--destaque); border-radius: 2px; color: var(--destaque); }
.abas { background: #160709; }
.aba.ativa { border-radius: 4px 0 0 4px; }
.formato-retrato .aba.ativa { border-radius: 0 0 4px 4px; }
.checks li::before { border-radius: 2px; border-color: var(--destaque); }
.botao { background: var(--destaque); color: var(--sobre-destaque); border-radius: 4px; text-transform: uppercase; letter-spacing: .12em; }

.capa::before, .tela-celular .capa::before { left: 0; right: 0; top: 0; bottom: auto; width: auto; height: 34px; border-radius: 0; background: var(--filme) 0 0 / 34px 34px repeat-x; }
.capa::after, .tela-celular .capa::after { left: 0; right: 0; bottom: 0; top: auto; width: auto; height: 34px; border-radius: 0; background: var(--filme) 0 0 / 34px 34px repeat-x; }
.capa-sobre { color: var(--destaque); font-weight: 500; }
.capa-titulo { font-weight: 400; }
.capa-ano, .tela-celular .capa-ano { display: inline-block; font-family: var(--sans); font-size: 20px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--destaque);
  border: 1.5px solid var(--destaque); border-radius: 4px; padding: 6px 22px; margin: 22px 0 26px; }
.capa-ano::before { content: "Em cartaz · "; }
.capa-frase { font-style: normal; color: var(--tinta); }
