/* Estilos del menú de navegación */
        .navbar {
            position: fixed; /* Fijo en la parte superior */
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000; /* Asegurarse de que esté sobre otros elementos */
        }
        
        body {
           padding-top: 56px; /* Para que el contenido no se esconda debajo de la barra de navegación */
		/*	padding-top: 70px; /* Ajusta según la altura de tu navbar */
        }

.container {
    margin-left: 80;
    transition: margin-left 0.3s ease;
}
/* Cuando el sidebar está activo, empuja el contenido hacia la derecha */
.sidebar.active ~ .container {
    margin-left: 250px; /* Ancho del sidebar */
}
        /* Estilos adicionales para el menú lateral (si lo necesitas) */
        .menu-lateral {
            position: fixed;
            top: 0;
            left: -250px; /* Oculto por defecto */
            width: 250px;
            height: 100%;
            background-color: #343a40;
            transition: left 0.3s ease;
            z-index: 999;
        }
        
        .menu-lateral.active {
            left: 0; /* Mostrar el menú */
        }
        
        .menu-lateral a {
            color: white;
            padding: 15px;
            text-decoration: none;
            display: block;
        }
        
        .menu-lateral a:hover {
            background-color: #495057;
        }

        .carousel-caption {
            background: rgba(0, 0, 0, 0.5); /* Fondo negro semitransparente */
            padding: 20px; /* Espaciado interno */
        }

        @media (max-width: 570px) {
            .carousel-caption h1 {
                font-size: 1.5rem; /* Tamaño más pequeño para móviles */
            }
            .carousel-caption p {
                font-size: 1rem; /* Tamaño más pequeño para móviles */
            }
        }
	  /* Estilo para el enlace del icono de WhatsApp */
        .whatsapp-float {
            position: fixed;  /* Fija el icono en la pantalla */
            bottom: 20px;     /* Lo posiciona 20px desde la parte inferior */
            right: 20px;      /* Lo posiciona 20px desde la parte derecha */
            z-index: 9999;    /* Asegura que esté por encima de otros elementos */
        }

        /* Estilo para el icono de WhatsApp */
        .whatsapp-icon {
            width: 60px; /* Ajusta el tamaño del icono */
            transition: transform 0.3s ease-in-out; /* Efecto de transición al hacer hover */
        }

        /* Efecto cuando pasas el mouse sobre el icono */
        .whatsapp-float:hover .whatsapp-icon {
            transform: scale(1.1); /* Aumenta el tamaño del icono al pasar el mouse */
        }