.value-container {
  display: flex;
  justify-content: center; /* Centra el contenido horizontalmente */
  align-items: center; /* Centra el contenido verticalmente */
  text-align: start;

  /* height: 100vh; Eliminamos esta línea para reducir la altura */
  padding: 20px 0; /* Añadimos algo de padding para un poco de espacio vertical */
}

.content {
  display: flex;
  align-items: center; /* Asegura que el SVG y el texto estén verticalmente alineados */
  justify-content: start; /* Alinea el contenido desde el inicio */
  width: 80%; /* Define un ancho máximo para el contenido */
  max-width: 600px; /* O un máximo específico si es necesario */
}

svg {
  width: 100px; /* Tamaño del SVG */
  height: 100px; /* Tamaño del SVG */
  margin-right: 10px;
  margin-left: 10px; /* Espacio entre el SVG y el texto */
}

.title-box {
  background-color: #004085; /* Azul oscuro */
  color: white; /* Texto en color blanco para contraste */
  padding: 20px; /* Espacio alrededor del texto */
  border-radius: 5px; /* Bordes redondeados para un aspecto más suave */
}


@media (max-width: 768px) {
  .value-container {
    padding: 10px 0; /* Menos espacio vertical en dispositivos móviles */
  }
  svg {
      margin-right: 0;
      margin-bottom: 10px; /* Espacio debajo del SVG */
  }
  .content {
      flex-direction: column; /* Vertical alineación para móviles */
  }
}

/*cosas de whatsapp*/

footer .fa-whatsapp {
  color: #25D366; /* Color oficial de WhatsApp */
  font-size: 2em; /* Ajusta el tamaño del icono */
  padding: 6px; 
}
  
  footer .fas{
    font-size: 1.5em;
    padding: 6px; 
  }

  .footer-col {
    text-align: center; /* Centra el texto y los elementos en línea */
  }

.footer-col img,
.footer-col ul,
.footer-col p,
.footer-col h5 {
  display: block; /* Hace que los elementos sean bloques para centrarlos más fácilmente */
  margin-left: auto;
  margin-right: auto;
}

.footer-credits {
  text-align: center; /* Asegura que los créditos también estén centrados */
}

.whatsapp-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #25D366;
  color: white;
  border-radius: 50px; /* Hacer el borde un poco menos redondo para acomodar el texto */
  text-align: center;
  line-height: 50px; /* Ajusta esto según el tamaño del icono y texto */
  font-size: 16px; /* Tamaño de la fuente del texto */
  padding: 10px 20px; /* Añade un poco de padding alrededor del texto e icono */
  box-shadow: 2px 2px 3px #999;
  z-index: 1000;
  display: flex; /* Usa flexbox para centrar el icono y el texto */
  align-items: center; /* Centra verticalmente el contenido dentro del botón */
  justify-content: center; /* Centra horizontalmente el contenido dentro del botón */
}
.whatsapp-button i {
  font-size: 30px;  /* Ajusta el tamaño a tu preferencia */
  margin-right: 10px; /* Mantiene un margen entre el icono y el texto */
}


.whatsapp-button i {
  margin-right: 10px; /* Espacio entre el icono y el texto */
}