@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Chivo:wght@400;600&display=swap";:root{--sunset-50: #f8f5ff;--sunset-100: #ede5ff;--sunset-200: #d9c8ff;--sunset-300: #c5a9ff;--sunset-400: #b184ff;--sunset-500: #a068ff;--sunset-600: #8d4cff;--sunset-700: #6823c7;--teal-200: #f7e9ff;--teal-300: #efceff;--teal-400: #dfabff;--teal-500: #c97cff;--charcoal-950: #050506;--charcoal-900: #08090c;--charcoal-800: #0f1118;--charcoal-700: #161924;--charcoal-600: #1f2230;--charcoal-500: #2a2e3f;--charcoal-400: #4b5168;--charcoal-300: #6b728a;--charcoal-200: #c4c6d3;--white: #ffffff;--gradient-primary: linear-gradient( 125deg, #fbd7ff 0%, #d48cff 40%, #6b1cd6 100% );--gradient-dark: radial-gradient( circle at 15% 25%, rgba(173, 134, 255, .22), transparent 50% ), radial-gradient( circle at 80% 5%, rgba(255, 150, 255, .12), transparent 55% ), linear-gradient(160deg, #040107 0%, #06000f 55%, #020005 100%);--gradient-overlay: linear-gradient( 180deg, rgba(5, 1, 12, .7) 0%, rgba(3, 0, 6, .95) 85% );--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--font-family: "Space Grotesk", "Chivo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-alt: "Chivo", "Space Grotesk", sans-serif;--font-size-sm: .85rem;--font-size-base: 1.05rem;--font-size-lg: 1.2rem;--font-size-xl: 1.4rem;--font-size-2xl: 1.8rem;--font-size-3xl: 2.3rem;--font-size-4xl: 3rem;--font-size-5xl: 4rem;--transition-fast: .15s cubic-bezier(.65, 0, .35, 1);--transition-base: .3s cubic-bezier(.65, 0, .35, 1);--transition-slow: .5s cubic-bezier(.77, 0, .175, 1);--shadow-sm: 0 8px 20px rgba(0, 0, 0, .25);--shadow-md: 0 15px 35px rgba(0, 0, 0, .35);--shadow-xl: 0 25px 65px rgba(0, 0, 0, .45);--shadow-colorful: 0 30px 80px rgba(173, 134, 255, .35);--radius-sm: .35rem;--radius-md: .7rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--glass-bg: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--charcoal-200);background:var(--gradient-dark);overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 0);background-size:110px 110px;pointer-events:none;z-index:-1;opacity:.5}body:after{content:"";position:fixed;inset:-20% -10% -30%;background:radial-gradient(circle at 20% 35%,rgba(155,73,255,.5),transparent 45%),radial-gradient(circle at 75% 15%,rgba(255,140,255,.35),transparent 50%);filter:blur(80px);opacity:.65;animation:auroraShift 22s ease-in-out infinite alternate;pointer-events:none;z-index:-2}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-3xl) 0;position:relative;isolation:isolate;overflow:hidden;animation:floatIn 1.2s ease both}.section:after{content:"";position:absolute;inset:10% 5% auto;height:65%;background:radial-gradient(circle at top,rgba(255,255,255,.04),transparent 60%);opacity:.6;mix-blend-mode:screen;pointer-events:none;animation:glowPulse 9s ease-in-out infinite;z-index:-1}.section-title{font-size:var(--font-size-4xl);font-weight:900;text-align:center;margin-bottom:var(--spacing-md);background:linear-gradient(120deg,var(--white) 0%,var(--sunset-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{text-align:center;color:var(--charcoal-300);font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;font-weight:600;color:var(--teal-400);margin-bottom:var(--spacing-sm)}.section-divider{height:120px;background:linear-gradient(180deg,#000,#050109 60%,#000);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.section-divider:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 0);background-size:120px 120px;opacity:.2;animation:dividerDrift 18s linear infinite}.hidden{display:none!important}.reveal{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.reveal.active{opacity:1;transform:translateY(0)}@keyframes auroraShift{0%{transform:translate3d(-5%,-3%,0) scale(1)}50%{transform:translate3d(4%,6%,0) scale(1.05)}to{transform:translate3d(-3%,4%,0) scale(.98)}}@keyframes glowPulse{0%{opacity:.2}50%{opacity:.6}to{opacity:.25}}@keyframes floatIn{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dividerDrift{0%{background-position:0 0}to{background-position:-120px -120px}}@media(prefers-reduced-motion:reduce){body:after,.section,.section:after,.reveal,.reveal.active{animation:none!important;transition:none!important}}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-base);font-family:var(--font-family);letter-spacing:.02em}.btn-primary{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-colorful);background-size:200% auto;animation:gradientFlow 8s ease infinite}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 25px 45px #8147ff73}.btn-outline{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-outline:hover{color:var(--sunset-100);border-color:var(--sunset-400);transform:translateY(-2px)}.btn-ghost{background:#ffffff14;color:var(--white);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);padding:var(--spacing-xs) var(--spacing-lg)}.btn-ghost:hover{border-color:var(--sunset-400);color:var(--sunset-100)}.btn-small{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.btn-full{width:100%}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#050506bf;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.08);transition:all var(--transition-base)}.navbar.scrolled{background:#050506f2;box-shadow:0 10px 30px #00000080}.nav-container{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.logo{display:flex;align-items:center;gap:var(--spacing-sm);margin-right:auto;font-weight:900;font-size:var(--font-size-xl);color:var(--white)}.logo-icon{font-size:var(--font-size-3xl);animation:spin 3s linear infinite}@keyframes spin{0%,to{transform:rotate(0)}50%{transform:rotate(15deg)}}.nav-menu{display:flex;list-style:none;gap:var(--spacing-lg)}.nav-link{color:var(--charcoal-300);text-decoration:none;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-base);position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient-primary);transform:translate(-50%);transition:width var(--transition-base)}.nav-link:hover{color:var(--sunset-200);cursor:pointer}.nav-link:hover:after{width:80%}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--spacing-xs)}.mobile-menu-toggle span{width:25px;height:2px;background:var(--sunset-400);transition:all var(--transition-base)}@media(max-width:768px){.nav-menu{position:fixed;top:70px;left:-100%;right:0;flex-direction:column;background:#050506fa;padding:var(--spacing-lg);gap:var(--spacing-sm);transition:left var(--transition-base);border-top:1px solid rgba(255,255,255,.1)}.nav-menu.active{left:0}.mobile-menu-toggle{display:flex}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-menu:not(.active){left:-100%!important;opacity:0!important}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-background{position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,122,24,.35),transparent),url(/background-hero.png);background-size:cover;background-position:center;filter:saturate(.9);transform:scale(1.1)}.hero-overlay{position:absolute;inset:0;background:var(--gradient-overlay)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-2xl);align-items:center}.hero-copy h1{font-size:clamp(3rem,8vw,5rem);color:var(--white);line-height:1.05;margin-bottom:var(--spacing-md)}.hero-copy h1 span{display:block;font-size:clamp(1.2rem,3vw,1.8rem);color:var(--sunset-200);font-weight:500}.hero-subtitle{color:var(--charcoal-200);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);max-width:520px}.hero-cta{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.hero-stats{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-xl);flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;gap:var(--spacing-xs)}.hero-stat .value{font-size:var(--font-size-3xl);font-weight:700;color:var(--white)}.hero-stat .label{color:var(--charcoal-300);text-transform:uppercase;font-size:.75rem;letter-spacing:.2em}.hero-panel{display:grid;gap:var(--spacing-lg)}.hero-card{background:#08090c99;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--spacing-xl);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-md)}.hero-card.secondary{background:#14b8a617;border-color:#14b8a666}.panel-label{text-transform:uppercase;font-size:.75rem;letter-spacing:.2em;color:var(--teal-300);margin-bottom:var(--spacing-sm)}.hero-card h3{color:var(--white);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.hero-card ul{list-style:none;color:var(--charcoal-200);display:grid;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.hero-card a{color:var(--sunset-100);text-decoration:none;font-size:.9rem}.hero-chip{display:inline-flex;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.2);margin-bottom:var(--spacing-sm);color:var(--white)}.scroll-indicator{position:absolute;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);z-index:10}.mouse{width:24px;height:40px;border:2px solid var(--sunset-400);border-radius:var(--radius-full);position:relative;animation:bounce 2s infinite}.mouse:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:4px;height:8px;background:var(--sunset-400);border-radius:var(--radius-full);animation:scroll 1.5s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(15px)}}@media(max-width:768px){.hero-cta{flex-direction:column;align-items:stretch}.hero-panel{order:-1}}.routes{background:radial-gradient(circle at top,rgba(255,122,24,.08),transparent 55%)}.routes-header{text-align:center;max-width:700px;margin:0 auto var(--spacing-2xl)}.routes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl)}.route-card{background:#08090ca6;border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-base)}.route-card:hover{transform:translateY(-8px);border-color:#ff7a1859;box-shadow:var(--shadow-xl)}.route-image{height:200px;background-size:cover;background-position:center;position:relative}.route-image-1{background:linear-gradient(135deg,#ff7a1859,#050506b3),url(/tibidabo-template.jpg);background-size:cover;background-position:center}.route-image-2{background:linear-gradient(135deg,#ff7a1859,#050506b3),url(/route_mountain_challenge_1764406528491.png);background-size:cover;background-position:center}.route-image-3{background:linear-gradient(135deg,#ff7a1859,#050506b3),url(/hero_cycling_background_1764406501144.png);background-size:cover;background-position:center}.route-content{padding:var(--spacing-lg)}.route-badge{display:inline-flex;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--spacing-sm)}.route-badge.easy{background:#14b8a626;color:var(--teal-300)}.route-badge.moderate{background:#ff9a6233;color:var(--sunset-200)}.route-badge.hard{background:#ff4d0033;color:var(--sunset-500)}.route-content h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs);color:var(--white)}.route-content p{color:var(--charcoal-200);margin-bottom:var(--spacing-md)}.route-stats{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.stat{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--charcoal-200)}.stat-icon{font-size:var(--font-size-lg)}.route-meta{margin-top:var(--spacing-md);font-size:.9rem;color:var(--charcoal-300);text-transform:uppercase;letter-spacing:.2em}.events-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);align-items:flex-end}.events-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--spacing-2xl)}.events-feed{display:grid;gap:var(--spacing-lg);position:relative}.events-skeleton{display:grid;gap:var(--spacing-lg)}.event-card{background:#0a0815bf;border-radius:var(--radius-xl);padding:var(--spacing-lg);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-lg);transition:all var(--transition-base);position:relative;overflow:hidden;animation:cardRise .9s ease both}.event-card:hover{border-color:#ad86ff8c;transform:translate(6px) translateY(-2px);box-shadow:0 15px 45px #130526b3}.event-card.skeleton{min-height:120px;background:#ffffff0d;border-color:transparent;animation:pulse 1.5s ease-in-out infinite}.event-card:after{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(173,134,255,.25);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.event-card:hover:after{opacity:1}.event-date{background:linear-gradient(180deg,rgba(161,104,255,.35),transparent);border-radius:var(--radius-lg);padding:var(--spacing-md);text-align:center;min-width:80px;border:1px solid rgba(255,255,255,.05)}.event-date .day{display:block;font-size:var(--font-size-3xl);font-weight:900;color:var(--sunset-100);line-height:1}.event-date .month{display:block;font-size:var(--font-size-sm);font-weight:600;color:#ffffffb3;text-transform:uppercase;margin-top:var(--spacing-xs)}.event-content h3{font-size:var(--font-size-2xl);color:var(--white);margin-bottom:var(--spacing-sm)}.event-description{color:var(--charcoal-300);margin-bottom:var(--spacing-md)}.event-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--sunset-200)}.event-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.events-error,.events-empty{padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px dashed rgba(255,255,255,.2);color:var(--charcoal-200);background:#0a081599}.calendar-panel{background:#080614bf;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:420px;display:flex;flex-direction:column;gap:var(--spacing-md)}.calendar-panel iframe{width:100%;min-height:420px;border:none;border-radius:var(--radius-lg)}.calendar-panel__hint{font-size:.85rem;color:var(--charcoal-300);text-align:center}.calendar-placeholder{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--charcoal-300)}@keyframes pulse{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}@keyframes cardRise{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.events-layout{grid-template-columns:1fr}}@media(max-width:768px){.event-card{grid-template-columns:1fr}}.gallery{background:radial-gradient(circle at 20% 35%,rgba(150,74,255,.28),transparent 55%),radial-gradient(circle at 80% 15%,rgba(255,138,255,.2),transparent 50%)}.gallery-cta{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-2xl);align-items:center;background:#060412bf;border-radius:1.75rem;border:1px solid rgba(255,255,255,.08);padding:var(--spacing-2xl);position:relative;overflow:hidden}.gallery-cta:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(173,134,255,.25),transparent 55%);opacity:.6;pointer-events:none}.gallery-cta-copy{position:relative;z-index:1}.gallery-cta-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.gallery-cta-media{position:relative;z-index:1;display:flex;justify-content:center}.gallery-cta-frame{position:relative;padding:var(--spacing-md);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.12);background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:360px;animation:floatCard 6s ease-in-out infinite}.gallery-cta-frame img{width:100%;border-radius:var(--radius-lg);object-fit:cover}.gallery-cta-badge{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff14;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.2);color:var(--white);display:flex;flex-direction:column;gap:4px;font-size:.85rem}.gallery-cta-badge span{font-weight:700}.gallery-cta-orb{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(178,112,255,.6),transparent 60%);filter:blur(10px);opacity:.6;top:-30px;right:-10px;animation:orbDrift 14s ease-in-out infinite}@keyframes floatCard{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes orbDrift{0%{transform:translate3d(10px,-25px,0)}50%{transform:translate3d(-25px,15px,0)}to{transform:translate3d(10px,-25px,0)}}@media(max-width:768px){.gallery-cta{padding:var(--spacing-xl)}.gallery-cta-actions{width:100%;flex-direction:column}.gallery-cta-media{order:-1}}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);align-items:start}.contact-info{display:grid;gap:var(--spacing-md)}.info-card{background:#08090ca6;border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;transition:all var(--transition-base)}.info-card:hover{border-color:#ff7a1866;transform:translateY(-4px)}.info-icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm);display:block}.info-card h3{color:var(--white);margin-bottom:var(--spacing-xs);font-size:var(--font-size-lg)}.info-card p{color:var(--charcoal-300);font-size:var(--font-size-sm)}.contact-form{background:#08090ca6;border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--charcoal-200);font-weight:600}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--white);font-family:var(--font-family);font-size:var(--font-size-base);transition:all var(--transition-base)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ff7a1880;background:#ffffff14}.footer{background:linear-gradient(0deg,#050506,#050506b3 60%);border-top:1px solid rgba(255,255,255,.08);padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section h4{color:var(--white);margin-bottom:var(--spacing-md);font-size:var(--font-size-lg)}.footer-section p{color:var(--charcoal-300);font-size:var(--font-size-sm)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:var(--spacing-xs)}.footer-section a{color:var(--charcoal-300);text-decoration:none;transition:color var(--transition-base);font-size:var(--font-size-sm)}.footer-section a:hover{color:var(--sunset-200)}.social-links{display:flex;gap:var(--spacing-md)}.social-link{font-size:var(--font-size-2xl);transition:transform var(--transition-base)}.social-link:hover{transform:scale(1.2)}.footer-bottom{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.08);color:var(--charcoal-300);font-size:var(--font-size-sm)}