:root { --tinta:#1d2430; --suave:#5b6575; --verde:#128c5a; --fondo:#ffffff; --zona:#f3f6f4; --linea:#e2e7e4; }
* { box-sizing:border-box; }
body { margin:0; font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; color:var(--tinta); background:var(--fondo); line-height:1.6; }
a { color:var(--verde); }
.caja { max-width:960px; margin:0 auto; padding:0 16px; }
.barra { border-bottom:1px solid var(--linea); }
.barra .caja { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; padding-top:14px; padding-bottom:14px; }
.marca { font-weight:700; font-size:1.2rem; color:var(--tinta); text-decoration:none; }
.marca span { color:var(--verde); }
nav a { margin-left:18px; color:var(--suave); text-decoration:none; }
.portada { background:var(--zona); padding:64px 0; }
.portada h1 { font-size:clamp(1.8rem,4vw,2.6rem); line-height:1.2; margin:0 0 16px; max-width:720px; }
.portada p { font-size:1.1rem; color:var(--suave); max-width:640px; }
.boton { display:inline-block; margin-top:12px; background:var(--verde); color:#fff; padding:12px 22px; border-radius:8px; text-decoration:none; font-weight:600; }
section.caja { padding-top:48px; }
.rejilla { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:16px; }
.rejilla article { border:1px solid var(--linea); border-radius:10px; padding:18px; }
.rejilla h3 { margin:0 0 6px; font-size:1.05rem; }
.rejilla p { margin:0; color:var(--suave); }
.pasos li { margin-bottom:8px; }
.nota { color:var(--suave); font-size:.95rem; }
.contacto p { margin:4px 0; }
.texto { padding-top:32px; padding-bottom:32px; max-width:760px; }
.fecha { color:var(--suave); }
.pie { margin-top:56px; border-top:1px solid var(--linea); color:var(--suave); font-size:.9rem; padding:20px 0; }