:root{
  --tinta:#16202b;
  --tinta-suave:#4a5a6a;
  --fondo:#f7f8f9;
  --papel:#ffffff;
  --borde:#e2e6ea;
  --acento:#1a5f8a;
  --acento-suave:#eef4f8;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--fondo);
  color:var(--tinta);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
.envoltura{max-width:760px;margin:0 auto;padding:0 24px}
header.sitio{background:var(--papel);border-bottom:1px solid var(--borde)}
header.sitio .envoltura{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px}
.marca{font-weight:700;letter-spacing:.04em;font-size:14px;text-transform:uppercase;color:var(--acento);text-decoration:none}
nav.sitio a{color:var(--tinta-suave);text-decoration:none;font-size:14px;margin-left:18px}
nav.sitio a:hover{color:var(--acento);text-decoration:underline}
main{padding:44px 0 8px}
h1{font-size:31px;line-height:1.25;margin:0 0 10px}
.bajada{font-size:18px;color:var(--tinta-suave);margin:0 0 32px}
h2{font-size:20px;margin:38px 0 12px;padding-top:6px}
h3{font-size:16px;margin:26px 0 8px}
p,li{color:#2b3946}
ul,ol{padding-left:22px}
li{margin:6px 0}
a{color:var(--acento)}
.tarjeta{background:var(--papel);border:1px solid var(--borde);border-radius:10px;padding:22px 24px;margin:26px 0}
.tarjeta h2{margin-top:0}
.aviso{background:var(--acento-suave);border-left:4px solid var(--acento);border-radius:0 8px 8px 0;padding:18px 22px;margin:26px 0}
.aviso p:last-child{margin-bottom:0}
.aviso p:first-child{margin-top:0}
.pasos{list-style:none;padding:0;counter-reset:paso}
.pasos li{counter-increment:paso;position:relative;padding-left:44px;margin:18px 0}
.pasos li::before{
  content:counter(paso);
  position:absolute;left:0;top:1px;
  width:28px;height:28px;border-radius:50%;
  background:var(--acento);color:#fff;
  font-size:14px;font-weight:600;
  display:flex;align-items:center;justify-content:center;
}
.meta{font-size:14px;color:var(--tinta-suave)}
table{border-collapse:collapse;width:100%;margin:18px 0;font-size:15px}
th,td{border:1px solid var(--borde);padding:10px 12px;text-align:left;vertical-align:top}
th{background:var(--acento-suave);font-weight:600}
code{background:#eceff2;padding:1px 6px;border-radius:4px;font-size:14px}
footer.sitio{border-top:1px solid var(--borde);margin-top:56px;background:var(--papel)}
footer.sitio .envoltura{padding-top:26px;padding-bottom:34px}
footer.sitio p{margin:6px 0;font-size:14px;color:var(--tinta-suave)}
@media (max-width:520px){
  h1{font-size:26px}
  nav.sitio a{margin:0 14px 0 0;display:inline-block}
  header.sitio .envoltura{display:block}
  nav.sitio{margin-top:10px}
}