@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap");

.containerdivcards {
    width: 100%;
    height: 100%;
}

.responsive-div img {
    width: 100%;
}

.divmoduleTitle {
    display: flex;
    width: 100%;
    text-align: left;
    padding-bottom: 3%;
    padding-top: 3%;
}

.rowtitle {
    padding-left: 2%;
    width: 100%;
    text-align: left;
}

.title {
    text-align: left;
    padding-left: 2%;
    font-size: 3.489vw;
    color: rgb(21, 16, 88);
    font-weight: lighter;
    display: flex;
}

.title2 {
    display: flex;
    text-align: left;
    padding-top: 2%;
    padding-left: 3%;
    font-weight: lighter;
    font-size: 27px;
    font-family: "Montserrat";
}

.iconNext {
    padding-left: 2%;
    padding-top: 1%;
    width: 5%;
    height: 5%;
}

.div-cards {
    align-items: center;
    padding-top: 1%;
}

.divinfo {
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 5%;
    width: 100%;
    height: 100%;
    display: flex;
}

.boxcard {
    padding-left: 3%;
    padding-right: 3%;
}

.colLicitaciones {
    width: 100%;
    height: 100%;
}

.img-icon {
    width: 8vw;
    margin-bottom: 1vh;
}

.imgcon {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-color: rgb(163, 97, 10);
}

.info {
    font-size: 1vw;
    text-align: justify;
}

.titletinfo {
    font-size: 1.8vw;
    color: black;
    font-weight: 600;
}

.cards {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content:center;
    padding-bottom: 3%;
}

.divCardButtons {
    text-align: center;
    display: flex;
    align-items: stretch;
    padding:0vh 4vw;
}

.imgback1 {
    background-image: url("https://www.gesylic.com/wp-content/uploads/2050/08/diferencias_licitacion_adjudicacion.jpg");
    border-radius: 5%;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position-y: center;
    background-blend-mode: darken;
    background-color: rgb(48 15 77 / 0.208);
    filter: saturate(150%);
}

.imgback2 {
    background-image: url("https://blog.hubspot.es/hubfs/relacionespublicas.jpeg");
    border-radius: 5%;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position-y: center;
    filter: saturate(150%);
}

.cardbody {
    padding: 4vw;
    border-radius: 5%;
}

.titlecardlicitacion {
    color: white;
    font-size: 23px;
    font-family: "Montserrat";
    padding-bottom: 8%;
}

.btn-licitacion {
    color: #ffffff;
    background-color: #1bb5bd;
    border-color: #8f9191;
    border-radius: 50px;
    padding:1vh 2vw;
    font-size: 18px;
}

.btn-licitacion:hover,
.btn-licitacion:focus,
.btn-licitacion:active,
.btn-licitacion.active,
.open .dropdown-toggle.btn-licitacion {
    color: #ffffff;
    background-color: #24427a;
    border-color: #8f9191;
}

.btn-licitacion:active,
.btn-licitacion.active,
.open .dropdown-toggle.btn-licitacion {
    background-image: none;
}

.btn-licitacion.disabled,
.btn-licitacion[disabled],
fieldset[disabled] .btn-licitacion,
.btn-licitacion.disabled:hover,
.btn-licitacion[disabled]:hover,
fieldset[disabled] .btn-licitacion:hover,
.btn-licitacion.disabled:focus,
.btn-licitacion[disabled]:focus,
fieldset[disabled] .btn-licitacion:focus,
.btn-licitacion.disabled:active,
.btn-licitacion[disabled]:active,
fieldset[disabled] .btn-licitacion:active,
.btn-licitacion.disabled.active,
.btn-licitacion[disabled].active,
fieldset[disabled] .btn-licitacion.active {
    background-color: #1bb5bd;
    border-color: #8f9191;
}

.btn-licitacion .badge {
    color: #1bb5bd;
    background-color: #ffffff;
}

.imgMercadoPublico {
    padding-bottom: 15%;
    padding-left: 2%;
    padding-right: 2%;
}

.rowSizeLicitaciones{
    max-width: 1500px;
}

.logoMP{
    max-width: 100%;
    height: auto;
}

.divMP {
    padding-left: 2%;
    text-align: right;
}

.btn-mp {
    color: #ffffff;
    background-color: #bd841b;
    border-color: #ff7e14;
    border-radius: 50px;
    padding: 1vh 2vw;
    font-size: calc(1vh + 1vw);
    font-family: "Montserrat";
}

.btn-mp:hover,
.btn-mp:focus,
.btn-mp:active,
.btn-mp.active,
.open .dropdown-toggle.btn-mp {
    color: #ffffff;
    background-color: #d1aa1f;
    border-color: #ff7e14;
}

.btn-mp:active,
.btn-mp.active,
.open .dropdown-toggle.btn-mp {
    background-image: none;
}

.btn-mp.disabled,
.btn-mp[disabled],
fieldset[disabled] .btn-mp,
.btn-mp.disabled:hover,
.btn-mp[disabled]:hover,
fieldset[disabled] .btn-mp:hover,
.btn-mp.disabled:focus,
.btn-mp[disabled]:focus,
fieldset[disabled] .btn-mp:focus,
.btn-mp.disabled:active,
.btn-mp[disabled]:active,
fieldset[disabled] .btn-mp:active,
.btn-mp.disabled.active,
.btn-mp[disabled].active,
fieldset[disabled] .btn-mp.active {
    background-color: #bd841b;
    border-color: #ff7e14;
}

.btn-mp .badge {
    color: #bd841b;
    background-color: #ffffff;
}

@media screen and (max-width: 600px) {
    
    .responsive-div {
        width: 100%;
        padding-top: 5%
    }
    
    .iconNext {
        padding-top: 0%;
    }

    .title {
        font-size: 4vw;
    }

    .title2 {
        font-size: 18px;
    }

    .titlecardlicitacion {
        font-size: 18px;
    }

    .cards {
        display: flex;
        justify-content: center;
        gap: 2vw;
    }

    .divinfo {
        display:flex;
        flex-direction: column;
    }

    .img-icon{
        width: 12vw;
    }

    .titletinfo{
        font-size:2.5vw;
    }

    .info {
        font-size: 2.2vw;
    }
}

@media screen and (min-width: 600px) and (max-width: 1100px) {
    .info{
        font-size: 1.4vw;
    }
}

@media screen and (min-width:1100px) and (max-width:1300px){
    .img-icon{
        width: 9vw;
    }

    .info{
        font-size:1.4vw;
    }
}

@media screen and (min-width:1500px){
    .info{
        font-size:1vw;
    }

    .titletinfo{
        font-size:1.8vw;
    }

    .btn-mp{
        font-size:2vw;
    }
}