/* Site do Viver Presente — layout de 26/10/2026 (PDF "Layouts Completos — Tecnologia"). Direção: base creme, boxes uniformes em tom claro, contornos neutros discretos; verde nos títulos e nas ações secundárias; terracota só nas chamadas principais; sem fundos coloridos alternados, grafismos ou setas. Cores e fontes do manual v1.1 (/assets/marca.css). Tons de terracota ajustados para contraste AA. */ @import url('/assets/marca.css?v=20261015b'); :root{ --pv-fundo:var(--vp-creme); /* #F6F0E4 */ --pv-cartao:#FAF7F0; /* box claro dos cartões */ --pv-branco:var(--vp-branco); /* #FFFCF6: avisos, linhas de lista, formulários */ --pv-painel:#EEEEE5; /* painel suave, sem contorno */ --pv-borda:#DDD6C7; --pv-borda-campo:#8C8574; /* 3,2:1 sobre o creme (borda de campo, WCAG 1.4.11) */ --pv-borda-botao:#7D8574; --pv-titulo:var(--vp-verde); /* #35452F */ --pv-texto:var(--vp-texto); /* #2B3326 */ --pv-suave:#5F6157; /* 5,5:1 sobre o creme */ --pv-terracota:#A85A33; /* fundo do botão principal: 4,9:1 com texto claro */ --pv-terracota-hover:#8F4C2B; --pv-terracota-texto:#9E5431; /* rótulos e links: 4,9:1 sobre o creme */ --pv-verde-faixa:var(--vp-verde-escuro); /* #2A3825 */ --pv-largura:1120px; --pv-margem:32px; --pv-vao:32px; --pv-raio:14px; /* nomes usados pelo aviso de cookies (assets/medicao.js) */ --white:var(--vp-branco);--ink:var(--vp-texto);--line:var(--pv-borda);--radius:12px;--sans:var(--vp-sans);--terracota:var(--pv-terracota-texto); } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%} body{min-height:100vh;display:flex;flex-direction:column;font-family:var(--vp-sans);font-size:17px;line-height:1.55;background:var(--pv-fundo);color:var(--pv-texto);-webkit-font-smoothing:antialiased} img{max-width:100%;display:block} a{color:inherit} ul,ol{list-style:none} button,input,select,textarea{font:inherit;color:inherit} [hidden]{display:none!important} :focus-visible{outline:3px solid var(--pv-titulo);outline-offset:3px;border-radius:8px} .rodape :focus-visible,.faixa-convite :focus-visible{outline-color:var(--vp-dourado)} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .pular{position:absolute;left:-999px;top:12px;z-index:100;background:var(--pv-titulo);color:var(--vp-creme);padding:10px 16px;border-radius:10px;text-decoration:none} .pular:focus{left:16px} .wrap{max-width:calc(var(--pv-largura) + 2 * var(--pv-margem));margin:0 auto;padding:0 var(--pv-margem)} /* ---------- tipografia ---------- */ h1,h2,h3,.titulo-serif{font-family:var(--vp-serif);font-weight:500;color:var(--pv-titulo);text-wrap:balance;letter-spacing:0} h1{font-size:clamp(2rem,3.4vw,2.75rem);line-height:1.15} h2{font-size:clamp(1.75rem,2.5vw,2.125rem);line-height:1.2} h3,.como-h3{font-size:clamp(1.3rem,1.8vw,1.625rem);line-height:1.25;text-wrap:pretty} p{max-width:72ch} .rotulo{display:block;font-family:var(--vp-sans);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pv-terracota-texto)} .lead{font-size:1.125rem;color:var(--pv-suave)} .suave{color:var(--pv-suave)} .pequeno{font-size:.9rem} .forte{font-weight:700;color:var(--pv-titulo)} .marcador{color:var(--pv-suave)} /* texto entre colchetes: informação real a preencher */ h1 .marcador,h2 .marcador,h3 .marcador,strong .marcador,.destaque .marcador{color:inherit} /* trilha no rótulo: