
.top_home{position:relative;margin: 0 0 7%;background: #333;min-height: 85vh;}
.top_home:after{position:absolute;bottom: -50px;left: 50%;width: 3px;height: 50px;content:'';display:block;z-index: 2;background: #333;}
.slide_wrapper{position: relative;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.slideshow{width: 100%;bottom: 0;z-index: 0;display: block;position: absolute;top:0;left:0;height:100%;}

.slideshow a {position:absolute; width:100%; height:100%;display: none;}
.slideshow a.active {display: block;}
.slideshow figcaption{position:relative;height:100%;display:flex;align-items:flex-end;background: linear-gradient(0deg,rgba(0,0,0,.2) 50%,rgba(0,0,0,0) 90%);z-index: 1;}
.slideshow figcaption .inner{padding: 2% 26% 2% 2%;color:#fff;z-index:2;position:relative;/* opacity: 0; *//* transition:.8s; *//* transition-delay:.4s; */bottom: 4%;border-radius: 2px;}
.slideshow figcaption strong{font-weight: 700;font-size: 2em;width:100%;line-height: 1.3em;margin: 0 0 10px;}
.slideshow figcaption span{font-size: 1.4em;margin: 1% 0;line-height: 1.4em;max-width: 800px;}
.slideshow figcaption em{font-style:normal;width:100%;margin: 1% 0 0;opacity: .7;}
.slideshow figcaption em i{margin: 0 1% 0 2%;}
.slideshow figcaption b{color: #0568c7;border-radius:10em;line-height: 20px;margin: 0 0 1%;font-weight: 400;text-transform: uppercase;display: none;}
.slideshow figure{ position:absolute; top:0; left:0; width:100%; height:100%;}
.slideshow figure:after{width: 3px;height: 30%;content:'';position:absolute;left:50%;bottom:0;background: #0cddc7;z-index:1;}
.slideshow figure img{width:100%;height:100%;object-fit:cover;position: absolute;z-index: 1;transform: scale(1.2);object-position: bottom;}
/*.slideshow .cocina figure img{object-position:20% center;}*/
/*.slideshow .chava figure img{object-position: 45% center;}*/
.slideshow figure img{transform: scale(1);}

/* .slideshow .active figure img{width:100%;height:100%;animation-name:makeSmall;animation-duration: 7s;animation-fill-mode: both;} */
.slideshow .dots{width: 120px;overflow:hidden;position: absolute;bottom: 13%;right: calc(14% - 50px);display: flex;justify-content: center;background: #020c15;/* background: linear-gradient(to left, #0568c7 0%,#51a5c2 100%); */padding: 0;height: 120px;flex-wrap: wrap;overflow: hidden;border-radius: 2px;box-shadow: 0 0 30px #000;z-index: 1;}
.slideshow .dots div:hover,.slideshow .dots div.active{opacity:1;background: #0cddc7;color: #333;}
.slideshow .dots div.active:after{content:''; display:block; height:3px; width:100%; position:absolute; top:0; left:0; background:#fff}
.slideshow .dots div{width: 50%;display: flex;height: 50%;color: #0cddc7;align-items: center;transition: .4s;font-size: 1.4rem;padding: 0;position: relative;background: transparent;justify-content: center;cursor: pointer;}
.slideshow .dots div img{width: 80%;height: 100%;position: absolute;object-fit: cover;border-radius: 4px;left: 10px;top: 0;opacity: 0;display: none;}
.slideshow .dots div strong{position:relative;font-weight:900;font-size: .8em;z-index: 2;width: 100%;text-align: center;padding: 0 10px;opacity: 0;display: none;}
.slideshow .dots div i{position: absolute;border: none;width: 15px;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 1.4em;z-index: 2;font-weight: 900;left: 50%;z-index: 1;top: 0;transform: translate(-50%);}
.slideshow .dots div.active:after{ display:none;}
@keyframes makeSmall {
  from {
    transform:scale(1.2);
  }
  to {   
    transform: scale(1);
  }
}

.home_noticias{padding: 4% 0 6%;background: #223342;}

.carousel_home{width:100%;overflow:hidden;display: grid;grid-template-columns: repeat(4,100%); -webkit-overflow-scrolling: touch;overflow-x: scroll;scroll-snap-type: x mandatory; scrollbar-width: none; /* Firefox */-ms-overflow-style: none; /* IE 10+ */}
.carousel_home .item figure{position:relative;width: 60%;height: 500px;border-radius: 2px;overflow: hidden;box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.carousel_home .item figure a{position:relative;display: flex;align-items: center;justify-content: center; height:100%;}
.carousel_home .item figure img{position:absolute;top:0;left:0;width: 100%;height: 100%;object-fit: cover;background: #eee;color: transparent;}
.carousel_home .item{display:flex;align-items:center;justify-content:center;padding: 2%;min-height: 550px;scroll-snap-align: center;}
.carousel_home .item .txt{width: 40%;padding: 4%;background: #fff;}
.carousel_home .item .txt h1{font-size: 1.6em;line-height: 1.4em;}
.carousel_home .item .txt p{font-size: 1.2em;margin:0 0 20px;line-height: 1.6em;}
.carousel_home .item .txt .categoria{text-transform:uppercase;color: #0a6daf;margin: 0 0 20px;display: block;}
.carousel_home .item .txt .views{ display: flex}
.carousel_home .item .txt .views svg{width: 1.4rem;margin: 0 5px 0 0;}
.custom_arrows{position: absolute;z-index: 9;left: calc(50% - 70px);display: flex;/* transform: translateX(-50%); */background: #0cddc7;border-radius: 2px;overflow: hidden;bottom: 0;}
.custom_arrows button {z-index: 1;display: grid;width: 70px;height: 70px;color: #303030;text-align: center;line-height: 70px;background: #0cddc7;overflow: hidden;place-items: center;}
.custom_arrows button span{position:absolute;left:-9999px;}
.custom_arrows button:hover {z-index: 2;box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 1);}
.custom_arrows button::after {content:'';display:block;width:10px;height:10px;border-right: 2px solid #333;border-top: 2px solid #333;transform: rotate(45deg);}
.custom_arrows button.custom-prev{transform: rotate(180deg);}


/* mobile portrait */
@media only screen and (max-width: 799px) {


.slideshow figcaption strong{font-size: 1.1em;line-height: 1.4em;/* min-height: 4em; */margin-bottom: 5px;}
.slideshow figure:after{height:22%}
.slideshow figcaption strong:before{content:'';display:block;width: 80px;height: 20px;float:right;}
.slideshow figcaption strong br{ display:none}

.slideshow figcaption .inner{padding: 2% 4%;}
.slideshow .active figcaption .inner{bottom:10px}
.slideshow figcaption em{white-space:nowrap;margin: 0;}
.slideshow .dots{width: 80px;height: 80px;bottom: 80px;right: calc(14% - 40px);}
.slideshow .dots .dots-button{font-size:1rem}
.slideshow .dots .dots-button:hover{color:#0cddc7; background:transparent;}
.slideshow .dots .dots-button.active{background:#0cddc7;color:#333;}

.top_home{margin: 0 0 20%;min-height: 400px;}

.carousel_home .item{flex-wrap:wrap;}
.carousel_home .item .txt{width: 90%;margin: 0 10% 0 0;padding: 4% 4% 20px;}
.carousel_home .item figure{height: 230px;width: 80%;margin: -50px 0 0 20%;}
.carousel_home .item .txt h1{font-size: 1.4em;}
.carousel_home .item .txt p{font-size: 1em;}

.home_noticias{padding:8% 0 12%}

}