:root{
  --rm-primary:#0B2C4A;
  --rm-accent:#0EA5E9;
  --rm-dark:#0B1220;
  --rm-light:#F6F8FB;
  --rm-whatsapp:#25D366;
}

html{ scroll-behavior:smooth; }
body{
  color:#0f172a;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  text-rendering: optimizeLegibility;
}

:focus-visible{ outline: 3px solid rgba(14,165,233,.55); outline-offset: 2px; border-radius: 10px; }

.bg-brand{ background: linear-gradient(135deg, var(--rm-dark), var(--rm-primary)); }
.border-brand-soft{ border-color: rgba(255,255,255,.10) !important; }
.text-accent{ color: var(--rm-accent) !important; }
.btn-accent{
  --bs-btn-color:#001018;
  --bs-btn-bg:var(--rm-accent);
  --bs-btn-border-color:var(--rm-accent);
  --bs-btn-hover-color:#001018;
  --bs-btn-hover-bg:#38bdf8;
  --bs-btn-hover-border-color:#38bdf8;
  --bs-btn-focus-shadow-rgb:14,165,233;
  --bs-btn-active-bg:#0284c7;
  --bs-btn-active-border-color:#0284c7;
}

.btn-whatsapp{
  --bs-btn-color:#00160b;
  --bs-btn-bg:var(--rm-whatsapp);
  --bs-btn-border-color:var(--rm-whatsapp);
  --bs-btn-hover-color:#00160b;
  --bs-btn-hover-bg:#41e37f;
  --bs-btn-hover-border-color:#41e37f;
  --bs-btn-focus-shadow-rgb:37,211,102;
  --bs-btn-active-bg:#1db954;
  --bs-btn-active-border-color:#1db954;
}

.navbar .nav-link{ opacity:.92; }
.navbar .nav-link.active{ opacity:1; text-decoration: underline; text-underline-offset: 6px; }

.hero{
  background: radial-gradient(1200px 600px at 20% 0%, rgba(14,165,233,.25), transparent 60%),
              radial-gradient(900px 500px at 80% 20%, rgba(56,189,248,.18), transparent 55%),
              linear-gradient(135deg, var(--rm-dark), var(--rm-primary));
  color:#fff;
}
.py-lg-6{ padding-top: 5rem !important; padding-bottom: 5rem !important; }
.text-white-75{ color: rgba(255,255,255,.78) !important; }
.glass{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(255,255,255,.25);
  box-shadow: 0 18px 60px rgba(0,0,0,.25);
}
.icon-badge{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(14,165,233,.12);
  color: var(--rm-primary);
  font-size: 1.2rem;
}
.feature.card{ border: 1px solid rgba(15,23,42,.08); transition: transform .15s ease, box-shadow .15s ease; }
.feature.card:hover{ transform: translateY(-2px); box-shadow: 0 10px 30px rgba(2,6,23,.10); }
.page-hero{ background: linear-gradient(180deg, rgba(246,248,251,1), rgba(246,248,251,0)); }

.steps{ display:flex; flex-direction:column; gap: 14px; }
.step{ display:flex; gap: 12px; align-items:flex-start; }
.step-num{
  min-width: 46px;
  height: 46px;
  border-radius: 14px;
  background: rgba(11,44,74,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 700;
  color: var(--rm-primary);
}

.footer a{ color: rgba(255,255,255,.92); }

.pill{
  display:flex;
  align-items:center;
  gap:.25rem;
  padding:.6rem .75rem;
  border-radius: 14px;
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(15,23,42,.08);
  color: rgba(15,23,42,.82);
  font-weight: 600;
}

.floating-whatsapp{
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  background: var(--rm-whatsapp);
  color: #00160b;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 18px 40px rgba(2,6,23,.22);
  z-index: 1030;
  text-decoration:none;
  font-size: 1.35rem;
}
.floating-whatsapp:hover{ filter: brightness(1.03); transform: translateY(-1px); }

@media (max-width: 576px){
  .py-lg-6{ padding-top: 4rem !important; padding-bottom: 4rem !important; }
}

