/* Estilo para el carrusel */
#imageCarousel img {
    height: 100vh; /* Ocupa toda la altura de la ventana */
    object-fit: cover; /* Ajusta las imágenes al contenedor */
  }
  
  /* Estilo para los logos */
  .logo {
    position: absolute;
    z-index: 10;
  }
  
  .riscoweb-logo {
    top: 10px;
    left: 10px;
    width: 100px; /* Tamaño del logo de RiscoWeb */
  }
  
  .local-logo {
    top: 10px;
    right: 10px;
    width: 100px; /* Tamaño del logo del local */
  }
  
  .carousel-inner img {
    max-height: 98vh; /* Limita la altura al 70% de la altura visible del navegador */
    object-fit: cover; /* Asegura que la imagen se ajuste sin deformarse */
    width: 100%; /* Mantiene el ancho completo */
}

/* Animaciones personalizadas */
.fade {
  animation: fadeEffect 1s ease-in-out;
}
@keyframes fadeEffect {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}

.zoom {
  animation: zoomEffect 1s ease-in-out;
}
@keyframes zoomEffect {
  from {
      transform: scale(0.9);
  }
  to {
      transform: scale(1);
  }
}

.slide {
  animation: slideEffect 1s ease-in-out;
}
@keyframes slideEffect {
  from {
      transform: translateX(100%);
  }
  to {
      transform: translateX(0);
  }
}