:root { color-scheme: light; --scalar-font: 'Inter', system-ui, sans-serif; --scalar-color-accent: #8f6726; --scalar-background-1: #fcfbf8; --scalar-background-2: #f7f3ea; --scalar-border-color: #e8e3d9; }
body { margin: 0; background: #fcfbf8; color: #121826; font: 15px/1.5 system-ui, sans-serif; }
.aviso { display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap; padding: 0.6rem 16px; background: #0c1830; color: #fcfbf8; }
.aviso p { margin: 0; flex: 1 1 16rem; }
.aviso a { color: #e0c68d; }
.marca { display: inline-flex; align-items: center; gap: 0.5rem; font-weight: 500; letter-spacing: 0.08em; text-decoration: none; }
.marca img { display: block; height: 24px; width: auto; }
.marca em { font-style: normal; font-weight: 500; color: #e0c68d; }
.sin-js { padding: 1rem 16px; }
.sin-js ul { list-style: none; padding: 0; columns: 2 22rem; }
.sin-js li { margin: 0 0 .5rem; break-inside: avoid; }
.sin-js code { display: block; font-size: .8em; }
.sin-js h2 { font-size: 1rem; margin: 1.25rem 0 .5rem; }

/* La biblioteca oculta en sus muestras el valor de la llave. La del simulador es pública: oculta, la muestra no se lee ni se entiende. */
html body .scalar-app .credential .credential-value { color: inherit; font-size: inherit; }
html body .scalar-app .credential::after { content: none; }