/* Estilos aislados del configurador de numeros Paragon. */
#rnHeightCard.rn-ui-v2 #rnHeightV2 { width:100%; color:#303b45; }
#rnHeightCard.rn-ui-v2 .rn-v2-tabs { display:flex; gap:0; margin:0 0 18px; border-bottom:1px solid #dce3e8; }
#rnHeightCard.rn-ui-v2 .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; }
#rnHeightCard.rn-ui-v2 .rn-v2-tab.active { border-bottom-color:#2383b6; color:#166f9f; }
#rnHeightCard.rn-ui-v2 .rn-v2-panel[hidden], #rnHeightCard.rn-ui-v2 [hidden] { display:none!important; }
#rnHeightCard.rn-ui-v2 .rn-v2-label { display:block; margin:0 0 8px; font-size:15px; line-height:1.4; font-weight:600; color:#333e48; }
#rnHeightCard.rn-ui-v2 .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; }
#rnHeightCard.rn-ui-v2 .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; }
#rnHeightCard.rn-ui-v2 .rn-v2-step:disabled { color:#a8b2bb; cursor:default; background:#f7f8f9; }
#rnHeightCard.rn-ui-v2 #rnHeight { 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-size:22px; font-weight:600; font-variant-numeric:tabular-nums; box-shadow:none; }
#rnHeightCard.rn-ui-v2 #rnHeight[aria-invalid=true] { background:#fff5f4; color:#a52b26; }
#rnHeightCard.rn-ui-v2 .rn-v2-unit { align-self:center; padding:0 12px 0 3px; color:#6b7680; font-size:14px; }
#rnHeightCard.rn-ui-v2 .rn-v2-range { margin:6px 0 15px; color:#77818a; font-size:12px; }
#rnHeightCard.rn-ui-v2 .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; }
#rnHeightCard.rn-ui-v2 .rn-v2-selected { color:#176f9c; white-space:nowrap; font-weight:600; }
#rnHeightCard.rn-ui-v2 .rn-v2-presets { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; margin:0 0 14px; }
#rnHeightCard.rn-ui-v2 .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; }
#rnHeightCard.rn-ui-v2 .rn-v2-preset.active { border-color:#2383b6; background:#edf7fc; color:#176f9c; box-shadow:inset 0 0 0 1px #2383b6; }
#rnHeightCard.rn-ui-v2 .rn-v2-custom { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:start; }
#rnHeightCard.rn-ui-v2 .rn-v2-custom .rn-v2-field { min-width:0; }
#rnHeightCard.rn-ui-v2 .rn-v2-custom .rn-v2-stepper, #rnHeightCard.rn-ui-v2 .rn-v2-custom .rn-v2-width-box { width:100%; }
#rnHeightCard.rn-ui-v2 .rn-v2-custom .rn-v2-step { flex-basis:30px; font-size:20px; }
#rnHeightCard.rn-ui-v2 .rn-v2-custom #rnHeight, #rnHeightCard.rn-ui-v2 .rn-v2-custom #rnWidthV2 { min-width:0; padding:8px 4px; font-size:18px; text-align:center; }
#rnHeightCard.rn-ui-v2 .rn-v2-custom .rn-v2-unit { padding:0 4px 0 0; font-size:12px; }
#rnHeightCard.rn-ui-v2 .rn-v2-custom .rn-v2-range { display:none; }
#rnHeightCard.rn-ui-v2 .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; }
#rnHeightCard.rn-ui-v2 #rnWidthV2 { 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; }
#rnHeightCard.rn-ui-v2 #rnWidthV2[aria-invalid=true] { color:#a52b26; }
#rnHeightCard.rn-ui-v2 .rn-v2-help { margin:12px 0 8px; font-size:12px; color:#66717a; line-height:1.55; }
#rnHeightCard.rn-ui-v2 .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; }
#rnHeightCard.rn-ui-v2 .rn-v2-measure-status[data-state=invalid] { border-left-color:#b43d35; background:#fff3f1; color:#98332d; }
#rnHeightCard.rn-ui-v2 .rn-v2-measure-status[data-state=ok] { border-left-color:#4a8b69; background:#f0f8f3; color:#31654a; }
#rnHeightCard.rn-ui-v2 button:focus-visible, #rnHeightCard.rn-ui-v2 input:focus-visible { outline:2px solid #2383b6; outline-offset:2px; }
#rnHeightCard.rn-ui-v2 .rn-v2-stepper:focus-within, #rnHeightCard.rn-ui-v2 .rn-v2-width-box:focus-within { border-color:#2383b6; box-shadow:0 0 0 2px #2383b61c; }
#rnConfig.rn-ui-v2 .rn-v2-unit-summary { margin-top:10px; padding:0; border:0; border-radius:0; background:transparent; }
#rnConfig.rn-ui-v2 .rn-v2-unit-main { margin:0; color:#374c5b; font-size:13px; font-weight:600; line-height:1.4; }
#rnConfig.rn-ui-v2 .rn-v2-unit-help { margin:2px 0 0; color:#6c7780; font-size:11px; line-height:1.4; }
@media (max-width:767px) {
  #rnHeightCard.rn-ui-v2 .rn-v2-presets { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:380px) {
  #rnHeightCard.rn-ui-v2 .rn-v2-tab { font-size:13px; padding-inline:5px; }
  #rnHeightCard.rn-ui-v2 .rn-v2-custom { grid-template-columns:1fr; }
  #rnHeightCard.rn-ui-v2 .rn-v2-custom .rn-v2-step { flex-basis:44px; }
}

/* La paginacion queda debajo del canvas para no tapar la cota horizontal. */
body.rn-ui-v2 #pdpDots{margin-top:0}
/* Confirmación accesible sin añadir una fila al bloque de precio. */
body.rn-ui-v2 .rn-status.rn-status-success{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.rn-ui-v2 .rn-price-detail[hidden]{display:none!important}
/* La galeria RACNU cabe completa bajo la cabecera y termina con el configurador. */
@media (min-width:992px) {
  body.rn-ui-v2 .config--canvas > .pdp-gallery.rn-gallery-sticky { position:sticky!important; top:var(--rn-gallery-top,82px); align-self:start; }
  body.rn-ui-v2 .rn-gallery-sticky .pdp-slider { width:100%; max-width:100%; height:var(--rn-slider-height); max-height:none; aspect-ratio:auto; }
  body.rn-ui-v2 .rn-gallery-sticky .pdp-slide { height:100%; min-height:0; aspect-ratio:auto; }
}