:root{--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--bg-main:#f8fafc;--bg-card:#fff;--bg-header:#ffffffd9;--bg-footer:#0f172a;--bg-badge:#e0f2fe;--bg-code:#f1f5f9;--text-main:#0f172a;--text-muted:#475569;--text-subtle:#64748b;--text-badge:#0369a1;--text-footer:#94a3b8;--text-footer-heading:#f8fafc;--border-color:#e2e8f0;--border-card:#e2e8f0;--accent-primary:#2563eb;--accent-hover:#1d4ed8;--accent-active:#1e40af;--accent-light:#eff6ff;--accent-text:#fff;--secondary-bg:#f1f5f9;--secondary-hover:#e2e8f0;--secondary-text:#0f172a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--container-max:1100px}@media (prefers-color-scheme:dark){:root{--bg-main:#0b0f19;--bg-card:#151c2c;--bg-header:#0b0f19d9;--bg-footer:#030712;--bg-badge:#1e293b;--bg-code:#1e293b;--text-main:#f8fafc;--text-muted:#cbd5e1;--text-subtle:#94a3b8;--text-badge:#38bdf8;--text-footer:#94a3b8;--text-footer-heading:#f8fafc;--border-color:#1e293b;--border-card:#1e293b;--accent-primary:#3b82f6;--accent-hover:#2563eb;--accent-active:#1d4ed8;--accent-light:#1e293b;--accent-text:#fff;--secondary-bg:#1e293b;--secondary-hover:#334155;--secondary-text:#f8fafc;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006}}*,:before,:after{box-sizing:border-box}:where(:not(.pilot-landing,.pilot-landing *)),:where(:not(.pilot-landing,.pilot-landing *)):before,:where(:not(.pilot-landing,.pilot-landing *)):after{margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;line-height:1.6}body{background-color:var(--bg-main);min-height:100vh;color:var(--text-main);flex-direction:column;display:flex}a{color:var(--accent-primary);text-decoration:none;transition:color .15s}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:var(--text-main);letter-spacing:-.02em;font-weight:700;line-height:1.25}h1{font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.35rem}p{color:var(--text-muted)}.site-header{z-index:50;background-color:var(--bg-header);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);position:sticky;top:0}.nav-container{max-width:var(--container-max);justify-content:space-between;align-items:center;margin:0 auto;padding:1rem 1.25rem;display:flex}.logo-brand{color:var(--text-main);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;display:flex;text-decoration:none!important}.logo-brand span.logo-dot{color:var(--accent-primary)}.nav-links{align-items:center;gap:1.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-size:.95rem;font-weight:500;transition:color .15s}.nav-links a:hover,.nav-links a.active{color:var(--text-main);text-decoration:none}.nav-cta{align-items:center;gap:.75rem;display:flex}.site-footer{background-color:var(--bg-footer);color:var(--text-footer);border-top:1px solid var(--border-color);margin-top:auto;padding:3rem 1.25rem 2rem}.footer-container{max-width:var(--container-max);grid-template-columns:2fr 1fr 1fr;gap:2rem;margin:0 auto;display:grid}.footer-col h4{color:var(--text-footer-heading);margin-bottom:1rem;font-size:1rem}.footer-links{flex-direction:column;gap:.6rem;list-style:none;display:flex}.footer-links a{color:var(--text-footer);font-size:.9rem;transition:color .15s}.footer-links a:hover{color:var(--text-footer-heading);text-decoration:none}.footer-bottom{max-width:var(--container-max);color:var(--text-footer);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin:2.5rem auto 0;padding-top:1.5rem;font-size:.85rem;display:flex}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}.nav-links{gap:1rem}.nav-links a{font-size:.875rem}.footer-container{grid-template-columns:1fr;gap:2rem}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}}@media (max-width:640px){.nav-container{padding:.75rem 1rem}.site-header nav{display:none}.logo-brand{font-size:1.1rem}.nav-cta a{padding:.45rem .8rem!important}}.video-tutorial-marco{aspect-ratio:16/9;border:1px solid var(--border-card);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);background-color:#000;position:relative;overflow:hidden}.video-tutorial-medio{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.video-tutorial-portada{cursor:pointer;color:#fff;background:#000;padding:0}.video-tutorial-portada img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-tutorial-velo{background:linear-gradient(#0000000d,#0000008c);transition:background .2s;position:absolute;inset:0}.video-tutorial-play{filter:drop-shadow(0 4px 12px #00000073);transition:transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-tutorial-play svg path:first-child{opacity:.92;transition:opacity .2s}.video-tutorial-portada:hover .video-tutorial-play,.video-tutorial-portada:focus-visible .video-tutorial-play{transform:translate(-50%,-50%)scale(1.08)}.video-tutorial-portada:hover .video-tutorial-play svg path:first-child,.video-tutorial-portada:focus-visible .video-tutorial-play svg path:first-child{opacity:1}.video-tutorial-portada:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}.video-tutorial-pie{color:#fff;text-shadow:0 1px 4px #0009;font-size:.9rem;font-weight:600;position:absolute;bottom:.9rem;left:1rem}.video-tutorial-enlace{text-align:center;color:var(--text-muted);margin-top:.85rem;font-size:.9rem}