#header{text-align:center;min-height:596px;display:flex;align-items:center;justify-content:center;background:url(https://content.araner.com/hubfs/CW-WEB2020/BLOG/back-header-blog@2x.jpg) no-repeat center center;background-size:cover}h1{width:100%;max-width:660px;color:#fff}#header .hs-search-field__bar form{display:flex;border:1px solid #d6d4dd;border-radius:3px}#header .hs-search-field__bar .hs-search-field__input{height:55px;width:calc(100% - 60px);margin:0;padding:15px;border:0;color:#747474;font-family:Lato;font-size:16px}#header .hs-search-field__bar button{width:60px;margin:0;padding:0;-webkit-appearance:none;background:#fff url(https://content.araner.com/hubfs/CW-WEB2020/BLOG/lupa@2x.png) no-repeat center center;background-size:27px;border:0}#header .hs-search-field__bar button>span{display:none}#header .hs-search-field__suggestions{display:none}#post_filter{position:relative;top:-30px}#post_filter ul{display:flex;align-items:stretch;justify-content:center;list-style:none;margin:0;padding:0}#post_filter li{width:100%;text-align:center;background:#000;position:relative}#post_filter li a{font-size:14px;font-weight:bold;letter-spacing:1px;line-height:17px;color:#a2a2a2;text-decoration:none;text-transform:uppercase;padding:20px 30px;display:block;cursor:pointer;width:100%;border-right:1px inset #3a3a3a}#post_filter li:hover a,#post_filter li.active a{color:#fff}#post_filter ul>li:hover:after,#post_filter li.active:after{width:100%}#post_filter ul>li:after{content:"";position:absolute;top:calc(100% - 5px);left:0;width:0;background:#8fce3b;height:5px;-ms-transition:width .2s ease-in;-webkit-transition:width .2s ease-in;transition:width .2s ease-in}#post_filter ul>li.grey{background:#111}#post_filter li.active,#post_filter ul>li.grey.active{background-color:var(--green)}.blog.list{background:#f5f6f9}.blog-section .grid{position:relative;width:100%;padding:0;list-style:none;display:flex;margin:17px 0}.blog-section .post-listing{display:flex;flex-wrap:wrap;justify-content:space-between}.blog.list .grid-sizer{width:22%}.blog.list .grid-gutter{width:4%}.blog.list .post-item{width:22%;min-width:360px;position:relative;margin:17px 0;float:left}.blog.list .post-item .hs-featured-image{width:100%;float:none;margin:0;max-width:100%;max-height:200px}.blog.list .post-item .content,.related-posts-grid .content{padding:20px 30px 95px;position:relative;overflow:hidden;background:#fff}.blog.list .post-header h3,.blog.list .post-header h3 a,.related-posts-grid h3 a{width:100%;text-decoration:none;text-align:left;margin:5x auto 25px;position:relative;color:#000;font-family:'Century Gothic';font-size:22px;letter-spacing:0;line-height:29px;text-transform:uppercase;font-weight:400}.blog.list .hs-featured-image-wrapper,.related-posts-grid .hs-featured-image-wrapper{position:relative;overflow:hidden;height:280px}.blog.list .hs-featured-image-wrapper .inside-img,.related-posts-grid .hs-featured-image-wrapper .inside-img{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;-webkit-transition:transform .5s ease 0s;-moz-transition:transform .5s ease 0s;-o-transition:transform .5s ease 0s;transition:transform .5s ease 0s}.blog.list .post-item:hover .inside-img,.related-posts-grid .post-item:hover .inside-img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.blog.list #hubspot-author_data.date{color:#363936;font-family:'Roboto',sans-serif;font-size:11px;line-height:13px;font-weight:300;margin:0;position:absolute;bottom:0;right:0;background:#ebebeb;padding:9px 13.5px}.blog.list a.more-link,.related-posts-grid a.more-link{color:var(--dark-grey);text-transform:uppercase;font-family:'Century Gothic';font-size:14px;padding:25px 95px 25px 20px;position:absolute;bottom:0;right:0;line-height:25px;text-decoration:none}.blog.list a.more-link:after,.related-posts-grid a.more-link:after{position:absolute;width:75px;height:100%;content:'';top:0;right:0;background:#333 url(https://content.araner.com/hubfs/CW-WEB2020/DH/triangulo-boton@2x.png) center center no-repeat;background-size:8px}.blog.list a.more-link:hover:after,.related-posts-grid a.more-link:hover:after{background:#007800 url(https://cdn2.hubspot.net/hubfs/1802697/CW-WEB2020/generic-files/triangulo-boton@2x.png) center center no-repeat;background-size:8px}.blog.list .post-body p,.blog.list .post-body{color:var(--dark-grey);font-family:Lato;font-size:16px;font-weight:300;line-height:23px;margin:0 0 15px}.blog.list .post-body ul{padding:0;margin:0;list-style:none;font-size:16px;font-weight:300;line-height:22px;margin:0 0 40px}.blog.list .categories p#hubspot-topic_data,.related-posts-grid .categories p#hubspot-topic_data{color:#007800;font-family:'Century Gothic';font-size:12px;font-weight:bold;letter-spacing:1.71px;text-decoration:none;display:block;margin:0}.blog-pagination a{color:#b6b4be}.blog-pagination.increnta-pag{float:left;width:100%;margin:20px 0;display:flex;justify-content:center}.increnta-pag .blog-pagination-left,.increnta-pag .blog-pagination-right,.increnta-pag .blog-pagination-center{float:left}.increnta-pag.blog-pagination a.page-number{color:#b6b4be;font-family:'Century Gothic';font-size:16px;font-weight:300;line-height:22px;margin:0;display:inline-block;padding:10px 15px;text-decoration:none}.increnta-pag.blog-pagination a.page-number.active,.increnta-pag.blog-pagination a.page-number:hover{border:1px solid #b6b4be}.blog.post .post-header{background-size:cover !important;min-height:400px;display:flex;align-items:flex-end;padding:40px;justify-content:space-between;flex-wrap:wrap}.blog.post .post-header h1{margin:0}.blog.post .post-header .topic-container{padding:20px 60px 20px 30px;background-color:var(--green);max-width:390px}.blog.post .post-header .topic-container p{margin:0;font-family:'Century Gothic';color:#fff;font-family:'Century Gothic';font-size:12px;font-weight:bold}.blog.post .post-header .topic-container a{color:#fff;text-decoration:none;font-family:'Century Gothic';font-size:12px;font-weight:bold;letter-spacing:1.71px;line-height:25px;text-transform:uppercase}.blog.post #post_filter{position:initial;margin-top:10px}.blog.post .breadcrumb{margin:30px 0}.blog.post .breadcrumb .actual span{color:#007800}.blog.post .post-body p,.blog.post .post-body li,.blog.post .post-body a,.blog.post .post-body em{color:var(--dark-grey);font-family:Lato;font-size:16px;font-weight:300}.blog.post .post-body{max-width:1050px;margin:60px auto 0 auto}.blog.post .post-body p{margin-bottom:30px}.blog.post .post-body h2{font-size:24px;font-weight:300;color:#000;line-height:1.3em;margin-top:50px;letter-spacing:0}.blog.post .post-body h3{font-size:18px;font-weight:300;color:#000;line-height:1.3em;margin-top:40px;letter-spacing:0}.blog.post .post-body img{max-width:100%}.related-posts-grid{background:#f5f6f9}.related-posts-grid h2{margin-top:0}.related-posts-grid .post-item .post-body{max-width:auto;margin:20px auto 0 auto}#blog_results{padding:50px 0}#blog_results .hs-search-results{max-width:1050px;margin:0 auto;float:none}#blog_results .hs-search-results__title{color:#000;font-family:'Century Gothic';font-size:22px;font-weight:300;text-decoration:none;text-transform:uppercase;margin:20px 0 5px;display:inline-block}#blog_results #hsresults li{padding-bottom:30px;border-bottom:1px solid #d6d4dd;color:var(--dark-grey)}#blog_results #hsresults li:last-child{border-bottom:0}@media(max-width:1660px){.blog.list .grid-sizer{width:31.333%}.blog.list .grid-gutter{width:3%}.blog.list .post-item{width:31.333%}}@media(max-width:1230px){.blog.list .grid-sizer{width:48.5%}.blog.list .grid-gutter{width:3%}.blog.list .post-item{width:48.5%}}@media(max-width:810px){.blog.list .grid-sizer{width:100%}.blog.list .grid-gutter{width:2%}.blog.list .post-item{width:100%}}@media(max-width:767px){.blog.post #post_filter ul{flex-wrap:wrap;justify-content:flex-start}#post_filter li{width:auto;background:#fff}#post_filter li a{color:var(--dark-grey);padding:20px 15px 10px 15px}#post_filter li:hover{background-color:#fff}#post_filter li:hover a{color:#8fce3b}.blog.list #post_filter ul{flex-wrap:wrap;justify-content:flex-start}.blog.list #post_filter li{width:auto;background:transparent}.blog.list #post_filter{position:initial}.blog-section .grid{margin-top:0}.related-posts .related-button{min-width:75px;max-width:75px;background:#fff !important;min-height:auto;height:auto}.related-posts .related-button .next-button{top:18px}.related-posts .related-button .prev-button{top:18px}.related-posts a h3{font-size:18px}.related-posts-grid .post-item:not(:first-child){margin-top:30px}}@media(max-width:600px){.related-posts .related-content{width:100%;padding-bottom:80px}.related-posts .next-post{flex-wrap:wrap-reverse;flex-direction:row}.related-posts .related-button .next-button{left:20px}.related-posts .related-button .prev-button{right:20px}.related-posts .prev-post{flex-wrap:wrap-reverse;flex-direction:row}.related-posts .related-button .prev-button,.related-posts .related-button .next-button{top:auto}.related-posts .related-button{min-width:100%;max-width:100%}.related-posts .prev-post .related-content{text-align:right;padding:0 20px 80px 0}.related-posts .next-post .related-content{padding:0 0 80px 20px}.blog.post h1{font-size:28px;letter-spacing:1px;line-height:1.3em}.blog.post .post-header{padding:40px 15px}.related-posts a h3{font-size:16px}}