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">
				  <h1 class="h1 text-primary text-uppercase fw-bold mb-2" data-aos="fade-down" data-duration="2000">1. COMPRA DE ENTRADAS</h1>
				  <h2 class="fw-bold h5 mb-2 mb-5" data-aos="fade-down" data-aos-delay="50" data-duration="2000">A TRAVÉS DE LA PLATAFORMA WEBOOK</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>Una vez pulses en el <strong>botón <a href="https://webook.com/en/events/real-madrid-vs-mallorca-ssc2025-tickets-943842/book?channel=14c55700-4a8e-7900-a138-89d521e1b966" target="_blank">Comprar entradas</a></strong> te redirigiremos a <strong>Webook,</strong> donde podrás adquirir tus entradas.</span>
						</li>
						<li class="d-flex mb-3">
						  <i class="bi bi-check me-1"></i> 
						  <span>Antes de seleccionar tus asientos, deberás <strong>crear un usuario en Webook.</strong> Asegúrate de usar <strong>la misma dirección de correo electrónico de tu Área de Abonado.</strong> De lo contrario, no podrás acceder a la compra en el sector que hemos reservado para ti.<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>El <strong>Sector 118</strong> ha sido reservado para la <strong>afición del Mallorca.</strong> <strong>Selecciónalo</strong> durante el proceso de compra de entradas.<br /><img src="https://statics-maker.llt-services.com/mll/images/2024/12/29/original/fd1353a3-7117-4811-9649-d8f6eaeca225-106.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>Una vez procesado el pago de las entradas, recibirás en tu correo electrónico un <strong>mensaje de confirmación de la compra.</strong></span>
						</li>
					  </ul>
					  <p class="m-0 text-center">
						  <a href="https://webook.com/en/events/real-madrid-vs-mallorca-ssc2025-tickets-943842/book?channel=14c55700-4a8e-7900-a138-89d521e1b966" target="_blank" class="btn btn-primary text-white">COMPRAR ENTRADAS</a>
					  </p>
					</div>
				  </div>
					  </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">2. 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>Las <strong>entradas</strong> estará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>identifícate con el mismo correo electrónico</strong> y contraseña que usaste durante la compra de las entradas.<br /><img src="https://statics-maker.llt-services.com/mll/images/2024/12/27/original/b9816a6f-d3cb-4250-88d3-0d50b2bf5e3d-178.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 tu entrada.</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">
							  <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-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>
			</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>