/* Arte Correio do Amor: carta aérea, selo e letra de máquina de escrever */
:root { --serif: "Special Elite", "Courier New", monospace; --sans: "Inter", "Segoe UI", Arial, sans-serif; --italico: "Libre Baskerville", Georgia, serif; --azul: #2f4b7c;
  --aereo: repeating-linear-gradient(135deg, #8e2a36 0 22px, transparent 22px 34px, #2f4b7c 34px 56px, transparent 56px 68px);
  --selo: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 130'><rect x='3' y='3' width='104' height='124' fill='%23fff' stroke='%238e2a36' stroke-width='2' stroke-dasharray='5 5'/><rect x='14' y='14' width='82' height='102' fill='%238e2a36'/><path d='M55 92C30 74 26 60 34 50c7-9 17-5 21 4 4-9 14-13 21-4 8 10 4 24-21 42z' fill='%23fbf6eb'/></svg>"); }

h2 { font-family: var(--italico); font-style: italic; font-weight: 400; font-size: 15px; text-transform: none; letter-spacing: 0; color: var(--destaque); margin-bottom: 8px; }
.tela-celular h2 { font-size: 13px; }
.conteudo { position: relative; }
.conteudo::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 8px; background: var(--aereo); }
.cabecalho { border-bottom: 2px solid var(--destaque); }
.cabecalho h1 { font-weight: 400; color: var(--destaque); }
.cabecalho .rotulo { font-family: var(--serif); text-transform: none; letter-spacing: 0; color: var(--azul); }
.dia-cab-num, .dia-cab-txt strong, .mini-titulo, .card-num, .card-modulo strong, .dia-semana-cab .n { font-weight: 400; }
.pergunta { font-family: var(--italico); font-style: italic; font-weight: 400; color: var(--destaque); }

.caixa, .card-modulo, .cornell, .cartao, .ramo { border-radius: 2px; background: var(--card); }
.zona-sticker { border: 2px dashed var(--destaque); border-radius: 0; color: var(--destaque); background: #ffffff; }
.campo { font-family: var(--serif); text-transform: none; letter-spacing: 0; font-size: 12px; color: var(--azul); }
.abas { background: var(--azul); }
.aba { color: #dfe5f0; }
.aba.ativa, .formato-retrato .aba.ativa { background: var(--destaque); color: #ffffff; border-radius: 0; }
.checks li::before { border-radius: 0; border-color: var(--azul); }
.botao { background: var(--destaque); color: #ffffff; border-radius: 2px; font-family: var(--serif); font-weight: 400; }

.capa::before, .tela-celular .capa::before { left: 0; right: 0; top: 0; bottom: auto; width: auto; height: 16px; border-radius: 0; background: var(--aereo); }
.capa::after, .tela-celular .capa::after { left: 0; right: 0; bottom: 0; top: auto; width: auto; height: 16px; border-radius: 0; background: var(--aereo); }
.capa-moldura::before { content: ""; display: block; width: 110px; height: 130px; margin: 0 auto 26px; transform: rotate(4deg); background: var(--selo) center / contain no-repeat; }
.tela-celular .capa-moldura::before { width: 80px; height: 95px; margin-bottom: 18px; }
.capa-sobre { font-family: var(--serif); text-transform: none; letter-spacing: .02em; color: var(--azul); }
.capa-titulo { font-weight: 400; color: var(--destaque); font-size: 104px; }
.tela-celular .capa-titulo { font-size: 64px; }
.capa-ano { font-family: var(--serif); color: var(--azul); }
.capa-frase { font-family: var(--italico); font-style: italic; color: var(--tinta); }