.categoria-container {max-width: 1200px; height: 200px; align-items: center;padding: 0px; text-align: center; margin-top: 20px; h3{text-align: center; margin-bottom: 30px;}}
.bg-categoria-flex {padding: 10px;gap: 10px;align-items: center;display: flex; flex-wrap: wrap; margin: 0 auto; justify-content: center;}
.bg-categoria {margin: 0 auto;text-align: left;text-decoration: none;padding: 10px 20px;color: #0d0d0d !important;background-color: #f2b705 !important; font-weight: 900 !important; font-family: "philosopher", sans-serif; font-size: 15px; border-radius: 7px;transition: transform 0.3s;}
.bg-categoria:hover {color: #f2b705 !important;background-color: #0d0d0d !important;}
/* categorias do site   ------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
.bg-categoria {margin: 0 auto;text-align: center;text-decoration: none; font-size: 13px; padding: 7px 12px;border-radius: 7px;}
.bg-categoria-flex {padding: 0px;gap: 8px; display: flex; flex-direction: column; margin: 0 auto;}}