:root{--v0:#0B3D12;--v1:#1F7A2E;--lima:#8DC63F;--gris:#E3E6E1;--tinta:#1F2421;--fondo:#F6F8F4}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--tinta);background:var(--fondo);line-height:1.5;font-size:18px}
.envoltura{max-width:880px;margin:0 auto;padding:0 20px}
header{background:var(--v0);color:#fff}
header .envoltura{display:flex;align-items:center;gap:14px;padding:16px 20px}
header img{width:44px;height:44px;display:block}
header strong{font-size:1.35rem;letter-spacing:.06em}
header span{opacity:.8;font-size:.95rem}
.hero{padding:40px 0 28px;text-align:center}
.hero h1{font-size:clamp(1.7rem,6vw,2.4rem);line-height:1.15;margin:0 0 12px;color:var(--v0)}
.hero p{margin:0 auto 24px;max-width:34em;color:#3a443d}
.boton{display:inline-block;background:var(--v1);color:#fff;text-decoration:none;font-weight:700;font-size:1.25rem;padding:20px 34px;border-radius:14px;box-shadow:0 4px 0 var(--v0);border:0;min-height:60px}
.boton:hover,.boton:focus-visible{background:var(--v0)}
.boton:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--lima);outline-offset:3px}
.chico{font-size:.9rem;color:#566159;margin-top:14px}
h2{color:var(--v0);font-size:1.45rem;margin:36px 0 14px;text-align:center}
.pasos{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:1fr}
.paso{background:#fff;border:1px solid var(--gris);border-radius:16px;padding:18px 18px 20px;display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center}
.paso svg{width:96px;height:96px}
.paso h3{margin:0 0 4px;font-size:1.15rem}
.paso h3 b{display:inline-block;background:var(--lima);color:var(--v0);border-radius:50%;width:1.7em;height:1.7em;text-align:center;line-height:1.7em;margin-right:.4em}
.paso p{margin:0;color:#3a443d;font-size:1rem}
.aviso{background:#fff;border-left:6px solid var(--lima);border-radius:10px;padding:14px 18px;margin:22px 0;font-size:1rem}
details{background:#fff;border:1px solid var(--gris);border-radius:12px;padding:12px 16px;margin:12px 0;font-size:1rem}
summary{cursor:pointer;font-weight:600}
code{background:var(--gris);padding:2px 6px;border-radius:6px;word-break:break-all;font-size:.85rem}
footer{background:var(--v0);color:#dfe8dc;margin-top:44px;padding:26px 0;text-align:center;font-size:1rem}
footer a{color:#fff}
@media(min-width:760px){.pasos{grid-template-columns:repeat(3,1fr)}.paso{grid-template-columns:1fr;text-align:center;justify-items:center}}
@media(prefers-reduced-motion:no-preference){.boton{transition:background .15s}}