.Fondo{
    background-image: url('../img/fondo.png');
}

.mini-card {
  background-color: #ffffff; /* Fondo blanco */
  border-radius: 50px;       /* Bordes redondeados tipo píldora */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); /* Sombra suave */
  padding: 0.5rem 1rem;      /* Espaciado interno */
  cursor: pointer;           /* Manito al pasar */
  transition: all 0.2s ease-in-out;
}

.mini-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Más sombra al pasar */
  transform: translateY(-2px);               /* Efecto de "flotar" */
}

.social-icon {
    width: 45px;
    height: 45px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    transition: all 0.3s ease;
  }

  .social-icon:hover {
    background-color: #fff;
    color: #0d6efd; /* Azul Bootstrap al hover */
    transform: scale(1.1);
  }