.input-group-text {
    width: 150px; /* Puedes ajustar el ancho según lo necesites */
    text-align: right; /* Alinea el texto a la derecha para que quede más estético */
  }

.whatsapp-icon {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #25D366; /* Color de fondo de WhatsApp */
  color: white;
  padding: 15px;
  border-radius: 10%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  text-align: center;
  font-size: 24px;
  z-index: 1000; /* Asegura que el ícono esté encima de otros elementos */
  transition: background-color 0.3s ease;
}

.whatsapp-icon:hover {
  background-color: #128C7E; /* Color de fondo al pasar el mouse */
}

.btn-whatsapp {
    background-color: #25D366; /* Color de fondo de WhatsApp */
    color: white;
    border-color: #25D366;
}

.btn-whatsapp:hover {
    background-color: #128C7E; /* Color de fondo al pasar el mouse */
    border-color: #128C7E;
}


.whatsapp-button {
    background-color: #25D366; /* Color de fondo de WhatsApp */
    color: white;
    border: none; /* Elimina el borde predeterminado */
    padding: 15px; /* Espaciado interno */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* Sombra del botón */
    text-align: center; /* Centra el contenido del botón */
    font-size: 18px; /* Tamaño del ícono */
    transition: background-color 0.3s ease; /* Transición suave del color */
    margin: 0 auto; /* Centra el botón horizontalmente */
}

.whatsapp-button:hover {
    background-color: #128C7E; /* Color de fondo al pasar el mouse */
}

.whatsapp-button .bi {
    font-size: 1.5em; /* Tamaño del ícono */
}

.card-footer p {
    margin-bottom: 15px; /* Espacio inferior para el texto */
}

.card {
    height: 100%;
    transition: transform 0.3s, box-shadow 0.3s;
}
.card-body {
    flex-grow: 1;
}
.card-footer {
    background-color: #f8f9fa;
    border-top: none;
}
.card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
}
.card-header {
    background-color: #007bff;
    color: white;
}
.card-header h5 {
    margin-bottom: 0;
}
.icon {
    font-size: 2rem;
    margin-bottom: 10px;
    color: #007bff;
}