Default

<div class="rcdmlp">
		  <div data-bs-theme="light" class="overflow-visible">
			<header class="rcdmlp__header text-center bg-dark text-white">
			  <div class="rcdmlp__header-bgimg rcdmlp__header-bgimg--darken" style="background-image:url(https://statics-maker.llt-services.com/mll/images/2024/03/14/original/40359612-1f41-42d6-97ad-a701114ff696-135.jpg);" data-aos="fade" data-aos-delay="0" data-duration="4000">
				<div class="container py-5">
				  <h1 class="h1 text-white text-uppercase fw-bold mb-2" data-aos="fade-down" data-duration="2000">
					<span class="d-block mb-3"><img width="120" src="https://statics-maker.llt-services.com/mll/images/2024/12/17/original/070b25a1-0453-41de-aef1-11441e87bffe-38.svg" class="img-fluid" /></span>
					SUPERCOPA DE ESPAÑA
				  </h1>
				  
				  <div class="mb-0" data-aos="fade-up" data-aos-delay="300" data-duration="4000">
					<div class="fw-bold h3 m-0">9 Enero 2025, 22:00 (hora local)</div>
					<div class="fw-bold h5 m-0">Yeda, Arabia Saudita</div>
				  </div>
				</div>
			  </div>
			</header>
			<main class="rcdmlp__main overflow-hidden">
				<section class="rcdmlp__section py-5 bg-white">
					<div class="container text-center" data-aos="fade" data-aos-delay="0" data-duration="4000">
						<div class="row">
						  <div class="col-lg-8 mx-auto">
						  	<p class="h5 mb-4">Nos complace informarte que en los próximos días recibirás un email de “webook.com” notificándote que ya tienes tu entrada disponible para la SemiFinal de la Supercopa de España.</p>
							  <p class="h5 m-0">Para activarla, deberás seguir las instrucciones que te detallamos a continuación.</p>
						  </div>
						</div>
					</div>
				</section>
			  <section class="rcdmlp__section py-5 bg-body-tertiary">
				  <div class="container text-center">
					  <h1 class="h1 text-primary text-uppercase fw-bold mb-2" data-aos="fade-down" data-duration="2000">DESCARGA APP WEBOOK</h1>
					  <h2 class="fw-bold h5 mb-2 mb-5" data-aos="fade-down" data-aos-delay="50" data-duration="2000">Y ACTIVA TUS ENTRADAS</h2>
					  <div class="row text-start">
						  <div class="col-lg-8 mx-auto">
							  <div class="row">
						
						<div class="col-lg-8 mx-auto">
						  <ul class="list-unstyled mb-4">
							<li class="d-flex mb-3">
							  <i class="bi bi-check me-1"></i> 
							  <span>Tus <strong>entradas</strong> están <strong>disponibles en formato DIGITAL</strong> en la <strong>aplicación Webook</strong> (iOS y Android). Puedes descargarla a través de estos enlaces:<br />
							  <span class="d-block mt-3 text-center">
								  <a href="https://apps.apple.com/us/app/webook-com-fun-things-to-do/id6468667896" target="_blank" class="mx-4"><img src="https://images.ctfassets.net/vy53kjqs34an/6L7jX6HJDHPBObRDSDO7OA/92521d5009d9bd7ccd49e58679df3419/app-store.svg"></a>
								  <a href="https://play.google.com/store/apps/details?id=com.webook.android" target="_blank" class="mx-4"><img src="https://images.ctfassets.net/vy53kjqs34an/3QXil2sNpz4OaaqZeNHiM5/4d27c2062f81424d3b58c283e222dc11/google-play.svg"></a>
							  </span>
						  </span>
							</li>
							<li class="d-flex mb-3">
								<i class="bi bi-check me-1"></i> 
								<span>Una vez descargada la app, <strong>crea una cuenta en Webook usando el mismo correo electrónico</strong> en el que hayas recibido el email. (Si la cuenta ya existe, utiliza el enlace de "Reset your password" para acceder a ella.)<br /><img src="https://statics-maker.llt-services.com/mll/images/2024/12/27/original/2f3af953-86c2-4842-9200-5c734a05574b-883.webp" class="img-fluid d-block mt-1"></span>
							  </li>
							<li class="d-flex mb-3">
							  <i class="bi bi-check me-1"></i> 
							  <span>Desde la pantalla principal de la aplicación, pulsa en <strong>"Bookings", donde encontrarás tus entradas.</strong><br /><img src="https://statics-maker.llt-services.com/mll/images/2024/12/27/original/a1f9de3a-fa95-4f8f-a520-ec143520312c-918.webp" class="img-fluid d-block mt-1"></span>
							</li>
							<li class="d-flex mb-3  text-primary">
							  <i class="bi bi-check me-1 text-primary"></i> 
							  <span><strong>Entre día 2 y 3 de enero</strong>, las entradas aparecerán en la APP. Si dia 4 de enero no se muestran, pongase en contacto con nosotros (atencionalabonado@rcdmallorca.es).</span>
							</li>
							<li class="d-flex mb-3">
							  <i class="bi bi-check me-1"></i> 
							  <span>Asegúrate de haber <strong>descargado las entradas en tu móvil</strong> antes de viajar hasta Yeda. Es posible que encuentres problemas de conexión a internet en Arabia Saudita.<br /><img src="https://statics-maker.llt-services.com/mll/images/2024/12/27/original/d88e0dc6-9e27-4a23-8ce5-35a6e3ee36d2-414.webp" class="img-fluid d-block mt-1"></span>
							</li>
							<li class="d-flex mb-3">
								<i class="bi bi-check me-1"></i> 
								<span><a data-bs-toggle="modal" data-bs-target="#howToPurchaseModal" class="text-decoration-none" href="#">Te mostramos aquí un vídeo explicativo de todo el proceso.</a></span>
							  </li>
						  </ul>
						</div>
					  </div>
						  </div>
					  </div>
					</div>
			  </section>
			  <section class="rcdmlp__section py-5 bg-white">
				<div class="container text-center">
				  <h1 class="h1 text-primary text-uppercase fw-bold mb-5" data-aos="fade-down" data-duration="2000">ENVIAR Y RECIBIR ENTRADAS</h1>
				  <h2 class="fw-bold h5 mb-4" data-aos="fade-down" data-aos-delay="50" data-duration="2000">¿CÓMO ENVIAR MI ENTRADA A OTRA PERSONA?</h2>
				  <div class="row text-start">
					  <div class="col-lg-8 mx-auto">
						  <div class="row">
					
					<div class="col-lg-8 mx-auto">
					  <ul class="list-unstyled mb-5">
						<li class="d-flex mb-3">
						  <i class="bi bi-check me-1"></i> 
						  <span>Puedes <strong>enviar tu entrada a otra persona</strong> pulsando sobre el botón <strong>"Send"</strong> que aparece debajo de tu entrada y rellenando los datos de quien recibirá la entrada.<br /><img src="https://statics-maker.llt-services.com/mll/images/2024/12/27/original/b985d85f-6961-4735-8770-0d564ab621de-315.webp" class="img-fluid d-block mt-1"></span>
						</li>
						<li class="d-flex mb-3">
							<i class="bi bi-check me-1"></i> 
							<span><strong>Confirma los datos y desliza la flecha</strong> para enviar la entrada.<br /><img src="https://statics-maker.llt-services.com/mll/images/2024/12/27/original/edbd4e1a-dd45-4324-a7a0-09dc53e6b11c-196.webp" class="img-fluid d-block mt-1"></span>
						  </li>
						<li class="d-flex mb-3">
						  <i class="bi bi-check me-1"></i> 
						  <span>Se enviará un <strong>correo electrónico con las instrucciones de cómo descargar las entradas</strong> a la dirección que hayas introducido. Si cambias de opinión y el receptor todavía no ha activado sus entradas, <strong>puedes recuperarlas pulsando en "Cancel Send"</strong> desde la pantalla del código QR de la entrada.<br /><img src="https://statics-maker.llt-services.com/mll/images/2024/12/27/original/c6e0fce7-a163-467b-be95-0a7354f0ec9d-864.webp" class="img-fluid d-block mt-1"></span>
						</li>
					  </ul>
					  <h2 class="fw-bold h5 mb-4" data-aos="fade-down" data-aos-delay="50" data-duration="2000">¿CÓMO RECIBIR MI ENTRADA COMPARTIDA?</h2>
					  <ul class="list-unstyled mb-4">
						<li class="d-flex mb-3">
							<i class="bi bi-check me-1"></i> 
							<span>Tu <strong>entrada</strong> estará <strong>disponible en formato DIGITAL</strong> en la <strong>aplicación Webook</strong> (iOS y Android). Puedes descargarla a través de estos enlaces:<br />
							<span class="d-block mt-3 text-center">
								<a href="https://apps.apple.com/us/app/webook-com-fun-things-to-do/id6468667896" target="_blank" class="mx-4"><img src="https://images.ctfassets.net/vy53kjqs34an/6L7jX6HJDHPBObRDSDO7OA/92521d5009d9bd7ccd49e58679df3419/app-store.svg"></a>
								<a href="https://play.google.com/store/apps/details?id=com.webook.android" target="_blank" class="mx-4"><img src="https://images.ctfassets.net/vy53kjqs34an/3QXil2sNpz4OaaqZeNHiM5/4d27c2062f81424d3b58c283e222dc11/google-play.svg"></a>
							</span>
						</span>
						  </li>
						<li class="d-flex mb-3">
							  <i class="bi bi-check me-1"></i> 
							  <span>Una vez descargada la app, <strong>crea una cuenta en Webook usando el mismo correo electrónico</strong> en el que hayas recibido la entrada compartida. (Si la cuenta ya existe, utiliza el enlace de "Reset your password" para acceder a ella.)<br /><img src="https://statics-maker.llt-services.com/mll/images/2024/12/27/original/2f3af953-86c2-4842-9200-5c734a05574b-883.webp" class="img-fluid d-block mt-1"></span>
							</li>
						  <li class="d-flex mb-3">
							<i class="bi bi-check me-1"></i> 
							<span>En la sección <strong>"Bookings" encontrarás tu entrada,</strong> pendiente de ser aceptada. <strong>Acéptala y ya la tendrás descargada en la app.</strong><br /><img src="https://statics-maker.llt-services.com/mll/images/2024/12/27/original/ba3ce0c5-f161-455c-8c66-437b420ebc4e-11.webp" class="img-fluid d-block mt-1"></span>
						  </li>
						  <li class="d-flex mb-3">
							<i class="bi bi-check me-1"></i> 
							<span>Asegúrate de haber <strong>descargado la entrada en tu móvil</strong> antes de viajar hasta Yeda. Es posible que encuentres problemas de conexión a internet en Arabia Saudita.<br /><img src="https://statics-maker.llt-services.com/mll/images/2024/12/27/original/d88e0dc6-9e27-4a23-8ce5-35a6e3ee36d2-414.webp" class="img-fluid d-block mt-1"></span>
						  </li>
						  <li class="d-flex mb-3">
							  <i class="bi bi-check me-1"></i> 
							  <span><a data-bs-toggle="modal" data-bs-target="#howToPurchaseModal" class="text-decoration-none" href="#">Te mostramos aquí un vídeo explicativo de todo el proceso.</a></span>
							</li>
					  </ul>
					</div>
				  </div>
					  </div>
				  </div>
				</div>
			  </section>
			  <section class="rcdmlp__section py-5 bg-black text-white">
				  <div class="container py-5">
					<h1 class="h1 text-primarylight text-uppercase fw-bold mb-5 text-center" data-aos="fade-down" data-duration="2000">Preguntas frecuentes</h1>
					<div class="row text-start justify-content-center" data-aos="fade" data-duration="2000">
					  <div class="col col-lg-8">
						<div class="accordion accordion-flush" id="accordionFlushExample">
						  <div class="accordion-item">
							<h2 class="accordion-header">
							  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse1" aria-expanded="false" aria-controls="flush-collapse1">
								¿Puedo tener más de una entrada en la misma APP?
							  </button>
							</h2>
							<div id="flush-collapse1" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
							  <div class="accordion-body">Sí. Todas las entradas que recibas estarán disponibles en la sección "Bookings" de tu APP.</div>
							</div>
						  </div>
						  <div class="accordion-item">
							<h2 class="accordion-header">
							  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse2" aria-expanded="false" aria-controls="flush-collapse2">
								¿Puedo reenviar mi entrada a otra persona?
							  </button>
							</h2>
							<div id="flush-collapse2" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
							  <div class="accordion-body">Sí, puedes reenviar tu entrada. Deberás facilitar su información de contacto y asegurarte de que la persona que reciba la entrada esté registrada en la app con el mismo correo electrónico al que se la envías. Ten en cuenta que una vez que la reciba, dejarás de tener la entrada disponible en tu cuenta.</div>
							</div>
						  </div>
						  <div class="accordion-item">
							<h2 class="accordion-header">
							  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse3" aria-expanded="false" aria-controls="flush-collapse3">
								¿Tengo que estar registrado en webook.com para poder obtener mi entrada?
							  </button>
							</h2>
							<div id="flush-collapse3" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
							  <div class="accordion-body">Sí. La única manera de acceder a la entrada es a través de la APP móvil de WeBook. Debes descargarla y registrarte con el mail donde has recibido nuestra comunicación sobre los pasos a seguir, ya que será en esa cuenta donde recibirás las entradas.</div>
							</div>
						  </div>
						  <div class="accordion-item">
							<h2 class="accordion-header">
							  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse5" aria-expanded="false" aria-controls="flush-collapse5">
								¿Puedo recuperar una entrada que haya enviado a otra persona?
							  </button>
							</h2>
							<div id="flush-collapse5" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
							  <div class="accordion-body">No. En el momento que la otra persona haya aceptado las entradas, no se pueden recuperar.</div>
							</div>
						  </div>
						  <div class="accordion-item">
							<h2 class="accordion-header">
							  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse3" aria-expanded="false" aria-controls="flush-collapse3">
								He seguido todos los pasos y no recibo las entradas
							  </button>
							</h2>
							<div id="flush-collapse3" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
							  <div class="accordion-body">Entre día 2 y día 3 de enero deberías recibir las entradas. Si día 4 no las has recibido, ponte en contacto con <a href="mailto:atencionalabonado@rcdmallorca.es">atencionalabonado@rcdmallorca.es</a> y te contactaremos lo antes posible.</div>
							</div>
						  </div>
						  <div class="accordion-item">
							<h2 class="accordion-header">
							  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse4" aria-expanded="false" aria-controls="flush-collapse4">
								¿Necesitas ayuda?
							  </button>
							</h2>
							<div id="flush-collapse4" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
							  <div class="accordion-body">Envíanos un email a <a href="mailto:atencionalabonado@rcdmallorca.es">atencionalabonado@rcdmallorca.es</a> y te contactaremos lo antes posible.</div>
							</div>
						  </div>
					  </div>
						</div>
					  </div>
					</div>
				  </div>
				</section>
			</main>
			
			<div class="modal fade modal-lg" id="howToPurchaseModal" tabindex="-1" aria-labelledby="howToPurchaseModalLabel" aria-hidden="true">
			  <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
				<div class="modal-content">
				  <div class="modal-header bg-primary">
					<h1 class="modal-title fs-5 text-uppercase text-white fw-bold" id="howToPurchaseModalLabel"></h1>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
				  </div>
				  <div class="modal-body p-0">
					<div class="ratio ratio-16x9">
					  <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/aKqw7c0tsj0?si=Y1BrLvcaUWms-7tV" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
					</div>
				  </div>
				</div>
			  </div>
			</div>
			
			<div class="modal fade modal-lg" id="mapModal" tabindex="-1" aria-labelledby="mapModalLabel" aria-hidden="true">
				<style>
					@media (min-width: 992px){
						.rcdmlp .modal-lg {
							--bs-modal-width: 1200px;
						}
						.rcdmlp .image-row {
							display:flex;
							background: #000;
							align-items: center;
						}
						.rcdmlp .image-row--1 {
							flex-grow: 1;
							aspect-ratio: 900/1600;
							width:80.4%;
						}
						.rcdmlp .image-row--2 {
							flex-grow: 1;
							aspect-ratio: 1600/1712;
							width: 134%;
						}
					}
				</style>
			  <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
				<div class="modal-content">
				  <div class="modal-header bg-primary">
					<h1 class="modal-title fs-5 text-uppercase text-white fw-bold" id="mapModalLabel"></h1>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
				  </div>
				  <div class="modal-body p-0">
					<div class="image-row">
						<div class="image-row--1">
							<img src="https://statics-maker.llt-services.com/mll/images/2024/04/05/original/265a62b6-3f4e-444a-94c3-d0e61431e7ad-468.jpg" class="img-fluid" />
						</div>
						<div class="image-row--2">
							<img src="https://statics-maker.llt-services.com/mll/images/2024/04/03/original/f38bc09c-e53a-454d-a183-f4ff068cc15b-345.jpg" class="img-fluid" />
						</div>
					</div>
				  </div>
				</div>
			  </div>
			</div>
			
		  </div>
		</div>