.reading-progress{display:none}@supports (animation-timeline:scroll()){.reading-progress{z-index:50;background:var(--color-accent);transform-origin:0;pointer-events:none;height:2px;animation:linear both readingProgress;animation-timeline:scroll(root);display:block;position:fixed;inset:0 0 auto;transform:scaleX(0)}}@keyframes readingProgress{to{transform:scaleX(1)}}#clase .heading-anchor{color:#ffffff4d;opacity:0;margin-left:10px;font-weight:500;text-decoration:none;transition:opacity .15s,color .15s}#clase h2:hover .heading-anchor,#clase .heading-anchor:focus-visible{opacity:1}#clase .heading-anchor:hover{color:var(--color-accent)}#clase h2 code,#clase h3 code{font-family:var(--font-family-mono);letter-spacing:-.02em;font-size:.88em;font-weight:700}#clase .clase-content>ul,#clase :is(.callout,.resumen,.comparar-side) ul{padding-left:0;list-style:none}#clase .clase-content>ul>li,#clase :is(.callout,.resumen,.comparar-side) ul>li{margin-bottom:10px;padding-left:26px;line-height:1.7;position:relative}#clase .clase-content>ul>li:before,#clase :is(.callout,.comparar-side) ul>li:before{content:"";background:var(--color-accent);border-radius:1.5px;width:6px;height:6px;position:absolute;top:.72em;left:6px}#clase .clase-content>ol,#clase :is(.callout,.resumen) ol{counter-reset:paso;padding-left:0;list-style:none}#clase .clase-content>ol>li,#clase :is(.callout,.resumen) ol>li{counter-increment:paso;min-height:28px;margin-bottom:14px;padding-left:42px;line-height:1.7;position:relative}#clase .clase-content>ol>li:before,#clase :is(.callout,.resumen) ol>li:before{content:counter(paso);width:28px;height:28px;color:var(--color-accent);font-family:var(--font-family-mono);background:#f7c94814;border:1px solid #f7c94840;border-radius:8px;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;top:1px;left:0}#clase .clase-content li>p{margin-bottom:8px}#clase .clase-content li strong{color:#fff}#clase .clase-content>hr{border:0;border-top:1px solid #ffffff14;margin:48px 0}#clase .callout{--tone:#f7c948;border:1px solid color-mix(in srgb, var(--tone) 20%, transparent);background:color-mix(in srgb, var(--tone) 6%, transparent);border-radius:14px;max-width:70ch;margin:28px 0 32px;padding:16px 20px 18px}#clase .callout-consejo{--tone:#5fd4a0}#clase .callout-cuidado{--tone:#ff8a70}#clase .callout-recuerda{--tone:#7cb8ff}#clase .callout-curiosidad{--tone:#c4a2ff}#clase .callout-pregunta{--tone:#6fd3e8}#clase .callout-label{color:var(--tone);align-items:center;gap:8px;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}#clase .callout-label svg{flex-shrink:0;width:16px;height:16px}#clase .callout-body>p,#clase .callout-body li{color:#e8e2d6;font-size:16px;line-height:1.7}#clase .callout-body>p{margin:0 0 10px}#clase .callout-body>:last-child{margin-bottom:0}#clase .callout-body>ul,#clase .callout-body>ol{margin:8px 0 12px}#clase .callout-body ul>li{margin-bottom:4px}#clase .callout-body ul>li:before{background:var(--tone)}#clase .callout .code-block{margin:12px 0}.code-block{margin:20px 0 28px;position:relative}.code-block pre{background:#0c0c14;border:1px solid #ffffff14;border-radius:12px;overflow-x:auto}.code-block pre>code{width:max-content;min-width:100%;max-width:none;font-family:var(--font-family-mono);background:0 0;border:0;border-radius:0;margin:0;padding:18px 0;font-size:14px;line-height:1.7;display:grid}.code-line{border-left:2px solid #0000;min-height:1.7em;padding:0 22px;display:block}.code-line-bad{background:#ff6b6b17;border-left-color:#ff6b6b}.code-line-good{background:#5fd4a014;border-left-color:#5fd4a0}.code-line-warn{border-left-color:var(--color-accent);background:#f7c94812}.code-line-bad .shj-syn-cmnt{color:#ff9d9d}.code-line-good .shj-syn-cmnt{color:#8fe3bb}.code-line-warn .shj-syn-cmnt{color:#f5d77a}.code-block .code-result{color:#f5d77a;font-style:normal}.code-block .code-result-mark{color:#f5d77a73}.code-lang{font-family:var(--font-family-mono);color:#fff6;font-size:11px;transition:opacity .15s;position:absolute;top:10px;right:14px}.copy-code{z-index:1;color:#ffffffb3;cursor:pointer;opacity:0;background:#14141f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;height:30px;padding:0 8px;font-size:12px;font-weight:600;transition:opacity .15s,color .15s,border-color .15s;display:inline-flex;position:absolute;top:8px;right:8px}.copy-code svg{width:15px;height:15px}.copy-code span{display:none}.copy-code[data-copied]{color:#5fd4a0;opacity:1;border-color:#5fd4a059}.copy-code[data-copied] span{display:inline}.copy-code:hover{color:var(--color-accent);border-color:#f7c94859}:is(.code-block,.console-block):hover .copy-code,.copy-code:focus-visible{opacity:1}.code-block:hover .code-lang,.code-block:focus-within .code-lang{opacity:0}@media (hover:none){.copy-code{opacity:1}.code-lang{display:none}}.console-block{background:#0c0c14;border:1px solid #ffffff1a;border-radius:12px;margin:24px 0 32px;position:relative;overflow:hidden}.console-bar{background:#ffffff08;border-bottom:1px solid #ffffff14;align-items:stretch;height:38px;padding:0 14px;display:flex}.console-tab{color:#ffffffd9;align-items:center;font-size:12px;font-weight:600;display:inline-flex;box-shadow:inset 0 -2px #7cb8ff}.console-block .copy-code{top:4px;right:6px}.console-rows{overflow-x:auto}.console-row{font-family:var(--font-family-mono);border-bottom:1px solid #ffffff0d;gap:12px;padding:9px 16px;font-size:14px;line-height:1.6;display:flex}.console-row:last-child{border-bottom:0}.console-row code{white-space:pre-wrap;overflow-wrap:anywhere;color:#abb2bf;min-width:0}.console-mark{text-align:center;color:#ffffff4d;-webkit-user-select:none;user-select:none;flex-shrink:0;width:10px;font-weight:700}.console-row-input .console-mark{color:#7cb8ff}.console-row-output code{color:#d7dae0}.console-row-error{background:#ff6b6b1a}.console-row-error code,.console-row-error .console-mark{color:#ff9d9d}.console-row-warn{background:#f7c94814}.console-row-warn code,.console-row-warn .console-mark{color:#f5d77a}#clase .resumen{background:linear-gradient(#f7c94812,#f7c94805);border:1px solid #f7c94838;border-radius:16px;max-width:70ch;margin:48px 0 40px;padding:24px 24px 20px}#clase .resumen-title{font-family:var(--font-family-display);letter-spacing:-.01em;color:var(--color-yellow-300);margin:0 0 14px;font-size:20px;font-weight:800;line-height:1.3}#clase .resumen ul{margin:0}#clase .resumen ul>li{color:#e8e2d6;margin-bottom:10px;padding-left:30px;font-size:16px}#clase .resumen ul>li:before{content:"";border:solid var(--color-accent);border-width:0 2px 2px 0;width:6px;height:11px;position:absolute;top:.42em;left:7px;transform:rotate(45deg)}#clase .resumen>p:not(.resumen-title){margin-bottom:10px;font-size:16px}#clase .comparar{gap:16px;margin:24px 0 32px;display:grid}@media (min-width:900px){#clase .comparar{grid-template-columns:repeat(2,minmax(0,1fr))}}#clase .comparar-side{min-width:0}#clase .comparar-label{align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}#clase .comparar-label svg{width:14px;height:14px}#clase .comparar-mal .comparar-label{color:#ff9d9d}#clase .comparar-bien .comparar-label{color:#8fe3bb}#clase .comparar-side .code-block{margin:8px 0}#clase .comparar-mal pre{border-color:#ff6b6b40}#clase .comparar-bien pre{border-color:#5fd4a040}#clase .comparar-side>p{color:#f0ebe3bf;margin:8px 0 0;font-size:15px;line-height:1.6}#clase .figure{margin:28px 0 12px;display:block}#clase .figure img{border:1px solid #ffffff1a;border-radius:12px;width:100%;height:auto;display:block}#clase .figure-caption{text-align:center;color:#f0ebe399;margin-top:10px;font-size:14px;line-height:1.5;display:block}#clase .clase-content kbd{color:#ffffffd9;vertical-align:1px;min-width:26px;height:24px;padding:0 7px;font-size:12px}#clase :is(.callout-label,.comparar-label,.resumen-title) code{font-family:var(--font-family-mono);font-size:.95em;font-weight:700}