*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #080810;--bg-subtle: #0d0d1a;--surface: #111120;--border: rgba(255,255,255,.07);--border-mid: rgba(255,255,255,.12);--primary: #0070F3;--primary-bright: #4d9bff;--primary-dim: rgba(0,112,243,.15);--text: #F0F0F5;--text-muted: #8888A0;--text-faint: #828299;--accent: #E8E8F0;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--t: .25s ease}html{font-size:16px;-webkit-text-size-adjust:100%}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);font-size:1.0625rem;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--accent)}p{color:var(--text-muted)}a{color:var(--primary);text-decoration:none;transition:opacity var(--t)}a:hover{opacity:.75}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.skip-link{position:absolute;top:-100%;left:1rem;background:var(--primary);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:500;z-index:1000;transition:top var(--t)}.skip-link:focus{top:1rem}header{position:sticky;top:0;z-index:100;background:#080810d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}nav{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--accent);letter-spacing:-.02em}.logo:hover{opacity:.85}.logo-dot{color:var(--primary)}.nav-right{display:flex;align-items:center;gap:1.5rem}.back-link{font-size:.875rem;font-weight:500;color:var(--text-muted);transition:color var(--t)}.back-link:hover{color:var(--text);opacity:1}.lang-switch{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.06em}.lang-option{color:var(--text-faint);transition:color var(--t)}.lang-option:hover{color:var(--primary);opacity:1}.lang-option.lang-active{color:var(--primary)}.lang-separator{color:var(--border-mid)}main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:4.5rem 1.5rem 5rem}.eyebrow{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);text-shadow:0 0 20px rgba(0,112,243,.4)}.bitacora-hero{margin-bottom:3.5rem}.bitacora-hero h1{font-size:clamp(2.1rem,5.5vw,3.2rem);margin:.9rem 0 1rem}.bitacora-hero .lead{color:var(--text-muted);font-size:1.1rem;max-width:620px;line-height:1.7}.feed{display:flex;flex-direction:column}.entry{padding:2.75rem 0;border-top:1px solid var(--border);position:relative}.entry:first-child{border-top:none;padding-top:0}.entry:target h2{color:var(--primary-bright)}.entry-date{font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--primary)}.entry h2{font-size:clamp(1.3rem,3vw,1.7rem);margin:.55rem 0 .95rem;line-height:1.25}.entry-body p{color:var(--text-muted);line-height:1.75;font-size:1.0625rem}.entry-body p+p{margin-top:.95rem}.entry-body strong{color:var(--accent);font-weight:600}.entry-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.tag{background:var(--primary-dim);border:1px solid rgba(0,112,243,.2);color:var(--primary);padding:.3rem .8rem;border-radius:999px;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.03em}footer{border-top:1px solid var(--border);padding:2.5rem 1.5rem;text-align:center}footer p{font-size:.875rem;color:var(--text-faint)}footer p+p{margin-top:.5rem}footer a{color:var(--text-faint)}footer a:hover{color:var(--text);opacity:1}@media(max-width:640px){main{padding:2.5rem 1.25rem 4rem}.entry{padding:2.25rem 0}}.eyebrow,.entry-date,.tag,.lang-option.lang-active{color:var(--primary-bright)}.bitacora-hero .lead a,.entry-body a{color:var(--primary-bright);text-decoration:underline;text-underline-offset:2px}.entry-body figure{margin:1.4rem 0 .4rem}.entry-body figure img,.entry-body img{display:block;width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--border)}.entry-body figcaption{margin-top:.5rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.02em;color:var(--text-faint)}.entry-ref{margin-top:1.15rem;padding:.8rem 1.1rem;border-left:2px solid var(--primary-bright);background:var(--bg-subtle);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:.92rem;color:var(--text-muted)}.entry-ref a{color:var(--primary-bright);text-decoration:underline;text-underline-offset:2px}