#index{}
#index .ctn-index{margin-top: 10px;}
#index .ctn-index .ctn-slide{padding: 0;}
#index .ctn-index .ctn-slide .item .info-prod{position: absolute; bottom: 30px; left: 0;}
#index .ctn-index .ctn-slide .item .info-prod h3{font-family: semi; font-size: 63px; color: #232323; text-transform: uppercase;}
#index .ctn-index .ctn-slide .item .info-prod h3 span{ padding:0 23px 0 30px; display: inline-block;}
#index .ctn-index .ctn-slide .item .info-prod .ctn-desc{font-family: regular; font-size: 17px; color: #000; padding-left: 30px; margin-top: 15px;display: block;float: left;position: relative;margin-bottom: 20px;max-width: 500px;}
#index .ctn-index .ctn-slide .item .info-prod .ver{margin-left: 30px; margin-top: 5px; display: inline-block;}
#index .ctn-index .ctn-slide .item iframe, #index .ctn-index .ctn-slide .item video{width: 100%; height: 390px;}


#index .ctn-index .ctn-catalogo{margin-top: 44px; margin-bottom: 45px;}
#index .ctn-index .ctn-catalogo .title-catalogo{margin:0; text-align: center; font-family: semi; font-size: 21px; color: #232323; border:1px solid #000; padding: 10px;text-transform: uppercase;}
#index .ctn-index .ctn-catalogo .ctn-izq,
#index .ctn-index .ctn-catalogo .ctn-der{padding: 0;}
#index .ctn-index .ctn-catalogo .ctn-images-catalogo{padding-top: 23px;}
#index .ctn-index .ctn-catalogo .ctn-images-catalogo .catalogo .items-catalogo{position: relative; overflow: hidden;}
#index .ctn-index .ctn-catalogo .ctn-images-catalogo .catalogo .items-catalogo img{transition: 0.3s}
#index .ctn-index .ctn-catalogo .ctn-images-catalogo .catalogo .items-catalogo:hover img{transform: scale(1.05,1.05);}
#index .ctn-index .ctn-catalogo .ctn-images-catalogo .catalogo .items-catalogo .link-item{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
#index .ctn-index .ctn-catalogo .ctn-images-catalogo .catalogo .infor{position: absolute; bottom: 20px; width: 100%; }
#index .ctn-index .ctn-catalogo .ctn-images-catalogo .catalogo .infor a{width:49px; height: 49px; display: flex;align-items: center;justify-content: center;  position: absolute;right: 14px;bottom: 0;}
#index .ctn-index .ctn-catalogo .ctn-images-catalogo .catalogo .infor .tipo{font-family: semi; font-size: 37px; text-transform: uppercase; color: #232323; margin-bottom: 25px;}
#index .ctn-index .ctn-catalogo .ctn-images-catalogo .catalogo .infor .tipo span{padding: 12px 42px 12px 32px;text-transform: uppercase;display: inline-block;}
#index .ctn-index .ctn-catalogo .ctn-images-catalogo .catalogo .infor .marca{font-family: semi; font-size: 27px; color: #232323; display: inline-block;}
#index .ctn-index .ctn-catalogo .ctn-images-catalogo .catalogo .infor .marca span{padding: 7px 22px 7px 32px;}
#index .ctn-index .ctn-catalogo .ctn-images-catalogo .catalogo .infor .font-big{font-size: 42px; margin-bottom: 30px;display:inline-block; }
#index .ctn-index .ctn-catalogo .ctn-images-catalogo .catalogo .infor .font-big span{padding: 15px 47px 15px 37px; }
#index .ctn-index .ctn-catalogo .ctn-images-catalogo .catalogo .infor .font-big1{font-size: 31px; }
#index .ctn-index .ctn-catalogo .ctn-images-catalogo .catalogo .infor .font-big1 span{padding: 8px 18px 8px 37px; }
#index .ctn-index .ctn-promociones {margin-bottom: 60px;}
#index .ctn-index .ctn-promociones .titulo-descuentos{color: #FFF; padding: 5px 15px;}


#index .ctn-index .ctn-promociones .prom{padding: 32px 0 0;}
#index .ctn-index .ctn-promociones .prom .item{overflow: hidden;}
#index .ctn-index .ctn-promociones .prom .item .item-destacado-prod .ctn-img{position: relative; margin-bottom: 15px;}
#index .ctn-index .ctn-promociones .prom .item .item-destacado-prod .ctn-img img{transition: 0.3s;}
#index .ctn-index .ctn-promociones .prom .item .item-destacado-prod:hover .ctn-img img{transform: scale(1.05,1.05);}
#index .ctn-index .ctn-promociones .prom .item .item-destacado-prod .ctn-img .descuento{position: absolute; top: 20px; left: 0;} 
#index .ctn-index .ctn-promociones .prom .item .item-destacado-prod .ctn-img .descuento p{background: url(../../../Imagenes/Sistema/label_descuento.png) no-repeat; font-family: semi; font-size: 23px; color: #FFF; padding: 4px 15px; background-position: right center;} 
#index .ctn-index .ctn-promociones .prom .item .item-destacado-prod .ctn-img .precio{position: absolute; top: 20px; right: 0; color: #232323; font-size: 20px; text-align: center; padding: 5px 10px; font-family: semi;}
#index .ctn-index .ctn-promociones .prom .item .item-destacado-prod .txt-item {padding: 0;}
#index .ctn-index .ctn-promociones .prom .item .item-destacado-prod .txt-item a{float: left; text-align: justify; color: #232323; font-family: semi; font-size: 17px; width: 100%;}
/* #index .ctn-index .ctn-promociones .prom .item .item-destacado-prod .txt-item a{float: left; text-align: left; color: #232323; font-family: semi; font-size: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 36px);} */
#index .ctn-index .ctn-promociones .prom .item .item-destacado-prod .txt-item .ctn-btn{float: right; font-size: 20px; color: #232323;}


#index .ctn-index .ctn-promociones .owl-theme .owl-nav [class*=owl-]{position: absolute; top: 45%; background-color: transparent; margin: 0; padding: 0;}
#index .ctn-index .ctn-promociones .owl-theme .owl-nav [class*=owl-prev]{left: 0;}
#index .ctn-index .ctn-promociones .owl-theme .owl-nav [class*=owl-next]{right: 0;}
#index .ctn-index .ctn-videos{padding:23px 15px; background-color: rgba(0,0,0,0.05); margin: 25px 0;}
#index .ctn-index .ctn-videos .videos{padding: 28px 50px 0;}
#index .ctn-index .ctn-videos .videos iframe{width: 100%; height: 490px;}
#index .ctn-index .ctn-videos .otros-videos{padding: 30px 196px;}
#index .ctn-index .ctn-videos .otros-videos div{}
#index .ctn-index .ctn-videos .otros-videos > div a{position: absolute;top: 0; left: 0; right: 0; bottom: 0; display: flex;align-items: center;justify-content: center;}
#index .ctn-index .ctn-videos .otros-videos > div a img{ object-fit: cover; position: relative; transition: 0.5s ease;}
#index .ctn-index .ctn-videos .otros-videos > div iframe{width: 100%; height: 100px;}
#index .ctn-index .ctn-videos .otros-videos > div:hover a img{transform: scale(1.05, 1.05);box-shadow: 1px 7px 10px #000;background-color: #000;}
#index .ctn-index .ctn-videos .otros-videos div{padding: 0 10px;}
#index .ctn-index .ctn-videos .otros-videos a{display: inline-block; margin-right: 9px;}
#index .ctn-index .ctn-videos .otros-videos a:last-child{margin-right: 0;}
#index .ctn-index .ctn-videos .ctn-btn{text-align: center; }
#index .ctn-index .ctn-blog{margin-bottom: 30px;}
#index .ctn-index .ctn-blog .blog-item .info{padding:15px 70px 15px 20px; position: absolute; bottom: 37px;max-width: 460px;}
#index .ctn-index .ctn-blog .blog-item .item{padding: 0;overflow: hidden;}
#index .ctn-index .ctn-blog .blog-item .item img{transition: 0.3s;}
#index .ctn-index .ctn-blog .blog-item .item:hover img{transform: scale(1.05,1.05);}
/*#index .ctn-index .ctn-blog .blog-item .item{height:307px;}*/
#index .ctn-index .ctn-blog .blog-item .item .info{bottom: 15px;}
#index .ctn-index .ctn-blog .blog-item .info h3{font-family: semi; font-size: 24px; color: #232323; margin-top: 0;text-transform: uppercase;}
#index .ctn-index .ctn-blog .blog-item .info p{font-family: regular; font-size: 15px; color: #000; margin: 0;}
#index .ctn-index .ctn-blog .blog-item .info a{width:49px; height: 49px; display: flex;align-items: center;justify-content: center;  position: absolute;right: 14px;bottom: 0;}
#index .ctn-index .ctn-blog .blog-item { margin-top: 25px;}
/*#index .ctn-index .ctn-blog .blog-item .img-blog{width: 100%; height: 100%;}*/


#index .categorias-usuario {padding: 0;}
#index .ctn-servicio{padding: 0;}

#index .categorias-usuario .ctn-titulo-categorias{margin-bottom: 25px;}

#index .categorias-usuario .ctn-titulo-categorias .title{text-transform:uppercase; font-family:semi; font-size: 21px; color: #232323; text-align: center; margin: 0;}
#index .categorias-usuario .ctn-titulo-categorias .title::after{content: ''; display: block; width: 50px; margin: 0 auto; display: block; height: 4px; background-color: var(--color1);}










@media(min-width: 1220px){
    #index .ctn-index .ctn-blog,
    #index .ctn-index .ctn-videos,
    #index .ctn-index .ctn-catalogo,
    #index .ctn-index .ctn-promociones,
    #index .ctn-index .ctn-slide{padding-left: 0; padding-right: 0;}
}

@media(max-width: 1024px){
    #index .ctn-index .ctn-slide .item iframe, #index .ctn-index .ctn-slide .item video{height: 341px;}
}

@media(max-width: 991px){
    #index .ctn-index .ctn-slide .item .info-prod h3{font-size: 30px; }
    #index .ctn-index .ctn-catalogo .ctn-images-catalogo .catalogo .infor .tipo{font-size: 20px !important; }
    #index .ctn-index .ctn-catalogo .ctn-images-catalogo .catalogo .infor .tipo span{ padding: 10px 20px !important;}
    #index .ctn-index .ctn-catalogo .ctn-images-catalogo .catalogo .infor .marca{font-size: 15px !important;}
    #index .ctn-index .ctn-catalogo .ctn-images-catalogo .catalogo .infor .marca span{padding: 7px 15px!important;}
    #index .ctn-index .ctn-blog .blog-item .info a{right: 0;}
    #index .ctn-index .ctn-blog .blog-item .info h3{font-size: 20px;}
    #index .ctn-index .ctn-blog .blog-item .info p{font-size: 15px;}
    #index .ctn-index .ctn-blog .blog-item .info p br{display: none;}
     #index .ctn-index .ctn-blog .blog-item .item{height: auto;}
     #index .ctn-index .ctn-slide .item iframe, #index .ctn-index .ctn-slide .item video{height: 256px;}
}

@media(min-width: 768px) and (max-width: 1220px){
    #index .ctn-index .ctn-videos .otros-videos{padding:20px 70px;}
}

@media(min-width: 768px) and (max-width: 991px){
    #index .ctn-index .ctn-slide .item .info-prod p{font-size: 13px;}

}

@media(max-width: 767px){
    #index .ctn-index .ctn-slide .item .info-prod{position: relative;top: 0; bottom: 0;}
    #index .ctn-index .ctn-slide .item .info-prod p,
    #index .ctn-index .ctn-slide .item .info-prod h3 span{padding: 0; margin: 0;}
    #index .ctn-index .ctn-slide .item .info-prod p br,
    #index .ctn-index .ctn-slide .item .info-prod h3 br{display: none;}
    #index .ctn-index .ctn-slide .item .info-prod button{margin-left:0;}
    #index .ctn-index .ctn-catalogo .ctn-izq,
    #index .ctn-index .ctn-catalogo .ctn-der{height: auto; padding: 0;}
    /*#index .ctn-index .ctn-catalogo .ctn-images-catalogo .catalogo .item{height: 250px; margin-bottom: 15px;}*/
    #index .ctn-index .ctn-catalogo .ctn-images-catalogo .catalogo .infor .tipo span{ padding: 12px 42px 12px 32px !important;}
    #index .ctn-index .ctn-catalogo .ctn-images-catalogo .catalogo .infor .marca span{padding: 7px 22px 7px 32px !important;}
    #index .ctn-index .ctn-catalogo{margin:20px 0;}
    #index .ctn-index .ctn-videos .videos{padding:20px 0;}
    #index .ctn-index .ctn-videos .otros-videos{display: none;}
    #index .ctn-index .ctn-videos .otros-videos a{display: block; margin: 0; margin-bottom: 15px;}


    #index .ctn-index .ctn-blog .blog-item{height: auto; margin-bottom: 0;}
    #index .ctn-index .ctn-blog .blog-item .item{margin-bottom: 20px; height: auto;}
    #index .ctn-index .ctn-blog .blog-item .info{padding: 15px; bottom: 20px!important;}

    #index .ctn-index .ctn-blog .blog-item .info a{bottom: -20px; }
    #index .ctn-index .ctn-catalogo .ctn-images-catalogo .catalogo .items-catalogo{margin-bottom: 10px;}
    #index .ctn-index .ctn-slide .item .info-prod {padding: 15px;text-align: center;}
    #index .ctn-index .ctn-slide .item .info-prod .ctn-desc{padding: 0;max-width: none;}
    #index .ctn-index .ctn-slide .item .info-prod .ver{margin-left: 0;}
    #index .ctn-index .ctn-videos .videos iframe{height: 300px;}
    #index .ctn-index{margin-top: 0;}
    #index .ctn-index .ctn-promociones .prom .item .item-destacado-prod .ctn-img .precio{font-size: 15px;}
    #index .ctn-index .ctn-promociones .prom .item .item-destacado-prod .ctn-img .descuento p{font-size: 21px;}
    #index .ctn-index .ctn-slide .item iframe, #index .ctn-index .ctn-slide .item video{height: 240px;}
}


@media(max-width: 479px){
    #index .ctn-index .ctn-slide .item .info-prod button{margin: 10px auto; display: block;}
    #index .ctn-index .ctn-blog .blog-item .item .info{position: relative;}
    #index .ctn-index .ctn-videos .videos iframe{height: 250px;}
    #index .ctn-index .ctn-slide .item iframe, #index .ctn-index .ctn-slide .item video{height: 200px;}

    #index .ctn-index .ctn-promociones .prom .item .item-destacado-prod .ctn-img .descuento p{
        font-size: 12px;
    }
    #index .ctn-index .ctn-promociones .prom .item .item-destacado-prod .ctn-img .precio{
        font-size: 12px;
    }
    #index .ctn-index .ctn-promociones .prom .item .item-destacado-prod .txt-item a{
        font-size: 11px;
        font-family: regular;
    }
    #index .ctn-index .ctn-promociones .prom .item .item-destacado-prod .ctn-img{
        margin-bottom: 10px;
    }
    #index .ctn-index .ctn-promociones .prom .item .item-destacado-prod .ctn-img .descuento{
        top: 5px;
    }
    #index .ctn-index .ctn-promociones .prom .item .item-destacado-prod .ctn-img .precio{
        top: 5px;
        padding: 5px;
    }

    /* #index .ctn-index .ctn-promociones .prom .item .item-destacado-prod .txt-item {padding: 0 3px;} */
    #index .ctn-index .ctn-promociones .prom .item .item-destacado-prod .txt-item {padding: 0; }
}