:root{--ink:#10203B;--paper:#F8F6F1;--green:#0E7C66;--muted:#4A5873;--line:#E4E1DA}
*{box-sizing:border-box}
html,body{overflow-x:hidden;max-width:100vw}
html{overscroll-behavior-x:none;touch-action:pan-y pinch-zoom}
img{max-width:100%}
body{overflow-wrap:break-word;margin:0;font-family:'Manrope','Segoe UI',system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 18px 48px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.logo span{font-family:'Fraunces',serif;font-weight:800;font-size:24px;letter-spacing:-0.02em}
.logo .lema{font:600 12px/1.2 'Manrope',sans-serif;color:var(--green);letter-spacing:.01em;margin-top:3px}
h1,h2,h3{text-wrap:balance}
h1{font-family:'Fraunces','Georgia',serif;font-weight:800;letter-spacing:-0.015em;line-height:1.1;font-size:34px;margin:26px 0 6px}
h2{font-size:20px;font-weight:800;margin:28px 0 8px}
p,li{font-size:16px;margin:0 0 10px}
ul{padding-left:20px;margin:0 0 10px}
.muted{color:var(--muted)}
.aviso{background:#FFF7E0;border-left:4px solid #F2B52A;padding:10px 14px;border-radius:10px;font-size:14px;margin:14px 0}
a{color:var(--green)}
footer{margin-top:36px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}