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