@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#f4f5f6;background:#0b0e13;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,a{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #f11527;outline-offset:3px}.app-shell{max-width:1440px;margin:auto;padding:0 clamp(20px,5vw,72px) 110px}.topbar{height:88px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #292d33}.mark{width:45px;height:45px;border:2px solid #f11527;display:grid;place-items:center;font:800 20px 'Barlow Condensed',sans-serif;letter-spacing:-1px}.mark span,.accent,.club-panel-art span{color:#f11527}.brand{display:flex;flex-direction:column;gap:2px}.brand strong{font:800 21px 'Barlow Condensed',sans-serif;letter-spacing:1px}.brand>span{font-size:10px;letter-spacing:2px;color:#8f969f}.icon-button{margin-left:auto;border:1px solid #434950;background:#171d25;color:#f11527;width:42px;height:42px;font-size:22px}.icon-button[hidden]{display:none}.page{animation:fade .25s ease}.page[hidden]{display:none}@keyframes fade{from{opacity:.45;transform:translateY(8px)}to{opacity:1;transform:none}}.hero{position:relative;min-height:580px;margin-top:30px;overflow:hidden;background:radial-gradient(circle at 78% 50%,#333b37 0,#1c2427 26%,#15191f 51%,#101318 78%);border:1px solid #30373a;isolation:isolate}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#ffffff0a 50%,transparent 50.2%),linear-gradient(#ffffff08 1px,transparent 1px);background-size:100px 100px,100% 80px;mask-image:linear-gradient(90deg,transparent,#000);z-index:-1}.hero-content{position:relative;padding:clamp(46px,7vw,100px);max-width:720px;z-index:1}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.5px;color:#f11527;margin:0 0 15px;text-transform:uppercase}.hero h1,.page-heading h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;text-transform:uppercase;line-height:.92;letter-spacing:-1px}.hero h1{font-size:clamp(64px,8vw,118px);margin:0;max-width:680px}.hero h1 em{font-style:normal;color:#f11527}.hero-content>p:not(.eyebrow){color:#bac1c7;max-width:370px;font-size:17px;line-height:1.55;margin:28px 0}.primary-button{background:#f11527;border:0;color:#111719;padding:17px 21px;font-weight:800;display:inline-flex;align-items:center;gap:32px}.primary-button:hover,.outline-button:hover{background:#ff5964}.hero-art{position:absolute;width:470px;height:470px;right:0;top:56px;display:grid;place-items:center;opacity:.72;transform:rotate(-16deg)}.ring{position:absolute;border:1px solid #f1152766;border-radius:50%}.ring-one{width:400px;height:400px;box-shadow:0 0 70px #f1152716}.ring-two{width:310px;height:310px;border-style:dashed;animation:spin 50s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-monogram{font:800 180px 'Barlow Condensed',sans-serif;color:#f11527;text-shadow:0 0 50px #f1152750}.hero-line{position:absolute;width:600px;height:3px;background:#f11527;top:68%;transform:rotate(-25deg);box-shadow:0 0 30px #f11527}.hero-bottom{position:absolute;bottom:26px;left:clamp(46px,7vw,100px);right:32px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;color:#a3abb0}.section-heading{margin:70px 0 23px}.section-heading h2,.club-panel h2{font:800 clamp(36px,4vw,54px) 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{text-align:left;display:flex;flex-direction:column;min-height:230px;padding:24px;position:relative;color:#f3f5f7;background:#171b21;border:1px solid #30363b;transition:transform .2s,border-color .2s}.feature-card:hover,.car-card:hover{transform:translateY(-3px);border-color:#f11527}.feature-no{font-size:13px;color:#929aa2}.feature-icon{font-size:36px;color:#f11527;margin:10px 0 22px}.feature-card strong{font:700 28px 'Barlow Condensed',sans-serif;text-transform:uppercase}.feature-card>span:nth-last-child(2){color:#aeb5bd;font-size:14px;margin-top:5px}.feature-arrow{position:absolute;right:23px;top:23px;color:#f11527;font-size:22px}.page-heading{padding:68px 0 37px}.page-heading h1{font-size:clamp(65px,9vw,116px);margin:0}.page-heading>p:last-child{font-size:17px;color:#adb5bc;margin:18px 0 0}.filter-row{display:flex;gap:8px;overflow:auto;padding:0 0 22px}.chip{flex:none;background:#181d23;border:1px solid #394048;color:#c3cad0;padding:10px 16px;border-radius:999px;font-size:14px}.chip.selected{background:#f11527;border-color:#f11527;color:#101518;font-weight:700}.car-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.car-card{position:relative;text-align:left;color:#fff;border:1px solid #30373c;background:#171c22;padding:0;overflow:hidden;transition:transform .2s,border-color .2s}.car-photo{height:220px;display:grid;place-items:center;background:linear-gradient(125deg,#2b3537,#151b20);overflow:hidden}.car-photo img{width:100%;height:100%;object-fit:cover}.car-placeholder{font-size:74px;color:#f11527;opacity:.65}.car-info{display:flex;flex-direction:column;padding:22px;gap:6px;color:#a9b0b8;font-size:14px}.car-info strong{font:800 29px 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#fff}.car-type{color:#f11527;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700}.car-arrow{position:absolute;right:23px;bottom:30px;color:#f11527;font-size:22px}.events-list{display:grid;gap:12px}.event-card{display:flex;align-items:flex-start;gap:24px;background:#171c22;border:1px solid #343b42;padding:24px}.event-date{flex:0 0 85px;display:flex;flex-direction:column;text-align:center;border:1px solid #f11527;padding:9px 5px;color:#f11527;text-transform:uppercase}.event-date strong{font:800 47px 'Barlow Condensed',sans-serif;line-height:1}.event-date span{font-size:13px;font-weight:700;letter-spacing:2px}.event-details{flex:1}.event-details h2{font:800 32px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0 0 7px}.event-details>p:not(.eyebrow){margin:0 0 12px;color:#b1bac1;line-height:1.5}.event-details .eyebrow{margin-bottom:8px}.event-place{font-size:14px;color:#f11527}.event-link{align-self:center;text-decoration:none;font-size:24px;padding:12px}.empty-state{grid-column:1/-1;width:100%;min-height:300px;background:#151a20;border:1px dashed #414a50;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty-state>span{font-size:52px;color:#f11527}.empty-state h2{font:800 31px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:13px 0 4px}.empty-state p{color:#aeb7be;max-width:400px;line-height:1.5}.club-panel{display:grid;grid-template-columns:1fr 1fr;background:#181e24;border:1px solid #363f44;min-height:370px}.club-panel-art{display:grid;place-items:center;font:800 clamp(130px,19vw,260px) 'Barlow Condensed',sans-serif;letter-spacing:-15px;color:#f11527;background:radial-gradient(circle,#354436,#1b2828 48%,#10181b 80%);overflow:hidden}.club-panel-art span{color:#fff}.club-panel-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,6vw,75px)}.club-panel-copy>p:not(.eyebrow){color:#bac1c8;font-size:17px;line-height:1.6}.club-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.outline-button{padding:12px 17px;border:1px solid #f11527;text-decoration:none;font-size:14px;font-weight:700;color:#f11527}.links-note,.footer-note{color:#828b94;font-size:13px}.footer-note{margin:28px 0}.bottom-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:clamp(30px,6vw,90px);background:#10151af5;backdrop-filter:blur(16px);border-top:1px solid #373e45;padding:12px 20px max(12px,env(safe-area-inset-bottom))}.nav-item{background:none;border:0;color:#828c95;min-width:60px;display:flex;align-items:center;flex-direction:column;gap:3px;padding:0}.nav-item span{font-size:26px;line-height:1}.nav-item small{font-size:12px}.nav-item.active{color:#f11527}.car-dialog{max-width:600px;width:calc(100% - 28px);padding:28px;background:#1b2229;border:1px solid #626c71;color:#fff}.car-dialog::backdrop{background:#000b}.dialog-close{position:absolute;top:11px;right:13px;background:#0b0e13;color:#fff;border:0;font-size:30px;width:40px;height:40px;z-index:1}.dialog-photo{width:100%;max-height:320px;object-fit:cover;margin-bottom:20px}.car-dialog h2{font:800 42px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0}.car-dialog p:not(.eyebrow){color:#b8c0c7;line-height:1.6}.car-dialog .dialog-meta{color:#f11527!important}@media(max-width:900px){.hero-art{right:-230px;opacity:.3}.car-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.app-shell{padding:0 18px 100px}.topbar{height:74px}.hero{margin-top:18px;min-height:575px}.hero-content{padding:48px 26px}.hero h1{font-size:clamp(59px,14vw,85px)}.hero-art{right:-265px;top:125px}.hero-bottom{left:26px;bottom:23px}.section-heading{margin-top:47px}.feature-grid{grid-template-columns:1fr;gap:9px}.feature-card{min-height:116px;padding:17px 20px;display:grid;grid-template-columns:52px 1fr;grid-template-rows:20px 34px 20px;align-content:center}.feature-no{grid-row:1}.feature-icon{grid-row:2/4;margin:0;font-size:30px}.feature-card strong{grid-column:2;grid-row:2}.feature-card>span:nth-last-child(2){grid-column:2;grid-row:3}.feature-arrow{top:16px}.page-heading{padding:49px 0 30px}.car-grid{grid-template-columns:1fr}.car-photo{height:240px}.club-panel{grid-template-columns:1fr}.club-panel-art{min-height:220px;letter-spacing:-8px}.club-panel-copy{padding:30px}.event-card{padding:18px;gap:15px}.event-date{flex-basis:66px}.event-date strong{font-size:38px}.event-details h2{font-size:27px}.bottom-nav{justify-content:space-around;gap:0}}

/* Pantalla de apertura */
.opening{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,#2b0c12 0%,#0f1015 47%,#07080b 84%);overflow:hidden;isolation:isolate;color:#fff}.opening[hidden]{display:none}.opening-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.opening-shade{position:absolute;inset:0;background:linear-gradient(180deg,#05050788 0%,#08090c44 38%,#050507aa 100%);z-index:-1}.opening-center{width:min(100% - 44px,680px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.opening-kicker{font:700 12px 'DM Sans',Arial,sans-serif;letter-spacing:4px;color:#fff;margin:0 0 20px;opacity:0;animation:intro-up .7s .15s forwards}.opening-logo-wrap{width:min(64vh,68vw,490px);aspect-ratio:1;display:grid;place-items:center;overflow:hidden;filter:drop-shadow(0 26px 55px #0009);animation:logo-arrive 1.45s cubic-bezier(.18,.82,.14,1) .2s both}.opening-logo{display:block;width:100%;height:100%;object-fit:contain}.opening-enter{margin-top:24px;padding:15px 25px;background:#e9061b;color:#fff;border:1px solid #ff4654;letter-spacing:2px;font:800 15px 'Barlow Condensed',Impact,sans-serif;display:flex;align-items:center;gap:35px;box-shadow:0 12px 36px #e9061b44;opacity:0;animation:intro-up .6s 1.4s forwards}.opening-enter:hover{background:#ff293a}.opening-foot{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:clamp(22px,5vw,70px);right:clamp(22px,5vw,70px);display:flex;justify-content:space-between;font:700 11px 'DM Sans',Arial,sans-serif;letter-spacing:2px;color:#c4c5c8}.opening.dismissed{opacity:0;pointer-events:none;transition:opacity .6s ease}@keyframes logo-arrive{0%{opacity:0;transform:scale(.38) rotate(-14deg);clip-path:circle(0% at 50% 50%);filter:blur(18px)}48%{opacity:1;filter:blur(0)}100%{opacity:1;transform:scale(1) rotate(0);clip-path:circle(75% at 50% 50%);filter:blur(0)}}@keyframes intro-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.opening-logo-wrap{width:min(82vw,46vh)}.opening-kicker{font-size:11px;letter-spacing:2.5px}.opening-foot{font-size:9px;letter-spacing:1px}.opening-enter{margin-top:22px}}@media(prefers-reduced-motion:reduce){.opening-kicker,.opening-logo-wrap,.opening-enter{animation:none;opacity:1}.opening.dismissed{transition:none}}
/* Vídeo 4K y fondo blanco del logo integrado visualmente con la escena. */
.opening-video{object-position:56% center;background:#08090c}
.opening-logo{filter:url(#logoWhiteKey) drop-shadow(0 8px 20px #000c)}
.logo-filter-defs{position:absolute;pointer-events:none}
@media(max-width:640px){.opening-video{object-position:54% center}}
/* Apertura sincronizada: el gesto inicial habilita vídeo y sonido en móviles. */
.opening::before{content:"";position:absolute;inset:-25px;background:#08090c url('/media/intro-poster.webp') center/cover no-repeat;filter:blur(22px) brightness(.55);z-index:-3}
.opening-start{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 30px;min-width:225px;border:1px solid #f11527;background:#090b10cc;backdrop-filter:blur(12px);color:#fff;box-shadow:0 0 0 8px #f115271c,0 0 70px #f115273d;transition:opacity .3s,transform .3s}
.opening-start:hover{transform:scale(1.04)}.opening-start strong{font:800 22px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1.5px}.opening-start small{font-size:13px;color:#cbd0d5}.start-symbol{font-size:28px;color:#f11527}
.opening.playing .opening-start{opacity:0;pointer-events:none;transform:scale(.85)}
.opening-center{pointer-events:none}.opening-kicker{opacity:0;animation:none}.opening-logo-wrap{opacity:0;transform:scale(.2);animation:none}.opening-enter{opacity:0;pointer-events:none;animation:none}
.opening.logo-revealed .opening-center{pointer-events:auto}.opening.logo-revealed .opening-kicker{animation:intro-up .7s .3s forwards}.opening.logo-revealed .opening-logo-wrap{animation:logo-impact 1.55s cubic-bezier(.12,.78,.18,1) forwards}.opening.logo-revealed .opening-enter{pointer-events:auto;animation:intro-up .55s 1.15s forwards}
.opening-flash{position:absolute;inset:-40%;z-index:0;pointer-events:none;opacity:0;background:radial-gradient(circle,#ff2939b3 0%,#e9061b63 12%,transparent 35%)}
.opening.logo-revealed .opening-flash{animation:impact-flash 1.3s ease-out forwards}
@keyframes logo-impact{0%{opacity:0;transform:scale(.12) rotate(-22deg);clip-path:circle(0% at 50% 50%);filter:blur(24px) drop-shadow(0 0 0 #f11527)}35%{opacity:1;transform:scale(1.32) rotate(4deg);clip-path:circle(75% at 50% 50%);filter:blur(0) drop-shadow(0 0 65px #ff1725)}55%{transform:scale(.87) rotate(-2deg)}72%{transform:scale(1.1) rotate(1deg)}100%{opacity:1;transform:scale(1) rotate(0);clip-path:circle(75% at 50% 50%);filter:drop-shadow(0 14px 45px #000c)}}
@keyframes impact-flash{0%{opacity:0;transform:scale(.2)}23%{opacity:.9;transform:scale(.75)}100%{opacity:0;transform:scale(1.5)}}
@media(max-width:640px){.opening-video{object-fit:contain;object-position:center;background:transparent}.opening-shade{background:linear-gradient(180deg,#05050780 0%,transparent 35%,#05050799 100%)}.opening-logo-wrap{width:min(82vw,46vh)}}
@media(prefers-reduced-motion:reduce){.opening.logo-revealed .opening-logo-wrap,.opening.logo-revealed .opening-kicker,.opening.logo-revealed .opening-enter{animation:none;opacity:1;transform:none}.opening.logo-revealed .opening-flash{animation:none}}