#modulo-ventajas-tipos-aerotermo {
   padding: 20px 16px 40px;
    flex-direction: column;
    align-items: center;
    gap: var(--size-space-40, 40px);
}

.title-container {
    text-align: center;
    margin-bottom: 0;
}

.subtitulo {
    text-align: center;
    margin-bottom: 40px;
    color: rgba(71, 71, 71, 0.80);
}


.contenedor-items-carrusel {
    display: flex;
    flex-direction: row;
}

.carrusel-aerotermo .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

.contenedor-img {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.ia-caption {
    margin-top: 8px;
    margin-bottom: 0;
    color:  rgba(71, 71, 71, 0.80);
}

.img-tipos-aerotermo {
    width: 328px;
    height: 250px;
    object-fit: cover;
    border-radius: 16px;
    
}

.contenedor-tipos-aerotermo {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.titulo-tipo-aerotermo {
    padding-bottom: 8px;
}
.descripcion-tipos-aerotermo {
    display: flex;
    flex-direction: column;
}

.container-img {
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
}

.iconoVentajaTiposAerotermo {
    width: 24px;
    height: 24px;
}

.descripcion-tipo {
    color: rgba(71, 71, 71, 0.80);
    margin-bottom: 24px;
}

.lista-propiedades {
    list-style: none;
    padding-left: 0; 
    margin-left: 8px;
}

.lista-propiedades li.propiedades {
    position: relative;
    padding-left: 28px; 
    margin-bottom: 12px;
}

.lista-propiedades li.propiedades:last-child {
    margin-bottom: 0;
}

.lista-propiedades li.propiedades::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.35em; 
    width: 8px;
    height: 8px;
    background-color: #007F33; 
    border-radius: 50%; 
}



#swiperPaginationModTiposAerotermo .swiper-pagination-bullet-active,
.navigation-icons__paginate-2 .swiper-pagination-bullet-active {
    background-color: #007F33 !important;
}

#swiperPaginationModTiposAerotermo .swiper-pagination-bullet,
.navigation-icons__paginate-2 .swiper-pagination-bullet {
    border: 1px solid #2F6852 !important;
}


.navigation-icons__next-2 {
    background-image: url("/ibdmedia/Iconos y Pictogramas/Icon/Chevron/Right.svg");
    background-size: cover;
    width: 27px;
    height: 27px; 
}


.navigation-icons__prev-2.swiper-button-disabled {
    background-image: url("/ibdmedia/Iconos y Pictogramas/Icon/Chevron/Left-Disabled.svg");
}

.navigation-icons__next-2.swiper-button-disabled {
    background-image: url("/ibdmedia/Iconos y Pictogramas/Icon/Chevron/Right-Disabled.svg");
}


.navigation-icons-prev__container-2:has(.navigation-icons__prev-2.swiper-button-disabled) {
    border: var(--border-width-s, 1px) solid var(--Color-Button-Border-Disabled, #BFBFBF);
}

.navigation-icons-next__container-2:has(.navigation-icons__next-2.swiper-button-disabled) {
    border: var(--border-width-s, 1px) solid var(--Color-Button-Border-Disabled, #BFBFBF);
}

.navigation-icons-prev__container-2, 
.navigation-icons-next__container-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border-radius: var(--border-radius-xxl, 100px);
    border: var(--border-width-s, 1px) solid var(--Color-Button-Border-Active, #C8D9D0);
    background-color: var(--Color-Surface-General-1, #FFF); 
}

.navigation-icons__prev-2 {
    background-image: url("/ibdmedia/Iconos y Pictogramas/Icon/Chevron/Left.svg");
    background-size: cover;
    width: 27px;
    height: 27px;  
}

.navigation-icons__paginate-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: var(--border-radius-xxl, 100px);
    border: var(--border-width-s, 1px) solid var(--Color-Border-General-1, #C8D9D0);
    background: var(--Color-Surface-General-1, #FFF);
    padding: 8px;
    margin: 0px 16px;
    width: 68px !important;
    top: 0 !important;
}

.navigation-icons__container-aerotermo {
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: 32px;
}

.swiper-button-prev:after, 
.swiper-button-next:after {
    content: '' !important;   
}

div.swiper-next, 
div.swiper-prev {
    width: 40px !important;
}

div.swiper-next::after {
    content: ""; 
}



@media (min-width: 576px) {
    #modulo-ventajas-tipos-aerotermo {
        padding: 40px 42px;
    }

    .carrusel-aerotermo {
        height: 478px;
    }

    .carrusel-aerotermo .item{
        margin-right: 0 !important;
    }

    .img-tipos-aerotermo {
        width: 492px;
    }

    .contenedor-img {
        justify-content: center;
        padding-left: 20px;
    }
}

@media (min-width: 768px) {
    #modulo-ventajas-tipos-aerotermo {
        padding: 40px 48px;
    }

    .carrusel-aerotermo {
        height: 478px;
    }

    .img-tipos-aerotermo {
        width: 672px;
    }
}

@media (min-width: 992px) {
    #modulo-ventajas-tipos-aerotermo {
        padding: 40px 82px; 
    }
 
    .carrusel-aerotermo {
        width: 100%;
        height: auto;
        overflow: visible; 
    }

    .contenedor-items-carrusel {
        display: flex;
        flex-direction: column;
        gap: 56px;
    }

    
    .carrusel-aerotermo .swiper-slide.item {
        display: flex;
        flex-direction: row;
        gap: 24px;
        align-items: center;
        justify-content: space-between;
        width: 100% !important; 
    }

 
    .carrusel-aerotermo .swiper-slide.item:nth-child(even) {
        flex-direction: row-reverse;
    }

  
    .contenedor-img,
    .contenedor-tipos-aerotermo {
        flex: 1;
        display: flex;
    }

    .contenedor-img {
        justify-content: flex-start;
    }

    .carrusel-aerotermo .swiper-slide.item:nth-child(even) .contenedor-img {
        justify-content: flex-end;
    }

    .contenedor-tipos-aerotermo {
        flex-direction: column;
        justify-content: center;
    }

    
    .descripcion-tipos-aerotermo {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }

  
    .img-tipos-aerotermo {
        width: 394px;
        height: auto;
        object-fit: cover;
        border-radius: 12px; 
    }
}


@media (min-width: 1200px) {
    #modulo-ventajas-tipos-aerotermo {
        padding: 40px 102px;
    }

    .img-tipos-aerotermo {
        width: 478px;
    }
}

@media (min-width: 1920px) {
    #modulo-ventajas-tipos-aerotermo {
        padding: 40px 324px;
    }

    .contenedor-img{
        padding: 0;
    }

    .img-tipos-aerotermo {
        width: 624px !important;
    }
}
