* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: Arial, sans-serif; color:#333; line-height:1.5; }
.container { width:90%; max-width:1000px; margin:2rem auto; }
.hero {
  background: url('../img/hero-bg.jpg') center/cover no-repeat;
  color: #fff; text-align:center; padding:6rem 0;
}
.hero h1 { font-size: 2.5rem; margin-bottom:1rem; }
.btn-primary {
  background:#0073e6; color:#fff; padding:.8rem 1.5rem; border:none; cursor:pointer;
  text-decoration:none; border-radius:4px;
}
.btn-secondary {
  background:#005bb5; color:#fff; padding:.6rem 1.2rem; border:none; cursor:pointer;
  text-decoration:none; border-radius:4px;
}
.packs { display:flex; gap:2rem; justify-content:center; }
.pack { background:#f5f5f5; padding:1.5rem; border-radius:6px; text-align:center; flex:1; }
.packs h2 { margin-bottom:.5rem; }
.packs p { margin-bottom:1rem; }
.punto { background:#f9f9f9; padding:1rem; border-radius:4px; margin-bottom:.5rem; }
.form-section form { display:flex; flex-direction:column; gap:1rem; }
form input, form textarea { padding:.8rem; border:1px solid #ccc; border-radius:4px; width:100%; }
.form-section button { align-self:flex-start; }
.hidden { display:none; }
.footer { text-align:center; padding:2rem 0; font-size:.9rem; border-top:1px solid #ccc; margin-top:2rem; }
.footer a { color:#0073e6; text-decoration:none; }