:root{
  --brand:#C81D25;     /* Ajusta al rojo exacto de La Insuperable */
  --brand-dark:#99121A;
  --accent:#F5B301;
  --ink:#0f172a;
  --soft:#f8fafc;
}
.bg-soft{ background: var(--soft); }
.topbar{ background: var(--ink); color:#fff; }
.freebar{ background: var(--accent); color:#111; }
.btn-brand{ background: var(--brand); color:#fff; border:none; }
.btn-brand:hover{ background: var(--brand-dark); color:#fff; }
.badge.bg-brand{ background: var(--brand) !important; }
.nav-link{ font-weight:500; }
.nav-link:hover{ color: var(--brand); }
.hero .carousel-caption{ left:5%; right:auto; bottom:10%; text-shadow:0 2px 12px rgba(0,0,0,.35); }
.benefit{ background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:12px 16px; display:flex; align-items:center; gap:10px; font-weight:600; }
.benefit i{ font-size:1.2rem; color:var(--brand); }
.footer{ background:#0b1220; color:#cbd5e1; }
.footer a{ color:#cbd5e1; text-decoration:none; }
.footer a:hover{ color:#fff; }
.whats-fixed{ position:fixed; right:16px; bottom:16px; width:54px; height:54px; background:#25D366; color:#fff; display:grid; place-items:center; border-radius:50%; box-shadow:0 10px 20px rgba(0,0,0,.22); z-index:1050; }
.whats-fixed i{ font-size:1.6rem; }