/* HERO background carousel + fade + overlay */
.hero-bg{
  position: relative;
  overflow: hidden;
}
.hero-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background-image: var(--hero-bg);
  background-size: cover;
  background-position: center;
  opacity: 1;
  transition: opacity 1400ms ease-in-out;
  transform: scale(1.02);
}
.hero-bg.is-fading::before{ opacity: 0; }

.hero-bg::after{
  content:"";
  position:absolute;
  inset:0;
  /* background: rgba(15, 23, 42, var(--hero-overlay, 0.58)); */
  background: rgba(10, 35, 66, var(--hero-overlay, 0.62));
  /* background: rgba(0, 48, 92, var(--hero-overlay, 0.60)); */
  /* background: rgba(20, 44, 62, var(--hero-overlay, 0.62)); */

  background: rgba(12, 78, 88, var(--hero-overlay, 0.60));
}

.hero-bg > .container{
  position: relative;
  z-index: 1;
}

/* Hero text (solo si lo quieres blanco) */
.hero-copy,
.hero-copy h1,
.hero-copy p,
.hero-copy .lead{
  color: #fff !important;
}
.hero-copy .text-muted{
  color: rgba(255,255,255,0.86) !important;
}

/* Outline button visible on dark hero */
.hero-copy .btn-brand-outline{
  border-color: rgba(255,255,255,0.9);
  color: #fff;
}
.hero-copy .btn-brand-outline:hover{
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.95);
  color: #fff;
  text-decoration: none;
}

/* Optional: premium glass card if you have one in hero */
.hero-bg .card.hero-card{
  background: rgba(255,255,255,0.88);
  border: 1px solid rgba(255,255,255,0.55);
  backdrop-filter: blur(6px);
  border-radius: 12px;
}

/* Hero text in white (only inside .hero-copy) */
.hero-copy,
.hero-copy h1,
.hero-copy p,
.hero-copy .lead{
  color: #fff !important;
}
.hero-copy .text-muted{
  color: rgba(255,255,255,0.86) !important;
}

/* Outline button visible on dark hero */
.hero-copy .btn-brand-outline{
  border-color: rgba(255,255,255,0.9);
  color: #fff;
}
.hero-copy .btn-brand-outline:hover{
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.95);
  color: #fff;
  text-decoration: none;
}
.hero-right-grey{
  color: #454545;
}