.carousel-container {
  width: 100%;
  height: 500px;
  overflow: hidden;
  position: relative;
}

.carousel-slide {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 100%;
}

.carousel-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  flex-shrink: 0; /* Asegura que las imágenes no se reduzcan */
}

.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 1;
}

.prev {
  left: 10px;
}

.next {
  right: 10px;
}
.responsive-table {  width: 100%; /* Se adapta al contenedor padre */
  height: 500px;
  background-size: cover; /* Hace que la imagen cubra todo el fondo */
  background-repeat: no-repeat; /* Evita que la imagen se repita */
  background-position: center; /* Centra la imagen */        }
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.style1 {
	font-size:24px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:40px;
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
}
/* Estilos del botón flotante - TAMAÑO GRANDE */
        .whatsapp-float {
            position: fixed;
            width: 80px;  /* Tamaño aumentado */
            height: 80px; /* Tamaño aumentado */
            bottom: 30px;
            right: 30px;
            background-color: #25d366;
            color: #FFF;
            border-radius: 50%;
            text-align: center;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            z-index: 100;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            animation: pulse 2s infinite; /* Efecto de pulso opcional */
        }
        
        .whatsapp-float:hover {
            background-color: #128C7E;
            transform: scale(1.05);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
        }
        
        .whatsapp-float img {
            width: 50px;  /* Ícono más grande */
            height: 50px; /* Ícono más grande */
        }
        
        /* Efecto de pulso (opcional) */
        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.1); }
            100% { transform: scale(1); }
        }
       
	   
        footer {
            background-color: #333;
            color: white;
            padding: 20px;
            text-align: center;
        }