/* Ajustes de la demo (vista previa) sobre negro. Estilos base en vista-previa.css */
.vp{background:var(--ink)!important;border-block:0!important}
.vp-glow,.vp .jr-grid{display:none!important}
.vp-wrap{padding-block:96px!important}
.vp-lead{color:var(--fog)!important;font-weight:400!important}
.vp-kick{display:none!important}
.vp-kick,.jr-mono{font-family:var(--f-mono);font-size:13px;letter-spacing:0;text-transform:none;color:var(--biscuit-l)}
.jr-blink{animation:none}
.jr-field{display:flex;flex-direction:column;gap:8px}
.jr-label{font-family:var(--f-mono);font-size:12px;color:var(--fog)}
.jr-input{width:100%;min-height:52px;padding:0 16px;border-radius:var(--r-sm);border:1px solid #3A3A3A;background:#181818;color:var(--paper);font:500 16px var(--f-body);transition:border-color 160ms var(--ease),background-color 160ms var(--ease);color-scheme:dark}
.jr-input::placeholder{color:#6B6A67}
.jr-input:focus{outline:none;border-color:var(--biscuit-l);background:#1F1F1F}
select.jr-input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--biscuit-l) 50%),linear-gradient(135deg,var(--biscuit-l) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:44px}
select.jr-input option{background:#181818;color:var(--paper)}
select.jr-input optgroup{background:#1F1F1F;color:var(--biscuit-l);font-style:normal}
.jr-btn{transition:transform 160ms var(--ease),background-color 160ms var(--ease)}
.jr-btn:active{transform:scale(.97)}
.jr-swatch{width:44px;height:44px;border-radius:var(--r-pill);border:2px solid rgba(255,255,255,.18);cursor:pointer;padding:0;transition:transform 160ms var(--ease)}
.jr-swatch:focus-visible{outline:2px solid var(--biscuit-l);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.jr-swatch:hover{transform:scale(1.1)}}

.vp-title{font-family:var(--f-head)!important;font-stretch:100%!important;font-weight:800!important;text-transform:none!important;letter-spacing:-.045em!important;line-height:1!important}
.vp-title .hl{background:none;color:inherit;padding:0;display:inline}
.vp-lead{font-family:var(--f-body)}