.page.blog{flex-direction:column;gap:4rem;display:flex;overflow-x:hidden}@media screen and (max-width:1200px){.page.blog{gap:3rem}}.page.blog>.header{background:#182d47 url(/img/blog/NavegamLogoBG.svg) 0 100%/auto 90% no-repeat;padding-block:6rem}.page.blog>.header .content{text-align:center;color:#e6e6e6;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.page.blog>.header .content .tag{color:#1c90e3;background-color:#e4e4e7;border-radius:.9rem;padding:.2rem 1rem;font-weight:500}.page.blog>.header .content h1{font-size:2.2rem;font-weight:800}.page.blog>.header .content .description{color:#a9a9a9;max-width:40rem;display:block}.page.blog .recent,.page.blog .pubs{flex-direction:column;gap:1rem;display:flex}.page.blog .recent>.title,.page.blog .pubs>.title{margin-bottom:1rem;font-size:1.3rem;font-weight:500}@media screen and (max-width:576px){.page.blog .recent>.title,.page.blog .pubs>.title{margin-bottom:0}}.page.blog .recent .list,.page.blog .pubs .list{scroll-snap-type:x mandatory;gap:2rem;display:flex;overflow:auto}.page.blog .recent .list .component.blog-post,.page.blog .pubs .list .component.blog-post{flex-direction:column;align-items:stretch;min-width:25rem;padding:.1rem;display:flex}.page.blog .recent .list .component.blog-post .img-wrapper,.page.blog .pubs .list .component.blog-post .img-wrapper{background-color:#e4e4e7;border-radius:1rem;width:100%;height:15rem;overflow:hidden}.page.blog .recent .list .component.blog-post .img-wrapper>img,.page.blog .pubs .list .component.blog-post .img-wrapper>img{object-fit:cover;transform-origin:50%;width:100%;height:100%;transition:transform .2s}.page.blog .recent .list .component.blog-post .info,.page.blog .pubs .list .component.blog-post .info{flex-direction:column;gap:.5rem;display:flex}.page.blog .recent .list .component.blog-post .info small,.page.blog .pubs .list .component.blog-post .info small{color:#1c90e3;margin-top:.4rem;font-size:.7rem}.page.blog .recent .list .component.blog-post .info span.title,.page.blog .pubs .list .component.blog-post .info span.title{justify-content:space-between;gap:1rem;font-size:1.2rem;font-weight:500;display:flex}.page.blog .recent .list .component.blog-post .info span.title>img,.page.blog .pubs .list .component.blog-post .info span.title>img{width:1.2rem;height:1.2rem;transition:height .1s ease-in-out,width .1s ease-in-out}.page.blog .recent .list .component.blog-post:hover .img-wrapper,.page.blog .pubs .list .component.blog-post:hover .img-wrapper{outline:1px solid #1c90e3;overflow:hidden}.page.blog .recent .list .component.blog-post:hover .img-wrapper>img,.page.blog .pubs .list .component.blog-post:hover .img-wrapper>img{transform:scale(1.1)}.page.blog .recent .list .component.blog-post:hover .info .title img,.page.blog .pubs .list .component.blog-post:hover .info .title img{width:1.4rem;height:1.4rem}@media screen and (max-width:576px){.page.blog .recent .list,.page.blog .pubs .list{gap:0;margin-inline:-1rem;padding-inline:1rem}.page.blog .recent .list>*,.page.blog .pubs .list>*{padding-inline:1rem}}.page.blog .recent .list{justify-content:space-between}.page.blog .recent .list .component.blog-post{flex-grow:1;max-width:49%}.page.blog .recent .list .component.blog-post>img{height:20rem}@media screen and (max-width:1200px){.page.blog .recent .list .component.blog-post>img{min-width:15rem;height:15rem}}@media screen and (max-width:576px){.page.blog .recent .list .component.blog-post{scroll-snap-align:start}.page.blog .recent .list .component.blog-post>img{min-width:15rem;height:10rem}}.page.blog .pubs .list{flex-wrap:wrap;gap:0}.page.blog .pubs .list .component.blog-post{width:33%;padding:1rem}@media screen and (max-width:1200px){.page.blog .pubs .list{flex-wrap:nowrap;gap:1rem;overflow:auto}.page.blog .pubs .list .component.blog-post{scroll-snap-align:start}.page.blog .pubs .list .component.blog-post>img{min-width:15rem;height:10rem}}