:root{--bg:#fffaf0;--ink:#23302b;--muted:#5b6862;--brand:#0b7a5e;--brand-dark:#085c47;--accent:#ff8a3d;--sun:#ffc93c;--card:#fff;--line:#f0e6d2;--soft:#e8f6f0;--radius:20px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;padding-bottom:84px;font:17px/1.65 ui-rounded,"Nunito","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
.wrap{max-width:980px;margin:0 auto;padding:0 20px}
header.site{background:#fff;border-bottom:3px solid var(--sun)}
header.site .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 20px;padding-top:10px;padding-bottom:10px}
.brand{font-weight:900;font-size:1.2rem;color:var(--brand);text-decoration:none}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 14px}
nav a{color:var(--ink);text-decoration:none;font-size:.95rem;font-weight:600;padding:8px 2px;display:inline-block;border-bottom:3px solid transparent}
nav a:hover{border-bottom-color:var(--accent)}
h1{font-size:clamp(1.9rem,5.5vw,2.9rem);line-height:1.15;margin:0 0 14px;font-weight:900}
h2{font-size:1.6rem;line-height:1.25;margin:44px 0 14px;font-weight:800}
h3{font-size:1.15rem;margin:0 0 6px;font-weight:800}
p{margin:0 0 14px}
a{color:var(--brand)}
.hero{padding:36px 0 44px;background:linear-gradient(180deg,#fff1c9,var(--bg));border-radius:0 0 44px 44px;overflow:hidden}
.hero .wrap{display:grid;gap:12px 28px;align-items:center}
.hero-art{width:min(220px,55vw);height:auto;justify-self:center}
.lead{font-size:1.2rem;color:var(--muted);max-width:620px}
.chips{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px}
.chips li{background:#fff;border:2px solid var(--line);border-radius:999px;padding:4px 14px;font-weight:700;font-size:.95rem}
.btn{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;font-weight:800;padding:15px 26px;border-radius:999px;border:2px solid var(--brand);font-size:1.05rem;cursor:pointer;margin:0 8px 10px 0;box-shadow:0 4px 0 var(--brand-dark)}
.btn:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--brand-dark)}
.btn.alt{background:#fff;color:var(--brand);box-shadow:0 4px 0 #cfe6dc}
.btn.alt:hover{background:var(--soft)}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:22px}
.card p:last-child{margin-bottom:0}
.ico{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--soft);font-size:1.4rem;margin-right:6px;vertical-align:middle}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));counter-reset:s}
.steps li{counter-increment:s;background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:22px}
.steps li::before{content:counter(s);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--accent);color:#2a1a00;font-weight:900;margin-bottom:10px}
.note{background:#fff3d1;border:2px solid #ffe08a;border-radius:var(--radius);padding:14px 18px;font-size:.97rem;margin:18px 0}
.tag{display:inline-block;font-size:.85rem;font-weight:700;background:var(--soft);color:var(--brand-dark);border-radius:999px;padding:3px 12px;margin-bottom:8px}
details{background:#fff;border:2px solid var(--line);border-radius:16px;padding:4px 18px;margin-bottom:10px}
summary{cursor:pointer;font-weight:800;padding:12px 0;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";float:right;font-size:1.4rem;line-height:1;color:var(--accent)}
details[open] summary::after{content:"–"}
form label{display:block;font-weight:700;margin:14px 0 4px}
input,select,textarea{width:100%;font:inherit;padding:13px;border:2px solid #e4d8bd;border-radius:14px;background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{border-color:var(--brand);outline:none}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin-top:18px}
.check input{width:auto;margin-top:6px}
form .btn{margin-top:18px}
footer.site{margin-top:56px;background:#17302a;color:#dcefe7;padding:30px 0;font-size:.9rem;border-radius:36px 36px 0 0}
footer.site a{color:#dcefe7}
footer.site ul{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:6px 18px}
footer.site p{margin:0 0 6px}
.legal h2{font-size:1.2rem;margin-top:28px}
.legal,.page{padding-top:34px}
.sticky-cta{position:fixed;left:16px;right:16px;bottom:14px;z-index:20;text-align:center;background:var(--accent);color:#2a1a00;font-weight:900;padding:14px 18px;border-radius:999px;box-shadow:0 8px 20px rgba(0,0,0,.22);text-decoration:none}
@media (min-width:760px){.sticky-cta{left:auto;right:24px;width:auto}.hero .wrap{grid-template-columns:1.4fr .6fr}}
.skip{position:absolute;left:-999px}
.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:30}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@keyframes up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media (prefers-reduced-motion:no-preference){
.card,.steps li,details{animation:up .6s both}
.grid .card:nth-child(2),.steps li:nth-child(2){animation-delay:.08s}
.grid .card:nth-child(3),.steps li:nth-child(3){animation-delay:.16s}
.grid .card:nth-child(4){animation-delay:.24s}
.card{transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 10px 22px rgba(35,48,43,.1)}
.btn{transition:background .15s,transform .1s}
.rays{transform-origin:100px 100px;animation:spin 40s linear infinite}
.hero-art{animation:bob 4s ease-in-out infinite}
.sticky-cta{animation:up .6s .6s both}
}

.ticker{background:#17302a;color:#fff;overflow:hidden;font-size:.9rem;white-space:nowrap}
.ticker-run{display:inline-flex}
.ticker-track{display:inline-flex;padding:8px 0}
.tk-item{padding:0 28px}
.tk-item a{color:var(--sun)}
.ticker--anim .ticker-run{animation:marq 50s linear infinite}
.ticker--anim:hover .ticker-run,.ticker--anim:focus-within .ticker-run{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker--anim .ticker-run{animation:none}.ticker{overflow-x:auto}}
.chart{width:100%;height:auto;display:block}
.bar{fill:#bfe3d6}
.bar.min{fill:var(--brand)}
.bar.max{fill:var(--accent)}
.bar.now{stroke:var(--ink);stroke-width:2}
.axis{font-size:10px;fill:var(--muted)}
.stats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-top:14px}
.stat{background:var(--soft);border-radius:16px;padding:12px 14px}
.stat span{display:block;font-size:.85rem;color:var(--muted)}
.stat b{display:block;font-size:1.05rem}
.tabla{width:100%;border-collapse:collapse;margin-bottom:14px;font-size:.95rem}
.tabla th,.tabla td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}
.tabla th{font-weight:800}