/* RACNU IMPRESAS (2026-11-03): misma UI que la ficha de números de CORTE (racnu-ui-v2.css + estilos del bloque
   «Elige tu número» de _racnu-configurator.template.php), copiada con los mismos valores y nombres de clase, pero
   colgada de #rniConfig / #rniHeightCard / body.rni-ui para no mezclarse nunca con el corte. Si se cambia el aspecto
   de la ficha de corte, se cambia aquí igual (encargo del operador: «tienen que ser iguales»). */

/* Elige tu número: modos y rejilla de cifras (corte: _racnu-configurator.template.php, sección assets) */
.rni-config[hidden],#rniHeightCard[hidden],#rniDorsalField[hidden],#rniDigits[hidden]{display:none!important}
.rni-ready #referencias_v8,.rni-ready label[for=referencias_v8],.rni-ready #pdpSizeCustomBtn,.rni-ready #pdpCustomPanel,.rni-ready #pdpBestBadge{display:none!important}
#rniConfig .rn-modes{display:flex;gap:8px;margin:0 0 14px}
#rniConfig .rn-mode{flex:1;padding:11px 8px;border:1px solid #d7dce0;border-radius:5px;background:#fff;color:#454b52;font:inherit;font-size:13px;cursor:pointer;line-height:1.35}
#rniConfig .rn-mode.active{border-color:#2383b6;background:#edf6fb;color:#146a98;box-shadow:inset 0 0 0 1px #2383b6}
#rniConfig .rn-digits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
#rniConfig .rn-digit{height:62px;min-width:0;border:1px solid #d7dce0;border-radius:5px;background:#fff;color:#333;cursor:pointer;font:inherit;font-size:27px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:4px}
#rniConfig .rn-digit svg{width:36px;height:46px;overflow:visible}
#rniConfig .rn-digit.active{color:#176c9a;background:#eef7fb;border-color:#2383b6;box-shadow:inset 0 0 0 1px #2383b6}
#rniConfig .rn-mode:focus-visible,#rniConfig .rn-digit:focus-visible{outline:3px solid #2383b6;outline-offset:3px}
#rniDorsalField label{display:block;margin-bottom:7px;font-size:14px}
#rniNumber{box-sizing:border-box;width:100%;min-height:46px;border:1px solid #bbc2c8;border-radius:5px;background:#fff;color:#30343b;padding:9px 12px;font:inherit;font-size:20px}
#rniNumber[aria-invalid=true]{border-color:#b12626}
#rniConfig .rn-help{font-size:12px;line-height:1.5;color:#646b72;margin:8px 0 12px}
#rniConfig .rn-v2-unit-summary{margin-top:10px;padding:0;border:0;border-radius:0;background:transparent}
#rniConfig .rn-v2-unit-main{margin:0;color:#374c5b;font-size:13px;font-weight:600;line-height:1.4}
#rniConfig .rn-v2-unit-help{margin:2px 0 0;color:#6c7780;font-size:11px;line-height:1.4}

/* Medidas: pestañas, stepper, chips, a medida (corte: racnu-ui-v2.css) */
#rniHeightCard .rn-v2-tabs{display:flex;gap:0;margin:0 0 18px;border-bottom:1px solid #dce3e8}
#rniHeightCard .rn-v2-tab{flex:1;min-height:45px;border:0;border-bottom:3px solid transparent;border-radius:0;background:#fff;color:#67717b;padding:9px 8px;cursor:pointer;font:inherit;font-size:14px;font-weight:600;line-height:1.3}
#rniHeightCard .rn-v2-tab.active{border-bottom-color:#2383b6;color:#166f9f}
#rniHeightCard .rn-v2-panel[hidden],#rniHeightCard [hidden]{display:none!important}
#rniHeightCard .rn-v2-label{display:block;margin:0 0 8px;font-size:15px;line-height:1.4;font-weight:600;color:#333e48}
#rniHeightCard .rn-v2-stepper{display:flex;width:235px;max-width:100%;min-height:48px;box-sizing:border-box;border:1px solid #b8c6cf;border-radius:6px;overflow:hidden;background:#fff}
#rniHeightCard .rn-v2-step{flex:0 0 46px;border:0;padding:0;background:#f2f6f8;color:#226f99;cursor:pointer;font:400 24px/1 Arial,sans-serif;min-height:46px}
#rniHeightCard .rn-v2-step:disabled{color:#a8b2bb;cursor:default;background:#f7f8f9}
#rniHeightCard #rniHeight{flex:1 1 72px;width:72px;min-width:0;max-width:none;min-height:46px;margin:0;padding:8px 3px 8px 10px;border:0;border-radius:0;background:#fff;text-align:center;font:inherit;font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;box-shadow:none;color:#30343b}
#rniHeightCard #rniHeight[aria-invalid=true]{background:#fff5f4;color:#a52b26}
#rniHeightCard .rn-v2-unit{align-self:center;padding:0 12px 0 3px;color:#6b7680;font-size:14px}
#rniHeightCard .rn-v2-range{margin:6px 0 15px;color:#77818a;font-size:12px}
#rniHeightCard .rn-v2-preset-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 9px;color:#66727d;font-size:12px;line-height:1.45}
#rniHeightCard .rn-v2-selected{color:#176f9c;white-space:nowrap;font-weight:600}
#rniHeightCard .rn-v2-presets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0 0 14px}
#rniHeightCard .rn-v2-preset{min-width:0;min-height:42px;padding:8px 3px;border:1px solid #d6dfe5;border-radius:5px;background:#fff;color:#45535f;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
#rniHeightCard .rn-v2-preset.active{border-color:#2383b6;background:#edf7fc;color:#176f9c;box-shadow:inset 0 0 0 1px #2383b6}
#rniHeightCard .rn-v2-preset:disabled{opacity:.38;cursor:not-allowed}
#rniHeightCard .rn-v2-custom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
#rniHeightCard .rn-v2-custom .rn-v2-field{min-width:0}
#rniHeightCard .rn-v2-custom .rn-v2-stepper,#rniHeightCard .rn-v2-custom .rn-v2-width-box{width:100%}
#rniHeightCard .rn-v2-custom .rn-v2-step{flex-basis:30px;font-size:20px}
#rniHeightCard .rn-v2-custom #rniHeight,#rniHeightCard .rn-v2-custom #rniWidth{min-width:0;padding:8px 4px;font-size:18px;text-align:center}
#rniHeightCard .rn-v2-custom .rn-v2-unit{padding:0 4px 0 0;font-size:12px}
#rniHeightCard .rn-v2-custom .rn-v2-range{display:none}
#rniHeightCard .rn-v2-width-box{display:flex;width:235px;max-width:100%;box-sizing:border-box;min-height:48px;border:1px solid #b8c6cf;border-radius:6px;background:#fff}
#rniHeightCard #rniWidth{flex:1;width:100%;min-width:0;min-height:46px;margin:0;border:0;border-radius:6px;padding:8px 12px;font:inherit;font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;box-shadow:none;background:transparent;color:#303b45}
#rniHeightCard #rniWidth[aria-invalid=true]{color:#a52b26}
#rniHeightCard .rn-v2-help{margin:12px 0 8px;font-size:12px;color:#66717a;line-height:1.55}
#rniHeightCard .rn-v2-measure-status{margin:10px 0;padding:9px 11px;border-radius:4px;border-left:3px solid #b7832d;background:#fff8e9;color:#78571f;font-size:12px;line-height:1.5}
#rniHeightCard .rn-v2-measure-status[data-state=invalid]{border-left-color:#b43d35;background:#fff3f1;color:#98332d}
#rniHeightCard .rn-v2-measure-status[data-state=ok]{border-left-color:#4a8b69;background:#f0f8f3;color:#31654a}
#rniHeightCard .rn-dimensions{font-size:13px;color:#47515b;margin:8px 0 4px;font-variant-numeric:tabular-nums}
#rniHeightCard button:focus-visible,#rniHeightCard input:focus-visible{outline:2px solid #2383b6;outline-offset:2px}
#rniHeightCard .rn-v2-stepper:focus-within,#rniHeightCard .rn-v2-width-box:focus-within{border-color:#2383b6;box-shadow:0 0 0 2px #2383b61c}
@media (max-width:767px){#rniHeightCard .rn-v2-presets{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:380px){
  #rniHeightCard .rn-v2-tab{font-size:13px;padding-inline:5px}
  #rniHeightCard .rn-v2-custom{grid-template-columns:1fr}
  #rniHeightCard .rn-v2-custom .rn-v2-step{flex-basis:44px}
}

/* Vista previa: la pieza impresa, sin línea de corte y con sombra suave (skill teleadhesivo-impresos-corte-contorno) */
.rni-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:8%;box-sizing:border-box}
.rni-preview svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))}
#colorPreviewSlide.rn-cotas-on .rni-preview{padding:9% 14% 15% 9%}

/* Cotas (corte: racnu-cotas.js, estilos inyectados) */
#colorPreviewSlide{position:relative}
#rniCotasOverlay{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:hidden}
#rniCotasOverlay[hidden]{display:none!important}
#rniCotasOverlay .rn-cotas-line{stroke:#176eaa;stroke-width:1;fill:none;vector-effect:non-scaling-stroke}
#rniCotasOverlay .rn-cotas-label{font:500 12px Inter,Arial,sans-serif;fill:#145b8b;letter-spacing:0;font-variant-numeric:tabular-nums}
#rniCotasOverlay .rn-cotas-label-bg{fill:#fff;fill-opacity:.93;stroke:none}
#rniCotasToggle{display:inline-flex;align-items:center;gap:6px;min-height:36px;margin-left:auto;padding:5px 9px;border:1px solid #c7d6e2;border-radius:5px;background:#fff;color:#36536b;font:500 12px Inter,Arial,sans-serif;cursor:pointer;white-space:nowrap}
#rniCotasToggle::before{content:"";width:13px;height:13px;border:1px solid #97afc1;border-radius:3px;box-sizing:border-box}
#rniCotasToggle[aria-pressed=true]{color:#145b8b;background:#eef6fc;border-color:#a8c9e1}
#rniCotasToggle[aria-pressed=true]::before{background:#176eaa;box-shadow:inset 0 0 0 2px #eef6fc;border-color:#176eaa}
#rniCotasToggle:focus-visible{outline:2px solid #176eaa;outline-offset:3px}

/* Página: paginación bajo el lienzo y galería sticky en escritorio (corte: racnu-ui-v2.css) */
body.rni-ui #pdpDots{margin-top:0}
@media (min-width:992px){
  body.rni-ui .config--canvas > .pdp-gallery.rn-gallery-sticky{position:sticky!important;top:var(--rn-gallery-top,82px);align-self:start}
  body.rni-ui .rn-gallery-sticky .pdp-slider{width:100%;max-width:100%;height:var(--rn-slider-height);max-height:none;aspect-ratio:auto}
  body.rni-ui .rn-gallery-sticky .pdp-slide{height:100%;min-height:0;aspect-ratio:auto}
}