#estech-theme section.cards .llista-cards {
    display: block;
    margin: 0 auto;
    justify-items: center;
}

#estech-theme section.cards .llista-cards ul.cards-list {
    display: flex;
    flex-flow: wrap;
    width: var(--estech-row-width-mobile);
    margin: 0 auto;
}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos {
    padding: 20px;
    float: left;
    width: 33%;
    position: relative;
    margin: var(--estech-section-padding) 60px 0;
}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos.no-sobre .dest-img {
    width: 60%;
}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos.no-sobre .card-cont.card-no-sobre {
    width: 40%;
}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos .dest-img img {
    width: var(--estech-row-width-mobile);
    object-fit: cover;
    height: 100% !important;
}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos .card-cont {
    float: left;
    position: absolute;
    bottom: 10%;
    left: 0;
    background: var(--estech-white);
    padding: 30px 30px 30px 30px;
    width: 70%;
    border: 1px solid #ccc;
    border-radius: 1%;
    color: var(--estech-black);
}
#estech-theme section.cards .llista-cards ul.cards-list li.superpos.no-sobre {
    display: flex;
    flex-flow: wrap;
    width: var(--estech-row-width-mobile);
}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos.no-sobre .dest-img {
    float: left;
}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos.no-sobre .card-cont.card-no-sobre {
    position: relative;
    top: 0;
    bottom: 0;
    width: var(--estech-row-width-mobile);
    border: none;
}
#estech-theme section.cards .llista-cards ul.cards-list li.superpos .card-cont.card-no-sobre {
    padding: 30px 0px 30px 50px;
}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos.no-sobre .dest-img {
    width: 50%;
}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos.no-sobre .card-cont.card-no-sobre {
    width: 50%;
}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos.no-par .dest-img {
    float: right;
}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos .card-cont a {
    color:  var(--estech-accent);
    font-weight: bold;
}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos .card-cont a:hover {
    text-decoration: underline;
}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos.no-sobre.no-par {flex-direction: row-reverse;}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos.no-sobre.no-par {
    float: right;
}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos.no-sobre .card-cont.card-no-sobre.no-par {
    padding: 0px 50px 30px 0px;
}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos.no-sobre .card-cont.card-no-sobre {
    padding-top: 0px;
}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos.no-sobre .card-cont.card-no-sobre h2 {
    margin-top: 0px;
}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos .card-cont a.link-btn {
    background-color: var(--estech-accent);
    color: var(--estech-white);
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid var(--estech-white);
    padding: 10px 20px;
    margin-bottom: 15px;
    width: auto;
    margin-top: 20px;
    display: inline-block;
}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos .card-cont a.link-btn:hover {
    background-color: var(--estech-black);
}

#estech-theme section.cards .llista-cards ul.cards-list li .dest-img {
    max-height: fit-content;
}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos .card-cont a.link-btn:hover {
    background-color: var(--estech-accent);
}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos .card-cont a.link-btn {
    background-color: var(--estech-primary);
}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos.no-sobre .card-cont.card-no-sobre, #estech-theme section.cards .llista-cards ul.cards-list li.superpos.no-sobre .card-cont.card-no-sobre.no-par {
    padding: 50px 50px 10px 50px;
}

#estech-theme section.cards .llista-cards ul.cards-list li.superpos.no-sobre .card-cont.card-no-sobre ul li:before {
    left: 55px;
}

@media screen and (max-width: 900px) {
    
    #estech-theme section.cards .llista-cards ul.cards-list {
        display: block;
        margin: auto;
    }

    #estech-theme section.cards .llista-cards ul.cards-list li.superpos {
        width: var(--estech-row-width-mobile)!important;
        padding: 0;
        clear: both;
        position: relative;
        display: block;
        margin: 0;
    }
    
    #estech-theme section.cards .llista-cards ul.cards-list li.superpos .card-cont {
        position: relative;
        padding: 20px;
        width: var(--estech-row-width-mobile)!important;
        bottom: 0;
        border: none;
    }
    
    #estech-theme section.cards .llista-cards ul.cards-list li.superpos .dest-img {
        width: var(--estech-row-width-mobile)!important;
    }

    #estech-theme section.cards .llista-cards ul.cards-list li.superpos.no-sobre .card-cont.card-no-sobre.no-par, #estech-theme section.cards .llista-cards ul.cards-list li.superpos.no-sobre .card-cont.card-no-sobre {
        padding: 10px 0px;
    }
}