.top_blog{background: #223342;color: #fff;padding: 160px 0 0;margin: 0 0 80px;min-height: 680px;position: relative;box-shadow: 0 0 10px rgba(0,0,0,.1);background-color: white;}
.top_blog h1{width:100%;color: #ffffff;text-align:center;font-size: 4em;line-height: 1em;margin: 0 0 40px;z-index: 2;position: relative;text-shadow: 0 0 20px #000;padding: 40px 0 50px;background: radial-gradient(circle, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 70px);}

.carousel_blog{position:absolute;top:0;left:0;width: 100%;height: 100%;/* overflow:hidden; */}
.carousel_blog .card_note{width:100%;position:absolute;height:100%;top:0;left:0;box-shadow: initial;background: transparent;}
.carousel_blog .card_note figure{padding:0;height:100%;background: #041b37;}
.carousel_blog .card_note figure img{opacity:.5}
.carousel_blog .card_note figcaption{position:absolute;bottom: -10px;background:#fff;left: 50%;padding-bottom: 60px;transform: translate(-50%);text-align: center;box-shadow: 0 -20px 30px -20px;}
.carousel_blog .card_note figcaption strong{ font-size:2em}
.carousel_blog .card_note figcaption span.excerpt{ font-size:1.4em}
.carousel_blog .card_note figcaption span.views { justify-content:center;}
.carousel_blog .owl-nav{position:absolute;bottom: -30px;left:50%;display: flex;width: 120px;box-shadow: 0 0 10px rgba(0,0,0,.2);transform: translateX(-50%);}
.carousel_blog .owl-nav > *:hover{box-shadow:0 0 10px rgba(0,0,0,.3);z-index:2}
.carousel_blog .owl-next,.carousel_blog .owl-prev{background:#0cddc7;color:#333;width:60px;height:60px;position: relative;margin: 0;transform: initial;left: 0;transition: .4s;}

.card_note{position:relative;background: #fff;display: block;box-shadow: 0 10px 13px rgba(0,0,0,.01);}
.card_note figure{position:relative;padding: 0 0 56%;}
.card_note figure img{width:100%; height:100%; position:absolute;; object-fit:cover;}
.card_note figcaption{padding:20px;}
.card_note figcaption strong{font-weight: 900;font-size: 1.4em;display: block;line-height: 1.4em;}
.card_note figcaption span.cat{text-transform:uppercase;color: #0a6daf;display: block;margin: 0 0 10px;}
.card_note figcaption span.excerpt{display: block;margin: 0 0 20px;}
.card_note figcaption span.views{ display:flex; align-items:center;}
.card_note figcaption span.views svg{ width:1.2rem; margin: 0 5px 0 0}

.grid_blog{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap: 30px;margin: 0 0 150px;width: 100%;}

.pagination{text-align:center;padding: 0 50px;display: flex;justify-content: center;position:relative;background: #223342;grid-column: 1/4;overflow: hidden;border-radius: 10em;box-shadow: 0 0 30px rgba(0,0,0,.3);font-size: 1.2em;width: 100%;max-width: 530px;margin: 4% auto;}
.pagination *{padding: 0;height: 50px;line-height: 50px;color: #fff;width: 100%;}
.pagination .current{font-weight: 600;cursor: default;opacity: .4;}
.pagination a:hover{  background:rgba(0,0,0,.3)}
.pagination .next,.pagination .prev{position:absolute;top: 0;width: 50px;text-indent:-999px;overflow:hidden;right: 0;}
.pagination .next i,.pagination .prev i{display:none}
.pagination .next:after,.pagination .prev:after{position:absolute;text-indent: 0px;content: "";left: 0;top: 0;width: 10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;margin: calc(50% - 5px);transform: rotate(45deg);}
.pagination .prev:after{transform:rotate(220deg)}
.pagination .next{ right:0;}
.pagination .prev{ left:0;}
.pagination .dots{ border:none}

.nota{padding: 30px 20px 40px;background:#fff;box-shadow: 0 10px 13px rgba(0,0,0,.01);margin: -80px 0 100px;width:100%;}
.nota .principal{overflow:hidden;margin: 0 0 10px;}
.nota .principal:empty{ display:none}
.nota .principal img{ width:100%; height:auto;}
.nota .content_nota{max-width: 800px;margin:0 auto;}

/*maybe */
.share{margin: 40px 0 0 0;overflow: hidden;/* width: 50px; */flex-wrap: wrap;display: flex;justify-content: center;}
.share a{width: 50px;height: 50px;text-align:center;line-height: 50px;font-size: 1em;background: #f5f5f5;color: #555;border: 1px solid #f9f9f9;display: grid;place-items: center;}
.share a:after{display:none}
.share a:hover{color: #000;}
.share a.facebook{ color:#3b5998;}
.share a.twitter{ color:#1da1f2}
.share a.whatsapp{ color:#41c609}
.share a.pinterest{ color:#bd081c}
.share a.flipboard{ color:#F52828}
.share a svg { width:40%}
.share a.whatsapp.addthis_button_whatsapp{ display:none}
.share a.mail{background: #ffd300;}
.share.fixed{position:fixed;top: 75px;z-index: 2;}
.share.absolute{position:absolute;top:inherit;bottom: 40px;z-index: 2;margin: 0;}



/* mobile portrait */
@media only screen and (max-width: 799px) {
    .top_blog{min-height: 550px;padding: 120px 0 0;}
    .top_blog h1{font-size: 2.4em;}
    .grid_blog{grid-template-columns:1fr; grid-gap:20px}
    .grid_blog .pagination{ grid-column:1}
    .carousel_blog .card_note figcaption{width:92%;padding-bottom:40px;padding: 10px 10px 0px;}
    .carousel_blog .card_note figcaption strong{font-size: 1.4em;}
    .carousel_blog .card_note figcaption span.excerpt{ font-size:1em}

    .nota{padding:4%;font-size:.9em;margin-top: -120px;}
}