/* spacios */
.padding-top-15 {
    padding-top: 15rem;
}

.padding-bottom-15 {
    padding-bottom: 15rem;
}

.padding-top-7-5 {
    padding-top: 7.5rem;
}

.padding-bottom-14-69 {
    padding-bottom: 14.69rem;
}

/* style title + subtitle */
.content-title-page h1,
.content-title-page h2,
.content-title-page h3,
.content-title-page p {
    font-size: 5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.2rem;
}

.content-text-parrafo h1,
.content-text-parrafo h2,
.content-text-parrafo h3,
.content-text-parrafo p,
.content-text-parrafo span,
.content-text-parrafo strong,
.content-text-parrafo em,
.content-text-parrafo a {
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}

html body .content-text-parrafo em {
    font-style: italic !important;
}

.content-text-parrafo strong {
    font-weight: 500;
}

.content-text-parrafo-lg h1,
.content-text-parrafo-lg h2,
.content-text-parrafo-lg h3,
.content-text-parrafo-lg p,
.content-text-parrafo-lg span,
.content-text-parrafo-lg a {
    font-size: 2.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.0425rem;
}

.content-text-parrafo.desk-white h1,
.content-text-parrafo.desk-white h2,
.content-text-parrafo.desk-white h3,
.content-text-parrafo.desk-white p,
.content-text-parrafo.desk-white span,
.content-text-parrafo.desk-white a {
    color: #fff;
}

.content-text-parrafo-lg h1,
.content-text-parrafo-lg h2,
.content-text-parrafo-lg h3,
.content-text-parrafo-lg p,
.content-text-parrafo-lg span,
.content-text-parrafo-lg a {
    color: #fff;
}

/* style image banner */
.content-image-full-size {
    height: 74.75rem;
}

.content-image-full-size img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.content-text-parrafo-sm h1,
.content-text-parrafo-sm h2,
.content-text-parrafo-sm h3,
.content-text-parrafo-sm p,
.content-text-parrafo-sm span,
.content-text-parrafo-sm a {
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.content-banner-text-content .content-text-floating-image {
    position: absolute;
    bottom: 15px;
}

.content-text-floating-image .content-text-parrafo.desk-white {
    margin-bottom: 3rem;
}

/* style galeria solo imagenes */
.content-galeria-solo-imagenes {
    margin-top: 15px;
}

.swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--green-new);
}

.content-galeria-solo-imagenes .swiper-pagination-slider-imagenes-solo-imagenes {
    position: relative;
    margin-top: 3rem;
    margin-bottom: 2rem;
    top: 0;
    bottom: 0;
}

.slider-imagenes-solo-imagenes .swiper-slide {
    height: 30.75rem;
    width: auto;
    overflow: hidden;
}

.slider-imagenes-solo-imagenes .swiper-slide .content-img,
.slider-imagenes-solo-imagenes .swiper-slide img {
    height: 100%;
}

.slider-imagenes-solo-imagenes .swiper-slide img {
    width: 100%;
    object-fit: cover;
}

.slider-imagenes-solo-imagenes .swiper-item-horizontal-1 .content-img {
    width: 49.8125rem;
}

.slider-imagenes-solo-imagenes .swiper-item-horizontal-0 .content-img {
    width: 22.25rem;
}

/* video centrado */
.content-intern-video {
    width: 53.3125rem;
    height: 30rem;
    margin-bottom: 5rem;
}

.content-text-md h1,
.content-text-md h2,
.content-text-md h3,
.content-text-md p,
.content-text-md span,
.content-text-md a {
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0px;
}

.content-text-md a {
    text-decoration: underline !important;
}

.content-text-md a:visited {
    color: var(--green-new) !important;
}

/* seccion versatil y transformador */
.row-title-parrafo-principal {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
}

.title-type-versatil {
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.content-img-izq-versatil {
    height: 36.489rem;
    width: 100%;
}

.content-img-der-versatil {
    height: 37.3855rem;
    width: 100%;
}

.content-img-izq-versatil img,
.content-img-der-versatil img {
    height: 100%;
    width: 100%;
}

.row-text-center-versatil {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.row-img-center-versatil {
    margin-bottom: 3.5rem;
}

.content-img.content-img-center {
    height: 35rem;
}

.content-img.content-img-center img {
    height: 100%;
    object-fit: cover;
}

/* seccion biodiversidad urbana */
.row-title-parrafo-principal-biodiversidad {
    margin-top: 3.75rem;
    margin-bottom: 12.5rem;
}

.content-image-primary-biodiv-urban {
    height: 50.125rem;
    margin-bottom: 2.5rem;
}

.content-image-primary-biodiv-urban img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.content-img-top-dos-imgs {
    height: 25.9375rem;
}

.content-img-top-dos-imgs img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.row-bottom-bio-urbana {
    margin-top: 2.5rem;
}

.btn-jar-lin-part {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 0.9375rem;
    gap: 0.625rem;
    cursor: pointer;
    color: var(--verde-oliva);
    border-radius: 3.125rem !important;
    border: 1px solid transparent !important;
    font-size: 0.84375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.btn-jar-lin-part.active {
    border: 1px solid var(--green-new) !important;
    background-color: var(--bg-boton) !important;
    color: var(--green-new) !important;
}

.text-ultra-slim {
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 143%;
    letter-spacing: 0.00625rem;
    margin-bottom: 0px;
}

.link-underline-text:visited {
    color: var(--green-new);
}

.parent-content-jardineras {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 60px;
}

.content-img-jar {
    height: 25.9375rem;
}

.content-img-jar img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.contenedor-0 {
    grid-area: 1 / 1 / 2 / 2;
}

.contenedor-1 {
    grid-area: 1 / 2 / 2 / 3;
}

.contenedor-2 {
    grid-area: 1 / 3 / 2 / 4;
}

.contenedor-3 {
    grid-area: 2 / 1 / 3 / 2;
}

.contenedor-4 {
    grid-area: 2 / 2 / 3 / 3;
}

/* seccion img pantalla completa */
.content-img-complet-btn-center {
    height: 65.625rem;
}

.content-img-complet-btn-center img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.btn-image-complet:visited {
    color: var(--green-new);
}

.btn-image-complet:hover .icono-btn-flotante-centrado-mas-imagenes path {
    stroke: var(--light-2);
}

/* seccion final textos */
.seccion-textos-footer .content-text-parrafo-lg h1,
.seccion-textos-footer .content-text-parrafo-lg h2,
.seccion-textos-footer .content-text-parrafo-lg h3,
.seccion-textos-footer .content-text-parrafo-lg span,
.seccion-textos-footer .content-text-parrafo-lg p,
.seccion-textos-footer .content-text-parrafo-lg a {
    margin-bottom: 0px;
    color: var(--green-new) !important;
}

/* ONLY MOBILE */
@media (max-width: 991px) {

    /* spacios */
    .padding-top-15 {
        padding-top: 5rem;
    }

    .padding-bottom-15 {
        padding-bottom: 5rem;
    }

    .padding-top-7-5 {
        padding-top: 2.5rem;
    }

    .padding-bottom-14-69 {
        padding-bottom: 5rem;
    }

    .padding-bottom-mobile-2 {
        padding-bottom: 2rem;
    }

    /* style title + subtitle */
    .content-title-page h1,
    .content-title-page h2,
    .content-title-page h3,
    .content-title-page p {
        font-size: 3.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 97%;
        letter-spacing: -0.09375rem;
    }

    .content-text-parrafo h1,
    .content-text-parrafo h2,
    .content-text-parrafo h3,
    .content-text-parrafo p,
    .content-text-parrafo span,
    .content-text-parrafo strong,
    .content-text-parrafo em,
    .content-text-parrafo a {
        font-size: 0.625rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 0;
    }

    .content-text-parrafo strong {
        font-weight: 500;
    }

    .content-image-full-size {
        height: 18.72588rem;
    }

    .content-banner-text-content .content-text-floating-image {
        position: relative;
        bottom: 0px;
    }

    .content-text-floating-image {
        padding-top: 1.5rem;
    }

    .content-text-floating-image h1,
    .content-text-floating-image h2,
    .content-text-floating-image h3,
    .content-text-floating-image p,
    .content-text-floating-image span,
    .content-text-floating-image a,
    .content-text-floating-image li,
    .content-text-floating-image .content-text-parrafo.desk-white p {
        color: var(--green-new);
    }

    .content-text-parrafo-lg h1,
    .content-text-parrafo-lg h2,
    .content-text-parrafo-lg h3,
    .content-text-parrafo-lg p,
    .content-text-parrafo-lg span,
    .content-text-parrafo-lg a {
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 107%;
        letter-spacing: -0.015rem;
    }

    .content-text-parrafo-lg.desk-white {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .content-galeria-solo-imagenes {
        margin-top: 0px;
    }

    .slider-imagenes-solo-imagenes .swiper-slide {
        height: 25.59506rem;
    }

    .slider-item-horizontal .content-img img {
        width: 23rem !important;
    }

    .slider-item-horizontal .content-img img {
        object-fit: contain !important;
    }

    .slider-item-vertical {
        height: 31.595rem !important;
    }

    .content-versatil-transformador .row img {
        object-fit: cover!important;
    }

    .content-intern-video {
        width: 100%;
        height: 14rem;
        margin-bottom: 7.5rem;
    }

    .content-text-md h1,
    .content-text-md h2,
    .content-text-md h3,
    .content-text-md p,
    .content-text-md span,
    .content-text-md a {
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .row-title-parrafo-principal {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .title-type-versatil {
        font-size: 1rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .content-versatil-transformador .content-text-md h1,
    .content-versatil-transformador .content-text-md h2,
    .content-versatil-transformador .content-text-md h3,
    .content-versatil-transformador .content-text-md p,
    .content-versatil-transformador .content-text-md span,
    .content-versatil-transformador .content-text-md a {
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .col-medium .content-img-izq-versatil {
        height: 23.16975rem;
    }

    .col-bottom .content-img-der-versatil {
        height: 24.13913rem;
    }

    .row-img-center-versatil .content-img-center {
        height: 15.82356rem;
    }

    .row-reverse-cols-mobile .col-top {
        order: 2;
    }

    .row-reverse-cols-mobile .col-medium {
        order: 1;
    }

    .row-reverse-cols-mobile .col-bottom {
        order: 3;
    }

    .row-reverse-cols-mobile .col-top .content-text-parrafo {
        text-align: center;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .row-reverse-cols-mobile .col-top .content-text-parrafo p {
        margin-bottom: 0px;
    }

    .row-text-center-versatil {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .text-distinct-mobile p {
        font-size: 0.625rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .row-title-parrafo-principal-biodiversidad {
        margin-bottom: 5rem;
    }

    .content-image-primary-biodiv-urban {
        height: 13.375rem;
    }

    .content-image-primary-biodiv-urban {
        margin-bottom: 1rem;
    }

    .col-image-izq {
        padding-right: 0px;
    }

    .content-img-top-dos-imgs {
        height: 14.4375rem;
    }

    .wrapper-content-images-cols {
        padding-top: 5rem;
    }

    .wrapper-content-images-cols .content-text-md {
        padding-bottom: 2.5rem;
    }

    .row-bottom-bio-urbana {
        margin-top: 5rem;
    }

    .row-bottom-bio-urbana .col-text-inverse {
        order: 3;
        margin-top: 5rem;
    }

    .row-title-parrafo-principal-biodiversidad {
        margin-top: 2.5rem;
    }

    .parent-content-jardineras {
        display: flex;
    }

    .btn-jar-lin-part {
        padding: 0.5rem 0.78663rem;
        font-size: 0.708rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .col-content-link-slider-mobile {
        order: 2;
        text-align: center;
        margin-top: 2.5rem;
    }

    .wrapper-cols-slider-mobile {
        order: 1;
    }

    .content-img-complet-btn-center {
        height: 52.58938rem;
    }

    .col-pre-footer-distinct-mobile {
        justify-content: end;
        align-items: center;
    }

}

@media (min-width: 992px) {

    .content-image-primary-biodiv-urban img {
        object-fit: cover;
    }

}

/* ONLY SCREEN XXL */
@media (min-width: 1920px) {

    .content-title-page h1,
    .content-title-page h2,
    .content-title-page h3,
    .content-title-page p {
        font-size: 6.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 6.875rem;
    }

    .content-text-parrafo h1,
    .content-text-parrafo h2,
    .content-text-parrafo h3,
    .content-text-parrafo p,
    .content-text-parrafo span,
    .content-text-parrafo strong,
    .content-text-parrafo em,
    .content-text-parrafo a {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.01125rem;
        margin-bottom: 0;
    }

    .content-text-parrafo strong {
        font-weight: 500;
    }

    .content-text-parrafo-sm h1,
    .content-text-parrafo-sm h2,
    .content-text-parrafo-sm h3,
    .content-text-parrafo-sm p,
    .content-text-parrafo-sm span,
    .content-text-parrafo-sm a {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.01125rem;
    }

    .padding-bottom-mobile-2 {
        margin-bottom: 7.5rem !important;
    }

    .content-image-full-size {
        height: 93.75rem;
    }

    .content-text-floating-image .content-text-parrafo.desk-white {
        margin-bottom: 3.98rem;
    }

    .content-text-parrafo-lg h1,
    .content-text-parrafo-lg h2,
    .content-text-parrafo-lg h3,
    .content-text-parrafo-lg p,
    .content-text-parrafo-lg span,
    .content-text-parrafo-lg a {
        font-size: 2.8125rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.05625rem;
    }

    .slider-imagenes-solo-imagenes .swiper-slide {
        height: 40.74531rem;
    }

    .content-intern-video {
        width: 58.3125rem;
    }

    .content-text-md h1,
    .content-text-md h2,
    .content-text-md h3,
    .content-text-md p,
    .content-text-md span,
    .content-text-md a {
        font-size: 1.82194rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 0px;
    }

    .title-type-versatil {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .content-img-izq-versatil {
        height: 49.65631rem;
    }

    .content-img-der-versatil {
        height: 48.42575rem;
    }

    .content-img.content-img-center {
        height: 40.78325rem;
    }

    .content-image-primary-biodiv-urban {
        height: 67.50806rem;
    }

    .content-img-top-dos-imgs {
        height: 36.38344rem;
    }

    .content-img-jar {
        height: 35.75rem;
    }

    .btn-jar-lin-part {
        font-size: 1.12875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .text-ultra-slim {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.01125rem;
    }

    .content-img-complet-btn-center {
        height: 69.125rem;
    }

    .row-title-parrafo-principal-biodiversidad {
        margin-top: 5rem;
        margin-bottom: 24.5rem;
    }

    .content-image-primary-biodiv-urban {
        margin-bottom: 3.35rem;
    }

    .row-bottom-bio-urbana {
        margin-top: 3.35rem;
    }

    .row-title-parrafo-principal {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }
}