:root{
  --azul:#21465d;
  --azul-suave:#5f7180;
  --fondo:#fffaf4;
  --texto:#273541;
  --gris:#eef1f2;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--texto);
  background:var(--fondo);
  line-height:1.6;
}

img{max-width:100%; display:block}
a{color:var(--azul)}

.container{
  width:min(820px, calc(100% - 40px));
  margin-inline:auto;
}

header{
  border-bottom:1px solid rgba(33,70,93,.08);
}

.nav{
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:800;
  color:var(--azul);
  text-decoration:none;
  letter-spacing:.02em;
}

.brand img{
  width:56px;
  height:56px;
  object-fit:contain;
  border-radius:14px;
  background:white;
}

.volver{
  color:var(--azul-suave);
  text-decoration:none;
  font-weight:650;
  font-size:.92rem;
}

.volver:hover{color:var(--azul)}

main{
  padding:56px 0 80px;
}

main h1{
  font-size:clamp(2rem, 5vw, 2.8rem);
  color:var(--azul);
  letter-spacing:-.03em;
  margin-bottom:8px;
}

main .actualizado{
  color:var(--azul-suave);
  font-size:.92rem;
  margin-bottom:36px;
}

main h2{
  color:var(--azul);
  font-size:1.35rem;
  margin-top:38px;
}

main p, main li{
  color:var(--texto);
}

main ul{padding-left:22px}

.pendiente{
  background:#fff4e2;
  border:1px solid #ffdca0;
  border-radius:14px;
  padding:14px 18px;
  font-size:.92rem;
  color:#7a5b16;
}

footer{
  padding:36px 0;
  color:var(--azul-suave);
  text-align:center;
  border-top:1px solid rgba(33,70,93,.08);
}

.footer-inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  font-size:.9rem;
}

.footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  justify-content:center;
}

.footer-links a, .footer-links button{
  color:var(--azul-suave);
  background:none;
  border:0;
  padding:0;
  font:inherit;
  cursor:pointer;
  text-decoration:none;
}

.footer-links a:hover, .footer-links button:hover{color:var(--azul)}