:root{--bg-canvas:210 20% 98%;--bg-surface:0 0% 100%;--bg-surface-1:210 20% 98%;--bg-surface-2:210 16% 95%;--bg-surface-elevated:210 25% 97%;--bg-card:0 0% 100%;--bg-elevated:210 25% 96%;--bg-glow:226 84% 96%;--bg-glass:0 0% 100% / .85;--text-primary:224 71% 8%;--text-secondary:215 16% 35%;--text-muted:215 14% 48%;--text-inverse:0 0% 100%;--primary:221 83% 44%;--primary-hover:224 76% 36%;--primary-subtle:217 91% 95%;--accent:221 83% 44%;--accent-primary:221 83% 44%;--accent-hover:224 76% 36%;--accent-subtle:217 91% 95%;--accent-secondary:260 84% 45%;--accent-gold:38 92% 44%;--accent-emerald:150 84% 32%;--accent-coral:343 88% 50%;--border-subtle:214 32% 91%;--border-strong:220 14% 80%;--border-focus:217 91% 54%;--border-hover:217 91% 60% / .4;--success:150 84% 39%;--success-subtle:152 76% 95%;--warning:38 92% 50%;--error:0 74% 52%;--text-hero:clamp(2.5rem, 5vw + 1rem, 4.25rem);--text-h1:clamp(2rem, 3.2vw + 1rem, 3.25rem);--text-h2:clamp(1.5rem, 2vw + .75rem, 2.25rem);--text-h3:clamp(1.2rem, 1.2vw + .5rem, 1.65rem);--text-body-lg:clamp(1.05rem, .4vw + .95rem, 1.2rem);--text-body:clamp(.95rem, .2vw + .9rem, 1.05rem);--text-caption:clamp(.75rem, .2vw + .7rem, .85rem);--font-display:"Inter Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--tracking-tight:-.035em;--tracking-normal:-.01em;--tracking-micro:.14em;--shadow-elevation-1:0 1px 2px 0 #14181f0a, inset 0 1px 0 0 #fffc;--shadow-elevation-2:0 4px 12px -2px #14181f0f, 0 2px 4px -1px #14181f0a, inset 0 1px 0 0 #ffffffe6;--shadow-elevation-3:0 12px 24px -4px #14181f14, 0 4px 8px -2px #14181f0a, inset 0 1px 0 0 #ffffffe6;--shadow-elevation-4:0 24px 48px -12px #14181f1f, 0 8px 16px -4px #14181f0f;--shadow-tactile-chassis:0 1px 3px 0 #29303d0a, 0 12px 32px -6px #29303d14, inset 0 1px 0 0 #ffffffe6;--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:.15s ease;--transition-spring:.2s var(--ease-spring);--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--radius-xl:1.25rem;--radius-full:9999px}[data-theme=dark]{--bg-canvas:224 71% 4%;--bg-surface:222 47% 11%;--bg-surface-1:222 47% 11%;--bg-surface-2:217 33% 17%;--bg-surface-elevated:217 33% 17%;--bg-card:222 47% 11%;--bg-elevated:217 33% 17%;--bg-glow:217 91% 60% / .15;--bg-glass:222 47% 11% / .85;--text-primary:210 40% 98%;--text-secondary:215 20% 75%;--text-muted:215 16% 55%;--text-inverse:224 71% 8%;--primary:217 91% 60%;--primary-hover:213 94% 68%;--primary-subtle:217 91% 60% / .15;--accent:217 91% 60%;--accent-primary:217 91% 60%;--accent-hover:213 94% 68%;--accent-subtle:217 91% 60% / .15;--accent-emerald:150 84% 45%;--border-subtle:217 33% 20%;--border-strong:217 33% 30%;--border-focus:217 91% 60%;--border-hover:217 91% 60% / .6;--shadow-elevation-1:0 1px 3px 0 #0000004d, inset 0 1px 0 0 #ffffff14;--shadow-elevation-2:0 4px 12px -2px #0006, inset 0 1px 0 0 #ffffff1a;--shadow-elevation-3:0 12px 28px -6px #00000080, inset 0 1px 0 0 #ffffff1f;--shadow-elevation-4:0 24px 48px -12px #0009;--shadow-tactile-chassis:0 1px 3px 0 #0000004d, 0 16px 36px -8px #00000080, inset 0 1px 0 0 #ffffff1f}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-body);color:hsl(var(--text-primary));background-color:hsl(var(--bg-canvas));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.65;transition:background-color .2s,color .2s}body{flex-direction:column;min-height:100vh;display:flex}.hero-atmosphere{position:relative}.hero-atmosphere:before{content:"";background:radial-gradient(ellipse 60% 40% at 50% -5%, hsl(var(--primary) / .08), transparent 70%), radial-gradient(ellipse 40% 30% at 85% 20%, hsl(var(--accent-coral) / .04), transparent 60%), radial-gradient(ellipse 40% 30% at 15% 20%, hsl(var(--accent-emerald) / .04), transparent 60%);pointer-events:none;z-index:0;width:100%;max-width:1200px;height:500px;position:absolute;top:0;left:50%;transform:translate(-50%)}.tool-card-chassis{background:hsl(var(--bg-surface));border:1px solid hsl(var(--border-subtle));box-shadow:var(--shadow-tactile-chassis);border-radius:var(--radius-xl);backdrop-filter:blur(16px);transition:transform var(--transition-spring), box-shadow var(--transition-spring), border-color var(--transition-fast)}.tool-card-chassis:hover{border-color:hsl(var(--border-hover))}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:var(--tracking-tight);color:hsl(var(--text-primary));font-weight:700;line-height:1.2}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}.hero-lead,.editorial-lead{font-size:var(--text-body-lg);color:hsl(var(--text-secondary));max-width:48rem;margin-top:1rem;margin-bottom:2rem;line-height:1.7}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}:focus-visible{outline:2px solid hsl(var(--border-focus));outline-offset:2px}.skip-link{z-index:9999;background:hsl(var(--text-primary));color:#fff;border:2px solid hsl(var(--primary));border-radius:var(--radius-md);box-shadow:var(--shadow-elevation-3);padding:.75rem 1.25rem;font-weight:700;text-decoration:none;transition:top .15s;position:absolute;top:-9999px;left:1rem}.skip-link:focus{top:1rem}@media print{nav,footer,.navbar,.site-footer,.skip-link,.companion-card,.bio-toggle-row,.card-actions,.clear-btn,.util-action-btn,.copy-btn,.basket-btn,.unboxed-stat-hero,.citation-source-block,.faq-container,.clipboard-drawer,.modal-backdrop,button,input,.search-wrap{display:none!important}body{color:#000!important;background:#fff!important;font-size:12pt!important}#main-content{min-height:auto!important;padding:0!important}.cursive-card{page-break-inside:avoid;box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important;margin-bottom:1.5rem!important;padding:1rem!important}.cursive-text{color:#000!important;border-bottom:1px solid #000!important;padding-bottom:.5rem!important;font-size:24pt!important;line-height:2!important}.cursive-card:after{content:"Línea de práctica: .........................................................................................................";color:#888;margin-top:1rem;font-family:monospace;font-size:11pt;display:block}}