.div_contenido_img::-webkit-scrollbar{
    display: none;
}


.contenido_descripcion{
    position: relative;
    min-height: 20%;
    max-height: 200%;
    width: 100%;
    overflow: auto;
}

.div_content_descripcion{
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 12;
    background: rgba(0, 0, 0, .4);
    top: 0;
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    transition: all .4s ease;
}

.div_content_descripcion.activo{
    display: flex;
    z-index: 12;
}

.content_descripcion{
    position: relative;
    width: 70%;
    height: 100%;
    background: #fff;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    
}

.content_descripcion::-webkit-scrollbar {
    -webkit-appearance: none;
}


.content_descripcion::-webkit-scrollbar:vertical {
    width:10px;
}

.content_descripcion::-webkit-scrollbar-button:increment,.content_descripcion::-webkit-scrollbar-button {
    display: none;
}

.content_descripcion::-webkit-scrollbar:horizontal {
    height: 10px;
}

.content_descripcion::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

.content_descripcion::-webkit-scrollbar-track {
    border-radius: 10px;  
}

.contenido_descripcion::-webkit-scrollbar {
    -webkit-appearance: none;
}


.contenido_descripcion::-webkit-scrollbar:vertical {
    width:10px;
}

.contenido_descripcion::-webkit-scrollbar-button:increment,.contenido_descripcion::-webkit-scrollbar-button {
    display: none;
}

.contenido_descripcion::-webkit-scrollbar:horizontal {
    height: 10px;
}

.contenido_descripcion::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

.contenido_descripcion::-webkit-scrollbar-track {
    border-radius: 10px;  
}

.div_contenido_img, .div_contenido_descrip{
    position: relative;
    width: 40%;
    height: 70%;
    *border: 1px solid rgba(0, 0, 0, .4);
    *background: blue;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    overflow: auto;
}




.div_img_produc::-webkit-scrollbar {
    -webkit-appearance: none;
}


.div_img_produc::-webkit-scrollbar:vertical {
    width:10px;
}

.div_img_produc::-webkit-scrollbar-button:increment,.div_img_produc::-webkit-scrollbar-button {
    display: none;
}

.div_img_produc::-webkit-scrollbar:horizontal {
    height: 10px;
}

.div_img_produc::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

.div_img_produc::-webkit-scrollbar-track {
    border-radius: 10px;  
}


.div_contenido_descrip{
    *background: yellow;
    width: 60%;
    height: 100%;
}



.div_contenido_descrip::-webkit-scrollbar {
    -webkit-appearance: none;
}


.div_contenido_descrip::-webkit-scrollbar:vertical {
    width:10px;
}

.div_contenido_descrip::-webkit-scrollbar-button:increment,.div_contenido_descrip::-webkit-scrollbar-button {
    display: none;
}

.div_contenido_descrip::-webkit-scrollbar:horizontal {
    height: 10px;
}

.div_contenido_descrip::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

.div_contenido_descrip::-webkit-scrollbar-track {
    border-radius: 10px;  
}

.div_contenido_rela{
    position: relative;
    width: 100%;
    height: 30%;
    display: flex;
    flex-wrap: wrap;
}

.div_img_produc{
    position: relative;
    width: 80%;
    height: 100%;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    *background: green;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    justify-items: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    overflow: auto;
}

.img_princi_produc{
    position: relative;
    width: 100%;
    background: white;
    left: 50%;
    transform: translate(-50%);
    cursor: pointer;
}

.ol_img_secon_produc{
    position: relative;
    width: 100%;
    *background: pink;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    justify-items: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    
    
}

.ol_img_secon_produc li{
    list-style: none;
    width: 25%;
    height: 18%;
}

.img_secon_produc{
    position: relative;
    width: 100%;
    background: white;
    margin-top: 10px;
    border: .5px solid rgba(0, 0, 0, .3);
    cursor: pointer;
}

.h_titulo_truco{
    padding: 10px;
    font-size: 30px;
    font-weight: 600;
    color: var(--color--artesanos);
}

.l_precio_descrip{
    position: relative;
    top: 20px;
    width: 100%;
    font-size: 30px;
    margin-top: 30px;
    margin-left: 20px;
    color: var(--color--artesanos);
}

.i_cantidad_produc{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    height: 50px;
    width: 70px;
    outline: none;
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 8px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    
}

.cambiar_cantidad{
    position: relative;
    top: 30px;
    left: 20px;
    font-size: 30px;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
    
}

.btn_carrito{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    left: 40px;
    padding: 10px 21px;
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 40px;
    color: rgba(255, 255, 255, 1);
    background: var(--color--artesanos);
    font-size: 21px;
    cursor: pointer;
    transition: all .4s ease;
    
}

.btn_carrito:hover{
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .3);
}

.div_descripcion_info{
    position: relative;
    top: 60px;
    width: 100%;
    height: 50%;
    *background: green;
    overflow: auto;
    padding: 10px;
}


.div_descripcion_info::-webkit-scrollbar {
    -webkit-appearance: none;
}


.div_descripcion_info::-webkit-scrollbar:vertical {
    width:10px;
}

.div_descripcion_info::-webkit-scrollbar-button:increment,.div_descripcion_info::-webkit-scrollbar-button {
    display: none;
}

.div_descripcion_info::-webkit-scrollbar:horizontal {
    height: 10px;
}

.div_descripcion_info::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

.div_descripcion_info::-webkit-scrollbar-track {
    border-radius: 10px;  
}

.h_descripcion{
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 30px;
    z-index: 2;
    
}

.video_produc{
    top: 0%;
    position: relative;
    width: 100%;
    height: 50%;
    margin-top: 5px;
}

.l_presale_descripcion{
    position: absolute;
    top: 30%;
    left: 9%;
    transform: translate(-50%);
    color: red;
    font-size: 24px;
}

.l_cerrar_descripcion{
    position: absolute;
    left: 15px;
    top: 5px;
    font-size: 30px;
    cursor: pointer;
    z-index: 200;
}

.div_productos_relacionados{
    position: absolute;
    padding: 10px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
}

.img_relacionados{
    position: relative;
    width: 120px;
}

.div_producto_relacionados{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 18%; 
    height: 150px;
    margin: 10px;
    left: 15px;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, .3);
    background: rgba(0, 0, 0, .4);
    z-index: 3;
    
}


.div_producto_relacionados:hover .s_producto{
    bottom: 0px;
    
}


.div_producto_relacionados .s_producto{
    bottom: -90px;
    
}


.l_presale_relation{
    position: absolute;
    top: 60%;
    left: 60%;
    transform: translate(-50%);
    color: red;
    font-size: 20px;
}

.varita_relation{
    position: absolute;
    top: -47%;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
    width: 45px;
    height: 40px;
    background: rgba(0, 0, 0, .3);
    border-radius: 50% 50% 0 0;
    line-height: 50px;
    font-weight: 500;
    font-size: 20px;
    
    
    
}

.ocultar{
    display: none;
}

.div_anadir_carrito{
    position: relative;
    width: 100%;
    height: 150px;
    top: 0px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    justify-items: flex-start;
}

.div_anadir_carrito.activo{
    display: flex;
}

.div_notificar_stock{
    position: fixed;
    width: 500px;
    height: 200px;
    background: #fff;
    top: -50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    border-radius: 8px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .3), -1px -1px 10px rgba(0, 0, 0, .3);
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    transition: all .5s ease;
}

.div_notificar_stock.activo{
    top: 50%;
}

.mail_aviso_stock{
    position: relative;
    top: 20px;
    margin: 0 20px;
    width: 100%;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    font-size: 19px;
    padding: 10px;
    outline: none;
}

.btn_enviar_stock{
    position: relative;
    margin: 0 20px;
    width: 100%;
    text-align: center;
    font-size: 21px;
    background: var(--color--artesanos);
    color: aliceblue;
    border-radius: 8px;
    cursor: pointer;
    height: 45px;
    line-height: 45px;
}

.l_cerrar_aviso_stock{
    position: relative;
    left: 95%;
    font-size: 24px;
    height: 20px;
    cursor: pointer;
}

.l_aviso_stock{
    position: relative;
    margin: 10px 20px;
    width: 100%;
    height: 0px;
    background: red;
    top: 10px;
    text-align: center;
    border-radius: 8px;
    line-height: 42px;
    color: aliceblue;
    font-size: 20px;
    font-weight: 600;
    transition: all .4s ease;
}

.l_aviso_stock.activo{
    height: 42px;
}

.p_sin_descripcion{
    position: relative;
    left: 35%;
    color: red;
    margin-top: 85px;
    font-size: 29px;
}

.l_copartir_enlace{
    position: relative;
    display: block;
    left: 0%;
    top: 70%;
    width: 75px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #1963D6;
    transform: translate(-50%, -50%);
    font-size: 15px;
    color: aliceblue;
    cursor: pointer;
    transition: all .5s ease;
    border-radius: 7px;
    z-index: 70;
    
}

.l_copartir_enlace:hover{
    background: #064bb7;
}

.l_enlace_copiado_descrip{
    position: absolute;
    top: 64%;
    left: 52%;
    color: red;
    transition: all .5s ease;
    opacity: 1;
}

.l_enlace_copiado_descrip.activo{
    opacity: 1;
}

.div_espacio_descrip{
    position: relative;
    width: 100%;
    height: 10px;
}

/** Responsive descripcion */
/**Small devices (landscape phones, 280px and up)**/
@media (min-width:280px){

    .content_descripcion{
        position: relative;
        width: 100%;
        height: 95%;
        background: #fff;
        border-radius: 8px;
        display: flex;
        flex-wrap: wrap;
        overflow: auto;

    }
    
    .div_contenido_img{
        top: 30px;
        width: 100%;
    }
    
    .div_contenido_descrip{
        width: 100%;
        height: 100%;
    }
    
    
    .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 49px;
        font-size: 1em;
    }
    
    
    .l_precio_descrip{
        position: relative;
        top: 20px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 10px;
        color: var(--color--artesanos);
        font-size: 1.2em;
    }
    
    
    .cambiar_cantidad{
        position: relative;
        top: 30px;
        left: 10px;
        font-size: 1.2em;
        padding-left: 10px;
        padding-right: 10px;
        cursor: pointer;

    }
    
    
    .i_cantidad_produc{
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        left: 10px;
        height: 40px;
        width: 60px;
        outline: none;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 8px;
        text-align: center;
        font-size: 20px;
        font-weight: 600;

    }
    
    
    .btn_carrito{
        position: relative;
        top: 25%;
        transform: translateY(-50%);
        left: 10px;
        padding: 10px 9px;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 40px;
        color: rgba(255, 255, 255, 1);
        background: var(--color--artesanos);
        font-size: .8em;
        cursor: pointer;
        transition: all .4s ease;

    }
    
    
    .div_descripcion_info{
        position: relative;
        top: 0px;
        width: 100%;
        height: 60%;
        *background: green;
        overflow: auto;
        padding: 10px;
    }
    
    .div_anadir_carrito{
        position: relative;
        width: 100%;
        height: 100px;
        top: 6px;
    }
    
    .div_contenido_rela{
        display: none;
    }
    
    .div_notificar_stock{
        width: 90%;
    }
    
    
    .l_cerrar_aviso_stock{
        left: 91%;
    }

}

/**Small devices (landscape phones, 360px and up)**/
@media (min-width:320px){

    .content_descripcion{
        position: relative;
        width: 100%;
        height: 95%;
        background: #fff;
        border-radius: 8px;
        display: flex;
        flex-wrap: wrap;
        overflow: auto;

    }
    
    .div_contenido_img{
        top: 30px;
        width: 100%;
        height: auto;
        padding-bottom: 30px;
    }
    
    .div_contenido_descrip{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    
    
    
    .cambiar_cantidad{
        position: relative;
        top: 30px;
        left: 10px;
        font-size: 1.2em;
        padding-left: 10px;
        padding-right: 10px;
        cursor: pointer;

    }
    
    
    .i_cantidad_produc{
        position: relative;
        top: 30%;
        transform: translateY(-50%);
        left: 10px;
        height: 40px;
        width: 60px;
        outline: none;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 8px;
        text-align: center;
        font-size: 20px;
        font-weight: 600;

    }
    
    
    .btn_carrito{
        position: relative;
        top: 30%;
        transform: translateY(-50%);
        left: 10px;
        padding: 10px 19px;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 40px;
        color: rgba(255, 255, 255, 1);
        background: var(--color--artesanos);
        font-size: 1em;
        cursor: pointer;
        transition: all .4s ease;

    }
    
    
    .div_descripcion_info{
        position: relative;
        top: 0px;
        width: 100%;
        height: auto;
        *background: green;
        overflow: auto;
        padding: 10px;
    }
    
    .div_anadir_carrito{
        position: relative;
        width: 100%;
        height: 150px;
        top: 6px;
    }
    
    .div_contenido_rela{
        display: none;
    }

    .div_notificar_stock{
        width: 90%;
    }
    
    
    .l_cerrar_aviso_stock{
        left: 93%;
    }
    .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 49px;
        font-size: .9em;
    }
   .l_precio_descrip{
        position: relative;
        top: 17px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 10px;
        color: var(--color--artesanos);
        font-size: .9em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top: 5%;
         left: 53%;
         transform: translate(-50%);
         color: red;
         font-size: .9em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 5%;
        left: 3%;
        color: green;
        font-size: 12px;
    }
    
    .l_enlace_copiado_descrip {
        position: absolute;
        top: 88%;
        left: 23%;
        color: red;
        transition: all .5s ease;
        opacity: 0;
        font-size: 12px;
    }
    
    .div_carrusel_content{
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, .8);
        z-index: 1226;
        left: 0;
        top: 0;
        display: none;
    }
    
    .div_carrusel_content.activo{
        display: block;
    }
    
    
    .div_carrusel{
        position: relative;
        width: 80%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
        
        
    }
    
    .img_carrusel{
        position: relative;
        width: 100%;
        background: white;
        margin-top: 0px;
        border: 0px solid rgba(0, 0, 0, .3);
        cursor: pointer;
    }
    
    .cerrar_carrusel{
        position: absolute;
        font-size: 30px;
        left: 90%;
        top: 30px;
        cursor: pointer;
        color: aliceblue;
    }

    
    .l_copartir_enlace {
        top: 60px;
        left: 48%;
     }
    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 85%;
        left: 28%;
        color: red;
        transition: all .5s ease;
        opacity: 0;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1;
    } 
}

/**Small devices (landscape phones, 329px and up)**/
@media (min-width:329px){

    .content_descripcion{
        position: relative;
        width: 100%;
        height: 95%;
        background: #fff;
        border-radius: 8px;
        display: flex;
        flex-wrap: wrap;
        overflow: auto;

    }
    
    .div_contenido_img{
        top: 30px;
        width: 100%;
        height: auto;
    }
    
    .div_contenido_descrip{
        width: 100%;
        height: 65% ;
        overflow: hidden;
    }
        
    
    .cambiar_cantidad{
        position: relative;
        top: 30px;
        left: 10px;
        font-size: 1.2em;
        padding-left: 10px;
        padding-right: 10px;
        cursor: pointer;

    }
    
    
    .i_cantidad_produc{
        position: relative;
        transform: translateY(-50%);
        left: 10px;
        height: 40px;
        width: 60px;
        outline: none;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 8px;
        text-align: center;
        font-size: 20px;
        font-weight: 600;

    }
    
    
    .btn_carrito{
        position: relative;
        transform: translateY(-50%);
        left: 10px;
        padding: 10px 19px;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 40px;
        color: rgba(255, 255, 255, 1);
        background: var(--color--artesanos);
        font-size: 1em;
        cursor: pointer;
        transition: all .4s ease;

    }
    
    
    .div_descripcion_info{
        position: relative;
        top: 0px;
        width: 100%;
        height: auto;
        *background: green;
        overflow: auto;
        padding: 10px;
    }
    
    .div_anadir_carrito{
        position: relative;
        width: 100%;
        height: 150px;
        top: 20px;
    }
    
    .div_contenido_rela{
        display: none;
    }

    .div_notificar_stock{
        width: 90%;
    }
    
    
    .l_cerrar_aviso_stock{
        left: 93%;
    }
    
      .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 60px;
        font-size: .8em;
    }
   .l_precio_descrip{
        position: relative;
        top: 30px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 10px;
        color: var(--color--artesanos);
        font-size: .8em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top: 8%;
         left: 53%;
         transform: translate(-50%);
         color: red;
         font-size: .8em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 8%;
        left: 2.8%;
        color: green;
        font-size: .8em;
    }
    
    .l_enlace_copiado_descrip {
        position: absolute;
        top: 88%;
        left: 23%;
        color: red;
        transition: all .5s ease;
        opacity: 0;
        font-size: 12px;
    }
    
    .div_carrusel_content{
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, .8);
        z-index: 1226;
        left: 0;
        top: 0;
        display: none;
    }
    
    .div_carrusel_content.activo{
        display: block;
    }
    
    
    .div_carrusel{
        position: relative;
        width: 80%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
        
        
    }
    
    .img_carrusel{
        position: relative;
        width: 100%;
        background: white;
        margin-top: 0px;
        border: 0px solid rgba(0, 0, 0, .3);
        cursor: pointer;
    }
    
    .cerrar_carrusel{
        position: absolute;
        font-size: 30px;
        left: 90%;
        top: 30px;
        cursor: pointer;
        color: aliceblue;
    }

    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 82%;
        left: 29%;
        color: red;
        transition: all .5s ease;
        opacity: 0;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1;
    }
}

/**Small devices (landscape phones, 346px and up)**/
@media (min-width:346px){

  .i_cantidad_produc{
        position: relative;
        top: 30%;
        transform: translateY(-50%);
        left: 10px;
        height: 40px;
        width: 60px;
        outline: none;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 8px;
        text-align: center;
        font-size: 20px;
        font-weight: 600;

    }
    
 
    .btn_carrito{
        position: relative;
        top: 28%;
        transform: translateY(-50%);
        left: 40px;
        padding: 10px 19px;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 40px;
        color: rgba(255, 255, 255, 1);
        background: var(--color--artesanos);
        font-size: 1em;
        cursor: pointer;
        transition: all .4s ease;

    }
    
   .div_anadir_carrito{
        position: relative;
        width: 100%;
        height: 150px;
        top: 20px;
    }
    
    
    .l_precio_descrip{
        position: relative;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 10px;
        color: var(--color--artesanos);
        font-size: .8em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top: 12%;
         left: 53%;
         transform: translate(-50%);
         color: red;
         font-size: .9em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 12%;
        left: 3%;
        color: green;
        font-size: 12px;
    }
    
    .l_copartir_enlace {
        top: 50px;
        left: 50%;
     }
    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 80%;
        left: 28%;
        color: red;
        transition: all .5s ease;
        opacity: 0;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1;
    } 

}

/**Small devices (landscape phones, 360px and up)**/
@media (min-width:360px){

    .content_descripcion{
        position: relative;
        width: 100%;
        height: 95%;
        background: #fff;
        border-radius: 8px;
        display: flex;
        flex-wrap: wrap;
        overflow: auto;

    }
    
    .div_contenido_img{
        top: 30px;
        width: auto;
        padding-bottom: 30px;
    }
    
    .div_contenido_descrip{
        width: 100%;
        height: 54% !important;
    }
    
    
    .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 49px;
        font-size: 1em;
    }
    
    
    
    .cambiar_cantidad{
        position: relative;
        top: 30px;
        left: 10px;
        font-size: 1.2em;
        padding-left: 10px;
        padding-right: 10px;
        cursor: pointer;

    }
    
    
    .i_cantidad_produc{
        position: relative;
        transform: translateY(-50%);
        left: 10px;
        height: 40px;
        width: 60px;
        outline: none;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 8px;
        text-align: center;
        font-size: 20px;
        font-weight: 600;

    }
    
    
    .btn_carrito{
        position: relative;
        transform: translateY(-50%);
        left: 10px;
        padding: 10px 19px;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 40px;
        color: rgba(255, 255, 255, 1);
        background: var(--color--artesanos);
        font-size: 1em;
        cursor: pointer;
        transition: all .4s ease;

    }
    
    .div_descripcion_info{
        position: relative;
        top: 0px;
        width: 100%;
        height: auto !important;
        *background: green;
        overflow: hidden;
        padding: 10px;
    }
    
    .div_anadir_carrito{
        position: relative;
        width: 100%;
        height: 150px;
        top: 12px;
    }
    
    .div_contenido_rela{
        display: none;
    }
    
    .div_notificar_stock{
        width: 90%;
    }
    
    
    .l_cerrar_aviso_stock{
        left: 93%;
    }
    
     .l_precio_descrip{
        position: relative;
        top: 17px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 10px;
        color: var(--color--artesanos);
        font-size: 1em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top: 5%;
         left: 53%;
         transform: translate(-50%);
         color: red;
         font-size: .9em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 5%;
        left: 3%;
        color: green;
        font-size: 12px;
    }
    
    .l_enlace_copiado_descrip {
        position: absolute;
        top: 88%;
        left: 22%;
        color: red;
        transition: all .5s ease;
        opacity: 0;
        font-size: 12px;
    }
    
    .div_carrusel_content{
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, .8);
        z-index: 1226;
        left: 0;
        top: 0;
        display: none;
    }
    
    .div_carrusel_content.activo{
        display: block;
    }
    
    
    .div_carrusel{
        position: relative;
        width: 80%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
        
        
    }
    
    .img_carrusel{
        position: relative;
        width: 100%;
        background: white;
        margin-top: 0px;
        border: 0px solid rgba(0, 0, 0, .3);
        cursor: pointer;
    }
    
    .cerrar_carrusel{
        position: absolute;
        font-size: 30px;
        left: 90%;
        top: 30px;
        cursor: pointer;
        color: aliceblue;
    }

    .l_copartir_enlace {
        top: 100px;
        left: -28%;
     }
    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 80% !important;
        left: 28%;
        color: red;
        transition: all .5s ease;
        opacity: 0 !important;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1;
    } 
}

/**Small devices (landscape phones, 375px and up)**/
@media (min-width:375px){
    
    .div_contenido_img{
        top: 30px;
        width: 100%;
        height: auto;
    }
    
    .div_contenido_descrip{
        width: 100%;
        height: 50% !important;
        overflow: hidden;
    }
    
   .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 60px;
        font-size: .7em;
    }
   .l_precio_descrip{
        position: relative;
        top: 46px;
        width: 100%;
        font-size: 30px;
        margin-top: 2px;
        margin-left: 11px;
        color: var(--color--artesanos);
        font-size: .8em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top:  9%;
         left: 52.5%;
         transform: translate(-50%);
         color: red;
         font-size: .8em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        width: 100%;
        top: 8%;
        left: 3%;
        color: green;
        font-size: .8em;
    }
    
        
    .i_cantidad_produc{
        position: relative;
        top: 32px;
        transform: translateY(0px);
        left: 10px;
        height: 40px;
        width: 60px;
        outline: none;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 8px;
        text-align: center;
        font-size: 20px;
        font-weight: 600;

    }
    
    
    .btn_carrito{
        position: relative;
        top:35px;
        transform: translateY(-50%);
        left: 20px;
        padding: 10px 19px;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 40px;
        color: rgba(255, 255, 255, 1);
        background: var(--color--artesanos);
        font-size: 1em;
        cursor: pointer;
        transition: all .4s ease;

    }
    
    .div_anadir_carrito{
        position: relative;
        width: 100%;
        height: 150px;
        top: 20px;
        
    }
    
    
    .l_copartir_enlace {
        position: absolute;
        top: 100px;
        left: 50%;
        width: 30%;
     }
    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 100% !important;
        left: 32%;
        color: red;
        transition: all .5s ease;
        opacity: 0 !important;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1 !important;
    }
    
    
}

/**Small devices (landscape phones, 384px and up)**/
@media (min-width:384px){
     .div_contenido_img{
        top: 30px;
        width: 100%;
        height: auto;
    }
    
    .div_contenido_descrip{
        width: 100%;
        height: 40% !important;
        overflow: hidden;
    }
    
    
    .div_descripcion_info{
        position: relative;
        top: 0px;
        width: 100%;
        height: auto !important;
        *background: green;
        overflow: hidden;
        padding: 10px;
    }
    
    .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 49px;
        font-size: .9em;
    }
   .l_precio_descrip{
        position: relative;
        top: 17px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 10px;
        color: var(--color--artesanos);
        font-size: .9em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top: 5%;
         left: 53%;
         transform: translate(-50%);
         color: red;
         font-size: .9em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 5%;
        left: 3%;
        color: green;
        font-size: 12px;
    }
    
     .l_copartir_enlace {
        top: 100px;
        left: 18%;
     }
    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 75% !important;
        left: 35% !important;
        color: red;
        transition: all .5s ease;
        opacity: 0 !important;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1;
    } 

}

/**Small devices (landscape phones, 390px and up)**/
@media (min-width:390px){

    .content_descripcion{
        position: relative;
        width: 100%;
        height: 95%;
        background: #fff;
        border-radius: 8px;
        display: flex;
        flex-wrap: wrap;
        overflow: auto;

    }
    
    .div_contenido_img{
        top: 30px;
        width: 100%;
        height: auto;
        padding-bottom: 30px;
    }
    
    .div_contenido_descrip{
        width: 100%;
        height: 55% !important;
        overflow: hidden;
    }
    
    
    .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 49px;
        font-size: .8em;
    }
    
    
    .l_precio_descrip{
        position: relative;
        top: 20px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 10px;
        color: var(--color--artesanos);
        font-size: .8em;
    }
    
    
    .cambiar_cantidad{
        position: relative;
        top: 30px;
        left: 10px;
        font-size: 1.2em;
        padding-left: 10px;
        padding-right: 10px;
        cursor: pointer;

    }
    
    
    .i_cantidad_produc{
        position: relative;
        top: 30%;
        transform: translateY(-50%);
        left: 10px;
        height: 40px;
        width: 60px;
        outline: none;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 8px;
        text-align: center;
        font-size: 20px;
        font-weight: 600;

    }
    
    
    .btn_carrito{
        position: relative;
        top: 30%;
        transform: translateY(-50%);
        left: 40px;
        padding: 10px 19px;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 40px;
        color: rgba(255, 255, 255, 1);
        background: var(--color--artesanos);
        font-size: 1em;
        cursor: pointer;
        transition: all .4s ease;

    }
    
    
    .div_descripcion_info{
        position: relative;
        top: 0px;
        width: 100%;
        height: auto;
        *background: green;
        overflow: auto;
        padding: 10px;
    }
    
    .div_anadir_carrito{
        position: relative;
        width: 100%;
        height: 150px;
        top: 20px;
    }
    
    .div_contenido_rela{
        display: none;
    }
    
    
    .div_notificar_stock{
        width: 90%;
    }
    
    
    .l_cerrar_aviso_stock{
        left: 93%;
    }
    
    
    .l_cerrar_aviso_stock{
        left: 93%;
    }
    
    .l_presale_descripcion {
         position: relative;
         top: 8%;
         left: 52%;
         transform: translate(-50%);
         color: red;
         font-size: .9em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 8%;
        left: 2%;
        color: green;
        font-size: .7em;
    }
    
    .l_enlace_copiado_descrip {
        position: absolute;
        top: 88%;
        left: 22%;
        color: red;
        transition: all .5s ease;
        opacity: 0;
        font-size: 12px;
    }
    
    .div_carrusel_content{
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, .8);
        z-index: 1226;
        left: 0;
        top: 0;
        display: none;
    }
    
    .div_carrusel_content.activo{
        display: block;
    }
    
    
    .div_carrusel{
        position: relative;
        width: 80%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
        
        
    }
    
    .img_carrusel{
        position: relative;
        width: 100%;
        background: white;
        margin-top: 0px;
        border: 0px solid rgba(0, 0, 0, .3);
        cursor: pointer;
    }
    
    .cerrar_carrusel{
        position: absolute;
        font-size: 30px;
        left: 90%;
        top: 30px;
        cursor: pointer;
        color: aliceblue;
    }
    
     .l_copartir_enlace {
        left: 50%;
        transform: translate(-50%);
     }
    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 90% !important;
        left: 50% !important;
        transform: translate(-50%);
        color: red;
        transition: all .5s ease;
        opacity: 0 !important;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1;
    }
}

/**Small devices (landscape phones, 393px and up)**/
@media (min-width:393px){

    .div_contenido_descrip{
        width: 100%;
        height: 50% !important;
        overflow: hidden;
    }
    
    .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 60px;
        font-size: .8em;
    }
   .l_precio_descrip{
        position: relative;
        top: 30px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 12px;
        color: var(--color--artesanos);
        font-size: .8em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top:  6%;
         left: 53%;
         transform: translate(-50%);
         color: red;
         font-size: .8em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 6%;
        left: 3%;
        color: green;
        font-size: .8em;
    }
    
    
     .l_copartir_enlace {
        left: 50%;
        transform: translate(-50%);
     }
    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 120% !important;
        left: 30% !important;
        color: red;
        transition: all .5s ease;
        opacity: 0 !important;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1;
    }

}

/**Small devices (landscape phones, 400px and up)**/
@media (min-width:400px){

    .div_contenido_img{
        top: 30px;
        width: 100%;
        height: auto;
    }
    
    .div_contenido_descrip{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    
   .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 16px;
        font-size: .8em;
    }
   .l_precio_descrip{
        position: relative;
        top: 0px;
        width: 100%;
        font-size: 30px;
        margin-top: 0px;
        margin-left: 10px;
        color: var(--color--artesanos);
        font-size: .8em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top: 0%;
         left: 51.45%;
         transform: translate(-50%);
         color: red;
         font-size: .8em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 0%;
        left: 1.5%;
        color: green;
        font-size: .8em;
    }
    
     .l_copartir_enlace {
        top: 90px;
        left: 18%;
     }
    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 54% !important;
        left: 35% !important;
        color: red;
        transition: all .5s ease;
        opacity: 0 !important;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1;
    } 
    
    .div_anadir_carrito{
        top: 0;
    }

}

/**Small devices (landscape phones, 412px and up)**/
@media (min-width:412px){

     .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 49px;
        font-size: .8em;
    }
   .l_precio_descrip{
        position: relative;
        top: 20px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 10px;
        color: var(--color--artesanos);
        font-size: .8em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top: 5%;
         left: 53%;
         transform: translate(-50%);
         color: red;
         font-size: .9em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 5%;
        left: 3%;
        color: green;
        font-size: 12px;
    }
    
    .l_copartir_enlace {
        top: 100px;
        left: 19%;
     }
    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 60%;
        left: 37%;
        color: red;
        transition: all .5s ease;
        opacity: 0;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1;
    } 

}

/**Small devices (landscape phones, 400px and up)**/
@media (min-width:414px){
      .div_contenido_img{
        top: 30px;
        width: 100%;
        height: auto;
    }
    
    .div_contenido_descrip{
        width: 100%;
        height: 40% !important;
        overflow: hidden;
    }
    
    
    .div_descripcion_info{
        position: relative;
        top: 0px;
        width: 100%;
        height: auto !important;
        *background: green;
        overflow: hidden;
        padding: 10px;
    }
   .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 50px;
        font-size: .8em;
    }
   .l_precio_descrip{
        position: relative;
        top: 20px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 10px;
        color: var(--color--artesanos);
        font-size: .8em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top: 5%;
         left: 53%;
         transform: translate(-50%);
         color: red;
         font-size: .9em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 5%;
        left: 3%;
        color: green;
        font-size: 12px;
    }
     
    .l_copartir_enlace {
        top: 100px;
        left: 50%;
        transform: translate(-50%);
     }
    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 120% !important;
        left: 50% !important;
        transform: translate(-50%);
        color: red;
        transition: all .5s ease;
        opacity: 0 !important;
    }


}

/**Small devices (landscape phones, 427px and up)**/
@media (min-width:427px){

    
    .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 49px;
        font-size: .8em;
    }
   .l_precio_descrip{
        position: relative;
        top: 17px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 10px;
        color: var(--color--artesanos);
        font-size: .8em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top: 10%;
         left: 53%;
         transform: translate(-50%);
         color: red;
         font-size: .9em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 10%;
        left: 3%;
        color: green;
        font-size: 12px;
    }

}

/**Small devices (landscape phones, 428px and up)**/
@media (min-width:428px){

    .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 60px;
        font-size: .8em;
    }
   .l_precio_descrip{
        position: relative;
        top: 43px;
        width: 100%;
        font-size: 30px;
        margin-top: 5px;
        margin-left: 11px;
        color: var(--color--artesanos);
        font-size: .9em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top:  6.6%;
         left: 52%;
         transform: translate(-50%);
         color: red;
         font-size: .9em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 6%;
        left: 2%;
        color: green;
        font-size: .9em;
    }
    
    .i_cantidad_produc{
        position: relative;
        top: 30%;
        transform: translateY(-50%);
        left: 10px;
        height: 40px;
        width: 60px;
        outline: none;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 8px;
        text-align: center;
        font-size: 20px;
        font-weight: 600;

    }
    
    
    .btn_carrito{
        position: relative;
        top: 31%;
        transform: translateY(-50%);
        left: 20px;
        padding: 10px 19px;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 40px;
        color: rgba(255, 255, 255, 1);
        background: var(--color--artesanos);
        font-size: 1em;
        cursor: pointer;
        transition: all .4s ease;

    }
    .div_anadir_carrito{
        position: relative;
        width: 100%;
        height: 150px;
        top: 20px;
    }
    
      .l_enlace_copiado_descrip{
        position: absolute;
        top: 120% !important;
        left: 50% !important;
        color: red;
        transition: all .5s ease;
        opacity: 0 !important;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1 !important;
    } 

}

/**Small devices (landscape phones, 432px and up)**/
@media (min-width:432px){
      .div_contenido_img{
        top: 30px;
        width: 100%;
        height: auto;
    }
    
    .div_contenido_descrip{
        width: 100%;
        height: 40% !important;
        overflow: hidden;
    }
    
    
    .div_descripcion_info{
        position: relative;
        top: 0px;
        width: 100%;
        height: auto !important;
        *background: green;
        overflow: hidden;
        padding: 10px;
    }
   .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 49px;
        font-size: .8em;
    }
   .l_precio_descrip{
        position: relative;
        top: 20px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 10px;
        color: var(--color--artesanos);
        font-size: .8em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top: 5%;
         left: 53%;
         transform: translate(-50%);
         color: red;
         font-size: .9em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 5%;
        left: 3%;
        color: green;
        font-size: 12px;
    }
    
    .l_copartir_enlace {
        top: 100px;
        left: 18%;
     }
    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 75% !important;
        left: 35% !important;
        color: red;
        transition: all .5s ease;
        opacity: 0 !important;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1;
    } 
}


/**Small devices (landscape phones, 480px and up)**/
@media (min-width:480px){
      
    .div_contenido_img{
        top: 30px;
        width: 100%;
        height: auto;
    }
    
    .div_contenido_descrip{
        width: 100%;
        height: 40% !important;
        overflow: hidden;
    }
    
    
    .div_descripcion_info{
        position: relative;
        top: 0px;
        width: 100%;
        height: auto !important;
        *background: green;
        overflow: hidden;
        padding: 10px;
    }
    
    .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 59px;
        font-size: .8em;
    }
   .l_precio_descrip{
        position: relative;
        top: 30px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 10px;
        color: var(--color--artesanos);
        font-size: .8em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top: 5%;
         left: 52%;
         transform: translate(-50%);
         color: red;
         font-size: .9em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 5%;
        left: 2%;
        color: green;
        font-size: 12px;
    }

    .l_copartir_enlace {
        top: 100px;
        left: 18%;
     }
    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 87% !important;
        left: 50% !important;
        color: red;
        transition: all .5s ease;
        opacity: 0 !important;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1;
    } 
}

/**Small devices (landscape phones, 504px and up)**/
@media (min-width:504px){

    .content_descripcion{
        position: relative;
        width: 100%;
        height: 95%;
        background: #fff;
        border-radius: 8px;
        display: flex;
        flex-wrap: wrap;
        overflow: auto;

    }
    
    .div_contenido_img{
        top: 30px;
        width: 100%;
        height: auto;
        padding-bottom: 30px;
        
    }
    
    .div_contenido_descrip{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    
    
    .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 49px;
        font-size: 1em;
    }
    
    
    .l_precio_descrip{
        position: relative;
        top: 20px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 10px;
        color: var(--color--artesanos);
        font-size: 1.2em;
    }
    
    
    .cambiar_cantidad{
        position: relative;
        top: 30px;
        left: 10px;
        font-size: 1.2em;
        padding-left: 10px;
        padding-right: 10px;
        cursor: pointer;

    }
    
    
    .i_cantidad_produc{
        position: relative;
        top: 30%;
        transform: translateY(-50%);
        left: 10px;
        height: 40px;
        width: 60px;
        outline: none;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 8px;
        text-align: center;
        font-size: 20px;
        font-weight: 600;

    }
    
    
    .btn_carrito{
        position: relative;
        top: 30%;
        transform: translateY(-50%);
        left: 40px;
        padding: 10px 19px;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 40px;
        color: rgba(255, 255, 255, 1);
        background: var(--color--artesanos);
        font-size: 1em;
        cursor: pointer;
        transition: all .4s ease;

    }
    
    
    .div_descripcion_info{
        position: relative;
        top: 0px;
        width: 100%;
        height: auto;
        *background: green;
        overflow: auto;
        padding: 10px;
    }
    
    .div_anadir_carrito{
        position: relative;
        width: 100%;
        height: 150px;
        top: 20px;
    }
    
    .div_contenido_rela{
        display: none;
    }
    
    
    .div_notificar_stock{
        width: 90%;
    }
    
    
    .l_cerrar_aviso_stock{
        left: 93%;
    }
    
    
    .l_cerrar_aviso_stock{
        left: 93%;
    }
    
    .l_presale_descripcion {
         position: relative;
         top: 5%;
         left: 52%;
         transform: translate(-50%);
         color: red;
         font-size: .9em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 5%;
        left: 2.5%;
        color: green;
        font-size: 12px;
    }
    
    .l_enlace_copiado_descrip {
        position: absolute;
        top: 88.5%;
        left: 19%;
        color: red;
        transition: all .5s ease;
        opacity: 0;
        font-size: 12px;
    }
    
    .div_carrusel_content{
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, .8);
        z-index: 1226;
        left: 0;
        top: 0;
        display: none;
    }
    
    .div_carrusel_content.activo{
        display: block;
    }
    
    
    .div_carrusel{
        position: relative;
        width: 80%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
        
        
    }
    
    .img_carrusel{
        position: relative;
        width: 100%;
        background: white;
        margin-top: 0px;
        border: 0px solid rgba(0, 0, 0, .3);
        cursor: pointer;
    }
    
    .cerrar_carrusel{
        position: absolute;
        font-size: 30px;
        left: 90%;
        top: 30px;
        cursor: pointer;
        color: aliceblue;
    }
    
    .l_copartir_enlace {
        left: 18%;
     }
    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 60%;
        left: 35%;
        color: red;
        transition: all .5s ease;
        opacity: 0;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1;
    }

}

/**Small devices (landscape phones, 576px and up)**/
@media (min-width:576px){


}


/**Small devices (landscape phones, 600px and up)**/
@media (min-width:600px){
    .content_descripcion{
        position: relative;
        width: 100%;
        height: 95%;
        background: #fff;
        border-radius: 8px;
        display: flex;
        flex-wrap: wrap;
        overflow: auto;

    }
    
    .div_contenido_img{
        top: 30px;
        width: 100%;
        height: auto;
        padding-bottom: 35px;
    }
    
    .div_contenido_descrip{
        width: 100%;
        height: 30% !important;
    }
    
    
    .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 16px !important;
        font-size: 1em;
    }
    
    
    .l_precio_descrip{
        position: relative;
        top: 0px !important;
        width: 100%;
        font-size: 30px;
        margin-top: 10px !important;
        margin-left: 10px;
        color: var(--color--artesanos);
        font-size: 1.2em;
    }
    
    
    .cambiar_cantidad{
        position: relative;
        top: 30px;
        left: 10px;
        font-size: 1.2em;
        padding-left: 10px;
        padding-right: 10px;
        cursor: pointer;

    }
    
    
    .i_cantidad_produc{
        position: relative;
        transform: translateY(-50%);
        left: 10px;
        height: 40px;
        width: 60px;
        outline: none;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 8px;
        text-align: center;
        font-size: 20px;
        font-weight: 600;

    }
    
    
    .btn_carrito{
        position: relative;
        transform: translateY(-50%);
        left: 40px;
        padding: 10px 19px;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 40px;
        color: rgba(255, 255, 255, 1);
        background: var(--color--artesanos);
        font-size: 1em;
        cursor: pointer;
        transition: all .4s ease;

    }
    
    
    .div_descripcion_info{
        position: relative;
        top: 0px;
        width: 100%;
        height: auto !important;
        *background: green;
        overflow: auto;
        padding: 10px;
    }
    
    .div_anadir_carrito{
        position: relative;
        width: 100%;
        height: 150px;
        top: 20px;
    }
    
    .div_contenido_rela{
        display: none;
    }
    
    
    .div_notificar_stock{
        width: 90%;
    }
    
    
    .l_cerrar_aviso_stock{
        left: 93%;
    }
    
    
    .l_cerrar_aviso_stock{
        left: 93%;
    }
    
    .l_presale_descripcion {
         position: relative;
         top: 2.5%;
         left: 52%;
         transform: translate(-50%);
         color: red;
         font-size: .9em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 2.4%;
        left: 2%;
        color: green;
        font-size: 12px;
    }
    
    .l_enlace_copiado_descrip {
        position: absolute;
        top: 89%;
        left: 17%;
        color: red;
        transition: all .5s ease;
        opacity: 0;
        font-size: 12px;
    }
    
    .div_carrusel_content{
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, .8);
        z-index: 1226;
        left: 0;
        top: 0;
        display: none;
    }
    
    .div_carrusel_content.activo{
        display: block;
    }
    
    
    .div_carrusel{
        position: relative;
        width: 80%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
        
        
    }
    
    .img_carrusel{
        position: relative;
        width: 100%;
        background: white;
        margin-top: 0px;
        border: 0px solid rgba(0, 0, 0, .3);
        cursor: pointer;
    }
    
    .cerrar_carrusel{
        position: absolute;
        font-size: 30px;
        left: 90%;
        top: 30px;
        cursor: pointer;
        color: aliceblue;
    }
    
    .l_copartir_enlace {
        left: 17%;
     }
    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 75% !important;
        left: 35% !important;
        color: red;
        transition: all .5s ease;
        opacity: 0 !important;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1 !important;
    } 

}


/**Small devices (landscape phones, 604px and up)**/
@media (min-width:604px){
  .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 60px;
        font-size: .8em;
    }
   .l_precio_descrip{
        position: relative;
        top: 30px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 10px;
        color: var(--color--artesanos);
        font-size: .8em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top: 5%;
         left: 51.45%;
         transform: translate(-50%);
         color: red;
         font-size: .8em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 5%;
        left: 1.5%;
        color: green;
        font-size: .8em;
    }

}

/**Medium devices (tablets, 720px and up)*/
@media (min-width:720px){
 
    .content_descripcion{
        position: relative;
        width: 100%;
        height: 95%;
        background: #fff;
        border-radius: 8px;
        display: flex;
        flex-wrap: wrap;
        overflow: auto;

    }
    
    .div_contenido_img{
        top: 30px;
        width: 100%;
    }
    
    .div_contenido_descrip{
        width: 100%;
        height: 25% !important;
    }
    
    
     .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 60px;
        font-size: 1em;
    }
   .l_precio_descrip{
        position: relative;
        top: 30px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 10px;
        color: var(--color--artesanos);
        font-size: .8em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top: 3.5%;
         left: 51.4%;
         transform: translate(-50%);
         color: red;
         font-size: .8em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 3.5%;
        left: 1.2%;
        color: green;
        font-size: .8em;
    }
    
    
    
    
    .cambiar_cantidad{
        position: relative;
        top: 30px;
        left: 10px;
        font-size: 1.2em;
        padding-left: 10px;
        padding-right: 10px;
        cursor: pointer;

    }
    
    
    .div_descripcion_info{
        position: relative;
        top: 0px;
        width: 100%;
        height: 60%;
        *background: green;
        overflow: auto;
        padding: 10px;
    }
   
    
    .div_contenido_rela{
        display: none;
    }
    
    .div_notificar_stock{
        width: 60%;
    }
    
    
    .l_cerrar_aviso_stock{
        left: 93%;
    }
    
    .l_copartir_enlace {
        top: 100px;
        left: 17%;
     }
    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 82%;
        left: 39%;
        color: red;
        transition: all .5s ease;
        opacity: 0 !important;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1;
    }
}

/**Medium devices (tablets, 720px and up)*/
@media (min-width:724px){
 
    .content_descripcion{
        position: relative;
        width: 100%;
        height: 95%;
        background: #fff;
        border-radius: 8px;
        display: flex;
        flex-wrap: wrap;
        overflow: auto;

    }
    
    .div_contenido_img{
        top: 30px;
        width: 100%;
        height: auto;
    }
    
    .div_contenido_descrip{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    
    
     .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 60px;
        font-size: 1em;
    }
   .l_precio_descrip{
        position: relative;
        top: 30px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 10px;
        color: var(--color--artesanos);
        font-size: .8em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top: 15%;
         left: 51.4%;
         transform: translate(-50%);
         color: red;
         font-size: .8em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 15%;
        left: 1.2%;
        color: green;
        font-size: .8em;
    }
    
    
    
    .btn_carrito{
        position: relative;
        top:30px;
        transform: translateY(-50%);
        left: 20px;
        padding: 10px 19px;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 40px;
        color: rgba(255, 255, 255, 1);
        background: var(--color--artesanos);
        font-size: 1em;
        cursor: pointer;
        transition: all .4s ease;

    }
    
    .cambiar_cantidad{
        position: relative;
        top: 30px;
        left: 10px;
        font-size: 1.2em;
        padding-left: 10px;
        padding-right: 10px;
        cursor: pointer;

    }
    
    
    .div_descripcion_info{
        position: relative;
        top: 0px;
        width: 100%;
        height: auto;
        *background: green;
        overflow: auto;
        padding: 10px;
    }
   
    
    .div_contenido_rela{
        display: none;
    }
    
    .div_notificar_stock{
        width: 60%;
    }
    
    
    .l_cerrar_aviso_stock{
        left: 93%;
    }
    
    .l_copartir_enlace {
        top: 100px;
        left: 50%;
        width: 20%;
     }
    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 82%;
        left: 39%;
        color: red;
        transition: all .5s ease;
        opacity: 0;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1;
    }
}



/**Small devices (landscape phones, 360px and up)**/
@media (min-height:724px){

    .content_descripcion{
        position: relative;
        width: 100%;
        height: 95%;
        background: #fff;
        border-radius: 8px;
        display: flex;
        flex-wrap: wrap;
        overflow: auto;

    }
    
    .div_contenido_img{
        top: 30px;
        width: 100%;
    }
    
    .div_contenido_descrip{
        width: 100%;
        height: 100%;
    }
    
    
    .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 49px;
        font-size: 1em;
    }
    
    
    
    .cambiar_cantidad{
        position: relative;
        top: 30px;
        left: 10px;
        font-size: 1.2em;
        padding-left: 10px;
        padding-right: 10px;
        cursor: pointer;

    }
    
    
    .i_cantidad_produc{
        position: relative;
        transform: translateY(-50%);
        left: 10px;
        height: 40px;
        width: 60px;
        outline: none;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 8px;
        text-align: center;
        font-size: 20px;
        font-weight: 600;

    }
    
    
    .btn_carrito{
        position: relative;
        transform: translateY(-30%);
        left: 10px;
        padding: 10px 19px;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 40px;
        color: rgba(255, 255, 255, 1);
        background: var(--color--artesanos);
        font-size: 1em;
        cursor: pointer;
        transition: all .4s ease;

    }
    
    
    .div_descripcion_info{
        position: relative;
        top: 0px;
        width: 100%;
        height: 60%;
        *background: green;
        overflow: auto;
        padding: 10px;
    }
    
    .div_anadir_carrito{
        position: relative;
        width: 100%;
        height: 120px;
        top: 12px;
    }
    
    .div_contenido_rela{
        display: none;
    }
    
    .div_notificar_stock{
        width: 90%;
    }
    
    
    .l_cerrar_aviso_stock{
        left: 93%;
    }
    
     .l_precio_descrip{
        position: relative;
        top: 17px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 10px;
        color: var(--color--artesanos);
        font-size: 1em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top: 5%;
         left: 53%;
         transform: translate(-50%);
         color: red;
         font-size: .9em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 5%;
        left: 3%;
        color: green;
        font-size: 12px;
    }
    
    .l_enlace_copiado_descrip {
        position: absolute;
        top: 88%;
        left: 22%;
        color: red;
        transition: all .5s ease;
        opacity: 0;
        font-size: 12px;
    }
    
    .div_carrusel_content{
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, .8);
        z-index: 1226;
        left: 0;
        top: 0;
        display: none;
    }
    
    .div_carrusel_content.activo{
        display: block;
    }
    
    
    .div_carrusel{
        position: relative;
        width: 80%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
        
        
    }
    
    .img_carrusel{
        position: relative;
        width: 100%;
        background: white;
        margin-top: 0px;
        border: 0px solid rgba(0, 0, 0, .3);
        cursor: pointer;
    }
    
    .cerrar_carrusel{
        position: absolute;
        font-size: 30px;
        left: 90%;
        top: 30px;
        cursor: pointer;
        color: aliceblue;
    }

    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 80%;
        left: 28%;
        color: red;
        transition: all .5s ease;
        opacity: 0;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1;
    } 
}

/**Medium devices (tablets, 768px and up)*/
@media (min-width:768px){
 
    .content_descripcion{
        position: relative;
        width: 100%;
        height: 95%;
        background: #fff;
        border-radius: 8px;
        display: flex;
        flex-wrap: wrap;
        overflow: auto;

    }
    
    .div_contenido_img{
        top: 30px;
        width: 100%;
        padding-bottom: 60px;
    }
    
    .div_contenido_descrip{
        width: 100%;
        height: 100%;
    }
    
    .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 60px;
        font-size: 1em;
    }
   .l_precio_descrip{
        position: relative;
        top: 30px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 10px;
        color: var(--color--artesanos);
        font-size: .8em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top: 3.5%;
         left: 51.4%;
         transform: translate(-50%);
         color: red;
         font-size: .8em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 3.5%;
        left: 1.2%;
        color: green;
        font-size: .8em;
    }
    
    .cambiar_cantidad{
        position: relative;
        top: 30px;
        left: 10px;
        font-size: 1.2em;
        padding-left: 10px;
        padding-right: 10px;
        cursor: pointer;

    }
    
    
    .i_cantidad_produc{
        position: relative;
        top: 30%;
        transform: translateY(-50%);
        left: 10px;
        height: 40px;
        width: 60px;
        outline: none;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 8px;
        text-align: center;
        font-size: 20px;
        font-weight: 600;

    }
    
    
    .btn_carrito{
        position: relative;
        top: 31%;
        transform: translateY(-50%);
        left: 20px;
        padding: 10px 19px;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 40px;
        color: rgba(255, 255, 255, 1);
        background: var(--color--artesanos);
        font-size: 1em;
        cursor: pointer;
        transition: all .4s ease;

    }
    
    
    .div_descripcion_info{
        position: relative;
        top: 0px;
        width: 100%;
        height: 60%;
        *background: green;
        overflow: auto;
        padding: 10px;
    }
    
    .div_anadir_carrito{
        position: relative;
        width: 100%;
        height: 150px;
        top: 20px;
    }
    
    .div_contenido_rela{
        display: none;
    }
    
    .div_notificar_stock{
        width: 60%;
    }
    
    
    .l_cerrar_aviso_stock{
        left: 93%;
    }
    
        
     .l_copartir_enlace {
        top: 100px;
        left: 11%;
     }
    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 82%;
        left: 39%;
        color: red;
        transition: all .5s ease;
        opacity: 0;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1;
    }
}


/**Medium devices (tablets, 800px and up)*/
@media (min-width:800px){
  .content_descripcion{
        position: relative;
        width: 100%;
        height: 95%;
        background: #fff;
        border-radius: 8px;
        display: flex;
        flex-wrap: wrap;
        overflow: auto;

    }
    
    .div_contenido_img{
        top: 30px;
        width: 100%;
        padding-bottom: 35px;
    }
    
    .div_contenido_descrip{
        width: 100%;
        height: 100%;
    }
    
     .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 70px;
        font-size: 1em;
    }
   .l_precio_descrip{
        position: relative;
        top: 30px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 10px;
        color: var(--color--artesanos);
        font-size: 1em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top: 3%;
         left: 51%;
         transform: translate(-50%);
         color: red;
         font-size: .9em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 3%;
        left: 1%;
        color: green;
        font-size: 12px;
    }
    
    .l_enlace_copiado_descrip {
        position: absolute;
        top: 88%;
        left: 16%;
        color: red;
        transition: all .5s ease;
        opacity: 0;
    }
    
    .cambiar_cantidad{
        position: relative;
        top: 30px;
        left: 10px;
        font-size: 1.2em;
        padding-left: 10px;
        padding-right: 10px;
        cursor: pointer;

    }
    
    
    .i_cantidad_produc{
        position: relative;
        top: 30%;
        transform: translateY(-50%);
        left: 10px;
        height: 40px;
        width: 60px;
        outline: none;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 8px;
        text-align: center;
        font-size: 20px;
        font-weight: 600;

    }
    
    
    .btn_carrito{
        position: relative;
        top: 31%;
        transform: translateY(-50%);
        left: 20px;
        padding: 10px 19px;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 40px;
        color: rgba(255, 255, 255, 1);
        background: var(--color--artesanos);
        font-size: 1em;
        cursor: pointer;
        transition: all .4s ease;

    }
    
    
    .div_descripcion_info{
        position: relative;
        top: 0px;
        width: 100%;
        height: 60%;
        *background: green;
        overflow: auto;
        padding: 10px;
    }
    
    .div_anadir_carrito{
        position: relative;
        width: 100%;
        height: 150px;
        top: 20px;
    }
    
    .div_contenido_rela{
        display: none;
    }
    
    .div_notificar_stock{
        width: 60%;
    }
    
    
    .l_cerrar_aviso_stock{
        left: 93%;
    }
    
    
    .div_carrusel_content{
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, .8);
        z-index: 1226;
        left: 0;
        top: 0;
        display: none;
    }
    
    .div_carrusel_content.activo{
        display: block;
    }
    
    
    .div_carrusel{
        position: relative;
        width: 60%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
        
        
    }
    
    .img_carrusel{
        position: relative;
        width: 100%;
        background: white;
        margin-top: 0px;
        border: 0px solid rgba(0, 0, 0, .3);
        cursor: pointer;
    }
    
    .cerrar_carrusel{
        position: absolute;
        font-size: 50px;
        left: 95%;
        top: 30px;
        cursor: pointer;
        color: aliceblue;
    }
    
    .l_copartir_enlace {
        top: 100px;
        left: 15%;
     }
    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 82%;
        left: 40%;
        color: red;
        transition: all .5s ease;
        opacity: 0;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1;
    } 
}

/**Medium devices (tablets, 810px and up)*/
@media (min-width:810px){
  .content_descripcion{
        position: relative;
        width: 100%;
        height: 95%;
        background: #fff;
        border-radius: 8px;
        display: flex;
        flex-wrap: wrap;
        overflow: auto;
        
    }
    
    .div_contenido_img{
        top: 30px;
        width: 100%;
        height: auto;
        padding-bottom: 35px;
    }
    
    .div_contenido_descrip{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    
    
    .h_titulo_truco{
        position: relative;
        width: 100%;
        padding: 20px;
        top: 0px;
        font-size: 1.2em;
        margin-bottom: 10px;
    }
    
    
     .l_presale_descripcion {
         position: relative;
         top: 1.5%;
         left: 52%;
         transform: translate(-50%);
         color: red;
         font-size: .9em;
     }
    
    .l_precio_descrip{
        position: relative;
        top: 0px;
        width: 100%;
        font-size: 30px;
        margin-top: 0px;
        margin-left: 17px;
        color: var(--color--artesanos);
        font-size: 1.2em;
    }
    
    
    .l_presale_estreno{
        position: relative;
        top: 1%;
        left: 2%;
        color: green;
    }
    
    .l_enlace_copiado_descrip {
        position: absolute;
        top: 88%;
        left: 16%;
        color: red;
        transition: all .5s ease;
        opacity: 0;
    }
    
    .cambiar_cantidad{
        position: relative;
        top: 30px;
        left: 10px;
        font-size: 1.2em;
        padding-left: 10px;
        padding-right: 10px;
        cursor: pointer;

    }
    
    
    .i_cantidad_produc{
        position: relative;
        top: 30%;
        transform: translateY(-50%);
        left: 10px;
        height: 40px;
        width: 60px;
        outline: none;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 8px;
        text-align: center;
        font-size: 20px;
        font-weight: 600;

    }
    
    
    .btn_carrito{
        position: relative;
        top: 28%;
        transform: translateY(-50%);
        left: 20px;
        padding: 10px 19px;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 40px;
        color: rgba(255, 255, 255, 1);
        background: var(--color--artesanos);
        font-size: 1em;
        cursor: pointer;
        transition: all .4s ease;

    }
    
    
    .div_descripcion_info{
        position: relative;
        top: 0px;
        width: 100%;
        height: auto;
        *background: green;
        overflow: auto;
        padding: 10px;
    }
    
    .div_anadir_carrito{
        position: relative;
        width: 100%;
        height: 150px;
        top: 6px;
    }
    
    .div_contenido_rela{
        display: none;
    }
    
    .div_notificar_stock{
        width: 60%;
    }
    
    
    .l_cerrar_aviso_stock{
        left: 93%;
    }
    
    
    .div_carrusel_content{
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, .8);
        z-index: 1226;
        left: 0;
        top: 0;
        display: none;
    }
    
    .div_carrusel_content.activo{
        display: block;
    }
    
    
    .div_carrusel{
        position: relative;
        width: 60%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
        
        
    }
    
    .img_carrusel{
        position: relative;
        width: 100%;
        background: white;
        margin-top: 0px;
        border: 0px solid rgba(0, 0, 0, .3);
        cursor: pointer;
    }
    
    .cerrar_carrusel{
        position: absolute;
        font-size: 50px;
        left: 95%;
        top: 30px;
        cursor: pointer;
        color: aliceblue;
    }
    
    .l_copartir_enlace {
        left: 15%;
    }
    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 61%;
        left: 27%;
        color: red;
        transition: all .5s ease;
        opacity: 0;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1;
    }
}


/**Medium devices (tablets, 820px and up)*/
@media (min-width:820px){
    .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 60px;
        font-size: 1.2em;
    }
   .l_precio_descrip{
        position: relative;
        top: 20px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 19px;
        color: var(--color--artesanos);
        font-size: 1.2em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top:  3%;
         left: 52%;
         transform: translate(-50%);
         color: red;
         font-size: 1em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 3.5%;
        left: 2%;
        color: green;
        font-size: 1em;
    }
}

/**Medium devices (tablets, 834px and up)*/
@media (min-width:834px){
 .div_contenido_img,
 .div_contenido_descrip {
     position: relative;
     width: 40%;
     height: auto !important;
     *border: 1px solid rgba(0, 0, 0, .4);
     *background: blue;
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
     align-content: flex-start;
 }

 .div_contenido_descrip {
     *background: yellow;
     width: 60%;
 }
    
    .div_anadir_carrito{
        position: relative;
        width: 100%;
        height: 150px;
        top: 30px;
    }
    
    .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 60px;
        font-size: 1.2em;
    }
   .l_precio_descrip{
        position: relative;
        top: 20px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 19px;
        color: var(--color--artesanos);
        font-size: 1.2em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top:  3%;
         left: 52%;
         transform: translate(-50%);
         color: red;
         font-size: 1em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 3.5%;
        left: 2%;
        color: green;
        font-size: 1em;
    }
    
      .l_enlace_copiado_descrip{
        position: absolute;
        top: 70% !important;
        left: 29% !important;
        color: red;
        transition: all .5s ease;
        opacity: 0 !important;
    }
}

/**Large devices (desktops, 912px and up)*/
@media (min-width:912px){
  .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 60px;
        font-size: 1.2em;
    }
   .l_precio_descrip{
        position: relative;
        top: 20px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 19px;
        color: var(--color--artesanos);
        font-size: 1.2em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top:  3%;
         left: 52%;
         transform: translate(-50%);
         color: red;
         font-size: 1em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 3.5%;
        left: 2%;
        color: green;
        font-size: 1em;
    }
}

/**Large devices (desktops, 992px and up)*/
@media (min-width:992px){

}

/**Extra large devices (large desktops, 1024px and up)*/
@media (min-width:1024px){
   
 .div_content_descripcion {
     position: fixed;
     width: 100%;
     height: 100vh;
     background: rgba(0, 0, 0, .4);
     top: 0;
     display: none;
     flex-wrap: wrap;
     justify-content: center;
     align-content: center;
     transition: all .4s ease;
     z-index: 12;
 }

 .div_content_descripcion.activo {
     display: flex;
 }

 .content_descripcion {
     position: relative;
     width: 100%;
     height: 90%;
     background: #fff;
     border-radius: 8px;
     display: flex;
     flex-wrap: wrap;
     overflow: auto;

 }

 .div_contenido_img,
 .div_contenido_descrip {
     position: relative;
     width: 40%;
     height: auto !important;
     *border: 1px solid rgba(0, 0, 0, .4);
     *background: blue;
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
     align-content: flex-start;
 }

 .div_contenido_descrip {
     *background: yellow;
     width: 60%;
 }

 .div_contenido_rela {
     position: relative;
     width: 100%;
     height: 30%;
     display: flex;
     flex-wrap: wrap;
 }

 .div_img_produc {
     position: relative;
     width: 80%;
     height: 100%;
     top: 55%;
     left: 50%;
     transform: translate(-50%, -50%);
     *background: green;
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
     justify-items: flex-start;
     align-content: flex-start;
     align-items: flex-start;
     overflow: auto;
 }

 .img_princi_produc {
     position: relative;
     width: 100%;
     background: white;
     left: 50%;
     transform: translate(-50%);
     cursor: pointer;
 }

 .ol_img_secon_produc {
     position: relative;
     width: 100%;
     *background: pink;
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
     justify-items: flex-start;
     align-content: flex-start;
     align-items: flex-start;


 }

 .ol_img_secon_produc li {
     list-style: none;
     width: 25%;
     height: 18%;
 }

 .img_secon_produc {
     position: relative;
     width: 100%;
     background: white;
     margin-top: 10px;
     border: .5px solid rgba(0, 0, 0, .3);
     cursor: pointer;
 }

  .h_titulo_truco{
        position: relative;
        width: 100%;
        top: 60px;
        font-size: 1.3em;
    }
   .l_precio_descrip{
        position: relative;
        top: 10px;
        width: 100%;
        font-size: 30px;
        margin-top: 20px;
        margin-left: 19px;
        color: var(--color--artesanos);
        font-size: 1.3em;
    }
    
    .l_presale_descripcion {
         position: relative;
         top:  2%;
         left: 53%;
         transform: translate(-50%);
         color: red;
         font-size: 1.2em;
         width: 100%;
     }
    
    .l_presale_estreno{
        position: relative;
        top: 3.5%;
        left: 3%;
        color: green;
        font-size: 1.2em;
    }
    

 .i_cantidad_produc {
     position: relative;
     top: 35%;
     transform: translateY(-50%);
     left: 20px;
     height: 50px;
     width: 70px;
     outline: none;
     border: 1px solid rgba(0, 0, 0, .3);
     border-radius: 8px;
     text-align: center;
     font-size: 20px;
     font-weight: 600;

 }

 .cambiar_cantidad {
     position: relative;
     top: 30px;
     left: 20px;
     font-size: 30px;
     padding-left: 20px;
     padding-right: 20px;
     cursor: pointer;

 }

 .btn_carrito {
     position: relative;
     top: 31%;
     transform: translateY(-50%);
     left: 40px;
     padding: 10px 21px;
     border: 1px solid rgba(0, 0, 0, .3);
     border-radius: 40px;
     color: rgba(255, 255, 255, 1);
     background: var(--color--artesanos);
     font-size: 21px;
     cursor: pointer;
     transition: all .4s ease;

 }

 .btn_carrito:hover {
     box-shadow: 10px 10px 10px rgba(0, 0, 0, .3);
 }

 .div_descripcion_info {
     position: relative;
     top: 60px;
     width: 100%;
     height: 60%;
     *background: green;
     overflow: auto;
     padding: 10px;
 }

 .h_descripcion {
     position: relative;
     width: 100%;
     text-align: center;
     font-size: 30px;
     z-index: 2;

 }

 .video_produc {
     top: 0%;
     position: relative;
     width: 100%;
     height: 50%;
 }

   .l_enlace_copiado_descrip {
        position: absolute;
        top: 97%;
        left: 18%;
        color: red;
        transition: all .5s ease;
        opacity: 0;
    }
    

 .l_cerrar_descripcion {
     position: absolute;
     left: 15px;
     top: 5px;
     font-size: 30px;
     cursor: pointer;
     z-index: 200;
 }

 .div_productos_relacionados {
     position: absolute;
     padding: 10px;
     top: 0px;
     width: 100%;
     height: 100%;
     overflow: auto;
     display: flex;
     flex-wrap: wrap;
     background: #fff;
 }

 .img_relacionados {
     position: relative;
     width: 120px;
 }

 .div_producto_relacionados {
     position: relative;
     top: 80%;
     transform: translateY(-50%);
     width: 18%;
     height: 150px;
     margin: 10px;
     left: 15px;
     overflow: hidden;
     border-radius: 8px;
     border: 1px solid rgba(0, 0, 0, .3);
     background: rgba(0, 0, 0, .4);
     z-index: 3;

 }


 .div_producto_relacionados:hover .s_producto {
     bottom: 0px;

 }

 .l_presale_relation {
     position: absolute;
     top: 60%;
     left: 60%;
     transform: translate(-50%);
     color: red;
     font-size: 20px;
 }

 .varita_relation {
     position: absolute;
     top: -47%;
     left: 50%;
     transform: translate(-50%);
     text-align: center;
     width: 45px;
     height: 40px;
     background: rgba(0, 0, 0, .3);
     border-radius: 50% 50% 0 0;
     line-height: 50px;
     font-weight: 500;
     font-size: 20px;



 }

 .ocultar {
     display: none;
 }

 .div_anadir_carrito {
     position: relative;
     width: 100%;
     top: 50px;
 }

 .div_notificar_stock {
     position: fixed;
     width: 500px;
     height: 200px;
     background: #fff;
     top: -50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 2;
     border-radius: 8px;
     box-shadow: 10px 10px 10px rgba(0, 0, 0, .3), -1px -1px 10px rgba(0, 0, 0, .3);
     display: flex;
     flex-wrap: wrap;
     overflow: hidden;
     transition: all .5s ease;
 }

 .div_notificar_stock.activo {
     top: 50%;
 }

 .mail_aviso_stock {
     position: relative;
     top: 20px;
     margin: 0 20px;
     width: 100%;
     height: 40px;
     border: 1px solid rgba(0, 0, 0, .2);
     border-radius: 6px;
     font-size: 19px;
     padding: 10px;
     outline: none;
 }

 .btn_enviar_stock {
     position: relative;
     margin: 0 20px;
     width: 100%;
     text-align: center;
     font-size: 21px;
     background: var(--color--artesanos);
     color: aliceblue;
     border-radius: 8px;
     cursor: pointer;
     height: 45px;
     line-height: 45px;
 }

 .l_cerrar_aviso_stock {
     position: relative;
     left: 95%;
     font-size: 24px;
     height: 20px;
     cursor: pointer;
 }

 .l_aviso_stock {
     position: relative;
     margin: 10px 20px;
     width: 100%;
     height: 0px;
     background: red;
     top: 10px;
     text-align: center;
     border-radius: 8px;
     line-height: 42px;
     color: aliceblue;
     font-size: 20px;
     font-weight: 600;
     transition: all .4s ease;
 }

 .l_aviso_stock.activo {
     height: 42px;
 }
    
    .l_copartir_enlace {
        top: 130px;
        left: 15%;
     }
    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 80% !important;
        left: 29% !important;
        color: red;
        transition: all .5s ease;
        opacity: 0 !important;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1;
    }
}

/**Extra large devices (large desktops, 1200px and up)*/
@media (min-width:1200px){
   
}

/**Extra large devices (large desktops, 1280px and up)*/
@media (min-width:1280px){
   .div_content_descripcion {
       position: fixed;
       width: 100%;
       height: 100vh;
       background: rgba(0, 0, 0, .4);
       top: 0;
       display: none;
       flex-wrap: wrap;
       justify-content: center;
       align-content: center;
       transition: all .4s ease;
       z-index: 12;
   }

   .div_content_descripcion.activo {
       display: flex;
   }

   .content_descripcion {
       position: relative;
       width: 90%;
       height: 95%;
       background: #fff;
       border-radius: 8px;
       display: flex;
       flex-wrap: wrap;
       overflow: auto;

   }

   .div_contenido_img,
   .div_contenido_descrip {
       position: relative;
       width: 40%;
       height: 70%;
       *border: 1px solid rgba(0, 0, 0, .4);
       *background: blue;
       display: flex;
       flex-wrap: wrap;
       justify-content: flex-start;
       align-content: flex-start;
   }

   .div_contenido_descrip {
       *background: yellow;
       width: 60%;
       height: 100%;
   }

   .div_contenido_rela {
       position: relative;
       width: 100%;
       height: 30%;
       display: flex;
       flex-wrap: wrap;
   }

   .div_img_produc {
       position: relative;
       width: 80%;
       height: 100%;
       top: 55%;
       left: 50%;
       transform: translate(-50%, -50%);
       *background: green;
       display: flex;
       flex-wrap: wrap;
       justify-content: flex-start;
       justify-items: flex-start;
       align-content: flex-start;
       align-items: flex-start;
       overflow: auto;
   }

   .img_princi_produc {
       position: relative;
       width: 100%;
       background: white;
       left: 50%;
       transform: translate(-50%);
       cursor: pointer;
   }

   .ol_img_secon_produc {
       position: relative;
       width: 100%;
       *background: pink;
       display: flex;
       flex-wrap: wrap;
       justify-content: flex-start;
       justify-items: flex-start;
       align-content: flex-start;
       align-items: flex-start;


   }

   .ol_img_secon_produc li {
       list-style: none;
       width: 25%;
       height: 18%;
   }

   .img_secon_produc {
       position: relative;
       width: 100%;
       background: white;
       margin-top: 10px;
       border: .5px solid rgba(0, 0, 0, .3);
       cursor: pointer;
   }

   .h_titulo_truco {
       padding: 10px;
       font-size: 30px;
       font-weight: 600;
       color: var(--color--artesanos);
   }

   .l_precio_descrip {
       position: relative;
       top: 20px;
       width: 100%;
       font-size: 30px;
       margin-top: 30px;
       margin-left: 20px;
       color: var(--color--artesanos);
   }

   .i_cantidad_produc {
       position: relative;
       top: 50%;
       transform: translateY(-50%);
       left: 20px;
       height: 50px;
       width: 70px;
       outline: none;
       border: 1px solid rgba(0, 0, 0, .3);
       border-radius: 8px;
       text-align: center;
       font-size: 20px;
       font-weight: 600;

   }

   .cambiar_cantidad {
       position: relative;
       top: 30px;
       left: 20px;
       font-size: 30px;
       padding-left: 20px;
       padding-right: 20px;
       cursor: pointer;

   }

   .btn_carrito {
       position: relative;
       top: 25%;
       transform: translateY(-50%);
       left: 40px;
       padding: 10px 21px;
       border: 1px solid rgba(0, 0, 0, .3);
       border-radius: 40px;
       color: rgba(255, 255, 255, 1);
       background: var(--color--artesanos);
       font-size: 21px;
       cursor: pointer;
       transition: all .4s ease;

   }

   .btn_carrito:hover {
       box-shadow: 10px 10px 10px rgba(0, 0, 0, .3);
   }

   .div_descripcion_info {
       position: relative;
       top: 60px;
       width: 100%;
       height: 60%;
       *background: green;
       overflow: auto;
       padding: 10px;
   }

   .h_descripcion {
       position: relative;
       width: 100%;
       text-align: center;
       font-size: 30px;
       z-index: 2;

   }

   .video_produc {
       top: 0%;
       position: relative;
       width: 100%;
       height: 50%;
   }

   .l_presale_descripcion {
       position: absolute;
       top: 22%;
       left: 9%;
       transform: translate(-50%);
       color: red;
       font-size: 24px;
   }

   .l_cerrar_descripcion {
       position: absolute;
       left: 15px;
       top: 25px;
       font-size: 30px;
       cursor: pointer;
       z-index: 200;
   }

   .div_productos_relacionados {
       position: absolute;
       padding: 10px;
       top: 0px;
       width: 100%;
       height: 100%;
       overflow: auto;
       display: flex;
       flex-wrap: wrap;
       background: #fff;
   }

   .img_relacionados {
       position: relative;
       width: 120px;
   }

   .div_producto_relacionados {
       position: relative;
       top: 50%;
       transform: translateY(-50%);
       width: 18%;
       height: 150px;
       margin: 10px;
       left: 15px;
       overflow: hidden;
       border-radius: 8px;
       border: 1px solid rgba(0, 0, 0, .3);
       background: rgba(0, 0, 0, .4);
       z-index: 3;

   }


   .div_producto_relacionados:hover .s_producto {
       bottom: 0px;

   }

   .l_presale_relation {
       position: absolute;
       top: 60%;
       left: 60%;
       transform: translate(-50%);
       color: red;
       font-size: 20px;
   }

   .varita_relation {
       position: absolute;
       top: -47%;
       left: 50%;
       transform: translate(-50%);
       text-align: center;
       width: 45px;
       height: 40px;
       background: rgba(0, 0, 0, .3);
       border-radius: 50% 50% 0 0;
       line-height: 50px;
       font-weight: 500;
       font-size: 20px;



   }

   .ocultar {
       display: none;
   }

   .div_anadir_carrito {
       position: relative;
       width: 100%;
       height: 100px;
       top: 50px;
   }

   .div_notificar_stock {
       position: fixed;
       width: 500px;
       height: 200px;
       background: #fff;
       top: -50%;
       left: 50%;
       transform: translate(-50%, -50%);
       z-index: 2;
       border-radius: 8px;
       box-shadow: 10px 10px 10px rgba(0, 0, 0, .3), -1px -1px 10px rgba(0, 0, 0, .3);
       display: flex;
       flex-wrap: wrap;
       overflow: hidden;
       transition: all .5s ease;
   }

   .div_notificar_stock.activo {
       top: 50%;
   }

   .mail_aviso_stock {
       position: relative;
       top: 20px;
       margin: 0 20px;
       width: 100%;
       height: 40px;
       border: 1px solid rgba(0, 0, 0, .2);
       border-radius: 6px;
       font-size: 19px;
       padding: 10px;
       outline: none;
   }

   .btn_enviar_stock {
       position: relative;
       margin: 0 20px;
       width: 100%;
       text-align: center;
       font-size: 21px;
       background: var(--color--artesanos);
       color: aliceblue;
       border-radius: 8px;
       cursor: pointer;
       height: 45px;
       line-height: 45px;
   }

   .l_cerrar_aviso_stock {
       position: relative;
       left: 95%;
       font-size: 24px;
       height: 20px;
       cursor: pointer;
   }

   .l_aviso_stock {
       position: relative;
       margin: 10px 20px;
       width: 100%;
       height: 0px;
       background: red;
       top: 10px;
       text-align: center;
       border-radius: 8px;
       line-height: 42px;
       color: aliceblue;
       font-size: 20px;
       font-weight: 600;
       transition: all .4s ease;
   }

   .l_aviso_stock.activo {
       height: 42px;
   }
}


/**Extra large devices (large desktops, 1440px and up)*/
@media (min-width:1440px){
    .div_content_descripcion{
        position: fixed;
        width: 100%;
        height: 100vh;
        z-index: 12;
        background: rgba(0, 0, 0, .4);
        top: 0;
        display: none;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        transition: all .4s ease;
    }

    .div_content_descripcion.activo{
        display: flex;
    }

    .content_descripcion{
        position: relative;
        width: 70%;
        height: 90%;
        background: #fff;
        border-radius: 8px;
        display: flex;
        flex-wrap: wrap;
        overflow: auto;

    }

    .div_contenido_img, .div_contenido_descrip{
        position: relative;
        width: 40%;
        height: 70%;
        *border: 1px solid rgba(0, 0, 0, .4);
        *background: blue;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start;
    }

    .div_contenido_descrip{
        *background: yellow;
        width: 60%;
        height: 100%;
    }

    .div_contenido_rela{
        position: relative;
        width: 100%;
        height: 30%;
        display: flex;
        flex-wrap: wrap;
    }

    .div_img_produc{
        position: relative;
        width: 80%;
        height: 100%;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
        *background: green;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        justify-items: flex-start;
        align-content: flex-start;
        align-items: flex-start;
        overflow: auto;
    }

    .img_princi_produc{
        position: relative;
        width: 100%;
        background: white;
        left: 50%;
        transform: translate(-50%);
        cursor: pointer;
    }

    .ol_img_secon_produc{
        position: relative;
        width: 100%;
        *background: pink;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        justify-items: flex-start;
        align-content: flex-start;
        align-items: flex-start;


    }

    .ol_img_secon_produc li{
        list-style: none;
        width: 25%;
        height: 18%;
    }

    .img_secon_produc{
        position: relative;
        width: 100%;
        background: white;
        margin-top: 10px;
        border: .5px solid rgba(0, 0, 0, .3);
        cursor: pointer;
    }

    .h_titulo_truco{
        padding: 10px;
        font-size: 30px;
        font-weight: 600;
        color: var(--color--artesanos);
    }

    .l_precio_descrip{
        position: relative;
        top: 20px;
        width: 100%;
        font-size: 30px;
        margin-top: 30px;
        margin-left: 20px;
        color: var(--color--artesanos);
    }

    .i_cantidad_produc{
        position: relative;
        top: 35%;
        transform: translateY(-50%);
        left: 20px;
        height: 50px;
        width: 70px;
        outline: none;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 8px;
        text-align: center;
        font-size: 20px;
        font-weight: 600;

    }

    .cambiar_cantidad{
        position: relative;
        top: 30px;
        left: 20px;
        font-size: 30px;
        padding-left: 20px;
        padding-right: 20px;
        cursor: pointer;

    }

    .btn_carrito{
        position: relative;
        top: 35%;
        transform: translateY(-50%);
        left: 40px;
        padding: 10px 21px;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 40px;
        color: rgba(255, 255, 255, 1);
        background: var(--color--artesanos);
        font-size: 19px;
        cursor: pointer;
        transition: all .4s ease;

    }

    .btn_carrito:hover{
        box-shadow: 10px 10px 10px rgba(0, 0, 0, .3);
    }

    .div_descripcion_info{
        position: relative;
        top: 60px;
        width: 100%;
        height: 60%;
        *background: green;
        overflow: auto;
        padding: 10px;
    }

    .h_descripcion{
        position: relative;
        width: 100%;
        text-align: center;
        font-size: 30px;
        z-index: 2;

    }

    .video_produc{
        top: 0%;
        position: relative;
        width: 100%;
        height: 50%;
    }

    .l_presale_descripcion{
        position: relative;
        top: 3%;
        left: 53%;
        transform: translate(-50%);
        color: red;
        font-size: 24px;
        width: 100%;
    }
    
    .l_presale_estreno{
        position: relative;
        top: 4%;
        left: 3%;
        color: green;
    }

    .l_cerrar_descripcion{
        position: absolute;
        left: 15px;
        top: 15px;
        font-size: 30px;
        cursor: pointer;
        z-index: 200;
    }

    .div_productos_relacionados{
        position: absolute;
        padding: 10px;
        top: 0px;
        width: 100%;
        height: 100%;
        overflow: auto;
        display: flex;
        flex-wrap: wrap;
        background: #fff;
    }

    .img_relacionados{
        position: relative;
        width: 120px;
    }

    .div_producto_relacionados{
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 18%; 
        height: 150px;
        margin: 10px;
        left: 15px;
        overflow: hidden;
        border-radius: 8px;
        border: 1px solid rgba(0, 0, 0, .3);
        background: rgba(0, 0, 0, .4);
        z-index: 3;

    }


    .div_producto_relacionados:hover .s_producto{
        bottom: 0px;

    }

    .l_presale_relation{
        position: absolute;
        top: 60%;
        left: 60%;
        transform: translate(-50%);
        color: red;
        font-size: 20px;
    }

    .varita_relation{
        position: absolute;
        top: -47%;
        left: 50%;
        transform: translate(-50%);
        text-align: center;
        width: 45px;
        height: 40px;
        background: rgba(0, 0, 0, .3);
        border-radius: 50% 50% 0 0;
        line-height: 50px;
        font-weight: 500;
        font-size: 20px;



    }

    .ocultar{
        display: none;
    }

    .div_anadir_carrito{
        position: relative;
        width: 100%;
        height: 150px;
        top: 50px;
    }

    .div_notificar_stock{
        position: fixed;
        width: 500px;
        height: 200px;
        background: #fff;
        top: -50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        border-radius: 8px;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, .3), -1px -1px 10px rgba(0, 0, 0, .3);
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        transition: all .5s ease;
    }

    .div_notificar_stock.activo{
        top: 50%;
    }

    .mail_aviso_stock{
        position: relative;
        top: 20px;
        margin: 0 20px;
        width: 100%;
        height: 40px;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 6px;
        font-size: 19px;
        padding: 10px;
        outline: none;
    }

    .btn_enviar_stock{
        position: relative;
        margin: 0 20px;
        width: 100%;
        text-align: center;
        font-size: 21px;
        background: var(--color--artesanos);
        color: aliceblue;
        border-radius: 8px;
        cursor: pointer;
        height: 45px;
        line-height: 45px;
    }

    .l_cerrar_aviso_stock{
        position: relative;
        left: 95%;
        font-size: 24px;
        height: 20px;
        cursor: pointer;
    }

    .l_aviso_stock{
        position: relative;
        margin: 10px 20px;
        width: 100%;
        height: 0px;
        background: red;
        top: 10px;
        text-align: center;
        border-radius: 8px;
        line-height: 42px;
        color: aliceblue;
        font-size: 20px;
        font-weight: 600;
        transition: all .4s ease;
    }

    .l_aviso_stock.activo{
        height: 42px;
    }

    .div_carrusel_content{
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, .8);
        z-index: 1226;
        left: 0;
        top: 0;
        display: none;
    }
    
    .div_carrusel_content.activo{
        display: block;
    }
    
    .div_carrusel{
        position: relative;
        width: 60%;
        height: 50%;
        background: #fff;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
        
        
    }
    
    .img_carrusel{
        position: relative;
        width: 100%;
        background: white;
        margin-top: 0px;
        border: 0px solid rgba(0, 0, 0, .3);
        cursor: pointer;
    }
    
    .cerrar_carrusel{
        position: absolute;
        font-size: 50px;
        left: 95%;
        top: 30px;
        cursor: pointer;
        color: aliceblue;
    }
    
    
    .l_copartir_enlace {
        left: 5%;
        width: 10%;
     }
    
    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 73%;
        left: 12%;
        color: red;
        transition: all .5s ease;
        opacity: 0;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1;
    }
}

/**Extra large devices (large desktops, 1920px and up)*/
@media (min-width:1920px){
    .div_content_descripcion{
        position: fixed;
        width: 100%;
        height: 100vh;
        z-index: 12;
        background: rgba(0, 0, 0, .4);
        top: 0;
        display: none;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        transition: all .4s ease;
    }

    .div_content_descripcion.activo{
        display: flex;
    }

    .content_descripcion{
        position: relative;
        width: 70%;
        height: 100%;
        background: #fff;
        border-radius: 8px;
        display: flex;
        flex-wrap: wrap;
        overflow: auto;

    }

    .div_contenido_img, .div_contenido_descrip{
        position: relative;
        min-height: 454px;
        width: 40%;
        height: auto !important;
        *border: 1px solid rgba(0, 0, 0, .4);
        *background: blue;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start;
    }

    .div_contenido_descrip{
        width: 60%;
        height: 50%;
        overflow-x: hidden;
    }

    .div_contenido_rela{
        position: relative;
        margin-top: 0px;
        width: 100%;
        height: 30%;
        display: flex;
        flex-wrap: wrap;
    }

    .div_img_produc{
        position: relative;
        width: 80%;
        height: 100%;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
        *background: green;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        justify-items: flex-start;
        align-content: flex-start;
        align-items: flex-start;
        overflow: auto;
    }

    .img_princi_produc{
        position: relative;
        width: 100%;
        background: white;
        left: 50%;
        transform: translate(-50%);
        cursor: pointer;
    }

    .ol_img_secon_produc{
        position: relative;
        width: 100%;
        *background: pink;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        justify-items: flex-start;
        align-content: flex-start;
        align-items: flex-start;


    }

    .ol_img_secon_produc li{
        list-style: none;
        width: 25%;
        height: 18%;
    }

    .img_secon_produc{
        position: relative;
        width: 100%;
        background: white;
        margin-top: 10px;
        border: .5px solid rgba(0, 0, 0, .3);
        cursor: pointer;
    }

    .h_titulo_truco{
        padding: 10px;
        font-size: 30px;
        font-weight: 600;
        color: var(--color--artesanos);
    }

    .l_precio_descrip{
        position: relative;
        top: 20px;
        width: 100%;
        font-size: 30px;
        margin-top: 30px;
        margin-left: 20px;
        color: var(--color--artesanos);
    }

    .i_cantidad_produc{
        position: relative;
        top: 35%;
        transform: translateY(-50%);
        left: 20px;
        height: 50px;
        width: 70px;
        outline: none;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 8px;
        text-align: center;
        font-size: 20px;
        font-weight: 600;

    }

    .cambiar_cantidad{
        position: relative;
        top: 30px;
        left: 20px;
        font-size: 30px;
        padding-left: 20px;
        padding-right: 20px;
        cursor: pointer;

    }

    .btn_carrito{
        position: relative;
        top: 35%;
        transform: translateY(-50%);
        left: 40px;
        padding: 10px 21px;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 40px;
        color: rgba(255, 255, 255, 1);
        background: var(--color--artesanos);
        font-size: 19px;
        cursor: pointer;
        transition: all .4s ease;

    }

    .btn_carrito:hover{
        box-shadow: 10px 10px 10px rgba(0, 0, 0, .3);
    }

    .l_btn_descrip{
        position: relative;
        display: block;
        height: 50px;
        padding: 10px;
        background: rgba(0, 0, 0, .1);
        color: black;
        border: 1px solid rgba(0, 0, 0, .2);
        cursor: pointer;
    }
    
    
    .l_btn_descrip.activo{
        background: var(--color--artesanos);
        color: aliceblue;
    }
    
    .div_descripcion_info{
        position: relative;
        top: 0px;
        width: 100%;
        height: auto;
        overflow: auto;
        padding: 10px;
    }

    .h_descripcion{
        position: relative;
        width: 100%;
        text-align: center;
        font-size: 30px;
        z-index: 2;

    }

    .video_produc{
        top: 0%;
        position: relative;
        width: 100%;
    }

    .l_presale_descripcion{
        position: relative;
        top: 3%;
        left: 53%;
        transform: translate(-50%);
        color: red;
        font-size: 24px;
        width: 100%;
    }
    
    .l_presale_estreno{
        position: relative;
        top: 4%;
        left: 3%;
        color: green;
    }

    .l_cerrar_descripcion{
        position: absolute;
        left: 15px;
        top: 15px;
        font-size: 30px;
        cursor: pointer;
        z-index: 200;
    }

    .div_productos_relacionados{
        position: absolute;
        padding: 10px;
        top: 0px;
        width: 100%;
        height: 100%;
        overflow: auto;
        display: flex;
        flex-wrap: wrap;
        background: #fff;
    }

    .img_relacionados{
        position: relative;
        width: 120px;
    }

    .div_producto_relacionados{
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 18%; 
        height: 150px;
        margin: 10px;
        left: 15px;
        overflow: hidden;
        border-radius: 8px;
        border: 1px solid rgba(0, 0, 0, .3);
        background: rgba(0, 0, 0, .4);
        z-index: 3;

    }


    .div_producto_relacionados:hover .s_producto{
        bottom: 0px;

    }

    .l_presale_relation{
        position: absolute;
        top: 60%;
        left: 60%;
        transform: translate(-50%);
        color: red;
        font-size: 20px;
    }

    .varita_relation{
        position: absolute;
        top: -47%;
        left: 50%;
        transform: translate(-50%);
        text-align: center;
        width: 45px;
        height: 40px;
        background: rgba(0, 0, 0, .3);
        border-radius: 50% 50% 0 0;
        line-height: 50px;
        font-weight: 500;
        font-size: 20px;



    }

    .ocultar{
        display: none;
    }

    .div_anadir_carrito{
        position: relative;
        width: 100%;
        height: 150px;
        top: 50px;
    }

    .div_notificar_stock{
        position: fixed;
        width: 500px;
        height: 200px;
        background: #fff;
        top: -50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        border-radius: 8px;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, .3), -1px -1px 10px rgba(0, 0, 0, .3);
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        transition: all .5s ease;
    }

    .div_notificar_stock.activo{
        top: 50%;
    }

    .mail_aviso_stock{
        position: relative;
        top: 20px;
        margin: 0 20px;
        width: 100%;
        height: 40px;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 6px;
        font-size: 19px;
        padding: 10px;
        outline: none;
    }

    .btn_enviar_stock{
        position: relative;
        margin: 0 20px;
        width: 100%;
        text-align: center;
        font-size: 21px;
        background: var(--color--artesanos);
        color: aliceblue;
        border-radius: 8px;
        cursor: pointer;
        height: 45px;
        line-height: 45px;
    }

    .l_cerrar_aviso_stock{
        position: relative;
        left: 95%;
        font-size: 24px;
        height: 20px;
        cursor: pointer;
    }

    .l_aviso_stock{
        position: relative;
        margin: 10px 20px;
        width: 100%;
        height: 0px;
        background: red;
        top: 10px;
        text-align: center;
        border-radius: 8px;
        line-height: 42px;
        color: aliceblue;
        font-size: 20px;
        font-weight: 600;
        transition: all .4s ease;
    }

    .l_aviso_stock.activo{
        height: 42px;
    }

    .div_carrusel_content{
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, .8);
        z-index: 1226;
        left: 0;
        top: 0;
        display: none;
    }
    
    .div_carrusel_content.activo{
        display: block;
    }
    
    .div_carrusel{
        position: relative;
        width: 60%;
        height: 50%;
        background: #fff;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
        
        
    }
    
    .img_carrusel{
        position: relative;
        width: 100%;
        background: white;
        margin-top: 0px;
        border: 0px solid rgba(0, 0, 0, .3);
        cursor: pointer;
    }
    
    .cerrar_carrusel{
        position: absolute;
        font-size: 50px;
        left: 95%;
        top: 30px;
        cursor: pointer;
        color: aliceblue;
    }
    
    .l_copartir_enlace {
        left: 5%;
        width: 10%;
     }
    
    
    .l_enlace_copiado_descrip{
        position: absolute;
        top: 90% !important;
        left: 20% !important;
        color: red;
        transition: all .5s ease;
        opacity: 0 !important;
    }

    .l_enlace_copiado_descrip.activo{
        opacity: 1;
    }
    
    .content_videos{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start;
    }
    
    .contenido_descripcion{
        font-size: 13px;
    }
}