/* Estilos base */
:root{
  --brand-primary:#0d6efd;
  --brand-secondary:#6c757d;
  --bg-grad-start:#f8fbff;
  --bg-grad-end:#eef3ff;
}
html,body{height:100%;}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;color:#212529;background-color:#fff;}

/* Hero */
.hero{min-height:56vh;background:linear-gradient(180deg,var(--bg-grad-start),var(--bg-grad-end));}
.hero .btn{padding:.75rem 1.25rem;}

/* Features */
.feature .icon{font-size:1.6rem;}

/* Footer */
footer a{color:#6c757d;}
footer a:hover{color:#0d6efd;}

/* Responsivo */
@media (max-width: 576px){
  .hero h1{font-size:1.75rem;}
  .hero p.lead{font-size:1rem;}
}