:root{--light-bg: linear-gradient(to bottom right, #f8fafc, #e0f2fe, #e0e7ff);--light-text: #1e293b;--light-nav-bg: rgba(255, 255, 255, .95);--light-nav-border: rgba(148, 163, 184, .3);--light-card-bg: rgba(255, 255, 255, .8);--light-muted: #475569;--dark-bg: linear-gradient(to bottom right, #0f172a, #1e293b, #334155);--dark-text: #f1f5f9;--dark-nav-bg: rgba(15, 23, 42, .95);--dark-nav-border: rgba(74, 85, 104, .5);--dark-card-bg: rgba(15, 23, 42, .8);--dark-muted: #cbd5e1;--strava-orange: #fc4c02;--strava-hover: #e04000;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--shadow-light: 0 2px 4px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 6px rgba(0, 0, 0, .1);--shadow-heavy: 0 8px 25px rgba(0, 0, 0, .15);--shadow-hover: 0 12px 35px rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;transition:all .3s ease}body.light{background:var(--light-bg);color:var(--light-text)}body.dark{background:var(--dark-bg);color:var(--dark-text)}.nav-header{position:fixed;top:0;left:0;right:0;z-index:1000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}body.light .nav-header{background:var(--light-nav-bg);border-bottom:1px solid var(--light-nav-border)}body.dark .nav-header{background:var(--dark-nav-bg);border-bottom:1px solid var(--dark-nav-border)}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-lg);height:70px}.logo{font-weight:700;font-size:1.375rem;text-decoration:none;letter-spacing:-.025em}body.light .logo{color:var(--light-text)}body.dark .logo{color:var(--dark-text)}.nav-links{display:flex;gap:var(--space-xs)}.nav-links a{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}body.light .nav-links a{color:var(--light-muted)}body.dark .nav-links a{color:var(--dark-muted)}.nav-links a.active,.nav-links a:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}body.light .nav-links a.active,body.light .nav-links a:hover{background-color:var(--light-text);color:#fff}body.dark .nav-links a.active,body.dark .nav-links a:hover{background-color:var(--dark-text);color:var(--dark-bg)}.theme-toggle{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-full);transition:all .3s ease}body.light .theme-toggle{color:var(--light-muted)}body.dark .theme-toggle{color:var(--dark-muted)}.theme-toggle:hover{background:#0000001a}body.dark .theme-toggle:hover{background:#ffffff1a}#hero{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8rem var(--space-lg) var(--space-xl)}#hero h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;margin-bottom:var(--space-md);line-height:1.1;letter-spacing:-.025em}#hero p{font-size:clamp(1.125rem,2.5vw,1.375rem);max-width:600px;margin-bottom:var(--space-xl);opacity:.9}body.light #hero p{color:var(--light-muted)}body.dark #hero p{color:var(--dark-muted)}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.resumen{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap;margin-top:var(--space-xl);font-weight:600}.resumen div{border:2px solid currentColor;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:.95rem;transition:all .3s ease}.resumen div:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.connect-section{max-width:1200px;margin:0 auto var(--space-2xl);padding:0 var(--space-lg)}.connect-section h2{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;text-align:center;margin-bottom:var(--space-sm);letter-spacing:-.025em}.subtitle{text-align:center;margin-bottom:var(--space-2xl);font-size:1.125rem;opacity:.8}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.platform-card{display:flex;align-items:center;padding:var(--space-lg);border-radius:var(--radius-lg);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;font-weight:500;position:relative;overflow:hidden}.platform-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.platform-card:hover:before{left:100%}.platform-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-hover)}.platform-content{display:flex;align-items:center;flex:1;gap:var(--space-md)}.platform-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.platform-info{flex:1}.platform-title{font-weight:600;font-size:1.125rem;margin-bottom:var(--space-xs)}.platform-desc{font-size:.875rem;opacity:.9;line-height:1.4}.platform-arrow{font-size:1.25rem;opacity:.8;transition:transform .3s ease}.platform-card:hover .platform-arrow{transform:translate(4px)}.github{background:linear-gradient(135deg,#24292e,#2c3036)}.linkedin{background:linear-gradient(135deg,#0a66c2,#004182)}.strava{background:linear-gradient(135deg,#fc4c02,#c93a00)}.instagram{background:linear-gradient(135deg,#e4405f,#c13584)}.youtube{background:linear-gradient(135deg,red,#c00)}.chess{background:linear-gradient(135deg,#28a745,#1e7e34)}.gaming-section{border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-2xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid}body.light .gaming-section{background:var(--light-card-bg);border-color:var(--light-nav-border)}body.dark .gaming-section{background:var(--dark-card-bg);border-color:var(--dark-nav-border)}.gaming-section h3{font-size:1.375rem;font-weight:600;display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.game-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-md);border-radius:var(--radius-lg);text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;text-align:center;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.game-card:hover:before{opacity:1}.game-card:hover{transform:translateY(-6px) scale(1.05);box-shadow:var(--shadow-hover)}.game-icon{font-size:2.5rem;margin-bottom:var(--space-md);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.game-title{font-size:1.125rem;font-weight:600}.clash-royale{background:linear-gradient(135deg,#00a1ff,#07c)}.clash-clans{background:linear-gradient(135deg,#fc0,#fa0)}.brawl-stars{background:linear-gradient(135deg,#ff6f00,#ff4500)}.extra-socials{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-lg);margin-top:var(--space-2xl)}.extra-social{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-sm);border-radius:var(--radius-lg);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;text-align:center}body.light .extra-social{background:var(--light-card-bg);border:1px solid var(--light-nav-border);color:var(--light-text)}body.dark .extra-social{background:var(--dark-card-bg);border:1px solid var(--dark-nav-border);color:var(--dark-text)}.extra-social:hover{transform:translateY(-4px);box-shadow:var(--shadow-heavy)}body.light .extra-social:hover{background:var(--light-nav-bg)}body.dark .extra-social:hover{background:var(--dark-nav-bg)}.extra-social svg{margin-bottom:var(--space-sm);transition:transform .3s ease}.extra-social:hover svg{transform:scale(1.1)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl);padding:var(--space-2xl) var(--space-lg);max-width:1200px;margin:0 auto}.portfolio-card{border-radius:var(--radius-xl);padding:var(--space-xl);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid}body.light .portfolio-card{background:var(--light-card-bg);border-color:var(--light-nav-border);color:var(--light-text)}body.dark .portfolio-card{background:var(--dark-card-bg);border-color:var(--dark-nav-border);color:var(--dark-text)}.portfolio-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.portfolio-card:hover:before{transform:scaleX(1)}.portfolio-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.portfolio-card h3{font-size:1.375rem;font-weight:600;margin-bottom:var(--space-sm);color:inherit}.portfolio-card p{margin-bottom:var(--space-md);opacity:.8;line-height:1.5}.preview{display:inline-block;padding:var(--space-xs) var(--space-sm);background:#0000001a;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;margin-bottom:var(--space-lg)}body.dark .preview{background:#ffffff1a}.portfolio-card a{display:inline-flex;align-items:center;font-weight:600;text-decoration:none;transition:all .3s ease;color:inherit;position:relative}body.light .portfolio-card a{color:var(--light-text)}body.dark .portfolio-card a{color:var(--dark-text)}.portfolio-card a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:currentColor;transition:width .3s ease}.portfolio-card a:hover:after{width:100%}.portfolio-card a:hover svg{transform:translate(4px)}.portfolio-card svg{margin-left:var(--space-sm);transition:transform .3s ease}.races-container{max-width:1000px;margin:0 auto;padding:var(--space-2xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xl)}.race-row{border-radius:var(--radius-xl);padding:var(--space-xl);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:6px solid}.race-row:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.race-row:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-hover)}.race-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);gap:var(--space-md)}.race-header h3{font-size:1.5rem;font-weight:700;margin:0;flex:1;line-height:1.2}.race-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs);font-size:.9rem;opacity:.9;text-align:right}.race-content{display:flex;justify-content:space-between;align-items:center;gap:var(--space-xl);margin-bottom:var(--space-lg)}.race-info{display:flex;align-items:center;gap:var(--space-xl);flex:1}.distance{font-size:1.1rem;font-weight:700;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.race-stats{display:flex;gap:var(--space-xl);flex:1}.stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);text-align:center}.stat-label{font-size:.8rem;opacity:.8;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value{font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.split,.category{font-size:.9rem;opacity:.9;font-weight:500}.race-badges{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:flex-end}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.badge.finisher{background:linear-gradient(135deg,gold,orange);color:#000}.badge.personal-record{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.badge.podium{background:linear-gradient(135deg,silver,#a0a0a0);color:#fff}.edition-selector{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center;padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.2)}.edition-btn{border:2px solid currentColor;background:transparent;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;letter-spacing:.025em}.edition-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.edition-btn.active{font-weight:700;box-shadow:var(--shadow-heavy);transform:translateY(-1px)}.footer{padding:var(--space-2xl) var(--space-lg);text-align:center;margin-top:var(--space-2xl)}body.light .footer{background-color:var(--light-text);color:#fff}body.dark .footer{background-color:#0f172a;color:var(--dark-muted)}.footer-links{display:flex;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-lg)}.footer-links a{color:#fff;font-size:1.5rem;transition:all .3s ease;opacity:.8}.footer-links a:hover{opacity:1;transform:translateY(-2px)}.footer p{margin-top:var(--space-sm);opacity:.8}@media (max-width: 768px){.nav-container{padding:var(--space-sm);height:60px}.nav-links{gap:var(--space-xs)}.nav-links a{padding:var(--space-xs) var(--space-sm);font-size:.875rem}#hero{padding:6rem var(--space-md) var(--space-lg);min-height:50vh}.platforms-grid{grid-template-columns:1fr;gap:var(--space-md)}.games-grid{grid-template-columns:1fr}.extra-socials{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:1fr;padding:var(--space-xl) var(--space-md);gap:var(--space-lg)}.races-container{padding:var(--space-xl) var(--space-md);gap:var(--space-lg)}.race-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.race-meta{align-items:flex-start;text-align:left}.race-content{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.race-info{flex-direction:column;align-items:flex-start;gap:var(--space-lg);width:100%}.race-stats{width:100%;justify-content:space-between;gap:var(--space-md)}.race-badges{width:100%;justify-content:flex-start}.edition-selector{justify-content:flex-start}}@media (max-width: 480px){.resumen{flex-direction:column;align-items:center;gap:var(--space-md)}.resumen div{width:80%;text-align:center}.race-stats{flex-wrap:wrap;gap:var(--space-md)}.stat{flex:1;min-width:80px}.extra-socials{grid-template-columns:1fr}.platform-card,.game-card,.portfolio-card,.race-row,.gaming-section{padding:var(--space-lg)}}@media (max-width: 360px){.nav-links a{font-size:.8rem;padding:var(--space-xs) var(--space-xs)}.platform-content{gap:var(--space-sm)}.platform-icon{width:40px;height:40px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}html{scroll-behavior:smooth}button:focus-visible,a:focus-visible{outline:2px solid #667eea;outline-offset:2px}