@font-face{font-family:"Lora";src:url(/fonts/Lora-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url(/fonts/Lora-400-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/Inter-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/Inter-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/Inter-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--ardosia:#1E3A5F;--salvia:#5B8A72;--terracota:#C47B5A;--fundo:#F7F4EF;--texto:#2C2C2C;--ambar:#B8860B;--salvia-clara:#EAF1EC;--ambar-claro:#FBF4E2;--linha:#E6E0D6;--serif:"Lora","Source Serif 4",Georgia,serif;--sans:"Inter","Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--texto);font-family:var(--sans);font-size:1.0625rem;line-height:1.65}
strong{font-weight:600}
a{color:var(--ardosia);text-decoration-thickness:1px;text-underline-offset:3px}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--terracota);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:0;background:var(--fundo);color:var(--ardosia);padding:.6rem 1rem;z-index:10}
.skip:focus{left:1rem;top:1rem}
.wrap{max-width:46rem;margin:0 auto;padding:0 1.25rem}
h1,h2,h3{font-family:var(--serif);font-weight:600;color:var(--ardosia);line-height:1.2}
h2{font-size:clamp(1.5rem,4.2vw,2rem);margin:0 0 1.1rem;padding-bottom:.55rem;border-bottom:2px solid var(--salvia);display:inline-block}
h3{font-size:1.15rem;margin:0 0 .25rem}
p{margin:0 0 1rem}
/* Hero */
.hero{background:var(--ardosia);color:var(--fundo);position:relative;padding:3.5rem 0 3.25rem}
.faixa{position:absolute;top:0;left:0;right:0;height:6px;background:var(--salvia)}
.faixa::after{content:"";position:absolute;right:0;top:0;width:22%;max-width:9rem;height:6px;background:var(--terracota)}
.elo{display:block;margin:0 0 1.25rem}
.hero h1{color:var(--fundo);font-size:clamp(2.25rem,7.5vw,3.5rem);margin:0 0 .5rem;letter-spacing:-.01em}
.sub{font-family:var(--serif);font-style:italic;font-size:clamp(1.2rem,3.6vw,1.5rem);color:var(--salvia-clara);margin:0 0 1.5rem}
.lead{font-size:1.125rem;line-height:1.7;margin:0 0 2rem;color:var(--fundo)}
.hero strong{color:#fff}
/* Botões */
.btn{display:inline-block;font-family:var(--sans);font-weight:700;font-size:1.1875rem;line-height:1.35;color:#fff;text-decoration:none;padding:.95rem 1.6rem;border-radius:999px;text-align:center;max-width:100%;transition:filter .15s ease,transform .15s ease}
.btn:hover{filter:brightness(1.08)}
.btn:active{transform:translateY(1px)}
.btn-salvia{background:var(--salvia)}
.btn-ardosia{background:var(--ardosia)}
/* Seções */
.sec{padding:3.25rem 0}
.sec-alt{background:#fff;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.versiculo{margin:1.5rem 0;padding:0 0 0 1rem;border-left:3px solid var(--terracota)}
.versiculo p{font-family:var(--serif);font-style:italic;font-size:1.2rem;color:var(--ardosia);margin:0}
.versiculo cite{font-style:normal;font-family:var(--sans);font-size:.95rem;color:var(--texto)}
.callout{background:var(--salvia-clara);border-left:4px solid var(--salvia);border-radius:6px;padding:1rem 1.15rem;margin:1.5rem 0 0}
.passos{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:1rem}
.passos li{display:flex;gap:1rem;align-items:flex-start;background:var(--fundo);border:1px solid var(--linha);border-radius:10px;padding:1.1rem 1.15rem}
.passos .n{flex:0 0 2.25rem;height:2.25rem;border-radius:50%;background:var(--ardosia);color:var(--fundo);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:1.05rem}
.passos p{margin:0}
.cta-linha{margin:1.75rem 0 0}
/* Aviso âmbar */
.aviso{background:var(--ambar-claro);border-left:5px solid var(--ambar);border-radius:8px;padding:1.5rem 1.35rem}
.aviso h2{border-bottom-color:var(--ambar)}
.seguranca{list-style:none;margin:1.25rem 0 0;padding:1rem 0 0;border-top:1px solid rgba(184,134,11,.35);display:grid;gap:.45rem}
.seguranca a{color:var(--texto)}
/* Rodapé */
.rodape{background:var(--ardosia);color:var(--fundo);padding:2rem 0;font-size:.9rem}
.rodape p{margin:0 0 .35rem}
@media (max-width:520px){.btn{display:block;width:100%}.hero{padding-top:2.75rem}.sec{padding:2.5rem 0}}
@media (prefers-reduced-motion:reduce){.btn{transition:none}}