<section class="py-5 section-menu d-none d-lg-flex bg-app-custom-color-duo">
	<div class="container">
		<div class="row">
			<div class="col-12">
				<ul class="nav nav-justified flex-column flex-md-row">
					<?php foreach ($categorias as $key => $cat) { ?>
						<li class="nav-item">
							<a class="nav-link font-weight-bold text-4 lh-1 ls-1 m-0 text-custom-white text-center" href="<?php echo BASEURL . 'blog/categoria/' . $cat->url_amigavel; ?>">
								<?php echo $cat->titulo; ?>
							</a>
						</li>
					<?php } ?>
				</ul>
			</div>
		</div>
	</div>
</section>

<section class="p-0 section-menu d-flex d-lg-none bg-app-custom-color-duo">
	<div class="w-100 accordion accordion-modern-status accordion-modern-status-borders accordion-modern-status-arrow" id="accordionMenu">
		<div class="card rounded-0 card-default">
			<div class="card-header" id="collapseHeaderMenu">
				<h4 class="card-title m-0">
					<a class="font-weight-normal text-6 lh-1 ls-1 m-0 text-custom-primary text-center collapsed" data-bs-toggle="collapse" data-bs-target="#collapseMenu" aria-expanded="false" aria-controls="collapseMenu">
						Categorias
					</a>
				</h4>
			</div>

			<div id="collapseMenu" class="collapse" aria-labelledby="collapseHeaderMenu" data-bs-parent="#accordionMenu">
				<div class="card-body pt-4">
					<ul class="list-unstyled mb-0 text-center">
						<?php foreach ($categorias as $key => $cat) { ?>
							<li class="mb-4">
								<a class="font-weight-normal text-6 lh-1 ls-1 m-0 mt-2 text-custom-primary text-center" href="<?php echo BASEURL . 'blog/categoria/' . $cat->url_amigavel; ?>">
									<?php echo $cat->titulo; ?>
								</a>
							</li>
						<?php } ?>
					</ul>
				</div>
			</div>
		</div>
	</div>
</section>