Default

<div class="subscription23">
			<div data-bs-theme="light" class="overflow-visible">
				<div class="bg-black">
					<main class="subscription23__main bg-white">
						<section class="comingsoon comingsoon--empty">
						  <div class="comingsoon--empty__block">
							<div class="h5 text-uppercase font-weight-bold m-0 mt-4">Prepara't per a la</div>
							<h1>Temporada 2026/27</h1>
							<p class="mb-4">
								Cap tornada es construeix només des de la gespa. 
								<br /><br /> 
								Es construeix des de la grada. 
								<br /> 
								Des de cada seient. 
								<br /> 
								Des de cada veu. 
								<br /><br />
								<strong class="text-uppercase" style="font-family: Dimonia, sans-serif;font-size:28px;">CA NOSTRA, CA TEVA</strong>
							</p>
		
							<div class="row">
								<div class="col-md-6 mb-4 mx-auto">
									<a target="_blank" href="https://queuecontrol.betix.tech/?qid=rcdmallorca_portal_abonados_2026" class="btn btn-primary">Àrea d'abonat</a>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6 mb-4 mx-auto">
									<br><a href="https://www.rcdmallorca.es/ca/abonaments" class="text-secondary text-decoration-none">Tota la informació dels Abonaments 26/27 »</a>
								</div>
							</div>
						  </div>
						  
						  <style>
							.comingsoon--empty {display:flex;justify-content:center;background:linear-gradient(to bottom, transparent 54vw, #000 74vw), url(https://statics-maker.llt-services.com/mll/images/2026/06/28/original/7b00d08b-1446-43b2-b80a-f1b2526ed460-351.webp) no-repeat left top;background-size:200vw;padding:60vw 1rem 6rem;box-sizing:border-box;border-bottom:1px solid #fff;}
							.comingsoon--empty__block {color:#fff;text-align:center;flex-grow:1;}
							.comingsoon--empty__block h1 {font-family:"Dimonia", sans-serif;font-size:12vw;text-transform:uppercase;margin:0 0 .5em;}
							.comingsoon--empty__block p {line-height:1.4;}
							@media (min-width:992px) {
							  .comingsoon--empty {background:linear-gradient(to right, transparent 40%, rgba(0, 0, 0, .8) 50%), url(https://statics-maker.llt-services.com/mll/images/2026/06/28/original/7b00d08b-1446-43b2-b80a-f1b2526ed460-351.webp) no-repeat center;background-size:cover;align-items:center;padding:2rem 2rem 2rem 50vw;min-height:calc(100vh - 122px);}
							  .comingsoon--empty__block h1 {font-size:4vw;}
							  .comingsoon--empty__block p {font-size:1.2rem;}
							}
						  </style>
						  
						</section>
					</main>
				</div>
			</div>
		</div>