section.blog-listing-content-module .blog-listing-template{align-items:center;display:flex;flex-direction:column}section.blog-listing-content-module .blog-listing-template.container{margin:2rem auto}section.blog-listing-content-module .blog-listing-template .title{margin-bottom:1.5rem}section.blog-listing-content-module .blog-listing-template .wrapper-tags{margin-bottom:2.5rem}section.blog-listing-content-module .blog-listing-template .wrapper-tags ul{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:2rem;max-width:100%;overflow-x:scroll;width:max-content}section.blog-listing-content-module .blog-listing-template .wrapper-tags ul .tag{background-color:#faf8f7;min-width:max-content;padding:.5rem 1.5rem}section.blog-listing-content-module .blog-listing-template .wrapper-tags ul .tag.active{background-color:#4820cd;color:#fff}section.blog-listing-content-module .blog-listing-template .wrapper-posts{display:flex;flex-wrap:wrap;gap:2rem}section.blog-listing-content-module .blog-listing-template .wrapper-posts .post{color:inherit;display:flex;flex-direction:column;position:relative;text-decoration:none;width:calc(33.33333% - 1.33333rem)}section.blog-listing-content-module .blog-listing-template .wrapper-posts .post .wrapper-img{border-radius:4px;height:310px;margin-bottom:1.5rem;object-fit:cover;object-position:top;overflow:hidden;position:relative;width:100%}section.blog-listing-content-module .blog-listing-template .wrapper-posts .post .wrapper-img:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' fill='none' viewBox='0 0 21 21'%3E%3Cpath fill='%23fff' d='M14.337 3.947-.007 18.291l2.357 2.357L16.694 6.304v12.643h3.333V.614H1.694v3.333z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:20px;content:"";height:21px;opacity:0;position:absolute;right:20px;transform:translate(41px,41px);transition:opacity .3s ease-in-out,transform .3s ease-in-out;width:21px;z-index:1}section.blog-listing-content-module .blog-listing-template .wrapper-posts .post .wrapper-img .picture{height:100%;object-fit:cover;object-position:top;transform-origin:center;transition:transform .7s ease-out;width:100%}section.blog-listing-content-module .blog-listing-template .wrapper-posts .post .wrapper-content .wrapper-info{align-items:center;display:flex;margin-bottom:1rem}section.blog-listing-content-module .blog-listing-template .wrapper-posts .post .wrapper-content .wrapper-info .tag{margin-right:1rem}section.blog-listing-content-module .blog-listing-template .wrapper-posts .post .wrapper-content .wrapper-info .date{color:#241066;font-weight:600;margin-right:.5rem}section.blog-listing-content-module .blog-listing-template .wrapper-posts .post .wrapper-content .wrapper-info .time{color:#241066;font-weight:600;padding-left:.5rem;position:relative}section.blog-listing-content-module .blog-listing-template .wrapper-posts .post .wrapper-content .wrapper-info .time:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='4' fill='none' viewBox='0 0 3 4'%3E%3Ccircle cx='1.266' cy='2.106' r='1.266' fill='%23FF4F00'/%3E%3C/svg%3E");content:"";height:4px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}section.blog-listing-content-module .blog-listing-template .wrapper-posts .post .wrapper-content .title{margin-bottom:.5rem}section.blog-listing-content-module .blog-listing-template .wrapper-posts .post:hover .wrapper-img:before{opacity:1;transform:translate(0)}section.blog-listing-content-module .blog-listing-template .wrapper-posts .post:hover .wrapper-img .picture{transform:scale(1.2)}section.blog-listing-content-module .blog-listing-template .wrapper-posts .post:hover .wrapper-content .title{color:#4820cd;text-decoration:underline}@media (max-width:992px){section.blog-listing-content-module .blog-listing-template .wrapper-posts .post{width:calc(50% - 1rem)}}@media (max-width:640px){section.blog-listing-content-module .blog-listing-template .wrapper-posts .post{width:100%}}