.mv{
    /* border: 1px solid black; */
    background: radial-gradient(red, black);
}
.scale {
    transform: scale(1.2)
}
.slide_left{
    animation-name: slide-left;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}
.slide_right{
    animation-name: slide-right;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}

.slide_left2{
    animation-name: slide-left2;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}
.slide_right2{
    animation-name: slide-right2;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}

.hd_main_container{
    width: 80%;
    margin: auto;
}
.hd_main_container a{
    text-decoration:none;
}

.hd_main_container div,
.hd_main_banner img{
    border-radius: 30px;
    height: auto;
}

.hd_main_container .hd_main_banner img,
.hd_main_container .hd_lienzo img,
.hd_main_container .hd_productos  img{
    width: 100%;
}

.hd_main_container .hd_promos{
    display: grid;
    grid-gap: 50px;
    margin-top: 30px;
    /* justify-content: space-between; */
    grid-template-areas:"promo1 promo2" ;
    grid-template-columns: 1fr 1fr;

}
.hd_main_container .hd_promos .hd_promos__promo1{
    grid-area: promo1;
}
.hd_main_container .hd_promos .hd_promos__promo2{
    grid-area: promo2;
}

.hd_main_container .hd_promos .hd_promos__promo1,
.hd_main_container .hd_promos .hd_promos__promo2{
    height: 250px;
    /* min-width: 610px; */
    display: grid;
    grid-template-rows: 90px 1fr;
    grid-template-areas:"logo logo"
                        "txt1 txt2" ;
}
.hd_promos__promo1-logo,
.hd_promos__promo2-logo{
    grid-area: logo;
    height: 50px;
    padding: 20px;
}

.hd_main_container .hd_promos .hd_promos__promo1 .hd_promos__promo1-texto1,
.hd_main_container .hd_promos .hd_promos__promo2 .hd_promos__promo2-texto1{
    grid-area: txt1;
}

.hd_main_container .hd_promos .hd_promos__promo1 .hd_promos__promo1-texto2,
.hd_main_container .hd_promos .hd_promos__promo2 .hd_promos__promo2-texto2{
    grid-area: txt2;
}

.hd_main_container .hd_promos .hd_promos__promo1 .hd_promos__promo1-texto1,
.hd_main_container .hd_promos .hd_promos__promo1 .hd_promos__promo1-texto2,
.hd_main_container .hd_promos .hd_promos__promo2 .hd_promos__promo2-texto1,
.hd_main_container .hd_promos .hd_promos__promo2 .hd_promos__promo2-texto2{
    color: white;
    padding: 10px;
    font-size: 15px;
}

.hd_main_container .hd_promos .hd_promos__promo1 .hd_promos__promo1-texto1 span,
.hd_main_container .hd_promos .hd_promos__promo1 .hd_promos__promo1-texto2 span,
.hd_main_container .hd_promos .hd_promos__promo2 .hd_promos__promo2-texto1 span,
.hd_main_container .hd_promos .hd_promos__promo2 .hd_promos__promo2-texto2 span{
    font-weight: bold;
    font-size: 18px;
}

.hd_main_container .hd_promos .hd_promos__promo1 .hd_promos__promo1-imagen ,
.hd_main_container .hd_promos .hd_promos__promo2 .hd_promos__promo2-imagen {
    position:absolute;
}

.hd_main_container .hd_promos .hd_promos__promo1 .hd_promos__promo1-imagen{
    left: 8%;
}

.hd_main_container .hd_promos .hd_promos__promo2 .hd_promos__promo2-imagen{
    right: 8%;
}


@keyframes slide-left {
    from {left: 30%;}
    to {left: 8%;}
}
@keyframes slide-right {
    from {left: 8%;}
    to {left: 30%;}
}

@keyframes slide-right2 {
    from {right: 30%;}
    to {right: 8%;}
}
@keyframes slide-left2 {
    from {right: 8%;}
    to {right: 30%;}
}



.hd_main_container .hd_promos .hd_promos__promo1:hover .hd_promos__promo1-texto1,
.hd_main_container .hd_promos .hd_promos__promo1 .hd_promos__promo1-texto2,
.hd_main_container .hd_promos .hd_promos__promo2 .hd_promos__promo2-texto1,
.hd_main_container .hd_promos .hd_promos__promo2:hover .hd_promos__promo2-texto2{
    animation-name: slide-left_text;
    animation-duration: 0.3s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}
.hd_main_container .hd_promos .hd_promos__promo1:hover .hd_promos__promo1-texto2,
.hd_main_container .hd_promos .hd_promos__promo1 .hd_promos__promo1-texto1,
.hd_main_container .hd_promos .hd_promos__promo2 .hd_promos__promo2-texto2,
.hd_main_container .hd_promos .hd_promos__promo2:hover .hd_promos__promo2-texto1{
    animation-name: slide-right_text;
    animation-duration: 0.3s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}


@keyframes slide-right_text {
    0% {opacity: 100%;}
    100% {opacity: 0%;}
}
@keyframes slide-left-text {
    0% {opacity: 0%;}
    100% {opacity: 100%;}
}


.hd_main_container .hd_productos {
    margin-top: 30px;
    display: grid;
    /* display: flex; */
    grid-gap:5px;
    flex-wrap: wrap;
    grid-template: 1fr / repeat(6,1fr);
    justify-items: center;
}

.hd_main_container .hd_productos .hd_productos__producto1,
.hd_main_container .hd_productos .hd_productos__producto2,
.hd_main_container .hd_productos .hd_productos__producto3,
.hd_main_container .hd_productos .hd_productos__producto4,
.hd_main_container .hd_productos .hd_productos__producto5,
.hd_main_container .hd_productos .hd_productos__producto6,
.hd_main_container .hd_productos .hd_productos__producto7,
.hd_main_container .hd_productos .hd_productos__producto8,
.hd_main_container .hd_productos .hd_productos__producto9,
.hd_main_container .hd_productos .hd_productos__producto10,
.hd_main_container .hd_productos .hd_productos__producto11,
.hd_main_container .hd_productos .hd_productos__producto12{
    display: grid;
    grid-template-areas: "producto"
                        "imagen"
                        "descripcion"
                        "boton";
    padding: 15px;
    /* width: 300px; */
    text-align: center;
    color: white;
    font-size: 12px;
    /* grid-template-rows: 20px 145px 80px 40px; */
    align-items: center;
    align-content: space-between;

}

.hd_main_container .hd_productos .hd_productos__producto1 > div,
.hd_main_container .hd_productos .hd_productos__producto2 > div,
.hd_main_container .hd_productos .hd_productos__producto3 > div,
.hd_main_container .hd_productos .hd_productos__producto4 > div,
.hd_main_container .hd_productos .hd_productos__producto5 > div,
.hd_main_container .hd_productos .hd_productos__producto6 > div,
.hd_main_container .hd_productos .hd_productos__producto7 > div,
.hd_main_container .hd_productos .hd_productos__producto8 > div,
.hd_main_container .hd_productos .hd_productos__producto9 > div,
.hd_main_container .hd_productos .hd_productos__producto10 > div,
.hd_main_container .hd_productos .hd_productos__producto11 > div,
.hd_main_container .hd_productos .hd_productos__producto12 > div{
    padding: 5px;
}
.hd_main_container .hd_productos .hd_productos__producto1 .hd_productos__producto1-nombre,
.hd_main_container .hd_productos .hd_productos__producto2 .hd_productos__producto2-nombre,
.hd_main_container .hd_productos .hd_productos__producto3 .hd_productos__producto3-nombre,
.hd_main_container .hd_productos .hd_productos__producto4 .hd_productos__producto4-nombre,
.hd_main_container .hd_productos .hd_productos__producto5 .hd_productos__producto5-nombre,
.hd_main_container .hd_productos .hd_productos__producto6 .hd_productos__producto6-nombre,
.hd_main_container .hd_productos .hd_productos__producto7 .hd_productos__producto7-nombre,
.hd_main_container .hd_productos .hd_productos__producto8 .hd_productos__producto8-nombre,
.hd_main_container .hd_productos .hd_productos__producto9 .hd_productos__producto9-nombre,
.hd_main_container .hd_productos .hd_productos__producto10 .hd_productos__producto10-nombre,
.hd_main_container .hd_productos .hd_productos__producto11 .hd_productos__producto11-nombre,
.hd_main_container .hd_productos .hd_productos__producto12 .hd_productos__producto12-nombre{
    grid-area:producto;
}
.hd_main_container .hd_productos .hd_productos__producto1 .hd_productos__producto1-img,
.hd_main_container .hd_productos .hd_productos__producto2 .hd_productos__producto2-img,
.hd_main_container .hd_productos .hd_productos__producto3 .hd_productos__producto3-img,
.hd_main_container .hd_productos .hd_productos__producto4 .hd_productos__producto4-img,
.hd_main_container .hd_productos .hd_productos__producto5 .hd_productos__producto5-img,
.hd_main_container .hd_productos .hd_productos__producto6 .hd_productos__producto6-img,
.hd_main_container .hd_productos .hd_productos__producto7 .hd_productos__producto7-img,
.hd_main_container .hd_productos .hd_productos__producto8 .hd_productos__producto8-img,
.hd_main_container .hd_productos .hd_productos__producto9 .hd_productos__producto9-img,
.hd_main_container .hd_productos .hd_productos__producto10 .hd_productos__producto10-img,
.hd_main_container .hd_productos .hd_productos__producto11 .hd_productos__producto11-img,
.hd_main_container .hd_productos .hd_productos__producto12 .hd_productos__producto12-img{
    grid-area:imagen;
}
.hd_main_container .hd_productos .hd_productos__producto1 .hd_productos__producto1-descripcion,
.hd_main_container .hd_productos .hd_productos__producto2 .hd_productos__producto2-descripcion,
.hd_main_container .hd_productos .hd_productos__producto3 .hd_productos__producto3-descripcion,
.hd_main_container .hd_productos .hd_productos__producto4 .hd_productos__producto4-descripcion,
.hd_main_container .hd_productos .hd_productos__producto5 .hd_productos__producto5-descripcion,
.hd_main_container .hd_productos .hd_productos__producto6 .hd_productos__producto6-descripcion,
.hd_main_container .hd_productos .hd_productos__producto7 .hd_productos__producto7-descripcion,
.hd_main_container .hd_productos .hd_productos__producto8 .hd_productos__producto8-descripcion,
.hd_main_container .hd_productos .hd_productos__producto9 .hd_productos__producto9-descripcion,
.hd_main_container .hd_productos .hd_productos__producto10 .hd_productos__producto10-descripcion,
.hd_main_container .hd_productos .hd_productos__producto11 .hd_productos__producto11-descripcion,
.hd_main_container .hd_productos .hd_productos__producto12 .hd_productos__producto12-descripcion{
    grid-area:descripcion;
}
.hd_main_container .hd_productos .hd_productos__producto1 .hd_productos__producto1-btn,
.hd_main_container .hd_productos .hd_productos__producto2 .hd_productos__producto2-btn,
.hd_main_container .hd_productos .hd_productos__producto3 .hd_productos__producto3-btn,
.hd_main_container .hd_productos .hd_productos__producto4 .hd_productos__producto4-btn,
.hd_main_container .hd_productos .hd_productos__producto5 .hd_productos__producto5-btn,
.hd_main_container .hd_productos .hd_productos__producto6 .hd_productos__producto6-btn,
.hd_main_container .hd_productos .hd_productos__producto7 .hd_productos__producto7-btn,
.hd_main_container .hd_productos .hd_productos__producto8 .hd_productos__producto8-btn,
.hd_main_container .hd_productos .hd_productos__producto9 .hd_productos__producto9-btn,
.hd_main_container .hd_productos .hd_productos__producto10 .hd_productos__producto10-btn,
.hd_main_container .hd_productos .hd_productos__producto11 .hd_productos__producto11-btn,
.hd_main_container .hd_productos .hd_productos__producto12 .hd_productos__producto12-btn{
    grid-area:boton;
    margin: auto;

}

.hd_main_container .hd_productos .hd_productos__producto1 .hd_productos__producto1-btn span,
.hd_main_container .hd_productos .hd_productos__producto2 .hd_productos__producto2-btn span,
.hd_main_container .hd_productos .hd_productos__producto3 .hd_productos__producto3-btn span,
.hd_main_container .hd_productos .hd_productos__producto4 .hd_productos__producto4-btn span,
.hd_main_container .hd_productos .hd_productos__producto5 .hd_productos__producto5-btn span,
.hd_main_container .hd_productos .hd_productos__producto6 .hd_productos__producto6-btn span,
.hd_main_container .hd_productos .hd_productos__producto7 .hd_productos__producto7-btn span,
.hd_main_container .hd_productos .hd_productos__producto8 .hd_productos__producto8-btn span,
.hd_main_container .hd_productos .hd_productos__producto9 .hd_productos__producto9-btn span,
.hd_main_container .hd_productos .hd_productos__producto10 .hd_productos__producto10-btn span,
.hd_main_container .hd_productos .hd_productos__producto11 .hd_productos__producto11-btn span,
.hd_main_container .hd_productos .hd_productos__producto12 .hd_productos__producto12-btn span{
    color:black;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    background-color: white;
    width: 120px;font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    padding: 8px;
    border-radius: 8px;
    display: block;
    text-align: center;
    transform: scale(1);
}
.hd_main_container .hd_productos .hd_productos__producto1 .hd_productos__producto1-btn span:hover,
.hd_main_container .hd_productos .hd_productos__producto2 .hd_productos__producto2-btn span:hover,
.hd_main_container .hd_productos .hd_productos__producto3 .hd_productos__producto3-btn span:hover,
.hd_main_container .hd_productos .hd_productos__producto4 .hd_productos__producto4-btn span:hover,
.hd_main_container .hd_productos .hd_productos__producto5 .hd_productos__producto5-btn span:hover,
.hd_main_container .hd_productos .hd_productos__producto6 .hd_productos__producto6-btn span:hover,
.hd_main_container .hd_productos .hd_productos__producto7 .hd_productos__producto7-btn span:hover,
.hd_main_container .hd_productos .hd_productos__producto8 .hd_productos__producto8-btn span:hover,
.hd_main_container .hd_productos .hd_productos__producto9 .hd_productos__producto9-btn span:hover,
.hd_main_container .hd_productos .hd_productos__producto10 .hd_productos__producto10-btn span:hover,
.hd_main_container .hd_productos .hd_productos__producto11 .hd_productos__producto11-btn span:hover,
.hd_main_container .hd_productos .hd_productos__producto12 .hd_productos__producto12-btn span:hover{
    transform: scale(1.2);
}

/* .hd_main_container .hd_productos .hd_productos__producto1 .hd_productos__producto1-img img,
.hd_main_container .hd_productos .hd_productos__producto2 .hd_productos__producto2-img img,
.hd_main_container .hd_productos .hd_productos__producto3 .hd_productos__producto3-img img,
.hd_main_container .hd_productos .hd_productos__producto4 .hd_productos__producto4-img img,
.hd_main_container .hd_productos .hd_productos__producto5 .hd_productos__producto5-img img,
.hd_main_container .hd_productos .hd_productos__producto6 .hd_productos__producto6-img img,
.hd_main_container .hd_productos .hd_productos__producto7 .hd_productos__producto7-img img,
.hd_main_container .hd_productos .hd_productos__producto8 .hd_productos__producto8-img img,
.hd_main_container .hd_productos .hd_productos__producto9 .hd_productos__producto9-img img,
.hd_main_container .hd_productos .hd_productos__producto10 .hd_productos__producto10-img img,
.hd_main_container .hd_productos .hd_productos__producto11 .hd_productos__producto11-img img,
.hd_main_container .hd_productos .hd_productos__producto12 .hd_productos__producto12-img img{
    width: 200px;
} */

.hd_main_container .hd_lienzo{
    margin-top: 30px;
}
.hd_main_container .hd_lienzo img{
    border-radius: 30px;
    width: 100%;
}
.hd_main_container .hd_lienzo a{
    width: 100%;
}

.hd_main_container .hd_boton_mas{
    text-align: center;
    margin: 30px 0px;
}
.hd_main_container .hd_boton_mas span{
    display: block;
    padding: 10px 20px;
    width: 200px;
    margin: auto;
    background-color: #fd2300;
    color: white;
    border-radius: 8px;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .hd_main_container .hd_promos{
        display: grid;
        grid-gap: 20px;
        margin-top: 20px;
        grid-template-areas:"promo1" "promo2" ;
        grid-template-columns: none;

    }
    .hd_promos__promo1-imagen,
    .hd_promos__promo2-imagen{
        align-self: center;
    }
    .hd_promos__promo1-imagen img,
    .hd_promos__promo2-imagen img{
        width: 60%;
    }
    .hd_main_container .hd_productos {
        grid-gap:15px;
        flex-wrap: wrap;
        grid-template: repeat(6,1fr)/ repeat(1,1fr);
        justify-items: center;
    }

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 600px) and (max-width: 768px) {
    .hd_main_container .hd_promos{
        display: grid;
        grid-gap: 20px;
        margin-top: 20px;
        grid-template-areas:"promo1" "promo2" ;
        grid-template-columns: none;

    }
    .hd_main_container .hd_productos {
        grid-gap:10px;
        flex-wrap: wrap;
        /* width: 260px; */
        grid-template: repeat(3,1fr)/ repeat(2,1fr);
        justify-items: center;
    }
    @keyframes slide-left-movil {
        from {left: 55%;}
        to {left: 8%;}
    }
    @keyframes slide-right-movil {
        from {left: 8%;}
        to {left: 55%;}
    }

    @keyframes slide-right2-movil {
        from {right: 55%;}
        to {right: 8%;}
    }
    @keyframes slide-left2-movil {
        from {right: 8%;}
        to {right: 55%;}
    }
    .slide_left{
        animation-name: slide-left-movil;
    }
    .slide_right{
        animation-name: slide-right-movil;
    }
    .slide_left2{
        animation-name: slide-left2-movil;
    }
    .slide_right2{
        animation-name: slide-right2-movil;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 768px) and (max-width: 992px) {
    /* .hd_main_container .hd_productos {
        grid-gap:5px;
        flex-wrap: wrap;
        grid-template: repeat(2,1fr)/ repeat(3,1fr);
        justify-items: center;
    } */
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen  and (min-width: 1200px) {
    /* .hd_main_container .hd_productos {
        grid-gap:8px;
        flex-wrap: wrap;
        grid-template: repeat(1,1fr)/ repeat(6,1fr);
        justify-items: center;
    } */
}
@media only screen and (max-width: 980px){
    .swiper-slide {
        width: 100%!important;
        height: 100%!important;
    }
}