/* Identidad visual provisional: sustituye estas variables por los colores oficiales de Ultimate Riders. */
:root{--brand:#2674b8;--brand-strong:#15558c;--ink:#101820;--ink-soft:#1c2832;--paper:#f4f5f6;--white:#fff;--muted:#aeb9c2;--line:rgba(255,255,255,.14);--radius:4px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:1rem;top:1rem;z-index:100;background:white;padding:.8rem}.site-header{height:84px;background:#101820;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,calc((100vw - var(--max))/2));gap:2rem;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;min-width:max-content}.brand-logo{width:46px;height:46px;object-fit:contain}.brand-name{font-size:.98rem;letter-spacing:.12em;line-height:1.1}.brand-name strong,.footer-brand strong{color:var(--brand)}.brand-name small{display:block;font-size:.58rem;color:#b8c2ca;letter-spacing:.18em;margin-top:.4rem}.main-nav{display:flex;align-items:center;gap:1.5rem}.main-nav a{text-decoration:none;font-size:.82rem;font-weight:700;color:#e5eaee}.main-nav a:hover,.text-link:hover{color:var(--brand)}.main-nav .nav-cta{padding:.65rem 1rem;background:var(--brand);color:white}.menu-toggle{display:none;background:transparent;color:white;border:1px solid #60717e;padding:.55rem .8rem}.hero{min-height:620px;position:relative;display:flex;align-items:center;color:white;background:linear-gradient(110deg,#0b1218 5%,#162b3a 62%,#213e51 100%);overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,12,18,.9),rgba(5,12,18,.32)),repeating-linear-gradient(135deg,transparent 0 90px,rgba(255,255,255,.025) 90px 92px);pointer-events:none}.hero-shade{position:absolute;right:-8%;top:10%;width:55%;height:80%;border:1px solid rgba(255,255,255,.08);transform:skew(-14deg);background:linear-gradient(145deg,rgba(38,116,184,.18),transparent 60%)}.hero-content{position:relative;z-index:1;max-width:var(--max);width:100%;margin:auto;padding:5rem 2rem}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.19em;color:var(--brand);margin:0 0 1.2rem}.hero h1{font-size:clamp(3.5rem,8vw,7rem);line-height:.94;letter-spacing:-.055em;margin:0 0 1.6rem;text-transform:uppercase}.hero h1 span,.section h2 span{color:var(--brand)}.hero-copy{font-size:1.08rem;color:#d2dbe1;max-width:490px}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.2rem;text-decoration:none;font-size:.82rem;font-weight:800;border:1px solid transparent}.button-primary{background:var(--brand);color:white}.button-primary:hover{background:var(--brand-strong)}.button-outline{border-color:rgba(255,255,255,.55);color:white}.hero-note{position:absolute;z-index:2;bottom:1.8rem;right:max(5vw,calc((100vw - var(--max))/2));font-size:.75rem;color:#d0d8de}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--brand);margin-right:.5rem}.section{padding:6rem max(5vw,calc((100vw - var(--max))/2))}.intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;background:white}.section h2{font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.02;letter-spacing:-.05em;margin:0;text-transform:uppercase}.intro-text{max-width:550px;color:#43515b}.intro-text p:first-child{font-size:1.12rem}.placeholder-note{font-size:.78rem;color:#75818a;font-style:italic}.text-link{font-weight:800;font-size:.84rem;text-decoration:none;color:var(--brand-strong);display:inline-block;margin-top:.7rem}.section-top{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}.section-side{max-width:310px;color:#687681;font-size:.92rem}.events{background:#e9edf0}.event-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:1.4rem}.event-card{background:white}.event-image{height:260px}.event-body{padding:1.7rem}.event-meta,.panel-label,.detail-label{font-size:.68rem;letter-spacing:.16em;font-weight:800;color:var(--brand-strong)}.event-body h3{font-size:1.55rem;margin:.5rem 0}.event-body p:not(.event-meta){color:#65717a}.image-placeholder{background:linear-gradient(135deg,#182b39,#31536a 52%,#18222b);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:rgba(255,255,255,.8);font-size:.7rem;font-weight:800;letter-spacing:.16em;text-align:center}.image-placeholder:before,.image-placeholder:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);transform:rotate(-25deg);width:140%;height:65%}.image-placeholder:after{transform:rotate(25deg);height:40%}.image-placeholder span{position:relative;z-index:1;padding:.6rem 1rem;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.2)}.image-placeholder-two{background:linear-gradient(135deg,#24303a,#50616b 50%,#111b23)}.image-placeholder-three{background:linear-gradient(135deg,#263f4d,#7a8b8c 50%,#24333a)}.membership{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;background:#101820;color:white;align-items:center}.membership-copy>p:not(.eyebrow){max-width:480px;color:#c1cbd2;margin:1.6rem 0}.membership-panel{padding:2rem;background:#1c2832;border-top:4px solid var(--brand)}.fee{display:flex;align-items:baseline;justify-content:space-between;padding:1.2rem 0;border-bottom:1px solid var(--line)}.fee strong{font-size:2.5rem;letter-spacing:-.04em}.fee span{color:#c3cbd1}.small-print{font-size:.75rem;color:#aeb9c2;margin-bottom:0}.gallery{background:white}.gallery-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1rem}.gallery-tile{height:250px}.gallery .placeholder-note{margin-top:1rem}.contact{display:grid;grid-template-columns:1fr 1fr;gap:4rem;background:#e9edf0}.contact>div:first-child>p:not(.eyebrow){max-width:440px;color:#596873}.contact-details{display:grid;gap:1.3rem}.contact-details>div{padding-bottom:1rem;border-bottom:1px solid #cbd2d7}.contact-details p{margin:.25rem 0;font-weight:700}.detail-label{font-size:.65rem}.site-footer{background:#0a1015;color:#d7dfe4;padding:3rem max(5vw,calc((100vw - var(--max))/2));text-align:center}.footer-brand{text-decoration:none;font-weight:800;letter-spacing:.14em}.site-footer>p{color:#aeb9c2}.footer-links{display:flex;justify-content:center;gap:1.4rem;margin:1.5rem 0}.footer-links a{color:#d7dfe4;font-size:.78rem}.site-footer small{font-size:.7rem;color:#87949d}
@media(max-width:850px){.site-header{padding:0 1.2rem}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:84px;left:0;right:0;background:#101820;padding:1rem 1.2rem 1.5rem;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:.8rem 0}.main-nav .nav-cta{text-align:center;padding:.8rem}.hero{min-height:560px}.hero-content{padding:4rem 1.4rem}.hero-note{left:1.4rem;right:auto}.section{padding:4rem 1.4rem}.intro,.membership,.contact{grid-template-columns:1fr;gap:2rem}.section-top{align-items:start;flex-direction:column;gap:.8rem}.event-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-tile:first-child{grid-column:span 2}.contact-details{gap:.8rem}}
@media(max-width:480px){.brand-name{font-size:.82rem}.brand-logo{width:38px;height:38px}.hero h1{font-size:3.6rem}.hero-actions{align-items:stretch;flex-direction:column;max-width:260px}.gallery-grid{grid-template-columns:1fr}.gallery-tile:first-child{grid-column:auto}.gallery-tile{height:210px}.footer-links{flex-wrap:wrap}}