/* Shared entry shell, deliberately independent of the site's theme header. */
html:root body.arena-entry-page{margin:0!important;background:#10182b;font-family:Arial,Helvetica,sans-serif}
html:root body.arena-entry-page .arena-entry{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);min-height:100dvh}
html:root body.arena-entry-page .arena-story{display:flex;position:relative;min-height:0;height:100dvh;padding:32px 36px;gap:24px;background:radial-gradient(ellipse at 0 0,#243854,transparent 65%),#10182b;isolation:isolate}
html:root body.arena-entry-page .arena-story:before{inset:auto -150px -110px auto;width:480px;height:510px;border:0;border-radius:0;background:#e64177;opacity:.25;mask:url('../img/castellonarena-simbolo-original.png') center/contain no-repeat;-webkit-mask:url('../img/castellonarena-simbolo-original.png') center/contain no-repeat;z-index:-1}
html:root body.arena-entry-page .arena-story:after{display:none}
html:root body.arena-entry-page .arena-brand{width:200px;max-width:100%;height:auto}
html:root body.arena-entry-page .arena-story-copy{margin:auto 0}
html:root body.arena-entry-page .arena-story h1{font-family:inherit!important;font-size:clamp(42px,4.5vw,70px)!important;line-height:1.04!important;letter-spacing:-.05em;margin:20px 0!important;color:#fff!important}
html:root body.arena-entry-page .arena-story p{font-size:16px;line-height:1.5;max-width:260px}
html:root body.arena-entry-page .arena-pills{gap:6px;margin-top:24px}
html:root body.arena-entry-page .arena-pills span{padding:8px 12px;font-size:11px}
html:root body.arena-entry-page .arena-access{min-width:0;padding:28px 6%;background:#faf7fa}
html:root body.arena-entry-page .arena-access-inner{max-width:560px;min-width:0}
html:root body.arena-entry-page .arena-wordmark{font-size:24px;margin-bottom:22px}
html:root body.arena-entry-page .arena-access h2{font-family:inherit!important;font-size:38px;line-height:1.08}
html:root body.arena-entry-page .arena-access footer{margin-top:22px}
html:root body.arena-registration-page .arena-access{padding:18px 5%;height:100dvh}
html:root body.arena-registration-page .arena-access-inner>.arena-wordmark,html:root body.arena-registration-page .arena-access-inner>h2,html:root body.arena-registration-page .arena-access-inner>p,html:root body.arena-registration-page .arena-access-inner>footer,html:root body.arena-registration-page .arena-access-inner>.arena-text-link{display:none}
html:root body.arena-registration-page [data-family-wizard]{height:100%;border-radius:22px;background:#fff;box-shadow:0 14px 48px #10182b0a}
@media(max-width:900px){
html:root body.arena-entry-page .arena-entry{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:130px minmax(0,1fr)}
html:root body.arena-entry-page .arena-story{display:flex;height:130px;padding:18px 24px;gap:8px;justify-content:center}
html:root body.arena-entry-page .arena-brand{width:155px}
html:root body.arena-entry-page .arena-story-copy{margin:0}
html:root body.arena-entry-page .arena-story-copy:after{content:'Tu club. Tu gente. Tu espacio.';display:block;color:#e0d9e6;font-size:12px}
html:root body.arena-entry-page .arena-story-copy>*,html:root body.arena-entry-page .arena-story>small{display:none}
html:root body.arena-entry-page .arena-story:before{width:220px;height:235px;right:-45px;bottom:-70px;opacity:.45}
html:root body.arena-entry-page .arena-access{padding:24px;align-items:start}
html:root body.arena-registration-page .arena-access{height:calc(100dvh - 130px);padding:10px 14px}
html:root body.arena-registration-page [data-family-wizard]>.af-brand{display:none}
}
@media(max-height:740px) and (max-width:900px){html:root body.arena-entry-page .arena-entry{grid-template-rows:96px minmax(0,1fr)}html:root body.arena-entry-page .arena-story{height:96px;padding:12px 22px}html:root body.arena-entry-page .arena-brand{width:130px}html:root body.arena-registration-page .arena-access{height:calc(100dvh - 96px)}}
html:root body.arena-registration-page .arena-access{align-items:stretch;position:static;transform:none;margin:0;top:auto}
html:root body.arena-registration-page .arena-access-inner{height:100%;min-height:0}
@media(min-width:901px){html:root body.arena-registration-page .arena-access{align-items:center}html:root body.arena-registration-page .arena-access-inner{height:min(800px,calc(100dvh - 36px))}}
/* 1.113.37: the compact header and the form never overlap. */
html:root body.arena-entry-page{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html:root body.arena-entry-page .arena-access{position:static;top:auto;margin:0;transform:none;border-radius:0}
@media(max-width:900px){
html:root body.arena-entry-page .arena-entry{grid-template-rows:104px minmax(0,1fr)}
html:root body.arena-entry-page .arena-story{height:104px;padding:14px 22px;gap:7px;flex-shrink:0}
html:root body.arena-entry-page .arena-brand{width:140px}
html:root body.arena-entry-page .arena-access{padding:20px 22px 28px}
html:root body.arena-entry-page .arena-wordmark{font-size:21px;margin:0 0 18px}
html:root body.arena-entry-page .arena-access h2{font-size:30px;line-height:1.1;margin:10px 0 12px}
html:root body.arena-entry-page .arena-access p{font-size:13px;margin-bottom:16px}
html:root body.arena-entry-page .arena-access form>label{margin:13px 0;font-size:13px}
html:root body.arena-entry-page .arena-access input:not([type=checkbox]):not([type=hidden]){height:48px;margin-top:6px;font-size:16px}
html:root body.arena-entry-page .arena-password button{top:1px;height:46px}
html:root body.arena-entry-page .arena-form-options{margin:14px 0 18px;font-size:12px;gap:10px}
html:root body.arena-entry-page .arena-enter{min-height:50px;font-size:15px}
html:root body.arena-entry-page .arena-invitation{margin-top:20px;padding-top:16px}
html:root body.arena-entry-page .arena-invitation p{font-size:12px;margin:6px 0}
html:root body.arena-entry-page .arena-access footer{margin-top:20px}
html:root body.arena-registration-page .arena-access{height:calc(100dvh - 104px);padding:10px 14px}
}
@media(max-height:740px) and (max-width:900px){html:root body.arena-entry-page .arena-entry{grid-template-rows:88px minmax(0,1fr)}html:root body.arena-entry-page .arena-story{height:88px;padding:10px 22px}html:root body.arena-entry-page .arena-brand{width:120px}html:root body.arena-registration-page .arena-access{height:calc(100dvh - 88px)}}
@media(max-width:900px){html:root body.arena-registration-page .arena-story-copy:after{content:'MI ARENA · Solicitud de acceso';color:#ffb4cc;font-size:11px;font-weight:700;letter-spacing:.02em}}