:root{
  --primary:#dd3034;
  --accent:#ffffff;
  --dark:#841c1f;
  --light:#f5f7fb;
  --text:#121417;
}
body{color:var(--text);}
.navbar{background:var(--primary);}
.navbar .nav-link, .navbar .navbar-brand{color:#fff !important}
.navbar .nav-link.active, .navbar .nav-link:hover{color:var(--accent) !important}
.btn-primary{background:var(--primary);border-color:var(--primary)}
.btn-primary:hover{background:var(--dark);border-color:var(--dark)}
.btn-accent{background:var(--accent);border-color:var(--accent);color:#001a33}
.btn-accent:hover{filter:brightness(.95)}
.hero{background:linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.4)), url('img/hero-finanzas.jpg') center/cover no-repeat; color:#fff}
.hero h1{font-weight:800;letter-spacing:.5px}
.hero .lead{opacity:.95}
.section-title{position:relative;display:inline-block;margin-bottom:1.25rem}
.section-title:after{content:"";position:absolute;left:0;bottom:-6px;width:60%;height:3px;background:var(--accent);border-radius:2px}
.card-feature{border:0;border-radius:16px;background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.card-feature .icon-wrap{width:56px;height:56px;display:grid;place-content:center;border-radius:12px;background:var(--light);color:var(--primary);font-size:26px}
.card-feature:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.09);transition:.25s ease}
.module-badge{background:var(--light);border:1px solid #e6e9ef;border-radius:999px;padding:.5rem .875rem;margin:.35rem;display:inline-flex;align-items:center;gap:.5rem}
.module-badge i{color:var(--primary)}
.strip{background:linear-gradient(90deg, var(--primary), var(--dark));color:#fff}
.clients .logo{filter:grayscale(1);opacity:.8;transition:.2s}
.clients .logo:hover{filter:none;opacity:1}
.contact{background:var(--light)}
footer{background:var(--dark);color:#dfe7f5}
footer a{color:#fff;text-decoration:none}
footer a:hover{color:var(--accent)}
