/* convenio */
  .docs-example {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      text-align: center;
  }

  /* Cambia el color de fondo del botón activo */
  .accordion-button:not(.collapsed) {
      background-color: #004b64;
      color: #fff !important;
  }

  /* Cambia el color del borde */
  .accordion-button:focus {
      box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }

  /* Mantener el color en hover */
  .accordion-button:hover {
      background-color: #004b64;
      color: #fff !important;
  }

  /* ///// */

  .btn-whatsapp {
      position: fixed;
      bottom: 20px;
      right: 20px;
      z-index: 1000;
      transition: transform 0.3s ease;
  }

  .btn-whatsapp:hover {
      transform: scale(1.1);
  }

  .card {
      border-radius: 15px;
      box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
      transition: transform 0.2s;
  }

  .card:hover {
      transform: translateY(-5px);
  }


  .card-img-custom {
      width: 200px;
      height: auto;
      margin: 10px auto;
      display: block;
  }

  /* 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;

   }