/* Arte Ponto a Ponto: costura, novelo e letras arredondadas */
:root { --serif: "Fredoka", "Segoe UI", sans-serif; --sans: "Nunito", "Segoe UI", Arial, sans-serif; --verde: #566f53; --costura: #c9b79c;
  --novelo: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 110' fill='none'><circle cx='75' cy='56' r='46' fill='%23e9b8a6'/><g stroke='%23b4563f' stroke-width='2.4' stroke-linecap='round'><path d='M34 42c24 10 58 10 82 0'/><path d='M30 60c26 12 64 12 90 0'/><path d='M38 78c22 9 52 9 74 0'/><path d='M56 16c-8 26-8 56 2 82'/><path d='M94 16c8 26 8 56-2 82'/></g><path d='M116 92c10 2 20-2 26-12' stroke='%236f8a6b' stroke-width='3' stroke-dasharray='6 6' stroke-linecap='round'/></svg>");
  --botao-costura: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10' fill='%236f8a6b'/><g fill='%23fbf7ee'><circle cx='9' cy='9' r='1.6'/><circle cx='15' cy='9' r='1.6'/><circle cx='9' cy='15' r='1.6'/><circle cx='15' cy='15' r='1.6'/></g></svg>"); }

h2 { font-family: var(--serif); font-weight: 500; font-size: 16px; text-transform: none; letter-spacing: 0; color: var(--destaque); margin-bottom: 8px; }
.tela-celular h2 { font-size: 14px; }
.cabecalho { border-bottom: 3px dashed var(--destaque); }
.cabecalho h1 { font-weight: 500; color: var(--destaque); }
.cabecalho h1::before { content: ""; display: inline-block; width: .5em; height: .5em; margin-right: .3em; vertical-align: .08em; background: var(--botao-costura) center / contain no-repeat; }
.cabecalho .rotulo { text-transform: none; letter-spacing: 0; font-weight: 700; font-size: 15px; }
.dia-cab-num, .dia-cab-txt strong, .mini-titulo, .card-num, .card-modulo strong, .dia-semana-cab .n { font-weight: 500; }
.pergunta { font-weight: 500; color: var(--destaque); }

.caixa, .card-modulo, .cornell, .cartao, .ramo { border: 2.5px dashed var(--costura); border-radius: 22px; }
.zona-sticker { border: 2.5px dashed #6f8a6b; border-radius: 24px; color: #4f664c; background: #f6ecdf; }
.campo { border-bottom: 2px dotted var(--zona); font-weight: 700; }
.checks li { border-bottom: 2px dotted var(--linha); }
.checks li::before { border-radius: 50%; border-color: var(--destaque); }
.aba.ativa { border-radius: 18px 0 0 18px; }
.formato-retrato .aba.ativa { border-radius: 0 0 18px 18px; }
.botao { background: var(--destaque); color: var(--sobre-destaque); font-family: var(--serif); font-weight: 500; }

.capa::before, .tela-celular .capa::before { left: 22px; top: 22px; right: 22px; bottom: 22px; width: auto; height: auto; border-radius: 34px; background: none; border: 3px dashed var(--destaque); }
.capa::after { display: none; }
.capa-moldura::before { content: ""; display: block; width: 150px; height: 110px; margin: 0 auto 12px; background: var(--novelo) center / contain no-repeat; }
.tela-celular .capa-moldura::before { width: 110px; height: 80px; }
.capa-sobre { text-transform: none; letter-spacing: .02em; font-weight: 700; font-size: 17px; }
.capa-titulo { font-weight: 500; color: var(--destaque); }
.capa-ano { color: var(--verde); }
.capa-frase { font-style: normal; font-weight: 600; color: var(--tinta); }
.tela-celular .mini-titulo { font-size: 15px; margin-bottom: 4px; }
.tela-celular .mini-grade { line-height: 1.15; }