/* Mobile-first, clara y rápida */
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#1a1a1a;
}
.top{
  display:flex;
  justify-content:space-between;
  padding:14px;
  border-bottom:1px solid #ddd;
}
.hero{
  padding:32px 16px;
  text-align:center;
}
.bloque{
  padding:24px 16px;
}
.bloque-claro{background:#f5f5f5}
h1,h2{margin:0 0 12px}
.lista{padding-left:18px}
form{display:flex;flex-direction:column;gap:10px}
input,textarea{
  padding:12px;
  border:1px solid #ccc;
  border-radius:6px;
}
.btn{
  display:inline-block;
  padding:12px;
  background:#0a5cff;
  color:#fff;
  text-align:center;
  border-radius:6px;
  text-decoration:none;
}
.btn-mini{padding:6px 10px;font-size:.9rem}
.btn-full{width:100%}
.footer{
  padding:20px;
  text-align:center;
  font-size:.9rem;
  color:#555;
}