/* SOCL STYLES. HOME 2020 */

* {padding: 0; margin: 0; list-style: none;}
body {background-color: #f9f9f9; font-size: 14px; color: #333; line-height: 130%;}
#main .container {width: 100% !important; max-width: 1280px;}

.no-pad {padding: 0;}
.sector {width: 100%; height: auto; position: relative; display: block; overflow: hidden;}
.gesture {width: 30px; height: 46px; position: absolute; top: 26px; left: 78%; margin-left: -15px; opacity: 0;}
.ani-gesture {
    -webkit-animation: aniGesture 1s 2 ease-in-out;
    -moz-animation: aniGesture 1s 2 ease-in-out;
    -o-animation: aniGesture 1s 2 ease-in-out;
}

@-webkit-keyframes aniGesture {
    0% {-webkit-transform: translatex(-10px) translatey(0px); opacity: 0;}
    20% {-webkit-transform: translatex(0px) translatey(0px); opacity: 1;}
    80% {-webkit-transform: translatex(-200px) translatey(0px); opacity: 1;}
    100% {-webkit-transform: translatex(-200px) translatey(0px); opacity: 0;}
}

@-moz-keyframes aniGesture {
    0% {
        -moz-transform: translatex(-10px) translatey(0px);
        opacity: 0;
    }
    20% {
        -moz-transform: translatex(0px) translatey(0px);
        opacity: 1;
    }
    80% {
        -moz-transform: translatex(-200px) translatey(0px);
        opacity: 1;
    }
    100% {
        -moz-transform: translatex(-200px) translatey(0px);
        opacity: 0;
    }
}

@-o-keyframes aniGesture {
    0% {
        -o-transform: translatex(-10px) translatey(0px);
        opacity: 0;
    }
    20% {
        -o-transform: translatex(0px) translatey(0px);
        opacity: 1;
    }
    80% {
        -o-transform: translatex(-200px) translatey(0px);
        opacity: 1;
    }
    100% {
        -o-transform: translatex(-200px) translatey(0px);
        opacity: 0;
    }
}

.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}

.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}

.pdd1 {padding: 0 1px;}
.pdd3 {padding: 0 3px;}
.pdd5 {padding: 0 5px;}
.pdd7 {padding: 0 7px;}
.pdd9 {padding: 0 9px;}
.pdd11 {padding: 0 11px;}
.pdd13 {padding: 0 13px;}

.visible-xs {display: none!important;}
.home2019 {font-family: 'Lato', sans-serif; width: 100%; max-width: 1280px; margin: 0 auto;}
.home2019 .img-responsive {display: block; max-width: 100%; height: auto;}
.home2019 .img-link {width: 100%; height: auto; display: block; position: relative; cursor: pointer; text-decoration: none;}
.home2019 .img-link::before{content:"";width:100%;height:100%;display:block;position:absolute;top:0;left:0;background-color:rgba(255,255,255,0.7);opacity:0;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease;transition:All .3s ease}
.home2019 .img-link:hover::before {opacity: 1;}
.home2019 .lazy {display: block; width: 100%;}
.home2019 .lazy {top: 0; left: 0; opacity: 0; z-index: 2;}
.home2019 .lazyloaded {opacity: 1; transition: opacity 1s ease;}
.home2019 .preloader {width: 110px; height: 40px; position: absolute; z-index: 1; margin: 0 auto; left: 0; right: 0; top: 50%; margin-top: -20px}
.home2019 .preloader-animation {animation: preloader 750ms infinite alternate;}

@keyframes preloader {
    from {transition: opacity 750ms ease; opacity: 0; transform: scale(0.9);}
    to {opacity: 1; transform: scale(0.85);}
}

.home2019 .sector p.titulo {font-family: 'Lato', sans-serif; font-weight: normal; color: #444; width: 100%; padding: 5px 0; margin: 0; font-size: 34px;}
.home2019 .sector p.titulo:before {content: "+"; display: inline-block; position: relative; margin-right: 5px; color: #444; display: none;}
.home2019 .sector p.titulo:after {
    content: "";
    width: 80px;
    height: 6px;
    display: block;
    margin-top: 10px;
    background: rgba(221, 0, 33, 1);
    background: -moz-linear-gradient(left, rgba(221, 0, 33, 1) 0%, rgba(0, 113, 206, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(221, 0, 33, 1)), color-stop(100%, rgba(0, 113, 206, 1)));
    background: -webkit-linear-gradient(left, rgba(221, 0, 33, 1) 0%, rgba(0, 113, 206, 1) 100%);
    background: -o-linear-gradient(left, rgba(221, 0, 33, 1) 0%, rgba(0, 113, 206, 1) 100%);
    background: -ms-linear-gradient(left, rgba(221, 0, 33, 1) 0%, rgba(0, 113, 206, 1) 100%);
    background: linear-gradient(to right, rgba(221, 0, 33, 1) 0%, rgba(0, 113, 206, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#dd0021', endColorstr='#0071ce', GradientType=1);
    border-radius: 3px;
}

/* -------------- seccion 1 on-demmand -------------- */

.home2019 .caja-od {display: flex; flex-wrap: wrap; justify-content: center; width: 100%; position: relative; overflow: hidden;}
.home2019 .caja-od .bnnod {margin: 10px 7px; justify-content: space-between; position: relative; border-radius: 8px; overflow: hidden;}
.home2019 .caja-od.x1 .bnnod {width: 99%;}
.home2019 .caja-od.x2 .bnnod {width: 48.9%;}
.home2019 .caja-od.x3 .bnnod:nth-child(1) {width: 48.9%;}
.home2019 .caja-od.x3 .bnnod:nth-child(2) {width: 23.9%;}
.home2019 .caja-od.x3 .bnnod:nth-child(3) {width: 23.9%;}
.home2019 .caja-od.x4 .bnnod {width: 23.9%;}

@media (max-width: 1024px) {
    .home2019 .caja-od.x1 .bnnod {width: 100%;}
    .home2019 .caja-od.x2 .bnnod {width: 48.6%;}
    .home2019 .caja-od.x3 .bnnod:nth-child(1) {width: 48.6%;}
    .home2019 .caja-od.x3 .bnnod:nth-child(2) {width: 23.6%;}
    .home2019 .caja-od.x3 .bnnod:nth-child(3) {width: 23.6%;}
    .home2019 .caja-od.x4 .bnnod {width: 23.6%;}
}

@media (max-width: 769px) {
    .home2019 .caja-od.x1 .bnnod {width: 100%;}
    .home2019 .caja-od.x2 .bnnod {width: 47.9%;}
    .home2019 .caja-od.x3 .bnnod:nth-child(1) {width: 47.9%;}
    .home2019 .caja-od.x3 .bnnod:nth-child(2) {width: 22.9%;}
    .home2019 .caja-od.x3 .bnnod:nth-child(3) {width: 22.9%;}
    .home2019 .caja-od.x4 .bnnod {width: 22.9%;}
}

@media (max-width: 640px) {
    .home2019 .caja-od.x1 .bnnod {width: 100%;}
    .home2019 .caja-od.x2 .bnnod {width: 100%;}
    .home2019 .caja-od.x3 .bnnod:nth-child(1) {width: 100%;}
    .home2019 .caja-od.x3 .bnnod:nth-child(2) {width: 46%;}
    .home2019 .caja-od.x3 .bnnod:nth-child(3) {width: 46%;}
    .home2019 .caja-od.x4 .bnnod {width: 46%;}
}

/* ---------- seccion on-demmand ---------- */


/* ---------- seccion 2 hotseller --------- */

.home2019 .caja-hot {display: flex; width: 100%; height: auto; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.home2019 .caja-hot li.dy-big {width: 50%;}
.home2019 .caja-hot li.dy-pro {width: 49.907%; display: flex; justify-content: flex-end;}
.home2019 .caja-hot li.dy-cat {width: 100%; display: flex;}
.home2019 .recomendado{width:100%;height:auto;position:relative;display:block;border-bottom:solid 1px #fff;margin:7px 0;border-radius:8px;overflow:hidden;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease;transition:All .3s ease}
.home2019 .recomendado .producto {height: 120px; position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 15px; color: #fff; background-color: rgba(0, 0, 0, 0.4);}
.home2019 .recomendado .producto.gris {color: #666;}
.home2019 .recomendado .producto.blanco {color: #fff;}
.home2019 .recomendado .producto.negro {color: #333;}
.home2019 .recomendado .producto .herramienta {height: 21px; position: absolute; top: -25px; background-color: #333; width: 21px; right: 4px; text-align: center; font-weight: bold; color: #fff; line-height: 21px;}
.home2019 .recomendado .producto .herramienta.combo {background-color: #dd0021; width: 65px;}
.home2019 .recomendado .producto .herramienta.masbajo {background-color: #dd0021; width: 100px;}
.home2019 .recomendado .producto .herramienta.exclusivo {background-color: #dd0021; width: 136px;}
.home2019 .recomendado .producto .brand {font-size: 11px; text-transform: uppercase; font-weight: 700; line-height: 100%;}
.home2019 .recomendado .producto h3 {width: 100%; font-size: 15px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin: 0;}
.home2019 .recomendado .producto .sku {font-size: 12px; font-weight: bold;}
.home2019 .recomendado .producto .lowPrice {font-size: 22px; font-weight: 900; padding: 5px 0 0; width: max-content; color: #fff;}
.home2019 .recomendado .producto .lowPrice span {display: inline-block;}
.home2019 .recomendado .producto .lowPrice .ico-cmr {position: relative; width: 25px; margin-right: 5px; float: left;}
.home2019 .recomendado .producto .lowPrice .signo {font-size: 14px; font-weight: 400; margin-right: 3px;}
.home2019 .recomendado .producto .lowPrice .formato {font-size: 14px; font-weight: 400; margin-left: 3px;}
.home2019 .recomendado .producto .price {font-size: 14px; font-weight: 700;}
.home2019 .recomendado .producto .price span {display: inline-block;}
.home2019 .recomendado .producto .price .signo {font-size: 13px; font-weight: 400; margin-right: 3px;}
.home2019 .recomendado .producto .price .formato {font-size: 13px; font-weight: 400; margin-left: 3px;}
.home2019 .caja-hot li.dy-pro .recomendado {width: 47.8%; margin: 7px;}
.home2019 .caja-hot li.dy-cat .recomendado {width: 25%; margin: 7px;}

@media (max-width: 769px) {
    .home2019 .recomendado .producto {height: 60px; padding: 8px 8px;}
    .home2019 .recomendado .producto .brand {display: none;}
    .home2019 .recomendado .producto h3 {font-size: 14px;}
    .home2019 .recomendado .producto .sku {display: none;}
    .home2019 .recomendado .producto .lowPrice {font-size: 17px;}
    .home2019 .recomendado .producto .lowPrice .ico-cmr {width: 22px;}
    .home2019 .recomendado .producto .lowPrice .signo {font-size: 12px;}
    .home2019 .recomendado .producto .lowPrice .formato {font-size: 12px;}
    .home2019 .recomendado .producto .price {font-size: 11px;}
    .home2019 .recomendado .producto .price .signo {font-size: 11px;}
    .home2019 .recomendado .producto .price .formato {font-size: 10px;}
}

@media (max-width: 640px) {
    .home2019 .caja-hot li.dy-big {width: 100% !important;}
    .home2019 .caja-hot li.dy-pro {width: 100% !important; display: flex; justify-content: flex-end;}
    .home2019 .caja-hot li.dy-cat {width: 100% !important; display: flex; flex-wrap: wrap;}
    .home2019 .caja-hot li.dy-cat .recomendado {width: 45% !important;}
    .home2019 .recomendado .producto {height: 75px; padding: 8px 8px;}
    .home2019 .recomendado .producto .herramienta {font-size: 12px;}
    .home2019 .recomendado .producto .herramienta.combo {width: 52px;}
    .home2019 .recomendado .producto .herramienta.masbajo {width: 84px;}
    .home2019 .recomendado .producto .herramienta.exclusivo {width: 108px;}
    .home2019 .recomendado .producto .brand {display: none;}
    .home2019 .recomendado .producto h3 {font-size: 14px;}
    .home2019 .recomendado .producto .sku {display: none;}
    .home2019 .recomendado .producto .lowPrice {font-size: 18px;}
    .home2019 .recomendado .producto .lowPrice .ico-cmr {width: 22px;}
    .home2019 .recomendado .producto .lowPrice .signo {font-size: 12px;}
    .home2019 .recomendado .producto .lowPrice .formato {font-size: 12px;}
    .home2019 .recomendado .producto .price {font-size: 12px;}
    .home2019 .recomendado .producto .price .signo {font-size: 11px;}
    .home2019 .recomendado .producto .price .formato {font-size: 10px;}
}

/* --------- seccion hotseller --------- */

/* --------- seccion 3 productos ------- */

.home2019 .prod-drag {display: flex; justify-content: center; width: 100%; height: 440px; position: relative; overflow: hidden;}
.home2019 .prod-drag .item {width: 19.5%; min-width: 200px; height: 430px; margin: 5px; justify-content: space-between; background-color: #fff; border-radius: 8px;}
.home2019 .prod-drag .item:hover {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.home2019 .prod-drag .item a {color: #333; text-decoration: none;}
.home2019 .prod-drag .item a:hover {text-decoration: none;}
.home2019 .prod-drag .item img {width: 90%; margin: 10px auto; position: relative; display: block;}
.home2019 .prod-drag .item .info {padding: 5px 15px; position: relative; min-height: 176px;}
.home2019 .prod-drag .item .info .brand {color: #585858; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px;}
.home2019 .prod-drag .item .info .product {margin: 3px 0; color: #333333; font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.home2019 .prod-drag .item .info .sku {font-size: 13px; color: #666; margin-bottom: 5px;}
.home2019 .prod-drag .item .info .valores {position: relative; display: block; overflow: hidden;}
.home2019 .prod-drag .item .info .valores .ico-cmr {width: 100%; max-width: 30px; height: 45px; float: left; margin-right: 5px;}
.home2019 .prod-drag .item .info .valores .ico-cmr img {width: 100%; margin: 0;}
.home2019 .prod-drag .item .info .valores .lowPrice {font-size: 22px; margin-top: 10px;}
.home2019 .prod-drag .item .info .valores .lowPrice .signo {font-size: 1.4rem; margin-right: 3px;}
.home2019 .prod-drag .item .info .valores .lowPrice .formato {font-size: 1.2rem; margin-left: 3px;}
.home2019 .prod-drag .item .info .valores .lowPrice .ico-cmr {position: relative; width: 25px; margin-right: 10px; float: left;}
.home2019 .prod-drag .item .info .valores .price {font-size: 14px;}
.home2019 .prod-drag .item .info .valores .price .signo {margin-right: 3px;}
.home2019 .prod-drag .item .info .valores .price .formato {margin-left: 3px;}
.home2019 .prod-drag .item .info .btn-prod {width: calc(100% - 30px); height: 38px; position: absolute; border: solid 1px #dd0021; text-align: center; line-height: 38px; color: #dd0021; bottom: 15px; border-radius: 4px;}
.home2019 .prod-drag .item a:hover .info .btn-prod {background-color: #dd0021; color: #fff;}
.home2019 .prod-drag .herramienta {height: 21px; position: absolute; top: -30px; background-color: #333; width: 21px; right: 10px; text-align: center; font-weight: bold; color: #fff; line-height: 21px; z-index: 2;}
.home2019 .prod-drag .herramienta.combo {background-color: #dd0021; width: 65px;}
.home2019 .prod-drag .herramienta.masbajo {background-color: #dd0021; width: 100px;}
.home2019 .prod-drag .herramienta.exclusivo {background-color: #dd0021; width: 136px;}

@media (max-width: 1024px) {
    .home2019 .prod-drag {justify-content: inherit; height: 440px; overflow-x: auto; white-space: nowrap;}
    .home2019 .prod-drag .item {width: 30%; min-width: 250px; height: 420px;}
}

@media (max-width: 769px) {
    .home2019 .prod-drag {justify-content: inherit; height: 440px; overflow-x: auto; white-space: nowrap;}
    .home2019 .prod-drag .item {width: 30%; min-width: 215px; height: 420px;}
}

@media (max-width: 640px) {
    .home2019 .prod-drag {justify-content: inherit; height: 440px; overflow-x: auto; white-space: nowrap;}
    .home2019 .prod-drag .item {width: 53%; min-width: 240px; height: 420px;}
}

/* ----------- seccion 3 productos ----------- */

/* ----------- seccion 4 categorias ---------- */

.home2019 .catts-dest {display: flex; flex-wrap: wrap; justify-content: center; width: 100%; position: relative; overflow: hidden;}
.home2019 .catts-dest .categoria {width: 24%; margin: 10px 5px; justify-content: space-between; position: relative;}
.home2019 .catts-dest .categoria img {width: 100%; height: auto; position: relative; display: block; border-radius: 8px;}
.home2019 .catts-dest .categoria a {text-decoration: none; display: block; cursor: pointer;}
.home2019 .catts-dest .categoria .nombre{width:250px;height:60px;position:relative;margin:-30px auto 0;border-radius:4px;background-color:#fff;display:table;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease;transition:All .3s ease;z-index:2}
.home2019 .catts-dest .categoria .nombre h2{color:#333;font-size:15px;width:100%;height:100%;display:block;text-align:center;font-weight:400;display:table-cell;vertical-align:middle;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease;transition:All .3s ease;padding:0 15px}
.home2019 .catts-dest .categoria a:hover img{-webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,0.5);-moz-box-shadow:0 1px 5px 0 rgba(0,0,0,0.5);box-shadow:0 1px 5px 0 rgba(0,0,0,0.5)}
.home2019 .catts-dest .categoria a:hover .nombre{-webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,0.5);-moz-box-shadow:0 1px 5px 0 rgba(0,0,0,0.5);box-shadow:0 1px 5px 0 rgba(0,0,0,0.5)}
.home2019 .catts-dest .categoria a:hover .nombre h2 {color: #0072ce;}

@media (max-width: 1024px) {
    .home2019 .catts-dest .categoria {width: 23.6%; margin: 10px 7px;}
    .home2019 .catts-dest .categoria .nombre {width: 90%;}
    .home2019 .catts-dest .categoria .nombre h2 {font-size: 13px;}
}

@media (max-width: 769px) {
    .home2019 .catts-dest .categoria {width: 23.1%; margin: 10px 7px;}
    .home2019 .catts-dest .categoria .nombre {width: 90%;}
    .home2019 .catts-dest .categoria .nombre h2 {font-size: 13px;}
}

@media (max-width: 640px) {
    .home2019 .catts-dest .categoria {width: 45%; margin: 10px 7px;}
    .home2019 .catts-dest .categoria .nombre {width: 90%;}
    .home2019 .catts-dest .categoria .nombre h2 {font-size: 13px;}
}

/* ---------- seccion 4 categorias --------- */

/* ---------- seccion 5 especiales --------- */

.home2019 .caja-cont {display: flex; flex-wrap: wrap; justify-content: center; width: 100%; position: relative; overflow: hidden;}
.home2019 .caja-cont .bncont {margin: 7px; justify-content: space-between; position: relative; border-radius: 8px; overflow: hidden;}
.home2019 .caja-cont.x1 .bncont {width: 99%;}
.home2019 .caja-cont.x2 .bncont {width: 48.9%;}
.home2019 .caja-cont.x3 .bncont:nth-child(1) {width: 48.9%;}
.home2019 .caja-cont.x3 .bncont:nth-child(2) {width: 23.9%;}
.home2019 .caja-cont.x3 .bncont:nth-child(3) {width: 23.9%;}
.home2019 .caja-cont.x4 .bncont {width: 23.9%;}

@media (max-width: 1024px) {
    .home2019 .caja-cont.x1 .bncont {width: 100%;}
    .home2019 .caja-cont.x2 .bncont {width: 48.6%;}
    .home2019 .caja-cont.x3 .bncont:nth-child(1) {width: 48.6%;}
    .home2019 .caja-cont.x3 .bncont:nth-child(2) {width: 23.6%;}
    .home2019 .caja-cont.x3 .bncont:nth-child(3) {width: 23.6%;}
    .home2019 .caja-cont.x4 .bncont {width: 23.6%;}
}

@media (max-width: 769px) {
    .home2019 .caja-cont.x1 .bncont {width: 100%;}
    .home2019 .caja-cont.x2 .bncont {width: 47.9%;}
    .home2019 .caja-cont.x3 .bncont:nth-child(1) {width: 47.9%;}
    .home2019 .caja-cont.x3 .bncont:nth-child(2) {width: 22.7%;}
    .home2019 .caja-cont.x3 .bncont:nth-child(3) {width: 22.7%;}
    .home2019 .caja-cont.x4 .bncont {width: 22.9%;}
}

@media (max-width: 640px) {
    .home2019 .caja-cont.x1 .bncont {width: 100%;}
    .home2019 .caja-cont.x2 .bncont {width: 100%;}
    .home2019 .caja-cont.x3 .bncont:nth-child(1) {width: 100%;}
    .home2019 .caja-cont.x3 .bncont:nth-child(2) {width: 46%;}
    .home2019 .caja-cont.x3 .bncont:nth-child(3) {width: 46%;}
    .home2019 .caja-cont.x4 .bncont {width: 46%;}
}

/* --------- seccion 5 especiales --------- */

/* --------- seccion 5 campana 360 -------- */

.home2019 .caja-cont .bncont.camp360:hover {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.camp360 .logo-camp360 {position: absolute; width: 300px; height: 253px; top: 60px; left: 60px; z-index: 1; background-color: rgba(255, 255, 255, 0.6); border-radius: 8px;}
.camp360 .txt-camp360{position:absolute;width:300px;bottom:60px;right:60px;z-index:1;background-color:rgba(255,255,255,0.6);padding:20px;border-radius:8px}
.camp360 .txt-camp360 h2 {font-size: 48px; line-height: 110%; font-weight: 600; color: #333; margin: 0; text-transform: uppercase;}
.camp360 .txt-camp360 p {font-size: 18px; line-height: 140%; color: #333;}
.camp360 .txt-camp360 .link-camp360 {width: 190px; height: 36px; line-height: 36px; background: #0071ce; color: #fff; text-align: center; border: 0; font-size: 16px; border-radius: 5px; transition: 0.3s; margin-top: 10px;}
.home2019 .caja-cont .bncont.camp360:hover .txt-camp360 .link-camp360 {background-color: #333;}
.camp360-mini .link-camp360{height:36px;line-height:36px;background-color:rgba(255,255,255,0.9);color:#333;text-align:center;font-size:14px;border-radius:5px;transition:.3s;margin-top:10px;position:absolute;bottom:10px;left:10px;padding:0 15px}
.home2019 .caja-cont .bncont.camp360-mini:hover .link-camp360 {background-color: #0072ce; color: #fff;}

@media (max-width: 769px) {
    .camp360 .logo-camp360 {width: 25%; height: auto; top: 20px; left: 20px;}
    .camp360 .txt-camp360 {height: 100%; width: 36%; bottom: 0; right: 0; padding: 10px; background-color: rgba(255, 255, 255, 0.8);}
    .camp360 .txt-camp360 h2 {font-size: 4rem; line-height: 110%;}
    .camp360 .txt-camp360 p {font-size: 2rem; line-height: 120%; margin-top: 8px;}
    .camp360-mini .link-camp360 {
        width: 100%;
        height: auto;
        font-size: 13px;
        border-radius: 0px;
        bottom: 0;
        left: 0;
        line-height: 140%;
        position: relative;
        margin-top: 0;
    }
}

@media (max-width: 640px) {
    .camp360 .logo-camp360 {width: 30%; height: auto; top: 10px; left: 10px;}
    .camp360 .txt-camp360 {height: 100%; width: 40%; bottom: 0; right: 0; padding: 10px; background-color: rgba(255, 255, 255, 0.8);}
    .camp360 .txt-camp360 h2 {font-size: 1.6rem; line-height: 110%;}
    .camp360 .txt-camp360 p {font-size: 1.3rem; line-height: 120%; margin-top: 8px;}
    .camp360 .txt-camp360 .link-camp360 {display: none;}
    .camp360-mini .link-camp360 {width: 100%; height: auto; font-size: 13px; border-radius: 0px; bottom: 0; left: 0; line-height: 140%; position: relative; margin-top: 0;}
}

/* --------- seccion 5 campana 360 --------- */

/* --------- seccion 6 tarjetas ------------ */

.home2019 .caja-card{display:flex;justify-content:center;width:100%;height:auto;position:relative;overflow:hidden;flex-wrap:nowrap}
.home2019 .caja-card .cont-card{width:25%;height:auto;margin:5px;justify-content:space-between;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease;transition:All .3s ease}
.home2019 .caja-card .cont-card:hover{-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.1);box-shadow:0 0 5px 0 rgba(0,0,0,0.1)}
.home2019 .caja-card .cont-card img {width: 100%; height: auto; position: relative; display: block;}
.home2019 .caja-card .cont-card a {width: 100%; height: 100%; position: relative; display: block; border-radius: 6px; overflow: hidden; text-decoration: none; color: #333;}
.home2019 .caja-card .cont-card .info {padding: 25px; background-color: #fff; min-height: 200px; border-bottom: solid 1px #fff; border-radius: 6px 6px 0 0; position: relative; margin-top: -6px; z-index: 2;}
.home2019 .caja-card .cont-card .info .section {font-size: 14px; color: #0072ce; margin-bottom: 10px;}
.home2019 .caja-card .cont-card .info .name {margin: 0 0 5px; font-size: 16px; font-weight: normal; max-height: 34px; overflow: hidden;}
.home2019 .caja-card .cont-card .info .about {max-height: 34px; overflow: hidden;}
.home2019 .caja-card .cont-card .info .lnk{font-size:12px;font-weight:400;position:absolute;bottom:20px;border:solid 1px #0072ce;border-radius:4px;padding:6px 12px;color:#0072ce;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease;transition:All .3s ease}
.home2019 .caja-card .cont-card a:hover .lnk {color: #fff; background-color: #0072ce;}

@media (max-width: 769px) {
    .home2019 .caja-card {flex-wrap: nowrap; justify-content: inherit; height: auto; overflow-x: auto; padding-bottom: 10px;}
    .home2019 .caja-card .cont-card {width: 40%; min-width: 280px;}
    .home2019 .caja-card .cont-card .info {padding: 12px;}
}

@media (max-width: 640px) {
    .home2019 .caja-card {flex-wrap: nowrap; justify-content: inherit; height: auto; overflow-x: auto; padding-bottom: 10px;}
    .home2019 .caja-card .cont-card {width: 56%; min-width: 220px;}
}

/* -------- seccion 6 tarjetas ---------- */


/* -------- seccion 7 secciones --------- */
.home2019 .more-secc,
.home2019 .more-secc-tv {display: flex; justify-content: space-between; width: 100%; height: auto; position: relative; overflow: hidden; flex-wrap: wrap;}
.home2019 .more-secc .secc,
.home2019 .more-secc-tv .secc-tv {width: 32.2%; min-width: 100px; height: auto; margin: 7px; justify-content: space-between; background-color: #fff;}
.home2019 .more-secc .secc a,
.home2019 .more-secc-tv .secc-tv a {width: 100%; height: 100%; display: block; border-radius: 8px; overflow: hidden;}

@media (max-width: 1024px) {
    .home2019 .more-secc,
    .home2019 .more-secc-tv {flex-wrap: nowrap; justify-content: inherit; height: auto; overflow-x: auto; white-space: nowrap; padding-bottom: 10px;}
    .home2019 .more-secc .secc,
    .home2019 .more-secc-tv .secc-tv {width: 60%; min-width: 420px; height: auto;}
}

@media (max-width: 769px) {
    .home2019 .more-secc,
    .home2019 .more-secc-tv {flex-wrap: nowrap; justify-content: inherit; height: auto; overflow-x: auto; white-space: nowrap; padding-bottom: 10px;}
    .home2019 .more-secc .secc,
    .home2019 .more-secc-tv .secc-tv {width: 60%; min-width: 420px; height: auto;}
}

@media (max-width: 640px) {
    .home2019 .more-secc,
    .home2019 .more-secc-tv {flex-wrap: nowrap; justify-content: inherit; height: auto; overflow-x: auto; white-space: nowrap; padding-bottom: 10px;}
    .home2019 .more-secc .secc,
    .home2019 .more-secc-tv .secc-tv {width: 60%; min-width: 340px; height: auto;}
}

/* --------- seccion 7 secciones --------- */

/* --------- seccion 8 ayuda y seo ------- */

.home2019 .caja-ayuda {display: flex; justify-content: space-between; width: 100%; height: auto; position: relative; overflow: hidden; flex-wrap: nowrap; padding: 10px 7px;}
.home2019 .caja-ayuda .ayuda{border:solid 1px #eee;width:12.6%;min-width:100px;float:left;padding:10px 5px;position:relative;display:block;border-top:none;border-bottom-color:#f5f5f5;background-color:#f5f5f5;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease;transition:All .3s ease}
.home2019 .caja-ayuda .ayuda:nth-child(1) {border-radius: 8px 0 0 8px;}
.home2019 .caja-ayuda .ayuda:nth-child(8) {border-radius: 0 8px 8px 0;}
.home2019 .caja-ayuda .ayuda a {text-decoration: none;}
.home2019 .caja-ayuda .ayuda .icono {width: 40px; height: 40px; margin: 5px auto;}
.home2019 .caja-ayuda .ayuda .texto h3 {font-size: 13px; text-align: center; font-family: 'Lato', sans-serif; font-weight: bold; text-transform: uppercase; margin: 5px 0; color: #666; margin: 5px 0;}
.home2019 .caja-ayuda .ayuda .texto p {text-align: center; color: #666; font-size: 13px; line-height: 120%;}
.home2019 .caja-ayuda .ayuda:hover {border-bottom: solid 1px #0072ce;}
.home2019 .caja-ayuda .ayuda a:hover .texto h3 {color: #0072ce;}
.home2019 .seo {text-align: center; padding: 20px; border: solid 1px #eee; border-radius: 8px; background-color: aliceblue;}
.home2019 .seo h1 {margin: 0 0 10px; font-size: 16px; font-weight: bold; text-transform: uppercase;}
.home2019 .seo a {text-decoration: underline;}

@media (max-width: 769px) {
    .home2019 .caja-ayuda {flex-wrap: nowrap; justify-content: inherit; height: auto; overflow-x: auto; white-space: nowrap; padding-bottom: 20px;}
    .home2019 .caja-ayuda .ayuda {width: 15%; min-width: 140px;}
}

@media (max-width: 640px) {
    .home2019 .caja-ayuda {flex-wrap: nowrap; justify-content: inherit; height: auto; overflow-x: auto; white-space: nowrap; padding-bottom: 20px;}
}

/* -------- seccion 8 ayuda y seo -------- */

/* ========== MEDIAS Y QUIEBRES ========== */

@media (max-width: 1024px) {
    .home2019 .img-link::before {content: none;}
}

@media (max-width: 640px) {
    .hidden-xs {display: none!important;}
    .visible-xs {display: block!important;}
    .home2019 .sector p.titulo {font-size: 24px;}
    .home2019 .sector p.titulo:after {height: 4px; border-radius: 2px;}
    .home2019 .img-link::before {content: none;}
}