/* Petalívio — folha de estilo das páginas legais. Compartilhada pelos três documentos. ⚠️ NENHUMA COR E NENHUMA FONTE SÃO ESCRITAS AQUI, pela mesma razão que não são escritas no checkout: elas vêm do MARCA.md. 🔴 22/09/2026. Até hoje este arquivo tinha a paleta inteira chumbada à mão, e ela era a ANTIGA — `#115e6b` no azul, branco puro no fundo. O checkout mudou de cara em 21/09 e estas três páginas não mudaram junto: quem clicava em "Termos de uso" no rodapé saía de uma página creme com coral e caía numa página branca com o azul velho. Parece outro site, e o lugar onde isso acontece é exatamente onde a pessoa foi conferir se o site é de verdade. Cada página legal injeta as variáveis do tema no , antes desta folha ser aplicada. O que sobra aqui embaixo são só APELIDOS — nomes locais para variáveis do tema — e cada um traz um valor de reserva para o caso de a folha ser aberta solta, sem o servidor no meio. */ :root{ --tinta-fraca:var(--suave, #5d5954); --fundo-caixa:var(--caixa, #f6f1e8); /* Âmbar de TEXTO, não de faixa: o `aviso` cheio fica em ~2:1 sobre fundo claro e some para quem lê no sol. */ --atencao:var(--aviso-escura, #6e5915); --atencao-fundo:var(--aviso-fraca, #f7f1df); } *{box-sizing:border-box} html{-webkit-text-size-adjust:100%} body{ margin:0; padding:0 20px 90px; background:var(--fundo); color:var(--tinta); font-family:var(--fonte-texto, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif); font-size:17px; /* celular, 4G, muitas vezes de pé: nada abaixo de 17px */ line-height:1.68; } main{max-width:720px;margin:0 auto} /* ---------- cabeçalho ---------- */ header{ max-width:720px; margin:0 auto; padding:34px 0 22px; border-bottom:2px solid var(--marca); } /* Titulos na fonte de titulo da marca, como no checkout. Sem isto a pagina legal le em Mulish de ponta a ponta e a troca de pagina fica perceptivel justamente onde ela nao pode ser. */ .marca,h1,h2,h3{ font-family:var(--fonte-titulo, 'Trebuchet MS', Verdana, sans-serif); } .marca{ font-size:.82em; letter-spacing:.13em; text-transform:uppercase; color:var(--marca); font-weight:700; margin:0 0 8px; } h1{ font-size:1.72em; font-weight:700; line-height:1.25; margin:0 0 10px; letter-spacing:-.01em; } .atualizado{ margin:0; font-size:.9em; color:var(--tinta-fraca); } /* ---------- corpo ---------- */ h2{ font-size:1.16em; margin:38px 0 12px; padding-top:4px; line-height:1.35; } h2 .n{ color:var(--marca); font-variant-numeric:tabular-nums; margin-right:7px; } h3{font-size:1.02em;margin:26px 0 8px} p,li{margin:0 0 14px} ul,ol{padding-left:22px;margin:0 0 18px} li{margin-bottom:9px} strong{font-weight:700} a{color:var(--marca);text-decoration:underline;text-underline-offset:2px} /* ---------- blocos ---------- */ .caixa{ background:var(--fundo-caixa); border-left:4px solid var(--marca); padding:18px 20px; margin:24px 0; border-radius:0 5px 5px 0; } .caixa > :last-child{margin-bottom:0} .atencao{ background:var(--atencao-fundo); border-left:4px solid var(--atencao); padding:18px 20px; margin:24px 0; border-radius:0 5px 5px 0; } .atencao > :last-child{margin-bottom:0} .atencao h3{margin-top:0;color:var(--atencao)} /* Campo que o Victor precisa preencher antes de publicar. */ .pre{ background:var(--erro-fraca, #f9ecea); color:var(--erro-forte, #881b1b); padding:1px 6px; border-radius:3px; font-weight:700; font-size:.94em; white-space:nowrap; } table{ width:100%; border-collapse:collapse; margin:20px 0; font-size:.95em; } th,td{ border:1px solid var(--linha); padding:9px 12px; text-align:left; vertical-align:top; } th{background:var(--fundo-caixa);font-weight:700} /* ---------- rodapé ---------- */ footer{ max-width:720px; margin:54px auto 0; padding-top:22px; border-top:1px solid var(--linha); font-size:.9em; color:var(--tinta-fraca); } footer p{margin:0 0 8px} .docs a{margin-right:16px;display:inline-block} @media (max-width:520px){ body{font-size:16.5px;padding:0 16px 70px} h1{font-size:1.5em} table{font-size:.9em} th,td{padding:8px 9px} } @media print{ body{font-size:11pt;padding:0} .pre{background:none;color:#000;border:1px solid #000} }