#tab-vivienda .titulo-ejemplo, #tab-comunidad .titulo-ejemplo{
    letter-spacing: -0.1px;
}
.cont-mod-precios {
    font-family: "IberPangea-Regular", sans-serif;
    padding: 0 16px 0 16px;
}
.cont-mod-precios .titulo-precios{
    text-align: center;
}
.cont-mod-precios .subtitulo-precios{
    text-align: center;
    letter-spacing: -0.4px
}

.cont-mod-precios .subtitulo-precios span{
    letter-spacing: 1px;
}

#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;
}

.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;
    border: 1px solid #e7e1dc;
    border-radius: 16px;
}

#tab-vivienda .ejemplo-rehab,
#tab-comunidad .ejemplo-rehab {
    padding: 32px 20px;
}

#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 {
    padding-top: 32px;
}

#tab-vivienda .ejemplo-rehab .cont-ejemplo .precio-vivienda,
#tab-comunidad .ejemplo-rehab .cont-ejemplo .precio-vivienda {
    color: #707070;
    margin-bottom: 4px;
}

#tab-vivienda .ejemplo-rehab .cont-ejemplo .precio-tachado,
#tab-comunidad .ejemplo-rehab .cont-ejemplo .precio-tachado {
    color: #BFBFBF;
    text-align: left;
    font-family: Iberpangea-SMBold;
    font-size: 24px;
    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;
    border-radius: 8px;
    background: #007ACB;
}

#tab-vivienda .ejemplo-rehab .cont-ejemplo .precio-viv-desde,
#tab-comunidad .ejemplo-rehab .cont-ejemplo .precio-viv-desde {
    margin-top: 16px;
    margin-bottom: 4px;
}

#tab-vivienda .ejemplo-rehab .cont-ejemplo .precio-mes,
#tab-comunidad .ejemplo-rehab .cont-ejemplo .precio-mes {
    color: #007ACB;
    margin-bottom: 0;
}


#tab-vivienda .ejemplo-rehab .cont-ejemplo .precio-decada,
#tab-comunidad .ejemplo-rehab .cont-ejemplo {
    letter-spacing: -0.2px;
}

#tab-vivienda .ejemplo-rehab .cont-ejemplo .precio-total,
#tab-comunidad .ejemplo-rehab .cont-ejemplo .precio-total {
    color: #007ACB;
}

#tab-vivienda .ejemplo-rehab .ahorro-costes,
#tab-comunidad .ejemplo-rehab .ahorro-costes {
    color: #2C2C2C;
    margin-top: 24px;
}

#tab-vivienda .ejemplo-rehab .ahorro-costes-home1,
#tab-comunidad .ejemplo-rehab .ahorro-costes-home1 {
    width: 189px;
    color: #2C2C2C;
    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 .texto2 .precio,
#tab-comunidad .ejemplo-rehab .ahorro-costes-home1 .texto2 .precio {
    text-align: right;
}

#tab-vivienda .ejemplo-rehab .ahorro-costes-home2,
#tab-comunidad .ejemplo-rehab .ahorro-costes-home2 {
    color: var(--Color-Content-General-2, #707070);
}

.lista-actuaciones {
    margin-bottom: 14px;
    list-style-type: none;
    padding-left: 0px;
}
.texto-actuaciones{
    color: #707070;
}
.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 18px 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-actuaciones {
    color: #2C2C2C;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.lista-actuaciones li {
    margin-bottom: 14px;
}

@media (min-width: 576px) {
    .cont-mod-precios .texto-expl {
        letter-spacing: 0.05px;
    }
    
    #tab-vivienda .ejemplo-rehab .cont-ejemplo .precio-vivienda,
#tab-comunidad .ejemplo-rehab .cont-ejemplo .precio-vivienda {
letter-spacing: 0.1px;
}

    .cont-mod-precios .subtitulo-precios{
    letter-spacing: 0px
}
    .cont-mod-precios .subtitulo-precios span{
    letter-spacing: 0px
}

    .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: 768px) {
    .cont-mod-precios .subtitulo-precios{
    letter-spacing: 0.4px
}
    #tab-vivienda .titulo-ejemplo, #tab-comunidad .titulo-ejemplo{
        letter-spacing: 0.1px;
    }
    
}

@media (min-width: 992px) {
    .cont-mod-precios .subtitulo-precios{
    letter-spacing: 0px
}
    #tab-vivienda .titulo-ejemplo, #tab-comunidad .titulo-ejemplo{
        letter-spacing: 0px;
    }
    #tab-vivienda, #tab-comunidad{
        flex-direction: row;
        
    }
.lista-actuaciones li{
    letter-spacing: 0.5px;
}
    #tab-vivienda .cont-actuaciones, #tab-vivienda .ejemplo-rehab, #tab-comunidad .cont-actuaciones, #tab-comunidad .ejemplo-rehab{
        flex-basis: 50%;
        
    }
    .cont-actuaciones {
    border-radius: 0 16px 16px 0;
}

    
    .cont-mod-precios {
        padding: 0 83px 0 83px;
    }

    #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) {
    .titulo-actuaciones{
        letter-spacing: 0.1px;
    }
    .cont-mod-precios {
        padding: 0 100px 0 100px;
    }

}

@media (min-width: 1920px) {

    .cont-mod-precios {
        padding: 0 320px 0 320px;
    }

.cont-mod-precios .subtitulo-precios{
    letter-spacing: 0.1px
}
    .titulo-actuaciones{
        letter-spacing: 0.3px;
    }
    

}