.section-artigos{padding:56px 0 149px}
.box-artigos{display:grid;gap:24px}
.btn-principal{padding:9px 16px!important;line-height:12px}
.group-button{display:flex;gap:10px}
.box-selection{display:flex;flex-wrap:wrap;justify-content:space-between}
.search-form input,.search-form input:focus-visible,.search-form button{display:flex;transition:padding .2s linear;justify-content:center;align-items:center;box-sizing:border-box;padding:9px 22px;background:#F5F1E8;border:0;box-shadow:none;outline-color:#0000;font-size:12px;line-height:15px;color:#8A8680}
.search-form input{box-sizing:border-box;padding:9px 22px 9px 40px;width:215px}
.search-form{margin-left:auto}
.grid-conteudo{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:24px}
.btn-quaternary{display:flex;align-items:center;flex-direction:row;align-items:flex-start;padding:9px 16px!important;background:var(--color-gold-50);border:1px solid var(--color-gold-60);color:#5A564C}
.img-search{position:absolute;top:0;left:0;width:16px;height:16px;padding:9px 22px;transition:.2s opacity linear;opacity:1}
.label-search:has( ~ #input-search:focus){opacity:0;transition:.2s opacity ease-in-out}
.bg-gold-70{background:var(--color-gold-70)}
.grid-conteudo .element{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;min-height:310px;border:1px solid var(--color-gold-60)}
.grid-conteudo .element figure{width:100%;height:160px}
.grid-conteudo .element figure img{object-fit:cover;height:100%;width:100%}
.grid-conteudo .content{box-sizing:border-box;display:flex;flex-direction:column;align-items:self-start;width:100%;flex-grow:1;gap:10px;padding:18px 20px;background-color:var(--color-gold-60)}
.grid-conteudo .element .tag{padding:5px 10px!important}
.pagination{display:flex;gap:var(--gap-2)}
.pagination .page-item{width:30px;height:30px;border:1px solid #ECE6D8;border-radius:20px;display:flex;align-items:center}
.page-item a{display:flex;align-items:center;justify-content:center}
.pagination .page-item.active{background-color:var(--color-gold-60)}
@media (max-width: 900px) {
.grid-conteudo{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 800px) {
.box-selection{gap:20px}
}
@media (max-width: 600px) {
.grid-conteudo{grid-template-columns:repeat(1,1fr)}
.group-button{display:flex;flex-wrap:wrap;gap:5px}
.search-form{margin-left:0}
}