@include('site/header')

    <section id="">

		{{-- Portada --}}
		<section class="min-h-[95vh] bg-white bg-top bg-cover rounded-[50%/7%] rounded-t-none overflow-hidden relative">
			<div class="absolute w-full h-full">
				<picture>
					<img src="{{ url($imagen_portada) }}" alt="Circuitos" width="100" class="w-full h-full object-cover">
				</picture>
			</div>
			<div class="absolute bg-black w-full h-full opacity-20 z-10"></div>

			<div class="flex flex-col-reverse lg:flex-row items-center justify-around gap-6 lg:gap-2 pt-[72px] pb-10 h-full max-w-[1400px] m-auto min-h-[86vh]">
				<div class="z-20 w-full text-center text-gray-200 uppercase select-none" style="text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);">
					<div class="relative h-[8vw] sm:h-[30px] mr-1">
						<div class="">
							<p class="block text-[7vw] sm:text-3xl leading-[8vw] sm:leading-none font-[900] transition-all duration-1000" id="titulo-relajate" style="transform: rotate3d(1, 0, 0, 0deg);">
								Estamos trabajando en nuestra nueva web!
							</p>
						</div>
					</div>
				</div>
			</div>

		</section>

    </section>

@include('site/footer')