.btn-consultation {
  background: #f6b125;
  transition: background-color 0.3s ease;
}

.btn-consultation:hover {
  background: #ab5099;
}

.home-button{
  background: #f6b125;
  transition: background-color 0.3s ease;
}

.home-button:hover {
  background: #3f4797;
}

.home-button-alt {
  background: #f6b125 !important;
  transition: background-color 0.3s ease;
}

.home-button-alt-green {
  background: #769d45 !important;
  transition: background-color 0.3s ease;
}

.home-button-alt-purple {
  background: #ab5099 !important;
  transition: background-color 0.3s ease;
}

.home-button-alt-red {
  background: #e41319 !important;
  transition: background-color 0.3s ease;
}

.home-button-alt:hover {
  background: #ab5099 !important;
}

/* Hero sin fondo */
.ot-hero-wrapper.hero-2 {
  position: relative !important;
  overflow: hidden !important;
  background: none !important;
  background-color: white !important;
}

/* Video como fondo absoluto */
.ot-hero-wrapper.hero-2 .video-intro {
  position: absolute !important;
  top: 44% !important;
  left: 60% !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: translate(-50%, -50%) !important;
  z-index: 1 !important;
  background-color: white;
}

/* Contenido SIEMPRE encima */
.ot-hero-wrapper.hero-2 .container,
.ot-hero-wrapper.hero-2 .row,
.ot-hero-wrapper.hero-2 .col-12,
.ot-hero-wrapper.hero-2 .hero-style2 {
  position: relative !important;
  z-index: 10 !important;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: #f6b125;
}

.btn-hover-alt:hover {
    background:#ab5099;
}

.alt-hover:hover {
    color: #f6b125 !important;
}

.form-group > i {
  color: #f6b125 !important;
}

.link-boxes:hover {
  color: #f6b125 !important;
}

.main-menu > ul > li > a:hover {
  color: #f6b125;
}

.main-menu > ul > li > a:before {
  opacity: 0 !important;
}

.main-menu a:hover {
  color: white !important;
}

.style2-green {
  background-color: #9bb987 !important;
  border-color: #9bb987 !important;
  color: white !important;
}

.style2-green:focus {
  background-color: #769d45 !important;
  border-color: #769d45 !important;
  color: white !important;
}

.style2-green::placeholder {
  color: white !important;
}

.form-select {
  background-image: unset !important;
}

.ot-social {
  margin-left: 20px;
}

.menu-footer-element {
  color: white !important;
}

.menu-footer-element:hover {
  color: #f6b125 !important;
}

.hero-container {
  margin-left: 5.5% !important;
  text-align: left;
}

.hero-text {
  text-align: left !important;
  margin-left: 0px !important;
}

.hero-title {
  text-align: left !important;
}

.hero-container-text {
  margin-left: 0px;
} 

.justify-content-left {
  justify-content: flex-start !important;
}

.header-container {
  min-width: 90%;
}

.c-video-element {
    position: relative;
    display: block;
    background: #3f4797;
    padding-top: 80px;
    padding-bottom: 40px;
}

/* Feature Card — overlay deslizante en hover */
.feature-card {
  overflow: hidden;
}

.feature-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #ab5099;
  transition: width 0.5s ease;
  z-index: 1;
}

.feature-card::after {
  content: 'Lorem ipsum';
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 600;
  text-align: center;
  opacity: 0;
  /* En hover-out: desaparece rápido, sin delay */
  transition: opacity 0.15s ease;
  z-index: 2;
  pointer-events: none;
}

.feature-card:hover::before {
  width: 100%;
}

.feature-card:hover::after {
  opacity: 1;
  /* En hover-in: aparece tras el overlay, con delay */
  transition: opacity 0.25s ease 0.35s;
}

/* Fondo azul en el 80% inferior */
.c-video-element::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #3f4797;
    z-index: 0;
}

/* Video encima del fondo */
.c-video-element__proper {
    position: relative;
    display: block;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    z-index: 1;
    box-shadow: 8px 8px 20px 8px rgba(0, 0, 0, 0.35);
    border-radius: 16px;   
}