:root,[data-theme=dark]{--bg:#020617;--surface:#0a0f1e;--surface2:#151c2e;--border:#1a2236;--text:#e8edf8;--muted:#5a6789;--accent:#00e5a0;--accent2:#3b9eff;--accent3:#ff6b35;--warn:#ffd166}[data-theme=light]{--bg:#f0f4f8;--surface:#fff;--surface2:#f8fafc;--border:#e2e8f0;--text:#1a202c;--muted:#718096;--accent:#00a86b;--accent2:#2b6cb0;--accent3:#c05621;--warn:#b7791f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:DM Sans,-apple-system,sans-serif;transition:background .3s,color .3s}h1,h2,h3,h4,h5{font-family:Syne,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.65s both fadeIn}.fade-in-d1{animation:.65s .15s both fadeIn}.fade-in-d2{animation:.65s .3s both fadeIn}.fade-in-d3{animation:.65s .45s both fadeIn}.fade-in-d4{animation:.65s .6s both fadeIn}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float{animation:3s ease-in-out infinite float}.scroll-reveal{opacity:0;transition:opacity .65s cubic-bezier(.25,.46,.45,.94),transform .65s cubic-bezier(.25,.46,.45,.94);transform:translateY(32px)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes gradientShift{0%{background-position:0%}to{background-position:200%}}.gradient-text{background:linear-gradient(135deg, var(--accent), var(--accent2), var(--accent));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite gradientShift}.glow{transition:box-shadow .3s,transform .2s;box-shadow:0 0 20px #00e5a04d}.glow:hover{transform:translateY(-1px);box-shadow:0 0 36px #00e5a08c}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}a{color:inherit}.btn-volver{color:var(--muted);border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 14px;font-size:13px;text-decoration:none;transition:all .2s;display:inline-flex}.btn-volver:hover{color:var(--accent);border-color:var(--accent)}.related-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;text-decoration:none;transition:all .2s;display:block}.related-card:hover{border-color:var(--accent);transform:translateY(-2px)}.blog-card{transition:all .3s}.gradient-brand{background:linear-gradient(90deg,#00ffa3,#00c8ff,#00ffa3) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite gradientShift}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.shimmer-hover{background-size:200%;transition:all .3s}.shimmer-hover:hover{background:linear-gradient(90deg, var(--accent), var(--accent2), var(--accent));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:1.5s linear infinite shimmer}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.6s cubic-bezier(.22,.68,0,1.2) both fadeUp}.fade-up-d1{animation:.6s cubic-bezier(.22,.68,0,1.2) .1s both fadeUp}.fade-up-d2{animation:.6s cubic-bezier(.22,.68,0,1.2) .2s both fadeUp}.fade-up-d3{animation:.6s cubic-bezier(.22,.68,0,1.2) .3s both fadeUp}.hover-lift{transition:transform .25s cubic-bezier(.22,.68,0,1.2),box-shadow .25s,border-color .25s}.hover-lift:hover{transform:translateY(-6px)scale(1.01)}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00ffa34d}50%{box-shadow:0 0 40px #00ffa399,0 0 60px #00c8ff33}}.btn-glow{transition:transform .2s;animation:2.5s ease-in-out infinite pulse-glow}.btn-glow:hover{transform:translateY(-2px)scale(1.02)}.underline-animated{display:inline-block;position:relative}.underline-animated:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent2));border-radius:2px;width:0;height:2px;transition:width .4s cubic-bezier(.22,.68,0,1.2);position:absolute;bottom:-4px;left:0}.underline-animated:hover:after{width:100%}.glass-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff05;border:1px solid #ffffff0f;transition:background .3s,border-color .3s,transform .25s cubic-bezier(.22,.68,0,1.2)}.glass-card:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-4px)}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.count-anim{animation:.5s cubic-bezier(.22,.68,0,1.2) both countUp}.divider-gradient{background:linear-gradient(90deg, transparent, var(--accent), var(--accent2), transparent);opacity:.3;height:1px;margin:0}.badge-pill{cursor:default;border-radius:24px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .25s;display:inline-flex}.badge-pill:hover{filter:brightness(1.2);transform:scale(1.05)}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0003;border-color:var(--accent)!important}.ranking-row:hover{background:var(--surface2)}