/* Arte Álbum de Fotos: polaroides, fita adesiva e letra à mão */
:root { --serif: "Playfair Display", Georgia, serif; --manual: "Gochi Hand", "Segoe Print", cursive; --sans: "Work Sans", "Segoe UI", Arial, sans-serif; --fita: #f6d97f; }

h2 { font-family: var(--manual); font-weight: 400; font-size: 20px; text-transform: none; letter-spacing: 0; line-height: 1; color: var(--destaque); margin-bottom: 6px; }
.tela-celular h2 { font-size: 18px; }
.cabecalho { border-bottom: 1.5px solid var(--zona); }
.cabecalho h1 { font-style: italic; font-weight: 500; }
.cabecalho .rotulo { font-family: var(--manual); text-transform: none; letter-spacing: 0; font-size: 20px; color: var(--destaque); }
.mini-titulo, .card-modulo strong, .pergunta { font-style: italic; font-weight: 500; }
.dia-cab-txt strong { font-family: var(--manual); font-weight: 400; font-size: 30px; line-height: 1; }
.tela-celular .dia-cab-txt strong { font-size: 24px; }

.caixa, .card-modulo, .cornell, .cartao, .ramo { border-color: transparent; border-radius: 3px; background: #ffffff; box-shadow: 0 2px 8px rgba(71, 25, 42, .12); }
.zona-sticker { position: relative; background: var(--destaque-claro); border: 10px solid #ffffff; border-bottom-width: 30px; border-radius: 0; box-shadow: 0 4px 12px rgba(71, 25, 42, .16);
  font-family: var(--manual); text-transform: none; letter-spacing: 0; font-size: 16px; color: var(--destaque); }
.zona-sticker::before { content: ""; position: absolute; left: 50%; top: -18px; width: 64px; height: 18px; margin-left: -32px; background: var(--fita); opacity: .9; }
.cabecalho .zona-sticker, .semana-extra .zona-sticker { border-width: 4px 4px 12px; }
.cabecalho .zona-sticker::before { top: -10px; width: 36px; height: 10px; margin-left: -18px; }
.aba.ativa { border-radius: 14px 0 0 14px; }
.formato-retrato .aba.ativa { border-radius: 0 0 14px 14px; }
.checks li::before { border-radius: 50%; border-color: var(--destaque); }
.botao { background: var(--destaque); color: #ffffff; font-family: var(--manual); font-weight: 400; font-size: 20px; letter-spacing: 0; }

.capa { justify-content: flex-start; padding-left: 9%; }
.capa-moldura { text-align: left; max-width: 56%; }
.capa::before, .tela-celular .capa::before { left: auto; bottom: auto; right: 13%; top: 12%; width: 200px; height: 240px; box-sizing: border-box; border-radius: 0;
  background: #c2414f; border: 12px solid #ffffff; border-bottom-width: 44px; transform: rotate(7deg); box-shadow: 0 6px 18px rgba(71, 25, 42, .18); }
.capa::after, .tela-celular .capa::after { left: auto; top: auto; right: 6%; bottom: 22%; width: 170px; height: 204px; box-sizing: border-box; border-radius: 0;
  background: #f2a679; border: 10px solid #ffffff; border-bottom-width: 38px; transform: rotate(-6deg); box-shadow: 0 6px 18px rgba(71, 25, 42, .18); }
.formato-retrato .capa { align-items: flex-end; padding-bottom: 12%; }
.formato-retrato .capa-moldura { max-width: 84%; }
.formato-retrato .capa::after { bottom: auto; top: 30%; }
.tela-celular .capa { padding: 0 28px 90px; }
.tela-celular .capa::before { width: 130px; height: 156px; border-width: 8px 8px 28px; top: 7%; right: 30%; }
.tela-celular .capa::after { width: 110px; height: 132px; border-width: 7px 7px 24px; top: 20%; right: 8%; }
.capa-sobre { font-family: var(--manual); text-transform: none; letter-spacing: 0; font-size: 24px; color: var(--destaque); }
.capa-titulo { font-style: italic; font-weight: 500; }
.capa-ano { font-family: var(--manual); color: var(--destaque); }
.capa-frase { font-style: normal; color: var(--tinta); }