Default

<div class="premium23">
  <div data-bs-theme="light" class="overflow-visible">
	<div class="bg-black">

	<main class="premium23__main bg-white">
	  <div class="premium23__main-wrapper">
		<header class="premium23__section">
			<div class="premium23__video-wrapper position-relative">
				<video autoplay muted loop playsinline class="w-100">
				  <source src="https://player.vimeo.com/progressive_redirect/playback/1052192302/rendition/720p/file.mp4?loc=external&signature=44b79b95bb4c022ec35604c71368a39c5b6e8e234ac86446f10f1d232437b76d" type="video/mp4">
				</video>
				<div class="premium23__video-content text-center position-absolute text-white w-100 px-4 pt-4">
					<h1 class="display-1 text-uppercase fw-bold mb-4 mt-auto" data---aos="fade-down" data---aos-duration="600" data-aos-anchor=".premium23 header">
					  <span class="premium23__title d-inline-block position-relative">Tunnel Experience</span>
					</h1>
					<div class="h2 pb-5 mb-4 mb-md-0 position-relative" data---aos="fade-up" data---aos-duration="600" data-aos-anchor=".premium23 header">El Fútbol como nunca antes</div>
					<div class="mt-auto position-relative">
						
					</div>
				</div>
			  </div>
		  <div class="container pt-5 text-center position-relative text-white">
			<span class="premium23__catalogsubtitle premium23__catalogsubtitle--hidden" data-catalog="default"></span>
			<h2 class="premium23__catalogsubtitle premium23__catalogsubtitle--hidden display-3 mt-n3 mb-4" data-catalog="unique" data---aos="fade-down" data---aos-duration="600" data-aos-anchor=".premium23 header">Unique Experiences</h2>
			<h2 class="premium23__catalogsubtitle premium23__catalogsubtitle--hidden display-3 mt-n3 mb-4" data-catalog="networking" data---aos="fade-down" data---aos-duration="600" data-aos-anchor=".premium23 header">Networking Experience</h2>
			<h2 class="premium23__catalogsubtitle premium23__catalogsubtitle--hidden display-3 mt-n3 mb-4" data-catalog="football" data---aos="fade-down" data---aos-duration="600" data-aos-anchor=".premium23 header">100% football Experience</h2>
			<h2 class="premium23__catalogsubtitle premium23__catalogsubtitle--hidden display-3 mt-n3 mb-4" data-catalog="gastronomy" data---aos="fade-down" data---aos-duration="600" data-aos-anchor=".premium23 header">Gastronomy & Football</h2>
			<div class="row">
			  <div class="col-md-8 mx-auto">
				<p class="h4 mb-2" data---aos="fade-up" data---aos-duration="600" data---aos-delay="100" data-aos-anchor=".premium23 header">Disfruta con nosotros de la experiencia más exclusiva e inmersiva en el mundo del fútbol, con asientos a pie de campo, junto a los banquillos.</p>
				<p class="premium23__catalogtype premium23__catalogtype--hidden h4 mb-0 fw-bold" data-catalog="default" data---aos="fade-up" data---aos-duration="600" data---aos-delay="400" data-aos-anchor=".premium23 header"></p>
				<p class="premium23__catalogtype premium23__catalogtype--hidden h4 mb-0 fw-bold" data-catalog="unique" data---aos="fade-up" data---aos-duration="600" data---aos-delay="400" data-aos-anchor=".premium23 header">Descubre los productos Unique Experiences</p>
				<p class="premium23__catalogtype premium23__catalogtype--hidden h4 mb-0 fw-bold" data-catalog="networking" data---aos="fade-up" data---aos-duration="600" data---aos-delay="400" data-aos-anchor=".premium23 header">Descubre los productos Networking Experience</p>
				<p class="premium23__catalogtype premium23__catalogtype--hidden h4 mb-0 fw-bold" data-catalog="football" data---aos="fade-up" data---aos-duration="600" data---aos-delay="400" data-aos-anchor=".premium23 header">Descubre los productos 100% football Experience</p>
				<p class="premium23__catalogtype premium23__catalogtype--hidden h4 mb-0 fw-bold" data-catalog="gastronomy" data---aos="fade-up" data---aos-duration="600" data---aos-delay="400" data-aos-anchor=".premium23 header">Descubre los productos Gastronomy & Football</p>
			  </div>
			</div>
		  </div>
		</header>
		<section class="premium23__section" data---aos="fade-up" data---aos-duration="600" data---aos-delay="500" data-aos-anchor=".premium23 header">
		  <div class="ccontainer py-5 text-center position-relative text-white">
			<div class="swiper">
			  <div class="rrow swiper-wrapper" id="productSwiper"></div>
			  <div class="swiper-pagination"></div>
			  <div class="swiper-button-next carousel-control-next-icon mt-n5 d-none d-lg-block" style="display:none !important"></div>
			  <div class="swiper-button-prev carousel-control-prev-icon mt-n5 d-none d-lg-block" style="display:none !important"></div>
			</div>
			
			<div class="premium23__allproducts mt-3 text-center small">
			  
			</div>
		  </div>
		</section>
		<section class="premium23__section" data---aos="fade" data---aos-duration="600">
		  <div class="container py-5 text-center position-relative text-white premium23__section--sep">
			<div class="row">
			  <div class="col-md-8 mx-auto">
				<div class="premium23__product-map premium23__product-map--cropped position-relative mb-5 overflow-hidden">
				  <img src="https://statics-maker.llt-services.com/mll/images/2023/08/02/optimized/1dade5c4-b9d4-4c83-bf2a-bc580089527e-53.png" class="w-100 d-block" />
				  <img src="https://statics-maker.llt-services.com/mll/images/2023/08/02/optimized/44aff941-d4ca-4c6f-8ded-7cf22e1b901c-886.svg" class="w-100 d-block position-absolute" />
				  <img src="https://statics-maker.llt-services.com/mll/images/2025/01/31/original/4e5dee34-fa7f-40b5-903d-06f0d8d56b5d-523.svg" class="premium23__product-map-vector premium23__product-map-vector--hidden w-100 d-block position-absolute" data-zone="tunnelPitchExperience" />
				</div>
			  </div>
			  <div class="col-md-10 mx-auto">
				<div class="premium23__product-table table-responsive-md mb--5 mb-2">
				  <table class="table premium23__features-table text-start table-striped">
					<thead class="table-dark text-center text-uppercase border-primary">
					  <tr>
						<th scope="col" class="bg-transparent font-cond text-secondary"></th>
						<th scope="col" class="bg-transparent font-cond text-secondary lh-1">Food & Beverage</th>
						<th scope="col" class="bg-transparent font-cond text-secondary lh-1">Servicio dedicado</th>
						<th scope="col" class="bg-transparent font-cond text-secondary lh-1">Servicios prepartido / durante partido</th>
						<th scope="col" class="bg-transparent font-cond text-secondary lh-1">Parking VIP*</th>
						<th scope="col" class="bg-transparent font-cond text-secondary lh-1">Experiencia Postpartido</th>
						<th scope="col" class="bg-transparent font-cond text-secondary lh-1">Acceso a espacio exterior / Terraza</th>
						<th scope="col" class="bg-transparent font-cond text-secondary lh-1">Meet & greet</th>
					  </tr>
					</thead>
					<tbody id="productTable"></tbody>
				  </table>
				</div>
				
					
				</div-->
				
			  </div>
			</div>
		  </div>
		</section>
		
		<section class="premium23__section" data---aos="fade" data---aos-duration="600" id="premiumContactFormSection" style="display:none !important;">
		  <div class="container py-5 text-center premium23__section--sep">
			<h1 class="h1 text-white text-uppercase fw-bold mb-5">
			  <span class="premium23__title d-inline-block position-relative">Te llamamos</span>
			</h1>
			<div class="row text-start">
			  <div class="col col-lg-6 mx-auto">
				<p class="text-white">Sé el primero en conocer estos nuevos espacios contactando con nosotros a través de este formulario.</p>
				<form id="premiumContactForm" method="POST" action="?submitted=true">
				  <div class="form-floating mb-3">
					<input type="text" class="form-control" id="floatingName" name="Name" required placeholder="Tu nombre completo">
					<label for="floatingName">Tu nombre completo</label>
				  </div>
				  <div class="form-floating mb-3">
					<input type="email" class="form-control" id="floatingEmail" name="Email" required placeholder="name@example.com">
					<label for="floatingEmail">Tu dirección de e-mail</label>
				  </div>
				  <div class="form-floating mb-3">
					<input type="tel" class="form-control" id="floatingPhone" name="telephone" required placeholder="Tu número de teléfono">
					<label for="floatingPhone">Tu número de teléfono</label>
				  </div>
				  
					<input type="hidden" name="Ticket" value="Abonos" />
					<div class="form-floating mb-3">
					<select class="form-select" id="areaSelect" name="Zone" aria-label="Floating label select example">
					  <option selected value="All zones">Todas las zonas</option>
					</select>
					<label for="areaSelect">Me interesa...</label>
				  </div>
				  <div class="form-floating mb-3">
					<textarea class="form-control" placeholder="Mensaje (opcional)" name="Message" id="floatingMessage" style="height: 100px"></textarea>
					<label for="floatingMessage">Mensaje (opcional)</label>
				  </div>
				  <p class="text-center small text-light">Pulsando en Enviar aceptas nuestra <a class="text-decoration-none link-secondary" href="https://www.rcdmallorca.es/politica-de-privacidad" target="_blank">política de privacidad</a></p>
				  <div class="text-center mb-4"><input type="submit" class="btn btn-primary btn-lg" value="Enviar"></div>
				</form>
				<script type="text/javascript">
					var __ss_noform = __ss_noform || [];
					__ss_noform.push(['baseURI', 'https://app-3QNJSG134S.marketingautomation.services/webforms/receivePostback/MzawMDE3NzQxAAA/']);
					__ss_noform.push(['form', 'premiumContactForm', '260117db-1ec0-40cd-9ddd-5cc5862dc443']);
					__ss_noform.push(['submitType', 'manual']);
				</script>
				<script type="text/javascript" src="https://koi-3QNJSG134S.marketingautomation.services/client/noform.js?ver=1.24" ></script>
				
			  </div>
			</div>
		  </div>
		</section>
		
	  </div>
	</main>

	<div class="modal fade" id="submittedModal" tabindex="-1" aria-hidden="true">
	  <div class="modal-dialog modal-fullscreen modal-dialog-scrollable">
		<div class="modal-content bg-dark text-white">
		  <div class="modal-header border-secondary p-0">
			<div class="container d-flex justify-content-between flex-grow-1 align-items-center py-3">
			  <div class="premium23__product-title h4 fw-bold text-uppercase mb-0 mt-auto d-flex align-items-center">
				<img src="https://statics-maker.llt-services.com/mll/images/2023/03/15/xlarge/f0822872-562c-4c4e-a01b-f95b7aced8d6.png" height="40" style="height:40px !important;" />
			  </div>
			  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
		  </div>
		  <div class="modal-body d-flex flex-column text-center">
			<div class="my-auto">
			  <div class="mb-3"><i class="bi bi-check-circle text-secondary h3"></i></div>
			  <div class="h4 fw-bold">Hemos recibido correctamente su solicitud.</div>
			  <p class="mb-5">Nos pondremos en contacto con Usted en las próximas 24h<br /><br />Un cordial saludo,<br /><strong>Hospitality RCD Mallorca</strong></p>
			  <a href="#" class="btn btn-secondary btn-sm rounded-0" data-bs-dismiss="modal">Cerrar</a>
			</div>
		  </div>
		</div>
	  </div>
	</div>
	
	<div class="modal fade" id="productModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	  <div class="modal-dialog modal-fullscreen modal-dialog-scrollable">
		<div class="modal-content bg-dark text-white">
		  <div class="modal-header border-secondary p-0">
			<div class="container d-flex justify-content-between flex-grow-1 align-items-center py-3">
			  <div class="premium23__product-title h4 fw-bold text-uppercase mb-0 mt-auto d-flex align-items-center">
				<img src="https://statics-maker.llt-services.com/mll/images/2023/03/15/xlarge/f0822872-562c-4c4e-a01b-f95b7aced8d6.png" height="40" style="height:40px !important;" />
				<span></span>
			  </div>
			  
			  <button type="button" class="btn-close ms-md-3" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
		  </div>
		  <div class="modal-body p-0"></div>
		</div>
	  </div>
	</div>
	
	</div>
  </div>
</div>