.slideSaludarte .slick-track:before, .slideSaludarte .slick-track:after {
    display: table;
    content: '';
    display: none;
}
.slideSaludarte .slick-track {
    gap: 0 !important;
}
.slideTarjetasSaludarte .slick-next::before, .slideTarjetasSaludarte .slick-prev::before  {
    content: "";
}
.slideTarjetasSaludarte .slick-prev {
    width: 50px;
    height: 50px;
    background: transparent;
    background-image: url("img/arrow-l-saludarte.svg");
    margin-left: -5px;
}
.slideTarjetasSaludarte .slick-next {
    width: 50px;
    height: 50px;
    background: transparent;
    background-image: url("img/arrow-r-saludarte.svg");
    margin-right: -10px;
}

 .slideTarjetasSaludarte .slick-next:hover, .slideTarjetasSaludarte .slick-next:focus {
    background-image: url("img/arrow-r-saludarte.svg");
}
.slideTarjetasSaludarte .slick-prev:hover, .slideTarjetasSaludarte .slick-prev:focus {
    background-image: url("img/arrow-l-saludarte.svg");
}

.carruselTarjetasSaludarte .swiper-button-prev:after {
    content: " " !important;
    border-radius: 50%;
    background-image: url('img/arrow-l-saludarte.svg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    right: 0;
    position: absolute !important;
}
.carruselTarjetasSaludarte .swiper-button-next:after{
    content: " " !important;
    border-radius: 50%;
    background-image: url('img/arrow-r-saludarte.svg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
.squareBase {
    height: 10rem;
    width: 100%;
    position: relative;
    /* top: -2.2rem; */
   /*  display: flex;
    justify-content: center; */
    overflow: hidden;
}


.circlePromo {
    width: 18rem;
    height: 15.3rem;
    border-radius: 50rem;
    color: white;
    font-size: 2rem;
    transform: rotate(90deg);
    position:absolute;
    bottom: 2rem;
    z-index: 1;
    
}
.mixHelper{
    position: relative
}
.tringlePromo {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    height: 0;
    width: 17.8rem;
    border-bottom: 40px solid #0f2564;
}
.tringlePromoDos{
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    height: 0;
    width: 17.8rem;
    border-bottom: 40px solid #1e5355;
}

.textPromoNuevo{
    position: relative;
    z-index: 9;
}
.circlePromoUno{
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 30%, #42A99B 100%);
}
.circlePromoDos{
    background: linear-gradient(90deg, #0f2564 0%, #0f2564 64%, #41b2a1 114%);
}
.circlePromoTres{
    background: linear-gradient(90deg, #1e5355 0%, #1e5355 72%, #41B2A1 100%);
}
.boxSaludarte{
    height: 850px;
}
@media (max-width: 340px) {
    .boxSaludarte{
        height: auto;
        padding-bottom: 30px;
    }
    .circlePromo {
        width: 16rem;
        height: 14rem;
    }
    .tringlePromo {
        width: 16.5rem;
    }
    .tringlePromoDos{
        width: 16.5rem;
    }
    
}
.cuadriculaMicrositios{
    width: 100%;
}
.cuadriculaMicrositios .producto.w-60{
    width: calc(20% - 10px);
    padding: 15px;
    margin: 10px 5px;
    position: relative;
    transition: all .3s ease-in-out;
}

.cuadriculaMicrositios .producto.w-60:nth-child(5n+2)::before, 
.cuadriculaMicrositios .producto.w-60:nth-child(5n+3)::before,  
.cuadriculaMicrositios .producto.w-60:nth-child(5n+4)::before,
.cuadriculaMicrositios .producto.w-60:nth-child(5n+5)::before  {
    content: '';
    width: 1px;
    height: 70%;
    background: #ddd;
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
} 
@media (max-width: 1280px) {
    .cuadriculaMicrositios .producto.w-60{
        width: calc(25% - 10px);
    }
    .cuadriculaMicrositios .producto.w-60:nth-child(5n+2)::before, 
    .cuadriculaMicrositios .producto.w-60:nth-child(5n+3)::before,  
    .cuadriculaMicrositios .producto.w-60:nth-child(5n+4)::before,
    .cuadriculaMicrositios .producto.w-60:nth-child(5n+5)::before   {
        display: none;
    }
    .cuadriculaMicrositios .producto.w-60:nth-child(4n+2)::before, 
    .cuadriculaMicrositios .producto.w-60:nth-child(4n+3)::before,
    .cuadriculaMicrositios .producto.w-60:nth-child(4n+4)::before {
        content: '';
        width: 1px;
        height: 70%;
        background: #ddd;
        position: absolute;
        display: block;
        left: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    } 
    
}
@media (max-width: 1024px) {
    .cuadriculaMicrositios .producto.w-60{
        width: calc(33.333% - 10px);
    }
    .cuadriculaMicrositios .producto.w-60:nth-child(4n+2)::before, 
    .cuadriculaMicrositios .producto.w-60:nth-child(4n+3)::before,
    .cuadriculaMicrositios .producto.w-60:nth-child(4n+4)::before {
        display: none;
    }
    .cuadriculaMicrositios .producto.w-60:nth-child(3n+2)::before, 
    .cuadriculaMicrositios .producto.w-60:nth-child(3n+3)::before  {
        content: '';
        width: 1px;
        height: 70%;
        background: #ddd;
        position: absolute;
        display: block;
        left: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    } 
   
}

@media (max-width: 640px) {
    .cuadriculaMicrositios .producto.w-60{
        width: calc(50% - 10px);
    }
    .cuadriculaMicrositios .producto.w-60:nth-child(3n+2)::before, 
    .cuadriculaMicrositios .producto.w-60:nth-child(3n+3)::before {
        display: none;
    }
    .cuadriculaMicrositios .producto.w-60:nth-child(2n+2)::before{
        content: '';
        width: 1px;
        height: 70%;
        background: #ddd;
        position: absolute;
        display: block;
        left: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}