:root{
  --ml-wine:#5A1A2C;
  --ml-terracotta:#C05A3B;
  --ml-cream:#FAF3E8;
  --ml-charcoal:#1F1F1F;
  --ml-sand:#E6D8C8;
}

/* Base */
body{
  color: var(--ml-charcoal);
  background: #fff;
}

.hero-title {
  text-align: center;
  font-size: 2.5rem;
  color: #333;
  margin-bottom: 20px;
  line-height: 1.2;
}

.highlight {
  color: #007bff; /* Color principal de Mi Legado */
}
  
.section{ padding: 120px 0; } /*posicion #menú*/

.section-soft{ background: var(--ml-cream); }

.nav-blur{
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(8px);
}

.navbar .navbar-brand .brand-mark{
  width: 14px; height: 14px; border-radius: 4px;
  background: var(--ml-wine);
  display:inline-block;
}

.text-accent{ text-align:center; color: var(--ml-terracotta) !important; }
.letter-space{ letter-spacing: .12em; }

.btn-primary{
  --bs-btn-bg: var(--ml-wine);
  --bs-btn-border-color: var(--ml-wine);
  --bs-btn-hover-bg: #4b1524;
  --bs-btn-hover-border-color: #4b1524;
}
.btn-outline-primary{
  --bs-btn-color: var(--ml-wine);
  --bs-btn-border-color: var(--ml-wine);
  --bs-btn-hover-bg: var(--ml-wine);
  --bs-btn-hover-border-color: var(--ml-wine);
}

/* Hero */
.hero{ background: linear-gradient(180deg, var(--ml-cream), #ffffff); }
.hero-card{
  background: #fff;
  border: 1px solid var(--ml-sand);
  border-radius: 18px;
  min-height: 260px;
  box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

/* Cards */
.card-soft{
  border: 1px solid var(--ml-sand);
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
}
.alert-soft{
  background: #fff;
  border: 1px dashed var(--ml-sand);
  border-radius: 14px;
}

/* Steps */
.step-n{
  width: 36px; height: 36px;
  border-radius: 12px;
  display:flex; align-items:center; justify-content:center;
  background: var(--ml-wine);
  color:#fff;
  font-weight: 700;
  margin-bottom: 10px;
}

/* Pricing */
.price{
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--ml-wine);
  margin: 16px 0 12px;
  line-height: .8;
}
.pricing.featured{
  border: 2px solid var(--ml-wine);
  transform: translateY(-4px);
}
.dot{
  width: 10px; height: 10px; border-radius: 50%;
  background: var(--ml-terracotta);
  margin-top: 7px;
}
.list-group-item-action.active{
  background: rgba(90,26,44,.08);
  border-color: var(--ml-sand);
  color: var(--ml-charcoal);
  font-weight: 600;
}
.list-group-item{
  border-color: var(--ml-sand);
}

.sidebar-sticky{
  position: sticky;
  top: 90px; /* ajusta si tu navbar es más alto */
}

.list-group-item-action.active{
  background: rgba(90,26,44,.08);
  border-color: var(--ml-sand);
  color: var(--ml-charcoal);
  font-weight: 600;
}
.list-group-item{
  border-color: var(--ml-sand);
}

.brand-logo { height: 70px; width: auto; }

.brand-familia {  
    width: 100%;      /* Ocupa todo el ancho disponible del contenedor */
    height: auto;     /* Calcula la altura automáticamente para no deformarla */
    display: block;   /* Asegura que se comporte como bloque */
    margin: 0 auto;   /* Centra la imagen si el contenedor es más grande */ }

@media screen and (max-width: 500px) {
  .hero-title {
    text-align: center;
    font-size: 2.0rem;
    color: #333;
    margin-bottom: 20px;
    line-height: 1.2;
  }
  /* .brand-familia {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  } */
}