body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#0a0f1c;color:#e6e9ef;line-height:1.6}
.topbar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:16px 28px;background:#111827;border-bottom:1px solid #1f2937}
.brand{font-weight:600;font-size:18px}
.menu-icon{font-size:22px;cursor:pointer}
#menu{display:none;flex-direction:column;background:#111827;position:absolute;right:20px;top:60px;border:1px solid #1f2937}
#menu a{color:#e6e9ef;text-decoration:none;padding:12px 20px}
#menu a:hover{background:#1f2937}
.hero{padding:120px 20px;text-align:center;max-width:900px;margin:auto}
.hero h1{font-size:42px;margin-bottom:20px}
.hero p{font-size:18px;opacity:0.9}
.btn{display:inline-block;margin:12px;padding:12px 24px;background:#2563eb;color:white;border-radius:4px;text-decoration:none;font-weight:500;transition:all .2s ease}
.btn:hover{background:#1d4ed8;transform:translateY(-1px)}
.btn.secondary{background:#374151}
.btn.secondary:hover{background:#4b5563}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px;padding:60px;max-width:1100px;margin:auto}
.grid div{background:#111827;padding:30px;border-radius:6px;border:1px solid #1f2937}
.page{max-width:1000px;margin:auto;padding:80px 20px}
.page h1{margin-bottom:30px}
.page h2{margin-top:40px}
.form input,.form textarea{width:100%;padding:12px;margin-bottom:14px;border-radius:4px;border:1px solid #374151;background:#111827;color:white}
.form textarea{height:140px}
.cta{background:#111827;text-align:center;padding:80px 20px;margin-top:40px}
.footer{position:fixed;bottom:0;width:100%;background:#f3f4f6;color:#111;justify-content:space-between;display:flex;align-items:center;padding:10px;box-sizing:border-box}
.footer-logo{height:60px;margin-bottom:10px}
.container{
  width:600px;
  margin:auto;
  margin-top:40px; /* antes 60 → menos espacio arriba */
  background:#122b54;
  padding:20px; /* antes 0 → mejora visual sin agrandar mucho */
  border-radius:8px;
}

h1{
  text-align:center;
  margin-bottom:10px; /* antes 30 */
}

input, textarea{
  width:100%;
  padding:5px; /* antes 12 */
  margin-top:3px; /* antes 10 */
  margin-bottom:5px; /* antes 20 → GRAN impacto */
  border-radius:4px;
  border:none;
  font-size:12px; /* antes 14*/
}

textarea{
  height:80px; /* antes 5 rows (~120px aprox) */
}

button{
  background:#1f6feb;
  color:white;
  border:none;
  padding:12px; /* antes 14 */
  width:100%;
  font-size:15px;
  cursor:pointer;
  border-radius:4px;
}
body{
  padding-bottom:100px;
}