/*------------COLLAPSE-----------*/
.activo{
    border: 2px #004677 solid;
    color: #004677;
    height: 50px;
    border-radius: 2.25rem !important;
    text-align: center;
    line-height: 34px;
    padding: .5rem 3rem;
    }
   
    .btn-collapse:hover{
        background-color: inherit;
        border-radius: 2.25rem;
    }
    .contenido-collapse{
        display: grid;
        justify-content: center;
        grid-column-gap: 20px;
        grid-template-columns: auto auto auto auto;
    }
    .nav-pills .activo.active, .nav-pills .show>.nav-link {
        background-color: #004677;
    }
    .nav-pills .activo:hover {
        background-color: #004677;
        color: #FFFFFF;
    }

    /*boton footer*/
    .bt-ft {
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 1;
    }
    
    @media (max-width: 992px) {
        .contenido-collapse{
        grid-template-columns: auto auto auto;
        }
    }

    @media (max-width: 760px){
        .contenido-collapse{
            grid-template-columns: auto auto;
            }
    }
    @media (max-width: 540px) {
        .contenido-collapse{
            grid-template-columns: auto;
            }
    }