/* Header blanco específico - Estilos adicionales para el diseño renovado */
.main-header.gradient-bg {
  background: #ffffff !important;
}

/* Colores del menú de navegación para header blanco */
.main-header .nav-holder nav li a {
  color: #0472b9 !important;
}

.main-header .nav-holder nav li a:hover {
  color: #003259 !important;
}

.main-header .nav-button span {
  background-color: #0472b9 !important;
}

/* Ajuste para el separador del botón ingresar */
.main-header .show-reg-form:before {
  background: rgba(4, 114, 185, 0.41) !important;
}

/* Estilos para el área de búsqueda del home - Transparente */
.main-search-input-wrap {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  border-radius: 15px;
  padding: 20px;
  margin: 20px 0;
}

.main-search-input {
  background: rgba(255, 255, 255, 0.9) !important;
  border-radius: 10px;
  padding: 10px;
}

/* Quitar borde redondeado del input de búsqueda */
.main-search-input-item input {
  border-radius: 0 !important;
  border: none;
}

.main-search-button {
  border-radius: 0 !important;
}

/* Estilos para la sección de testimonios - Diseño limpio */
.testimonios-section {
  position: relative;
  overflow: hidden;
}

.testimonios-section .col-md-2 div {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.testimonios-section .col-md-2:hover div {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.testimonios-section img {
  transition: transform 0.3s ease;
}

.testimonios-section .col-md-2:hover img {
  transform: scale(1.05);
}

/* Ajustes responsivos para testimonios */
@media (max-width: 768px) {
  .testimonios-section {
    padding: 40px 0 !important;
  }
  
  .testimonio-item {
    margin: 10px 0 !important;
  }
}

/* Mejoras visuales para el footer */
.footer-social img {
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
}

.iconWhatsApp {
  filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2));
}

/* Estilo para el fondo gradiente del home - CORREGIDO */
.video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1; /* Detrás del contenido */
  background: linear-gradient(135deg, #00ff88 0%, #4CAF50 25%, #2196F3 75%, #00b4d8 100%);
  background-size: 400% 400%;
  animation: gradientShift 15s ease infinite;
}

/* Ajustes para el layout en el hero */
.hero-section .row {
  align-items: center;
  min-height: 70vh;
}

.hero-section .intro-item {
  text-align: left;
  padding: 20px 0;
}

/* Estilo para la imagen integrada del hero - Sin fondos */
.hero-section .col-md-4 {
  z-index: 1 !important;
  background: none !important;
}

.hero-section .col-md-4 img {
  transition: all 0.3s ease;
  mix-blend-mode: soft-light;
  background: none !important;
}

.hero-section:hover .col-md-4 img {
  opacity: 0.8;
  transform: scale(1.02);
}

@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Asegurar que el overlay sea sutil */
.video-container .overlay {
  background: rgba(255, 255, 255, 0.05) !important;
  opacity: 1 !important;
  z-index: 1 !important;
}

/* Asegurar que el contenido esté visible y sin fondos propios */
.hero-section-wrap {
  position: relative;
  z-index: 10 !important;
  background: none !important;
}

.hero-section-wrap .container {
  position: relative;
  z-index: 11 !important;
  background: none !important;
}

/* Eliminar cualquier fondo de los contenedores internos */
.hero-section .intro-item,
.hero-section .main-search-input-wrap,
.hero-section .main-search-input {
  background: none !important;
  background-color: transparent !important;
}

/* Asegurar que el slider y sus contenedores sean transparentes */
.slider-container-wrap,
.slider-container,
.slider-item {
  background: linear-gradient(135deg, rgb(0, 255, 136) 0%, rgb(0, 180, 216) 100%);
  background-color: transparent !important;
}

/* Sobreescribir la altura dinámica del slider para que se ajuste naturalmente */
.slider-container .slider-item {
  height: auto !important;
  min-height: 100vh;
}

/* Estilos para el texto del hero */
.hero-section-wrap .intro-item h2.shad,
.hero-section-wrap .intro-item h3.shad {
  text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
  font-weight: bold;
}