Default

<div class="rcdmlp">
	  <div data-bs-theme="light" class="overflow-visible">
		<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" >AGRUPACIÓN DE ABONOS</h1>
			  <h2 class="fw-bold h5 mb-2 mb-5"  >GESTIONA TUS ABONOS DE FORMA MÁS FÁCIL</h2>
			  <div class="row text-start">
				  <div class="col-lg-8 mx-auto">
					  <div class="row">
				<div class="col-lg-8 mx-auto content-block">
					<p>Si quieres gestionar de forma cómoda en tu área de abonado los abonos de tus familiares o amigos, indícanos los datos que te solicitamos a continuación y te activaremos el servicio.</p>
					<p class="mb-1">Una vez vinculados los abonos a tu cuenta, podrás operar por ellos en los siguientes servicios:</p>
				  <ul class="list-unstyled mb-4">
					<li class="d-flex mb-2">
					  <i class="bi bi-check me-1 text-primary"></i> 
					  <span>Cesión de asiento</span>
					</li>
					<li class="d-flex mb-2">
					  <i class="bi bi-check me-1 text-primary"></i> 
					  <span>Envío de la entrada a un amigo</span>
					</li>
					<li class="d-flex mb-2">
					  <i class="bi bi-check me-1 text-primary"></i> 
					  <span>Renovación del abono</span>
					</li>
					<li class="d-flex mb-2">
					  <i class="bi bi-check me-1 text-primary"></i> 
					  <span>Modificación de datos personales en la ficha de abonado</span>
					</li>
				  </ul>
				  <p class="text-primary"><strong>El uso fraudulento de la agrupación de abonos será investigado y puede acarrear repercusiones legales.</strong></p>
				  <form id="subscriberForm" class="border-top pt-3" method="POST" action="?submitted=true">
					<input type="hidden" name="Idioma" value="es" />
					<div class="bg-light rounded p-3 mb-3">
						<div class="row">
							<div class="col-md-12 mb-2">
								<div class="d-flex align-items-center justify-content-between">
									<strong>Datos del abonado administrador:</strong>
									<a href="#" class="small text-decoration-none" data-bs-toggle="modal" data-bs-target="#memberIdModal"><i class="bi bi-question-circle"></i> ID de socio</a>
								</div>
							</div>
							<div class="col-md-6">
								<div class="mb-4">
									<label for="emailControl0" class="form-label visually-hidden">Tu email</label>
									<input type="email" class="form-control row-email" id="emailControl0" name="emailControl0" required placeholder="Tu email">
								</div>
							</div>
							<div class="col-md-6">
								<div class="mb-4">
									<label for="idControl0" class="form-label visually-hidden">Tu ID de socio</label>
									<input type="text" class="form-control row-id" id="idControl0" name="idControl0" required placeholder="Tu ID de socio" maxLength="10" pattern="[0-9]+">
								</div>
							</div>
							<div class="col-md-6">
								<div class="mb-4">
									<label for="nameControl0" class="form-label visually-hidden">Tu nombre</label>
									<input type="text" class="form-control row-name" id="nameControl0" name="nameControl0" required placeholder="Tu nombre">
								</div>
							</div>
							<div class="col-md-6">
								<div class="mb-4">
									<label for="surnameControl0" class="form-label visually-hidden">Tu/s apellido/s</label>
									<input type="text" class="form-control row-surname" id="surnameControl0" name="surnameControl0" required placeholder="Tu/s apellido/s">
								</div>
							</div>
							<div class="col-md-6">
								<div class="mb-2 mb-md-4">
									<label for="phoneControl0" class="form-label visually-hidden">Tu número de teléfono</label>
									<input type="tel" class="form-control row-phone" id="phoneControl0" name="phoneControl0" required placeholder="Tu número de teléfono" minLength="5" maxLength="20" pattern="[0-9\s\+]+">
								</div>
							</div>
						</div>
					</div>
					<div class="subscriber-group"></div>
					<div class="d-flex align-items-center justify-content-between mb-4">
						<a href="#" class="small text-decoration-none add-subscriber"><i class="bi bi-plus-circle"></i> Añadir abonado</a>
						<button type="submit" class="btn btn-primary">Enviar</button>
					</div>
					<div class="small text-center">Enviando este formulario aceptas la <a href="#" data-bs-toggle="modal" data-bs-target="#legalModal">política de privacidad</a></div>
				  </form>
				</div>
			  </div>
				  </div>
			  </div>
			</div>
		  </section>
		</main>
		
		<div class="modal fade modal-sm" id="memberIdModal" tabindex="-1" aria-labelledby="memberIdModalLabel" 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="memberIdModalLabel"></h1>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			  </div>
			  <div class="modal-body p-0">
				<img src="https://statics-maker.llt-services.com/mll/images/2025/04/15/original/659ac2b3-d46a-423b-bfa6-9e1ac7f74277-593.webp" class="w-100" />
				
			  </div>
			</div>
		  </div>
		</div>
		
		<div class="modal fade modal-lg" id="legalModal" tabindex="-1" aria-labelledby="legalModalLabel" 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="legalModalLabel"></h1>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			  </div>
			  <div class="modal-body">
				<p class="lead"><strong>Política de Privacidad y Responsabilidad de Uso de Abonos</strong></p>
				<p>El Real Club Deportivo Mallorca, S.A.D. (en adelante, “RCD Mallorca”), con domicilio en el Cami dels Reis s/n de Palma, 07011, tratará los datos personales proporcionados en este formulario con el fin de gestionar la vinculación de abonos entre usuarios, conforme al proyecto de agrupación autorizado. La información recogida será utilizada exclusivamente para gestionar la solicitud de agrupación de abonos, verificar la identidad de los usuarios implicados, y permitir la correcta operativa de acceso y uso de los mismos. El tratamiento se basa en el consentimiento del usuario y en la ejecución de la relación contractual establecida entre el club y el titular del abono. Los datos no serán cedidos a terceros, salvo obligación legal o en los casos necesarios para garantizar el correcto funcionamiento de la vinculación entre abonos (por ejemplo, proveedores tecnológicos contratados por RCD Mallorca). Los datos se conservarán durante el tiempo necesario para cumplir con la finalidad descrita, y posteriormente durante los plazos exigidos por la legislación aplicable.</p>
				<p>Puedes ejercer tus derechos de acceso, rectificación, supresión, oposición, limitación del tratamiento y portabilidad enviando una solicitud a <a href="mailto:datos@rcdmallorca.es">datos@rcdmallorca.es</a>, junto con copia de un documento acreditativo de identidad.</p>
				<p class="lead"><strong>Compromiso del Administrador:</strong></p>
				<p>El usuario que solicita la agrupación de abonos y actúa como administrador declara:</p>
				<ul>
					<li>Que cuenta con la autorización expresa de los titulares de los abonos que desea vincular.</li>
					<li>Que se compromete a realizar un uso responsable y conforme a las normas del club de todos los abonos agrupados.</li>
					<li>Que asume la responsabilidad del buen uso de los accesos generados a través de esta agrupación, exonerando al club de cualquier mal uso realizado por terceros autorizados por él.</li>
				</ul>
				<p>El incumplimiento de estas condiciones podrá derivar en la revocación de la vinculación y, en su caso, en la aplicación de medidas disciplinarias conforme al reglamento interno del club.</p>
			  </div>
			</div>
		  </div>
		</div>
		
		<style>
			.rcdmlp {position:relative;padding-top:70px;overflow:hidden;background:#fff;}
			.rcdmlp:before {content:'';background:url(https://statics-maker.llt-services.com/mll/images/2025/03/20/original/3105a528-c536-42ed-aa35-0ff59a2a3d45-442.svg) no-repeat center;position:absolute;top:0;left:50%;transform:translate(-50%, -50%);width:300px;aspect-ratio:1464/692;background-size:contain;}
		</style>
		
	  </div>
	</div>