/* Estilos Menú principal */

    .navbar-nav .nav-link {
      color: #000 !important;
      font-weight: 500;
      text-transform: uppercase;
      margin: 0 8px;   
    }
    .navbar-nav .nav-link:hover {
      color: #d4a017 !important;
    }

    .nav-item a {
     font-size: 1.1rem;
     line-height: 23px;   
    }

    .btn.subscribe {
      color: #d4a017 !important;
      border:.1rem solid #d4a017; 
      border-radius:.5rem;
      font-weight: 700;
      text-transform: uppercase;
      background-color: transparent; 
      cursor: pointer;
      }

      .btn.subscribe:hover {
      color: #fff !important;   
      background-color:#6c757d; 
        &.btn.subscribe:active {
            background: rgba(108, 117, 125, 0.4);
            border:.1rem solid #d6d9db; 
        }
      }

      .modalSubscribe {
        transition: opacity 0.4s ease-in-out; 
        border:6px solid red;
        z-index: 1300;
      }


     /* Responsividad */
    @media (min-width:250px) and (max-width: 575.98px) {
      #mainMenu{
      height: 100vh; /* ocupa todo el viewport */
      overflow: hidden;
      transition: height 0.4s ease-in-out, opacity 0.8s ease-in-out;
      }

      #mainMenu.collapsing {
      height: 0 !important;
      opacity: 0;
      }

      #mainMenu.show {
      opacity: 1;
      }
   
    }