:root{--color-bg:#f6f2e8;--color-surface:#fbf9f3;--color-white:#fff;--color-ink:#172a2e;--color-ink-deep:#0f2226;--color-ink-raised:#1f3539;--color-ink-line:#2c4246;--color-ink-line-soft:#3a4e52;--color-text-muted:#3e5053;--color-text-subtle:#4a5a5c;--color-text-placeholder:#9aa6a3;--color-text-on-dark:#f6f2e8;--color-text-on-dark-muted:#c9d1cf;--color-accent:#006d62;--color-accent-strong:#00534a;--color-accent-light:#7fbfb5;--color-accent-pale:#9fc9c2;--color-line:#ddd6c6;--color-line-strong:#c9c1ae;--color-line-soft:#e7e0cf;--color-line-faint:#f1ece0;--color-sand:#efe9da;--color-sand-chat:#f3eee2;--color-watermark:#ece5d4;--color-bubble-out:#d5e8e3;--color-ok-bg:#e3efec;--color-ok-soft:#f3f8f6;--color-ok-line:#c6ddd8;--color-ok-fg:#00534a;--color-warn-bg:#f6e7c4;--color-warn-soft:#fbf3df;--color-warn-faint:#fbf6ea;--color-warn-fg:#5c430d;--color-warn-ink:#3d2c08;--color-stop-bg:#f4e3dd;--color-stop-fg:#7e2f1e;--color-stop-light:#e8b8a8;--ai-stops:oklch(74% .15 195), oklch(70% .17 260), oklch(70% .19 315), oklch(76% .16 30), oklch(82% .15 85), oklch(74% .15 195);--ai-flow-stops:oklch(74% .15 195), oklch(70% .17 260), oklch(70% .19 315), oklch(74% .15 195);--font-sans:var(--font-plex-sans), system-ui, sans-serif;--font-mono:var(--font-plex-mono), monospace;--radius-sm:3px;--radius:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-pill:999px;--layout-width:1200px;--layout-gutter:32px;--header-offset:64px;--shadow-panel:0 24px 48px -28px #172a2e59}@property --rb-ang{syntax:"<angle>";inherits:false;initial-value:0deg}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);min-height:100vh;color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p{margin:0}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-ink)}button,input,textarea{font:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{max-width:var(--layout-width);padding:72px var(--layout-gutter);margin:0 auto}.section{border-bottom:1px solid var(--color-line);scroll-margin-top:var(--header-offset)}.button{border:1px solid var(--color-accent);border-radius:var(--radius);background:var(--color-accent);color:var(--color-text-on-dark);cursor:pointer;padding:14px 22px;font-size:1rem;font-weight:500;display:inline-block}.button:hover{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-text-on-dark)}.button--outline{border-color:var(--color-ink);color:var(--color-ink);background:0 0}.link-button{color:var(--color-accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:.875rem;font-weight:500}.link-button:hover{color:var(--color-ink)}.badge{border-radius:var(--radius-sm);padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-block}.badge--ok{background:var(--color-ok-bg);color:var(--color-ok-fg)}.badge--warn{background:var(--color-warn-bg);color:var(--color-warn-fg)}.badge--stop{background:var(--color-stop-bg);color:var(--color-stop-fg)}.badge--info{background:var(--color-sand);color:var(--color-text-muted)}.dot{background:var(--color-accent);border-radius:50%;flex:none;width:6px;height:6px}.disclaimer{border-radius:var(--radius-md);background:var(--color-warn-soft);color:var(--color-warn-fg);padding:10px 14px;font-size:.8125rem;line-height:1.55}.volume-picker{border:0;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;display:flex}.volume-picker__legend{float:left;color:var(--color-text-subtle);margin-right:6px;padding:0;font-size:.8125rem}.volume-picker__option{border:1px solid var(--color-line-strong);border-radius:var(--radius);color:var(--color-ink);cursor:pointer;background:0 0;padding:5px 10px;font-size:.8125rem;font-weight:500}.volume-picker__option:has(:checked),.volume-picker__option[aria-pressed=true]{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-text-on-dark)}.volume-picker__option:has(:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}#ejemplos *{scrollbar-width:thin;scrollbar-color:var(--color-line-strong) transparent}@keyframes rbSpin{to{--rb-ang:360deg}}@keyframes rbShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes rbIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes rbPulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes rbFlowX{0%{background-position:0 0}to{background-position:var(--d) 0}}@keyframes rbFlash{0%{box-shadow:0 0 0 3px #006d628c}to{box-shadow:0 0 #006d6200}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.logo{fill:none;flex:none}.logo__stroke{stroke:currentColor}.logo__gap{stroke:var(--logo-gap,var(--color-bg))}.site-footer{background:var(--color-ink);color:var(--color-text-on-dark)}.site-footer__inner{max-width:var(--layout-width);padding:var(--layout-gutter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.site-footer__brand{align-items:center;gap:12px;display:flex}.site-footer__logo{--logo-gap:var(--color-ink);width:34px;height:22px}.site-footer__name{font-size:1.1875rem;font-weight:500}.site-footer__tagline{color:var(--color-text-on-dark-muted);font-size:.875rem}.site-footer__note{color:var(--color-text-on-dark-muted);font-size:.8125rem}.hero{border-bottom:1px solid var(--color-line);position:relative;overflow:hidden}.hero__watermark{--logo-gap:var(--color-bg);width:860px;height:auto;color:var(--color-watermark);pointer-events:none;position:absolute;top:30px;right:-200px}.hero__inner{flex-direction:column;gap:24px;padding-bottom:80px;display:flex;position:relative}.hero__eyebrow{color:var(--color-accent);letter-spacing:.02em;font-size:.875rem;font-weight:500}.hero__title{letter-spacing:-.025em;text-wrap:balance;max-width:13em;font-size:clamp(2.25rem,4.2vw,3.375rem);font-weight:500;line-height:1.06}.hero__lead{max-width:580px;color:var(--color-text-muted);text-wrap:pretty;font-size:1.125rem;line-height:1.55}.hero__actions{flex-wrap:wrap;gap:12px;display:flex}.hero__descriptor{color:var(--color-ink);font-weight:500}