/* Arte Recortes: formas de papel recortado em coral, mostarda e verde-azulado */
:root { --serif: "DM Serif Display", Georgia, serif; --sans: "Karla", "Segoe UI", Arial, sans-serif; --coral: #f29c82; --mostarda: #f4c64f; --petroleo: #2e6e6d;
  --recorte-1: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 340'><path d='M30 0h270v300c-60 30-120-10-150-70C116 162 40 140 30 0z' fill='%23f29c82'/><path d='M112 60c36 8 56 34 58 76-40-6-60-32-58-76z' fill='%23fffcf5'/><path d='M192 150c30-22 62-20 92 4-28 26-60 26-92-4z' fill='%23fffcf5'/><circle cx='96' cy='300' r='36' fill='%23f4c64f'/></svg>");
  --recorte-2: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 200'><path d='M0 20c70-30 150 0 190 70 22 40 50 70 60 110H0z' fill='%232e6e6d'/><path d='M60 118c22-14 44-12 66 6-22 18-44 18-66-6z' fill='%23f4c64f'/></svg>");
  --folha-coral: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path d='M2 15C8 3 22 3 28 15 22 27 8 27 2 15z' fill='%23f29c82'/></svg>"); }

h2 { font-family: var(--serif); font-weight: 400; font-size: 17px; text-transform: none; letter-spacing: 0; color: var(--tinta); margin-bottom: 8px; }
.tela-celular h2 { font-size: 15px; }
.cabecalho { border-bottom: 2px solid var(--tinta); }
.cabecalho h1 { font-weight: 400; }
.cabecalho h1::before { content: ""; display: inline-block; width: .6em; height: .6em; margin-right: .25em; vertical-align: .02em; background: var(--folha-coral) center / contain no-repeat; }
.cabecalho .rotulo { background: var(--mostarda); color: var(--tinta); border-radius: 16px; padding: 3px 12px; font-weight: 700; letter-spacing: .06em; }
.cabecalho .rotulo:empty { display: none; }
.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-color: transparent; border-radius: 4px; background: #edf4f1; }
.caixa:nth-of-type(3n+2) { background: #fdf1d2; }
.caixa:nth-of-type(3n) { background: #fbe6dd; }
.zona-sticker { border: 2px dashed var(--petroleo); border-radius: 48% 52% 44% 56% / 56% 46% 54% 44%; color: var(--petroleo); }
.cabecalho .zona-sticker { border-radius: 14px; }
.abas { background: var(--petroleo); }
.aba { color: #d9ebe8; }
.aba.ativa, .formato-retrato .aba.ativa { background: var(--mostarda); color: var(--tinta); border-radius: 0; }
.checks li::before { border-radius: 3px; border-color: var(--petroleo); }
.botao { background: var(--tinta); color: #ffffff; border-radius: 4px; }

.capa { justify-content: flex-start; padding-left: 9%; }
.capa-moldura { text-align: left; max-width: 58%; }
.capa::before, .tela-celular .capa::before { left: auto; bottom: auto; right: 0; top: 0; width: 44%; height: 60%; border-radius: 0; background: var(--recorte-1) right top / contain no-repeat; }
.capa::after, .tela-celular .capa::after { right: auto; top: auto; left: 0; bottom: 0; width: 34%; height: 34%; border-radius: 0; background: var(--recorte-2) left bottom / contain no-repeat; }
.tela-celular .capa { padding-left: 32px; }
.tela-celular .capa-moldura { max-width: 86%; }
.capa-sobre { text-transform: none; letter-spacing: .02em; font-weight: 700; font-size: 16px; color: var(--tinta); }
.capa-titulo { font-weight: 400; line-height: .95; }
.capa-ano { color: var(--petroleo); }
.capa-frase { font-style: normal; color: var(--tinta); }