/* Contenedor del recuadro flotante */
  .social-float {
      position: fixed;
      top: 40%;
      right: 15px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      background: #ffffffc7;
      padding: 10px;
      border-radius: 15px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      z-index: 9999;
      transition: all 0.3s ease;
  }

  .social-float:hover {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  }

  /* Íconos individuales */
  .social-icon {
      font-size: 1.8rem;
      color: #fff;
      width: 45px;
      height: 45px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: transform 0.3s ease, background-color 0.3s ease;
  }

  .social-icon:hover {
      transform: scale(1.15);
  }

  .whatsapp {
      background-color: #25d366;
  }

  .instagram {
      background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  }

  .facebook {
      background-color: #1877f2;
  }

  /* Responsivo */
  @media (max-width: 768px) {
      .social-float {
          top: unset;
          bottom: 20px;
          right: 10px;
          flex-direction: row;
          background: transparent;
          box-shadow: none;
      }
  }

  .text-pink {
      color: #ffb6c1 !important;
  }

  /* Rosa pastel */
  a.text-white:hover {
      color: #ffb6c1 !important;
  }

  /* Rosa pastel al pasar el mouse */
  hr.bg-pink {
      border-top: 2px solid #ffb6c1;
  }