<div role="main" class="main">

	<!-- ---------------------------------------------------------------------------------------------------------- -->
	<!-- ------------------------------------------------[ DESKTOP ]----------------------------------------------- -->
	<!-- ---------------------------------------------------------------------------------------------------------- -->

	<?php if(isset($lighthouse) AND empty($lighthouse)) { ?>

		<?php if(isset($banners) AND !empty($banners)) { ?>
			<section class="banners-desktop mb-0 d-none d-sm-none d-md-none d-lg-block d-xl-block">
				<div class="container-fluid m-0 p-0">
					<div class="row">
						<div class="mb-0 owl-carousel owl-theme nav-inside nav-inside-edge nav-squared nav-with-transparency nav-dark" data-plugin-options="{'items': 1, 'margin': 0, 'loop': true, 'nav': false, 'dots': true, 'autoplay': true, 'autoHeight': true, 'autoplayHoverPause': true, 'autoplayTimeout': 3000, 'autoplaySpeed': 1000}">
							<?php foreach($banners as $key => $banner) {
								if(!empty($banner->imagem)) { ?>
									<div>
										<div class="img-thumbnail border-0 p-0 d-block">
											<?php if($banner->tipo == 2) { ?> 
												<a data-hash data-hash-offset="68" href="<?php if(isset($banner->ancora) AND !empty($banner->ancora)) { echo '#'.$banner->ancora; } ?>">
													<img class="img-fluid" src="<?php echo PUBLICURL . 'uploads/upload_cad_banner/item_' . $banner->id . '/' . $banner->imagem; ?>" alt="<?php echo $banner->titulo; ?>">
												</a>
											<?php } else { ?> 
												<a target="<?php if(isset($banner->target) AND !empty($banner->target)) { echo $banner->target; } ?>" href="<?php if(isset($banner->link) AND !empty($banner->link)) { echo $banner->link; } ?>">
													<img class="img-fluid" src="<?php echo PUBLICURL . 'uploads/upload_cad_banner/item_' . $banner->id . '/' . $banner->imagem; ?>" alt="<?php echo $banner->titulo; ?>">
												</a>
											<?php } ?>
										</div>
									</div>
								<?php }
							} ?>
						</div>
					</div>
				</div>
			</section>
		<?php } ?>

		<?php if(isset($banners) AND !empty($banners)) { ?>
			<section class="banners-mobile mb-0 d-block d-sm-block d-md-block d-lg-none d-xl-none mb-0">
				<div class="container-fluid m-0 p-0">
					<div class="row">
						<div class="mb-0 owl-carousel owl-theme nav-inside nav-inside-edge nav-squared nav-with-transparency nav-dark" data-plugin-options="{'items': 1, 'margin': 0, 'loop': true, 'nav': false, 'dots': true, 'autoplay': true, 'autoHeight': true, 'autoplayHoverPause': true, 'autoplayTimeout': 3000, 'autoplaySpeed': 1000}">
							<?php foreach($banners as $key => $banner) {
								if(!empty($banner->imagem_mobile)) { ?>
									<div>
										<div class="img-thumbnail border-0 p-0 d-block">
											<?php if($banner->tipo == 2) { ?> 
												<a data-hash data-hash-offset="68" href="<?php if(isset($banner->ancora) AND !empty($banner->ancora)) { echo '#'.$banner->ancora; } ?>">
													<img class="img-fluid" src="<?php echo PUBLICURL . 'uploads/upload_cad_banner/item_' . $banner->id . '/' . $banner->imagem_mobile; ?>" alt="<?php echo $banner->titulo; ?>">
												</a>
											<?php } else { ?> 
												<a target="<?php if(isset($banner->target) AND !empty($banner->target)) { echo $banner->target; } ?>" href="<?php if(isset($banner->link) AND !empty($banner->link)) { echo $banner->link; } ?>">
													<img class="img-fluid" src="<?php echo PUBLICURL . 'uploads/upload_cad_banner/item_' . $banner->id . '/' . $banner->imagem_mobile; ?>" alt="<?php echo $banner->titulo; ?>">
												</a>
											<?php } ?>
										</div>
									</div>
								<?php }
							} ?>
						</div>
					</div>
				</div>
			</section>
		<?php } ?>

	<?php } ?>

	<!-- ---------------------------------------------------------------------------------------------------------- -->

	<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">
					<h1 class="m-0 p-0 text-13 lh-1 ls-1 font-weight-bold text-white text-center">
						Quem Somos
					</h1>
				</div>
			</div>
		</div>
	</section>

	<!-- ---------------------------------------------------------------------------------------------------------- -->

	<section class="section section-default border-0 bg-white d-none d-lg-flex">
		<div class="container">
			<div class="row">
				<div class="col-6 pe-5 d-flex justify-content-center align-items-center">
					<img class="img-fluid" src="<?php echo PUBLICURL . 'uploads/upload_cad_institucional_textos/' . $appInstitucionalTextos->interna_imagem; ?>" alt="<?php echo $appInstitucionalTextos->interna_titulo; ?>">
				</div>

				<div class="col-6 ps-5 d-flex justify-content-center align-items-start flex-column">
					<h1 class="m-0 mb-3 p-0 text-13 lh-1 ls-1 font-weight-bold txt-app-custom-color-duo">
						<?php echo $appInstitucionalTextos->interna_titulo; ?>
					</h1>

					<h2 class="m-0 mb-3 p-0 text-5 lh-1 ls-1 font-weight-bold">
						<?php echo $appInstitucionalTextos->interna_subtitulo; ?>
					</h2>

					<p class="m-0 mb-4 p-0 text-5 text-black">
						<?php echo nl2br($appInstitucionalTextos->interna_descricao); ?>
					</p>
				</div>
			</div>
		</div>
	</section>

	<!-- ---------------------------------------------------------------------------------------------------------- -->

	<?php $galeria = @unserialize($appInstitucionalTextos->galeria); ?>

	<?php if(isset($galeria) AND !empty($galeria)) { ?>
		<section class="section section-default border-0 bg-white d-none d-lg-flex mt-0">
			<div class="container">
				<div class="row lightbox" data-plugin-options="{'delegate': 'a', 'type': 'image', 'gallery': {'enabled': true}, 'mainClass': 'mfp-with-zoom', 'zoom': {'enabled': true, 'duration': 300}}">
					<?php foreach ($galeria as $key => $img) { ?>
						<div class="col-4 mt-4">
							<a class="d-inline-block img-thumbnail img-thumbnail-no-borders img-thumbnail-hover-icon mb-1 me-1" href="<?php echo PUBLICURL . 'uploads/upload_cad_institucional_textos_galeria/' . $img['imagem']; ?>">
								<img class="img-fluid rounded-4" src="<?php echo PUBLICURL . 'uploads/upload_cad_institucional_textos_galeria/' . $img['imagem']; ?>" alt="<?php echo $img['titulo']; ?>">
							</a>
						</div>
					<?php } ?>
				</div>
			</div>
		</section>
	<?php } ?>

	<!-- ---------------------------------------------------------------------------------------------------------- -->
	<!-- ------------------------------------------------[ MOBILE ]------------------------------------------------ -->
	<!-- ---------------------------------------------------------------------------------------------------------- -->

	<section class="d-flex d-lg-none bg-app-custom-color-duo py-4">
		<div class="container px-4">
			<div class="row">
				<div class="col-12">
					<h1 class="m-0 p-0 text-8 lh-1 ls-1 font-weight-bold text-white text-center">
						Quem Somos
					</h1>
				</div>
			</div>
		</div>
	</section>

	<section class="section section-default border-0 bg-white d-flex d-lg-none py-0 mb-0">
		<div class="container px-4">
			<div class="row">
				<div class="col-12 d-flex justify-content-center align-items-center mb-5">
					<img class="img-fluid" src="<?php echo PUBLICURL . 'uploads/upload_cad_institucional_textos/' . $appInstitucionalTextos->interna_imagem; ?>" alt="<?php echo $appInstitucionalTextos->interna_titulo; ?>">
				</div>

				<div class="col-12 d-flex justify-content-center align-items-center flex-column">
					<h1 class="m-0 mb-3 p-0 text-13 lh-1 ls-1 font-weight-bold txt-app-custom-color-duo text-center">
						<?php echo $appInstitucionalTextos->interna_titulo; ?>
					</h1>

					<h2 class="m-0 mb-3 p-0 text-5 lh-1 ls-1 font-weight-bold text-center">
						<?php echo $appInstitucionalTextos->interna_subtitulo; ?>
					</h2>

					<p class="m-0 p-0 text-5 text-black text-center">
						<?php echo nl2br($appInstitucionalTextos->interna_descricao); ?>
					</p>
				</div>
			</div>
		</div>
	</section>

	<!-- ---------------------------------------------------------------------------------------------------------- -->

	<?php $galeria = @unserialize($appInstitucionalTextos->galeria); ?>

	<?php if(isset($galeria) AND !empty($galeria)) { ?>
		<section class="section section-default border-0 bg-white d-flex d-lg-none mt-0 pt-0">
			<div class="container px-3">
				<div class="row lightbox" data-plugin-options="{'delegate': 'a', 'type': 'image', 'gallery': {'enabled': true}, 'mainClass': 'mfp-with-zoom', 'zoom': {'enabled': true, 'duration': 300}}">
					<?php foreach ($galeria as $key => $img) { ?>
						<div class="col-6 mt-4">
							<a class="d-inline-block img-thumbnail img-thumbnail-no-borders img-thumbnail-hover-icon mb-1 me-1" href="<?php echo PUBLICURL . 'uploads/upload_cad_institucional_textos_galeria/' . $img['imagem']; ?>">
								<img class="img-fluid rounded-4" src="<?php echo PUBLICURL . 'uploads/upload_cad_institucional_textos_galeria/' . $img['imagem']; ?>" alt="<?php echo $img['titulo']; ?>">
							</a>
						</div>
					<?php } ?>
				</div>
			</div>
		</section>
	<?php } ?>

	<!-- ---------------------------------------------------------------------------------------------------------- -->

</div>