/* Contenedor global del widget */
.whatsapp-widget {
	position: fixed;
	bottom: 40px;
	left: 20px;
	z-index: 9999;
	text-decoration: none; /* Quita subrayado del enlace */
  }
  
  .whatsapp-message .line {
	margin: 2px 0;
  }
  
  /* Contenedor interno de ícono y mensaje */
  .whatsapp-container {
	display: flex;
	align-items: center;
	gap: 15px;  /* Aumenta el espacio entre ícono y el mensaje */
  }
  
  
  /* Estilo del ícono */
  .whatsapp-icon {
	background-color: #25d366;         /* Color original de fondo */
	padding: 15px;
	border-radius: 50%;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	/* Animación de sombra pulsante */
	animation: pulsate 2s infinite;
  }
  
  .whatsapp-icon img {
	width: 30px;  /* Aumenta el tamaño de la imagen */
	height: 30px; /* Asegúrate de mantener las proporciones */
	display: block;
  }
  
  .custom-toggler .navbar-toggler-icon {
    background-image: none;
    position: relative;
    width: 24px;
    height: 2px;
    background-color: white;
    display: inline-block;
    transition: all 0.3s;
}

.custom-toggler .navbar-toggler-icon::before,
.custom-toggler .navbar-toggler-icon::after {
    content: "";
    position: absolute;
    left: 0;
    width: 24px;
    height: 2px;
    background-color: white;
    transition: all 0.3s;
}

.custom-toggler .navbar-toggler-icon::before {
    top: -8px;
}

.custom-toggler .navbar-toggler-icon::after {
    top: 8px;
}

  
  /* Estilo de la burbuja del mensaje */
  .whatsapp-message {
	background-color: #eafff3;          /* Fondo claro de la burbuja */
	padding: 8px 30px; 
	border-radius: 10px;  
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	font-family:'Poppins', sans-serif;
	font-size: 12.5px;
	color: #444;
	line-height: 1.3;
	word-spacing: 2px;
  }
  
  /* Color de texto resaltado */
  .whatsapp-message strong {
	color: #128c7e;
	font-weight: bold;
  }
  
  /* Animación de pulsado */
  @keyframes pulsate {
	0% {
	  box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
	}
	70% {
	  box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
	}
	100% {
	  box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
	}
  }
  
  /* Efecto al pasar el mouse */
  .whatsapp-widget:hover .whatsapp-icon {
	background-color: #128c7e; /* Cambia a un tono más oscuro */
  }
  
  .whatsapp-widget:hover .whatsapp-message {
	background-color: #d0f0e3; /* Un fondo ligeramente distinto para resaltar */
  }