#main-nav .menu-item {
    margin-right: 20px; /* Puedes ajustar el valor según el espacio que desees */
  }
  
  #main-nav .menu-item:last-child {
    margin-right: 0; /* Elimina el margen derecho del último elemento */
  }
  

  .row {
    display: flex;
    flex-wrap: wrap; /* Permite que los elementos se ajusten a varias filas si es necesario */
    justify-content: center; /* Centra los elementos horizontalmente */
  }
  
  .icon-box {
    flex: 1 1 300px; /* Permite que los icon-box crezcan o se encojan, con un tamaño base de 300px */
    margin: 10px; /* Espaciado entre los iconos */
    min-width: 250px; /* Ancho mínimo para los iconos */
  }
  

    /* Texto arriba de los widgets */
    .social-title {
      font-size: 22px;
      font-weight: bold;
      text-align: center;
      margin-bottom: 15px;
    }
  
    /* Responsividad */
    @media (max-width: 768px) {
      .col-md-6 {
        width: 100%;
      }
    }


/* Botón "Aceptar" en SweetAlert2 con color azul */
.btn-confirm-custom {
  background-color: #007bff !important; /* Azul */
  color: white !important; /* Texto en blanco */
  font-size: 16px !important; /* Tamaño de fuente */
  border-radius: 5px !important; /* Bordes redondeados */
  padding: 10px 20px !important; /* Ajuste del tamaño del botón */
}

.btn-confirm-custom:hover {
  background-color: #0056b3 !important; /* Azul más oscuro al pasar el mouse */
}