/* Estilos para los botones de redes sociales */
.buttons-network {
  position: fixed;
  bottom: 0px; /* Ajusta la distancia desde la parte inferior de la página */
  left: 20px; /* Ajusta la distancia desde el borde derecho de la página */
  z-index: 1000; /* Asegura que esté por encima de otros elementos */
}

/* Otros estilos de los botones de redes sociales permanecen igual */

.buttons-network__button {
  width: 50px; /* Reduce el ancho de los botones */
  height: 50px; /* Reduce la altura de los botones */
  display: block;
  border: 2px solid white;
  background-color: #ff7846;
  box-shadow: 0 3px 6px rgba(19, 50, 73, 0.2);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px; /* Reduce el espacio entre el icono y el texto */
  font-size: 16px; /* Reduce el tamaño del texto */
  text-decoration: none;
  color: white;
  transition: all 0.3s ease;
  margin-bottom: 10px; /* Reduce el margen inferior entre los botones */
}

.buttons-network__button p {
  display: none;
}

.buttons-network__button:hover > p {
  display: block;
}

.buttons-network__button:hover {
  width: 60px; /* Restaura el ancho al pasar el mouse */
  padding: 0 10px;
}

/* Cambios para dispositivos móviles */
@media screen and (max-width: 768px) {
  .buttons-network {
    bottom: 5px; /* Mueve los botones un poco más abajo */
  }
  
  .float {
    display: none; /* Oculta el botón de WhatsApp en resoluciones pequeñas */
  }
}

/* Cambios para dispositivos con una pantalla aún más pequeña */
@media screen and (max-width: 576px) {
  .buttons-network__button {
    width: 40px; /* Reduce aún más el ancho de los botones */
    height: 40px; /* Reduce aún más la altura de los botones */
    font-size: 14px; /* Reduce aún más el tamaño del texto */
  }
}