/* Componentes React que se reutilizan tal cual (ficha de producto, Pixel Crop, Libro de Reclamaciones)
   dentro de las ventanas del diseño 3D: mismos colores, fuentes y bordes que el resto. */
.legacy{--line:#120c1c;--panel:#211a33;--muted:#cbbfe6;--soft:#f1ecff;--acc:#ffd23a;color:#fff}
.legacy .win-b{padding-top:18px}
.legacy :is(.pd,.lr,.pc,.pct,.tool){--line:#120c1c;--panel:#211a33;--muted:#cbbfe6;--soft:#f1ecff;--acc:#ffd23a;max-width:none!important;padding:0!important;margin:0!important;font-family:var(--fB)}
.legacy :is(p,li,label,small,span,dd,dt,input,textarea,select,button){font-family:var(--fB)}
.legacy :is(h1,h2,h3){font-family:var(--fH)!important;letter-spacing:.3px!important;font-weight:400!important}
.legacy h1{font-size:clamp(30px,4vw,44px)!important}
.legacy :is(.pd-gallery,.pd-main,.pd-thumbs button,.pd-card,.pd-box,.lr-sheet,.lr fieldset,.lr-type,.pc-drop,.pc-panel,.pc-card,.pc-seg,.pc-preview){border-radius:0!important;border:4px solid var(--ink)!important;background:#211a33}
.legacy :is(input,textarea,select){border-radius:0!important;border:3px solid var(--ink)!important;background:#160f24!important;color:#fff!important}
.legacy :is(.pd-buy,.lr-submit,.lr button[type=submit],.pc-btn,.pc-primary){border-radius:0!important;font-family:var(--fH)!important;font-weight:400!important;color:#fff!important;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);
  background:linear-gradient(180deg,var(--lime1),var(--lime2) 60%,var(--lime3))!important;border:3px solid var(--ink)!important;box-shadow:0 0 0 3px var(--ink),inset 0 -5px 0 rgba(0,0,0,.18)!important}
.legacy a:not(.btn):not(.tab):not(.close):not(.pd-buy){color:#ffd23a}
.legacy .close{position:absolute}
#v-custom{padding-bottom:40px}