/* Menú de redes sociales */
.social-menu {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 20px;
    z-index: 1000;
  }
  
  /* Estilos comunes para los íconos */
  .social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background-color: #333;
    color: #fff;
    font-size: 20px;
    border-radius: 50%;
    text-decoration: none;
    transition: transform 0.3s ease, background-color 0.1s ease-in;
  }
  
  .social-icon:hover {
    transform: scale(1.1);
  }
  
  /* Colores de cada red social */
  .facebook { background: #1877f2; }
  .instagram { background: #e1306c; }
  .tiktok { background: #000; } 
  .whatsapp { background: #25d366; }
  
  /* Tamaño de los íconos */
  .social-icon i {
    font-size: 22px;
  }
  
  /* Estilos específicos para WhatsApp en PC */
  .whatsapp-fixed {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 80px;
    height: 80px;
    z-index: 1000;
    animation: bounce-social-media 2s infinite;
  }
  
  .whatsapp-fixed i {
    font-size: 34px;
  }
  
  /* Animación de rebote para WhatsApp */
  @keyframes bounce-social-media {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
  }
  
  /* Ajustes para dispositivos móviles */
  @media (max-width: 768px) {
    .social-menu {
      top: auto;
      bottom: 100px;
      right: 15px;
      transform: none;
      gap: 15px;
    }
  
    .whatsapp-fixed {
      width: 55px;
      height: 55px;
      right: 15px;
      bottom: 20px;
    }
  
    .whatsapp-fixed i {
      font-size: 24px;
    }
  }