/* Styles for Centro de Descargas */

:root{
  --bg:#f6f9fb;
  --card:#ffffff;
  --muted:#6b7280;
  --primary:#1976ff;
  --green:#1f8f5a;
  --dark:#242526;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px;
}

.card{
  width:100%;
  max-width:760px;
  background:var(--card);
  border-radius:14px;
  padding:36px;
  box-shadow: 0 10px 30px rgba(16,24,40,0.08);
}

h1{
  color:var(--primary);
  text-align:center;
  font-size:34px;
  margin:0 0 8px;
}

.lead{
  color:var(--muted);
  text-align:center;
  margin:0 0 26px;
}

.buttons{display:block}

.btn{
  display:block;
  width:100%;
  text-align:center;
  text-decoration:none;
  color:#fff;
  padding:16px 20px;
  border-radius:8px;
  font-weight:600;
  font-size:18px;
  letter-spacing:0.6px;
  margin:12px 0;
  transition: transform .14s ease, box-shadow .14s ease, opacity .14s ease;
  box-shadow: none;
}

.btn:focus{outline:3px solid rgba(25,118,255,0.18); outline-offset:3px}

.btn.primary{background:var(--primary)}
.btn.green{background:var(--green)}
.btn.dark{background:var(--dark)}

.btn:hover{transform:translateY(-3px); box-shadow:0 12px 30px rgba(16,24,40,0.12)}

/* Responsive */
@media (max-width:420px){
  .card{padding:22px}
  h1{font-size:24px}
  .btn{font-size:16px;padding:14px}
}