.section-blog{position:relative;background-color:var(--color-white)}.section-blog__header{text-align:center;margin:0 auto 3em auto;width:100%;max-width:768px;display:flex;flex-direction:column;gap:1em}@media (max-width:768px){.section-blog__header{padding-right:2em}}@media (max-width:440px){.section-blog__header{padding-right:1em}}.section-blog__header h1,.section-blog__header p{margin:0}.section-blog__header p{font-size:1.125em}.section-blog__tags{text-align:center;margin-bottom:3em}@media (max-width:768px){.section-blog__tags{overflow-x:auto;padding-bottom:.25em}}.section-blog__tags ul{display:flex;justify-content:center;flex-wrap:wrap;gap:.5em}@media (max-width:768px){.section-blog__tags ul{flex-wrap:nowrap;justify-content:flex-start;padding-right:2em}}@media (max-width:440px){.section-blog__tags ul{padding-right:1em}}.section-blog__tags ul a{display:flex;align-items:center;justify-content:center;border:2px solid var(--color-blue);height:2em;padding:0 2em;border-radius:2em;text-decoration:none;text-transform:uppercase;font-weight:600}.section-blog__tags ul a span{font-size:.875em;position:relative}.section-blog__tags ul a.active{background-color:var(--color-blue);color:var(--color-white)}.section-blog__content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3em 1em}@media (max-width:768px){.section-blog__content{grid-template-columns:repeat(2,minmax(0,1fr));gap:2em 1em;padding-right:2em}}@media (max-width:440px){.section-blog__content{padding-right:1em}}.section-blog__content .article{display:grid;grid-template-rows:auto 1fr;gap:.75em;position:relative;opacity:1;transition-property:opacity;transition-duration:.25s;transition-timing-function:linear}.section-blog__content .article.preload{opacity:0}.section-blog__content .article__footer{display:grid;grid-template-rows:auto 1fr;gap:.325em}.section-blog__content .article__date span{font-size:.75em}.section-blog__content .article__title a{font:1em indivisible,arial,sans-serif;font-weight:600;text-decoration:none}@media (max-width:768px){.section-blog .pagination{padding-right:2em}}@media (max-width:440px){.section-blog .pagination{padding-right:1em}}