/* Footer */
  footer .btn-floating {
      transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  footer .btn-floating:hover {
      transform: scale(1.2);
      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
  }

  /* Estilo base para todos los botones sociales */
  .social-btn {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      /* Botón redondo */
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 22px;
      color: white;
      transition: all 0.3s ease-in-out;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }

  /* Efecto hover */
  .social-btn:hover {
      transform: translateY(-5px) scale(1.1);
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
      color: rgb(0, 0, 0);
  }


  .social-phone {
      color: #004b64;
  }

  .social-facebook {
      color: #004b64;
  }

  .social-google {
      color: #004b64;
  }

  .social-instagram {
      color: #004b64;
  }

  .social-whatsapp {
      color: #004b64;
  }

  /* Estilos para el menú desplegable */
  .navbar .dropdown-menu {
      background: rgba(255, 255, 255, 0.334);
      border: none;
      border-radius: 7px;
      backdrop-filter: blur(5px);
  }

  /* Estilos para los items dentro del dropdown */
  .navbar .dropdown-item {
      color: #000000;
      transition: background 0.3s ease;
      font-family: "Poppins", sans-serif;
      font-weight: 700;
      font-size: 0.9rem;
  }

  .navbar .dropdown-item:hover {
      background: rgba(0, 0, 0, 0);
        color: #004b64;

  }