.cont-mod-precios {
    font-family: "IberPangea-Regular", sans-serif;
    padding: 0 16px 0 16px;
}

#myTabs {
    width: 328px;
    margin: auto;
    border-radius: var(--border-radius-xl, 100px);
    background: var(--Color-Surface-General-2, #DCEBE1);
    justify-content: center;
    align-items: center;
    margin: 32px auto 32px auto;
}

#myTabs li a.active {
    color: #2C2C2C;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    border-radius: 24px;
    background: #FFF;
    margin: 4px;
    width: 160px;
}

#myTabs li a {
    color: #707070;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    line-height: 22px;
    border-radius: 24px;
    width: 160px;
}

.cont-titulo {
    margin-top: 48px
}

.cont-mod-precios .texto-expl {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-top: 32px;
}

.titulo-precios {
    color: #2C2C2C;
    text-align: center;
    font-family: "IberPangea-Regular", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.subtitulo-precios {
    color: #2C2C2C;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    /* 137.5% */
}

.subtitulo-precios-2 {
    color: #2C2C2C;
    text-align: center;
    font-family: "IberPangea-Regular", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-align: center;

}

.cont-mod-precios .tab-content {
    border-radius: var(--border-radius-l, 16px);
    border: var(--border-width-none, 1px) solid var(--Color-Border-General-1, #D8CFC7);
    background: var(--Color-Surface-General-1, #FFF);
    width: auto;
    margin: auto;
}

#tab-vivienda,
#tab-comunidad {
    display: flex;
    flex-direction: column;
}

#tab-vivienda .ejemplo-rehab,
#tab-comunidad .ejemplo-rehab {
    padding: 32px 32px 32px 24px;
    /*! height: 550px; */
}

#tab-vivienda .ejemplo-rehab .titulo-ejemplo,
#tab-comunidad .ejemplo-rehab .titulo-ejemplo {
    color: #2C2C2C;
    font-family: "IberPangea-Regular", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

#tab-vivienda .ejemplo-rehab .cont-ejemplo,
#tab-comunidad .ejemplo-rehab .cont-ejemplo {
    border-radius: var(--border-radius-l, 16px);
    background: var(--Color-Surface-General-3, #F9F9F9);
    padding: 20px 24px 24px 24px;
}

#tab-vivienda .ejemplo-rehab .cont-ejemplo-home1,
#tab-comunidad .ejemplo-rehab .cont-ejemplo-home1 {
    border-radius: var(--border-radius-l, 16px);
    background: var(--Color-Surface-General-3, #F9F9F9);
    padding: 20px 24px 24px 24px;
}

#tab-vivienda .ejemplo-rehab .cont-ejemplo-home2,
#tab-comunidad .ejemplo-rehab .cont-ejemplo-home2 {
    color: #2C2C2C;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding-top: 32px;
}

#tab-vivienda .ejemplo-rehab .cont-ejemplo .precio-vivienda,
#tab-comunidad .ejemplo-rehab .cont-ejemplo .precio-vivienda {
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

#tab-vivienda .ejemplo-rehab .cont-ejemplo .precio-tachado,
#tab-comunidad .ejemplo-rehab .cont-ejemplo .precio-tachado {
    color: #BFBFBF;
    text-align: left;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    text-decoration: line-through;
}

#tab-vivienda .ejemplo-rehab .cont-ejemplo .txt-next-gen,
#tab-comunidad .ejemplo-rehab .cont-ejemplo .txt-next-gen {
    height: 32px;
    width: 228px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    border-radius: 8px;
    background: #007ACB;
}

#tab-vivienda .ejemplo-rehab .cont-ejemplo .precio-viv-desde,
#tab-comunidad .ejemplo-rehab .cont-ejemplo .precio-viv-desde {
    color: #2C2C2C;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-top: 16px;
}

#tab-vivienda .ejemplo-rehab .cont-ejemplo .precio-mes,
#tab-comunidad .ejemplo-rehab .cont-ejemplo .precio-mes {
    color: #007ACB;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

#tab-vivienda .ejemplo-rehab .cont-ejemplo .precio-mes .cifra,
#tab-comunidad .ejemplo-rehab .cont-ejemplo .precio-mes .cifra {
    font-size: 40px;
    line-height: 48px;
}

#tab-vivienda .ejemplo-rehab .cont-ejemplo .precio-decada,
#tab-comunidad .ejemplo-rehab .cont-ejemplo {
    color: var(--Color-Category-General-1, #007ACB);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

#tab-vivienda .ejemplo-rehab .cont-ejemplo .precio-total,
#tab-comunidad .ejemplo-rehab .cont-ejemplo .precio-total {
    color: #007ACB;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

#tab-vivienda .ejemplo-rehab .ahorro-costes,
#tab-comunidad .ejemplo-rehab .ahorro-costes {
    color: #2C2C2C;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-top: 24px;
}

#tab-vivienda .ejemplo-rehab .ahorro-costes-home1,
#tab-comunidad .ejemplo-rehab .ahorro-costes-home1 {
    width: 189px;
    color: #2C2C2C;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    padding: var(--space-0, 0px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-4, 4px);
    vertical-align: top;
    display: inline-block;
}

#tab-vivienda .ejemplo-rehab .ahorro-costes-home1 .texto1,
#tab-comunidad .ejemplo-rehab .ahorro-costes-home1 .texto1 {
    color: var(--Color-Content-General-1, #2C2C2C);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#tab-vivienda .ejemplo-rehab .ahorro-costes-home1 .texto2,
#tab-comunidad .ejemplo-rehab .ahorro-costes-home1 .texto2 {
    color: var(--Color-Content-General-1, #2C2C2C);
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    /* 133.333% */
}

#tab-vivienda .ejemplo-rehab .ahorro-costes-home1 .texto2 .precio,
#tab-comunidad .ejemplo-rehab .ahorro-costes-home1 .texto2 .precio {
    color: var(--Color-Content-General-1, #2C2C2C);
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    /* 133.333% */
}

#tab-vivienda .ejemplo-rehab .ahorro-costes-home2,
#tab-comunidad .ejemplo-rehab .ahorro-costes-home2 {
    color: var(--Color-Content-General-2, #707070);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 128.571% */
}

.lista-actuaciones {
    color: #2C2C2C;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 14px;
    list-style-type: none;
    padding-left: 0px;
}

.lista-actuaciones li {
    display: flex;
    flex-direction: row;

}

.lista-actuaciones li img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.cont-actuaciones {
    display: inline-block;
    background: #F9F9F9;
    padding: 32px 24px 32px 32px;
    border-radius: 0 0 16px 16px;
}

.cont-actuaciones-home {
    display: inline-block;
    width: 560px;
    background: var(--Color-Surface-General-3, #F9F9F9);
    padding: 32px 24px 32px 32px;
    height: 538px;
    border-radius: 0 16px 16px 0;
}

.titulo-precios {

    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    /* 125% */
}

.subtitulo-precios {
    color: #2C2C2C;
    text-align: center;
    font-family: "IberPangea-Regular", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 0;
}

.titulo-actuaciones {
    color: #2C2C2C;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.texto-actuaciones {
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.lista-actuaciones li {
    margin-bottom: 14px;
}

@media (min-width: 576px) {
    .cont-mod-precios {
        padding: 0 40px 0 40px;
    }

    #tab-vivienda .ejemplo-rehab,
    #tab-comunidad .ejemplo-rehab {
        padding: 32px 24px 24px 24px;
    }

    #tab-vivienda .ejemplo-rehab .ahorro-costes-home1,
    #tab-comunidad .ejemplo-rehab .ahorro-costes-home1 {
        width: 189px;
    }

    #tab-vivienda .ejemplo-rehab .ahorro-costes-home2,
    #tab-comunidad .ejemplo-rehab .ahorro-costes-home2 {
        width: 195px;
    }

}

@media (min-width: 992px) {
    .cont-mod-precios {
        padding: 0 83px 0 83px;
    }

    #tab-vivienda .ejemplo-rehab .cont-ejemplo-home2,
    #tab-comunidad .ejemplo-rehab .cont-ejemplo-home2 {
        height: 98px;
    }

    #tab-vivienda .ejemplo-rehab .ahorro-costes-home2,
    #tab-comunidad .ejemplo-rehab .ahorro-costes-home2 {
        width: 525px;
    }

    .texto1 {
        margin-bottom: 0.5rem;
    }

}

@media (min-width: 1200px) {
    .cont-mod-precios {
        padding: 0 100px 0 100px;
    }

    #tab-vivienda,
    #tab-comunidad {
        display: flex;
        flex-direction: row;
    }

    #tab-vivienda .ejemplo-rehab .ahorro-costes-home2,
    #tab-comunidad .ejemplo-rehab .ahorro-costes-home2 {
        width: 249px;
    }
}

@media (min-width: 1920px) {

    .cont-mod-precios {
        padding: 0 320px 0 320px;
    }

    .cont-mod-precios .tab-content {
        border-radius: var(--border-radius-l, 16px);
        border: var(--border-width-none, 1px) solid var(--Color-Border-General-1, #D8CFC7);
        background: var(--Color-Surface-General-1, #FFF);
        width: 1280px;
        margin: auto;
    }

    .ejemplo-rehab {
        display: inline-block;
        width: 770px;
    }

    .cont-actuaciones {
        display: inline-block;
        width: 560px;
        background: var(--Color-Surface-General-3, #F9F9F9);
        padding: 32px 24px 32px 32px;
        border-radius: 0 16px 16px 0;
    }

    #tab-vivienda .ejemplo-rehab,
    #tab-comunidad .ejemplo-rehab {
        padding: 32px 32px 32px 24px;
        height: 550px;
    }

    #tab-vivienda .ejemplo-rehab .ahorro-costes-home2,
    #tab-comunidad .ejemplo-rehab .ahorro-costes-home2 {
        width: 491px;
    }

}