@charset "UTF-8";
/* Auto-generated token file: CSS variables with SCSS fallbacks */
:root {
  --bb-color-1: #fff;
  --bb-color-2: #eeeeee;
  --bb-color-3: #212529;
  --bb-color-4: #dc3545;
  --bb-color-5: #ced4da;
  --bb-color-6: #28a745;
  --bb-color-7: #007bff;
  --bb-color-8: #0055AF;
  --bb-color-9: #96242F;
  --bb-color-10: #1B722F;
  --bb-color-11: #2ecc71;
  --bb-color-12: #555;
  --bb-color-13: #e3e3e357;
  --bb-color-14: #dee2e6;
  --bb-color-15: #0066D3;
  --bb-color-16: #B62C39;
  --bb-color-17: #218A39;
  --bb-color-18: #007bff50;
  --bb-color-19: rgba(0, 0, 0, 0.1);
  --bb-color-20: #80bdff;
  --bb-color-21: #0000000a;
  --bb-color-22: #007BFF;
  --bb-color-23: #DC3545;
  --bb-color-24: #f8f9fa;
  --bb-color-25: #dbcccc;
  --bb-color-26: #e3e3e3;
  --bb-color-27: rgba(0, 0, 0, 0.5);
  --bb-color-28: rgba(0, 0, 0, 0.2);
  --bb-color-29: rgba(255, 255, 255, 0.7);
  --bb-color-30: rgba(0, 123, 255, 0.25);
  --bb-color-31: rgb(0, 123, 255);
  --bb-color-32: rgb(220, 53, 69);
  --bb-radius-1: 10px;
  --bb-radius-2: 1rem;
  --bb-radius-3: 5px;
  --bb-radius-4: 15px;
  --bb-radius-5: 50%;
  --bb-radius-6: 0px;
  --bb-radius-7: 0.95rem;
  --bb-radius-8: 2px;
  --bb-radius-9: 7px;
  --bb-radius-10: 8px;
  --bb-duration-fast: 150ms;
  --bb-duration-normal: 250ms;
  --bb-duration-slow: 400ms;
  /* Typography - font-size */
  --bb-font-size-1: 0.95rem;
  --bb-font-size-2: 0.875rem;
  --bb-font-size-3: 14px;
  --bb-font-size-4: 24px;
  --bb-font-size-5: 16px;
  --bb-font-size-6: 0.685rem;
  --bb-font-size-7: calc(1.375rem + 1.5vw);
  --bb-font-size-8: calc(1.325rem + 0.9vw);
  --bb-font-size-9: calc(1.3rem + 0.6vw);
  --bb-font-size-10: calc(1.275rem + 0.3vw);
  --bb-font-size-11: 1.25rem;
  --bb-font-size-12: 1rem;
  /* Typography - line-height */
  --bb-line-height-1: 1.5;
  --bb-line-height-2: 1.2;
  /* Typography - font-family */
  --bb-font-family-1: "Roboto Slab";
  --bb-font-family-2: "Roboto Slab", sans-serif;
  --bb-font-family-3: "Roboto Slab", sans-serif;
  /* Spacing */
  --bb-space-1: 0.5rem;
  --bb-space-2: 0.75rem;
  --bb-space-3: 1rem;
  --bb-space-4: 0.25rem;
  --bb-space-5: 10px;
  --bb-space-6: 5px;
  --bb-space-7: 2px;
  --bb-space-8: 15px;
  --bb-space-9: 1.75rem;
  --bb-space-10: 20px;
  --bb-space-11: -50px;
  --bb-space-12: .25em;
  --bb-space-13: 0.125rem;
  --bb-space-14: 12px;
  --bb-space-15: 3px;
  --bb-modal-max-h: 650px; /* tope duro en pantallas grandes */
  --bb-modal-result-max-h: 490px; /* tope duro en pantallas grandes para resultados */
  --bb-modal-result-h-mp: 392px; /* tope duro en pantallas grandes para resultados MP */
  --bb-modal-result-max-h-mp: 410px; /* tope duro en pantallas grandes para resultados MP */
  --bb-modal-vpad: 1.75rem; /* margen visual fuera del dialog */
}

:root {
  /* Typography: families */
  --bb-font-family-base: var(--bb-font-family-1);
  --bb-font-family-heading: var(--bb-font-family-1);
  --bb-font-family-mono: var(--bb-font-family-2);
  /* Typography: sizes */
  --bb-font-size-caption: var(--bb-font-size-7);
  --bb-font-size-body: var(--bb-font-size-12);
  --bb-font-size-h6: var(--bb-font-size-12);
  --bb-font-size-h5: var(--bb-font-size-5);
  --bb-font-size-h4: var(--bb-font-size-1);
  --bb-font-size-h3: var(--bb-font-size-3);
  --bb-font-size-h2: var(--bb-font-size-2);
  --bb-font-size-h1: var(--bb-font-size-6);
  /* Typography: line-heights */
  --bb-line-height-body: var(--bb-line-height-1);
  --bb-line-height-heading: 1.2;
  /* Z-index scale */
  --bb-z-0: 0;
  --bb-z-1: 10;
  --bb-z-2: 20;
  --bb-z-3: 30;
  --bb-z-4: 40;
  --bb-z-5: 50;
  --bb-z-overlay: 9999;
  /* Z-index semantics */
  --bb-z-dropdown: var(--bb-z-3);
  --bb-z-sticky: var(--bb-z-2);
  --bb-z-modal: var(--bb-z-5);
  --bb-z-toast: var(--bb-z-overlay);
  /* Borders */
  --bb-border-width-1: 1px;
  --bb-border-width-2: 2px;
  --bb-border-width-3: 3px;
  --bb-border-color: var(--bb-color-2);
  /* Opacity */
  --bb-opacity-0: 0;
  --bb-opacity-1: 0.04;
  --bb-opacity-2: 0.08;
  --bb-opacity-3: 0.16;
  --bb-opacity-4: 0.24;
  --bb-opacity-5: 0.38;
  --bb-opacity-6: 0.5;
  --bb-opacity-7: 0.72;
  --bb-opacity-8: 1;
  /* Opacity semantics */
  --bb-opacity-disabled: var(--bb-opacity-5);
  --bb-opacity-hover: var(--bb-opacity-2);
  --bb-opacity-focus: var(--bb-opacity-3);
  --bb-opacity-pressed: var(--bb-opacity-4);
}

/* cyrillic-ext */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v36/BngMUXZYTXPIvIBgJJSb6ufA5qW54A.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v36/BngMUXZYTXPIvIBgJJSb6ufJ5qW54A.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v36/BngMUXZYTXPIvIBgJJSb6ufB5qW54A.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v36/BngMUXZYTXPIvIBgJJSb6ufO5qW54A.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v36/BngMUXZYTXPIvIBgJJSb6ufC5qW54A.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v36/BngMUXZYTXPIvIBgJJSb6ufD5qW54A.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v36/BngMUXZYTXPIvIBgJJSb6ufN5qU.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.lb-bankbridge {
  font-family: var(--bb-font-family-2, "Roboto Slab", sans-serif);
  font-size: var(--bb-font-size-2, 0.875rem);
  font-weight: 400;
  line-height: var(--bb-line-height-1, 1.5);
  color: var(--bb-color-3, #212529);
}
.lb-bankbridge input,
.lb-bankbridge select {
  font-size: var(--bb-font-size-1, 0.95rem);
  font-family: var(--bb-font-family-1, "Roboto Slab");
}
.lb-bankbridge input:disabled,
.lb-bankbridge select:disabled {
  opacity: 0.75;
}
.lb-bankbridge h6,
.lb-bankbridge .h6,
.lb-bankbridge h5,
.lb-bankbridge .h5,
.lb-bankbridge h4,
.lb-bankbridge .h4,
.lb-bankbridge h3,
.lb-bankbridge .h3,
.lb-bankbridge h2,
.lb-bankbridge .h2,
.lb-bankbridge h1,
.lb-bankbridge .h1 {
  margin-top: 0;
  margin-bottom: var(--bb-space-1, 0.5rem);
  font-weight: 500;
  line-height: var(--bb-line-height-2, 1.2);
}
.lb-bankbridge h1,
.lb-bankbridge .h1 {
  font-size: var(--bb-font-size-7, calc(1.375rem + 1.5vw));
}
.lb-bankbridge h2,
.lb-bankbridge .h2 {
  font-size: var(--bb-font-size-8, calc(1.325rem + 0.9vw));
}
.lb-bankbridge h3,
.lb-bankbridge .h3 {
  font-size: var(--bb-font-size-9, calc(1.3rem + 0.6vw));
}
.lb-bankbridge h4,
.lb-bankbridge .h4 {
  font-size: var(--bb-font-size-10, calc(1.275rem + 0.3vw));
}
.lb-bankbridge h5,
.lb-bankbridge .h5 {
  font-size: var(--bb-font-size-11, 1.25rem);
}
.lb-bankbridge h6,
.lb-bankbridge .h6 {
  font-size: var(--bb-font-size-12, 1rem);
}

/* ======== Flexbox ======== */
.lb-flex {
  display: flex !important;
}

.lb-flex-row {
  flex-direction: row;
}

.lb-flex-row-reverse {
  flex-direction: row-reverse;
}

.lb-flex-col {
  flex-direction: column;
}

.lb-flex-col-reverse {
  flex-direction: column-reverse;
}

.lb-flex-wrap {
  flex-wrap: wrap;
}

.lb-flex-nowrap {
  flex-wrap: nowrap;
}

.lb-flex-auto {
  flex: 1 1 auto;
}

.lb-justify-center {
  justify-content: center;
}

.lb-align-center {
  align-items: center;
}

.lb-width-0 {
  width: calc(0 * 1%);
  min-width: calc(0 * 1%);
  max-width: calc(0 * 1%);
}

.lb-width-1 {
  width: calc(1 * 1%);
  min-width: calc(1 * 1%);
  max-width: calc(1 * 1%);
}

.lb-width-2 {
  width: calc(2 * 1%);
  min-width: calc(2 * 1%);
  max-width: calc(2 * 1%);
}

.lb-width-3 {
  width: calc(3 * 1%);
  min-width: calc(3 * 1%);
  max-width: calc(3 * 1%);
}

.lb-width-4 {
  width: calc(4 * 1%);
  min-width: calc(4 * 1%);
  max-width: calc(4 * 1%);
}

.lb-width-5 {
  width: calc(5 * 1%);
  min-width: calc(5 * 1%);
  max-width: calc(5 * 1%);
}

.lb-width-6 {
  width: calc(6 * 1%);
  min-width: calc(6 * 1%);
  max-width: calc(6 * 1%);
}

.lb-width-7 {
  width: calc(7 * 1%);
  min-width: calc(7 * 1%);
  max-width: calc(7 * 1%);
}

.lb-width-8 {
  width: calc(8 * 1%);
  min-width: calc(8 * 1%);
  max-width: calc(8 * 1%);
}

.lb-width-9 {
  width: calc(9 * 1%);
  min-width: calc(9 * 1%);
  max-width: calc(9 * 1%);
}

.lb-width-10 {
  width: calc(10 * 1%);
  min-width: calc(10 * 1%);
  max-width: calc(10 * 1%);
}

.lb-width-11 {
  width: calc(11 * 1%);
  min-width: calc(11 * 1%);
  max-width: calc(11 * 1%);
}

.lb-width-12 {
  width: calc(12 * 1%);
  min-width: calc(12 * 1%);
  max-width: calc(12 * 1%);
}

.lb-width-13 {
  width: calc(13 * 1%);
  min-width: calc(13 * 1%);
  max-width: calc(13 * 1%);
}

.lb-width-14 {
  width: calc(14 * 1%);
  min-width: calc(14 * 1%);
  max-width: calc(14 * 1%);
}

.lb-width-15 {
  width: calc(15 * 1%);
  min-width: calc(15 * 1%);
  max-width: calc(15 * 1%);
}

.lb-width-16 {
  width: calc(16 * 1%);
  min-width: calc(16 * 1%);
  max-width: calc(16 * 1%);
}

.lb-width-17 {
  width: calc(17 * 1%);
  min-width: calc(17 * 1%);
  max-width: calc(17 * 1%);
}

.lb-width-18 {
  width: calc(18 * 1%);
  min-width: calc(18 * 1%);
  max-width: calc(18 * 1%);
}

.lb-width-19 {
  width: calc(19 * 1%);
  min-width: calc(19 * 1%);
  max-width: calc(19 * 1%);
}

.lb-width-20 {
  width: calc(20 * 1%);
  min-width: calc(20 * 1%);
  max-width: calc(20 * 1%);
}

.lb-width-21 {
  width: calc(21 * 1%);
  min-width: calc(21 * 1%);
  max-width: calc(21 * 1%);
}

.lb-width-22 {
  width: calc(22 * 1%);
  min-width: calc(22 * 1%);
  max-width: calc(22 * 1%);
}

.lb-width-23 {
  width: calc(23 * 1%);
  min-width: calc(23 * 1%);
  max-width: calc(23 * 1%);
}

.lb-width-24 {
  width: calc(24 * 1%);
  min-width: calc(24 * 1%);
  max-width: calc(24 * 1%);
}

.lb-width-25 {
  width: calc(25 * 1%);
  min-width: calc(25 * 1%);
  max-width: calc(25 * 1%);
}

.lb-width-26 {
  width: calc(26 * 1%);
  min-width: calc(26 * 1%);
  max-width: calc(26 * 1%);
}

.lb-width-27 {
  width: calc(27 * 1%);
  min-width: calc(27 * 1%);
  max-width: calc(27 * 1%);
}

.lb-width-28 {
  width: calc(28 * 1%);
  min-width: calc(28 * 1%);
  max-width: calc(28 * 1%);
}

.lb-width-29 {
  width: calc(29 * 1%);
  min-width: calc(29 * 1%);
  max-width: calc(29 * 1%);
}

.lb-width-30 {
  width: calc(30 * 1%);
  min-width: calc(30 * 1%);
  max-width: calc(30 * 1%);
}

.lb-width-31 {
  width: calc(31 * 1%);
  min-width: calc(31 * 1%);
  max-width: calc(31 * 1%);
}

.lb-width-32 {
  width: calc(32 * 1%);
  min-width: calc(32 * 1%);
  max-width: calc(32 * 1%);
}

.lb-width-33 {
  width: calc(33 * 1%);
  min-width: calc(33 * 1%);
  max-width: calc(33 * 1%);
}

.lb-width-34 {
  width: calc(34 * 1%);
  min-width: calc(34 * 1%);
  max-width: calc(34 * 1%);
}

.lb-width-35 {
  width: calc(35 * 1%);
  min-width: calc(35 * 1%);
  max-width: calc(35 * 1%);
}

.lb-width-36 {
  width: calc(36 * 1%);
  min-width: calc(36 * 1%);
  max-width: calc(36 * 1%);
}

.lb-width-37 {
  width: calc(37 * 1%);
  min-width: calc(37 * 1%);
  max-width: calc(37 * 1%);
}

.lb-width-38 {
  width: calc(38 * 1%);
  min-width: calc(38 * 1%);
  max-width: calc(38 * 1%);
}

.lb-width-39 {
  width: calc(39 * 1%);
  min-width: calc(39 * 1%);
  max-width: calc(39 * 1%);
}

.lb-width-40 {
  width: calc(40 * 1%);
  min-width: calc(40 * 1%);
  max-width: calc(40 * 1%);
}

.lb-width-41 {
  width: calc(41 * 1%);
  min-width: calc(41 * 1%);
  max-width: calc(41 * 1%);
}

.lb-width-42 {
  width: calc(42 * 1%);
  min-width: calc(42 * 1%);
  max-width: calc(42 * 1%);
}

.lb-width-43 {
  width: calc(43 * 1%);
  min-width: calc(43 * 1%);
  max-width: calc(43 * 1%);
}

.lb-width-44 {
  width: calc(44 * 1%);
  min-width: calc(44 * 1%);
  max-width: calc(44 * 1%);
}

.lb-width-45 {
  width: calc(45 * 1%);
  min-width: calc(45 * 1%);
  max-width: calc(45 * 1%);
}

.lb-width-46 {
  width: calc(46 * 1%);
  min-width: calc(46 * 1%);
  max-width: calc(46 * 1%);
}

.lb-width-47 {
  width: calc(47 * 1%);
  min-width: calc(47 * 1%);
  max-width: calc(47 * 1%);
}

.lb-width-48 {
  width: calc(48 * 1%);
  min-width: calc(48 * 1%);
  max-width: calc(48 * 1%);
}

.lb-width-49 {
  width: calc(49 * 1%);
  min-width: calc(49 * 1%);
  max-width: calc(49 * 1%);
}

.lb-width-50 {
  width: calc(50 * 1%);
  min-width: calc(50 * 1%);
  max-width: calc(50 * 1%);
}

.lb-width-51 {
  width: calc(51 * 1%);
  min-width: calc(51 * 1%);
  max-width: calc(51 * 1%);
}

.lb-width-52 {
  width: calc(52 * 1%);
  min-width: calc(52 * 1%);
  max-width: calc(52 * 1%);
}

.lb-width-53 {
  width: calc(53 * 1%);
  min-width: calc(53 * 1%);
  max-width: calc(53 * 1%);
}

.lb-width-54 {
  width: calc(54 * 1%);
  min-width: calc(54 * 1%);
  max-width: calc(54 * 1%);
}

.lb-width-55 {
  width: calc(55 * 1%);
  min-width: calc(55 * 1%);
  max-width: calc(55 * 1%);
}

.lb-width-56 {
  width: calc(56 * 1%);
  min-width: calc(56 * 1%);
  max-width: calc(56 * 1%);
}

.lb-width-57 {
  width: calc(57 * 1%);
  min-width: calc(57 * 1%);
  max-width: calc(57 * 1%);
}

.lb-width-58 {
  width: calc(58 * 1%);
  min-width: calc(58 * 1%);
  max-width: calc(58 * 1%);
}

.lb-width-59 {
  width: calc(59 * 1%);
  min-width: calc(59 * 1%);
  max-width: calc(59 * 1%);
}

.lb-width-60 {
  width: calc(60 * 1%);
  min-width: calc(60 * 1%);
  max-width: calc(60 * 1%);
}

.lb-width-61 {
  width: calc(61 * 1%);
  min-width: calc(61 * 1%);
  max-width: calc(61 * 1%);
}

.lb-width-62 {
  width: calc(62 * 1%);
  min-width: calc(62 * 1%);
  max-width: calc(62 * 1%);
}

.lb-width-63 {
  width: calc(63 * 1%);
  min-width: calc(63 * 1%);
  max-width: calc(63 * 1%);
}

.lb-width-64 {
  width: calc(64 * 1%);
  min-width: calc(64 * 1%);
  max-width: calc(64 * 1%);
}

.lb-width-65 {
  width: calc(65 * 1%);
  min-width: calc(65 * 1%);
  max-width: calc(65 * 1%);
}

.lb-width-66 {
  width: calc(66 * 1%);
  min-width: calc(66 * 1%);
  max-width: calc(66 * 1%);
}

.lb-width-67 {
  width: calc(67 * 1%);
  min-width: calc(67 * 1%);
  max-width: calc(67 * 1%);
}

.lb-width-68 {
  width: calc(68 * 1%);
  min-width: calc(68 * 1%);
  max-width: calc(68 * 1%);
}

.lb-width-69 {
  width: calc(69 * 1%);
  min-width: calc(69 * 1%);
  max-width: calc(69 * 1%);
}

.lb-width-70 {
  width: calc(70 * 1%);
  min-width: calc(70 * 1%);
  max-width: calc(70 * 1%);
}

.lb-width-71 {
  width: calc(71 * 1%);
  min-width: calc(71 * 1%);
  max-width: calc(71 * 1%);
}

.lb-width-72 {
  width: calc(72 * 1%);
  min-width: calc(72 * 1%);
  max-width: calc(72 * 1%);
}

.lb-width-73 {
  width: calc(73 * 1%);
  min-width: calc(73 * 1%);
  max-width: calc(73 * 1%);
}

.lb-width-74 {
  width: calc(74 * 1%);
  min-width: calc(74 * 1%);
  max-width: calc(74 * 1%);
}

.lb-width-75 {
  width: calc(75 * 1%);
  min-width: calc(75 * 1%);
  max-width: calc(75 * 1%);
}

.lb-width-76 {
  width: calc(76 * 1%);
  min-width: calc(76 * 1%);
  max-width: calc(76 * 1%);
}

.lb-width-77 {
  width: calc(77 * 1%);
  min-width: calc(77 * 1%);
  max-width: calc(77 * 1%);
}

.lb-width-78 {
  width: calc(78 * 1%);
  min-width: calc(78 * 1%);
  max-width: calc(78 * 1%);
}

.lb-width-79 {
  width: calc(79 * 1%);
  min-width: calc(79 * 1%);
  max-width: calc(79 * 1%);
}

.lb-width-80 {
  width: calc(80 * 1%);
  min-width: calc(80 * 1%);
  max-width: calc(80 * 1%);
}

.lb-width-81 {
  width: calc(81 * 1%);
  min-width: calc(81 * 1%);
  max-width: calc(81 * 1%);
}

.lb-width-82 {
  width: calc(82 * 1%);
  min-width: calc(82 * 1%);
  max-width: calc(82 * 1%);
}

.lb-width-83 {
  width: calc(83 * 1%);
  min-width: calc(83 * 1%);
  max-width: calc(83 * 1%);
}

.lb-width-84 {
  width: calc(84 * 1%);
  min-width: calc(84 * 1%);
  max-width: calc(84 * 1%);
}

.lb-width-85 {
  width: calc(85 * 1%);
  min-width: calc(85 * 1%);
  max-width: calc(85 * 1%);
}

.lb-width-86 {
  width: calc(86 * 1%);
  min-width: calc(86 * 1%);
  max-width: calc(86 * 1%);
}

.lb-width-87 {
  width: calc(87 * 1%);
  min-width: calc(87 * 1%);
  max-width: calc(87 * 1%);
}

.lb-width-88 {
  width: calc(88 * 1%);
  min-width: calc(88 * 1%);
  max-width: calc(88 * 1%);
}

.lb-width-89 {
  width: calc(89 * 1%);
  min-width: calc(89 * 1%);
  max-width: calc(89 * 1%);
}

.lb-width-90 {
  width: calc(90 * 1%);
  min-width: calc(90 * 1%);
  max-width: calc(90 * 1%);
}

.lb-width-91 {
  width: calc(91 * 1%);
  min-width: calc(91 * 1%);
  max-width: calc(91 * 1%);
}

.lb-width-92 {
  width: calc(92 * 1%);
  min-width: calc(92 * 1%);
  max-width: calc(92 * 1%);
}

.lb-width-93 {
  width: calc(93 * 1%);
  min-width: calc(93 * 1%);
  max-width: calc(93 * 1%);
}

.lb-width-94 {
  width: calc(94 * 1%);
  min-width: calc(94 * 1%);
  max-width: calc(94 * 1%);
}

.lb-width-95 {
  width: calc(95 * 1%);
  min-width: calc(95 * 1%);
  max-width: calc(95 * 1%);
}

.lb-width-96 {
  width: calc(96 * 1%);
  min-width: calc(96 * 1%);
  max-width: calc(96 * 1%);
}

.lb-width-97 {
  width: calc(97 * 1%);
  min-width: calc(97 * 1%);
  max-width: calc(97 * 1%);
}

.lb-width-98 {
  width: calc(98 * 1%);
  min-width: calc(98 * 1%);
  max-width: calc(98 * 1%);
}

.lb-width-99 {
  width: calc(99 * 1%);
  min-width: calc(99 * 1%);
  max-width: calc(99 * 1%);
}

.lb-width-100 {
  width: calc(100 * 1%);
  min-width: calc(100 * 1%);
  max-width: calc(100 * 1%);
}

/* ======== Gap ======== */
.lb-gap-0 {
  gap: 0rem;
}

.lb-gap-1 {
  gap: 0.25rem;
}

.lb-gap-2 {
  gap: 0.5rem;
}

.lb-gap-3 {
  gap: 0.75rem;
}

.lb-gap-4 {
  gap: 1rem;
}

.lb-gap-5 {
  gap: 1.25rem;
}

.lb-gap-6 {
  gap: 1.5rem;
}

.lb-gap-7 {
  gap: 1.75rem;
}

.lb-gap-8 {
  gap: 2rem;
}

.lb-gap-9 {
  gap: 2.25rem;
}

.lb-gap-10 {
  gap: 2.5rem;
}

.lb-gap-11 {
  gap: 2.75rem;
}

.lb-gap-12 {
  gap: 3rem;
}

.lb-gap-13 {
  gap: 3.25rem;
}

.lb-gap-14 {
  gap: 3.5rem;
}

.lb-gap-15 {
  gap: 3.75rem;
}

.lb-gap-16 {
  gap: 4rem;
}

.lb-gap-17 {
  gap: 4.25rem;
}

.lb-gap-18 {
  gap: 4.5rem;
}

.lb-gap-19 {
  gap: 4.75rem;
}

.lb-gap-20 {
  gap: 5rem;
}

.lb-gap-21 {
  gap: 5.25rem;
}

.lb-gap-22 {
  gap: 5.5rem;
}

.lb-gap-23 {
  gap: 5.75rem;
}

.lb-gap-24 {
  gap: 6rem;
}

.lb-gap-25 {
  gap: 6.25rem;
}

.lb-gap-26 {
  gap: 6.5rem;
}

.lb-gap-27 {
  gap: 6.75rem;
}

.lb-gap-28 {
  gap: 7rem;
}

.lb-gap-29 {
  gap: 7.25rem;
}

.lb-gap-30 {
  gap: 7.5rem;
}

.lb-gap-31 {
  gap: 7.75rem;
}

.lb-gap-32 {
  gap: 8rem;
}

.lb-gap-33 {
  gap: 8.25rem;
}

.lb-gap-34 {
  gap: 8.5rem;
}

.lb-gap-35 {
  gap: 8.75rem;
}

.lb-gap-36 {
  gap: 9rem;
}

.lb-gap-37 {
  gap: 9.25rem;
}

.lb-gap-38 {
  gap: 9.5rem;
}

.lb-gap-39 {
  gap: 9.75rem;
}

.lb-gap-40 {
  gap: 10rem;
}

.lb-gap-41 {
  gap: 10.25rem;
}

.lb-gap-42 {
  gap: 10.5rem;
}

.lb-gap-43 {
  gap: 10.75rem;
}

.lb-gap-44 {
  gap: 11rem;
}

.lb-gap-45 {
  gap: 11.25rem;
}

.lb-gap-46 {
  gap: 11.5rem;
}

.lb-gap-47 {
  gap: 11.75rem;
}

.lb-gap-48 {
  gap: 12rem;
}

.lb-gap-49 {
  gap: 12.25rem;
}

.lb-gap-50 {
  gap: 12.5rem;
}

.lb-gap-51 {
  gap: 12.75rem;
}

.lb-gap-52 {
  gap: 13rem;
}

.lb-gap-53 {
  gap: 13.25rem;
}

.lb-gap-54 {
  gap: 13.5rem;
}

.lb-gap-55 {
  gap: 13.75rem;
}

.lb-gap-56 {
  gap: 14rem;
}

.lb-gap-57 {
  gap: 14.25rem;
}

.lb-gap-58 {
  gap: 14.5rem;
}

.lb-gap-59 {
  gap: 14.75rem;
}

.lb-gap-60 {
  gap: 15rem;
}

.lb-gap-61 {
  gap: 15.25rem;
}

.lb-gap-62 {
  gap: 15.5rem;
}

.lb-gap-63 {
  gap: 15.75rem;
}

.lb-gap-64 {
  gap: 16rem;
}

.lb-gap-65 {
  gap: 16.25rem;
}

.lb-gap-66 {
  gap: 16.5rem;
}

.lb-gap-67 {
  gap: 16.75rem;
}

.lb-gap-68 {
  gap: 17rem;
}

.lb-gap-69 {
  gap: 17.25rem;
}

.lb-gap-70 {
  gap: 17.5rem;
}

.lb-gap-71 {
  gap: 17.75rem;
}

.lb-gap-72 {
  gap: 18rem;
}

.lb-gap-73 {
  gap: 18.25rem;
}

.lb-gap-74 {
  gap: 18.5rem;
}

.lb-gap-75 {
  gap: 18.75rem;
}

.lb-gap-76 {
  gap: 19rem;
}

.lb-gap-77 {
  gap: 19.25rem;
}

.lb-gap-78 {
  gap: 19.5rem;
}

.lb-gap-79 {
  gap: 19.75rem;
}

.lb-gap-80 {
  gap: 20rem;
}

.lb-gap-81 {
  gap: 20.25rem;
}

.lb-gap-82 {
  gap: 20.5rem;
}

.lb-gap-83 {
  gap: 20.75rem;
}

.lb-gap-84 {
  gap: 21rem;
}

.lb-gap-85 {
  gap: 21.25rem;
}

.lb-gap-86 {
  gap: 21.5rem;
}

.lb-gap-87 {
  gap: 21.75rem;
}

.lb-gap-88 {
  gap: 22rem;
}

.lb-gap-89 {
  gap: 22.25rem;
}

.lb-gap-90 {
  gap: 22.5rem;
}

.lb-gap-91 {
  gap: 22.75rem;
}

.lb-gap-92 {
  gap: 23rem;
}

.lb-gap-93 {
  gap: 23.25rem;
}

.lb-gap-94 {
  gap: 23.5rem;
}

.lb-gap-95 {
  gap: 23.75rem;
}

.lb-gap-96 {
  gap: 24rem;
}

.lb-gap-97 {
  gap: 24.25rem;
}

.lb-gap-98 {
  gap: 24.5rem;
}

.lb-gap-99 {
  gap: 24.75rem;
}

.lb-gap-100 {
  gap: 25rem;
}

/* ======== Modal ======== */
.lb-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1050;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Unidades seguras + fallback */
  height: var(--bb-vh, 100svh);
  height: 100dvh;
  height: 100vh;
  overscroll-behavior: contain;
  background-color: var(--bb-color-27, rgba(0, 0, 0, 0.5));
}

.lb-modal.lb-fade {
  transition: opacity 0.15s linear;
  opacity: 0;
}

.lb-modal.lb-show {
  display: block;
  opacity: 1;
}

.lb-images-logos-container {
  padding: 0 10px;
}

.lb-modal-dialog {
  width: clamp(280px, 92vw, 500px);
  margin: var(--bb-space-9, 1.75rem) auto;
  max-width: 500px;
  min-width: 0;
  max-height: calc(var(--bb-vh, 100svh) - 2rem);
  /* deja margen visual */
  display: flex;
  /* para que el content pueda ser flex-col */
  overflow: hidden;
  /* evita que el content desborde hacia afuera */
}

.lb-modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 3.5rem);
}

/* ======== Modal Content ======== */
.lb-modal-content {
  display: flex;
  flex-direction: column;
  background-color: var(--bb-color-1, #fff);
  border-radius: var(--bb-radius-1, 10px);
  box-shadow: 0 4px 10px var(--bb-color-28, rgba(0, 0, 0, 0.2));
  width: 100%;
  max-height: 100%;
  min-height: 0;
  /* CLAVE en flex */
}

/* ======== Payment Result Overlay ======== */
.lb-payment-result {
  position: absolute;
  inset: 0;
  text-align: center;
  margin: auto;
  background-color: var(--bb-color-1, #fff);
  background: var(--bb-color-1, #fff);
  flex-direction: column;
  align-items: center;
  z-index: 1060;
  /* Estados de visibilidad elegantes */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
  .lb-payment-result {
    transition: opacity 0.2s ease, visibility 0.2s step-end;
  }
}

.lb-payment-success {
  color: var(--bb-color-6, #28a745);
}

.lb-payment-error {
  color: var(--bb-color-4, #dc3545);
}

.lb-payment-header {
  height: 60px;
  width: 100%;
}
.lb-payment-header.success {
  background-color: var(--bb-color-11, #2ecc71);
}
.lb-payment-header.error {
  background-color: var(--bb-color-4, #dc3545);
}

.lb-payment-success {
  border-bottom: 6px solid var(--bb-color-11, #2ecc71);
}

.lb-payment-error {
  border-bottom: 6px solid var(--bb-color-4, #dc3545);
}

.lb-payment-icon {
  width: 80px;
  height: 80px;
  margin-bottom: var(--bb-space-10, 20px);
  margin-top: var(--bb-space-11, -50px);
  background-color: var(--bb-color-1, #fff);
  border-radius: var(--bb-radius-5, 50%);
}

.lb-payment-title {
  font-size: var(--bb-font-size-4, 24px);
  font-weight: bold;
  margin: 0;
}

.lb-payment-message {
  font-size: var(--bb-font-size-5, 16px);
  color: var(--bb-color-12, #555);
  padding: 5px 10px 0px 10px;
}

.lb-payment-actions {
  font-size: var(--bb-font-size-3, 14px);
  margin: 0 var(--bb-space-8, 15px) var(--bb-space-5, 10px) var(--bb-space-8, 15px);
  padding: var(--bb-space-6, 5px) var(--bb-space-14, 12px) var(--bb-space-6, 5px) 0;
  color: var(--bb-color-12, #555);
  list-style-type: square;
  text-align: justify;
  flex: 1 1 auto;
  max-height: 150px;
  min-height: 100px;
  overflow: auto;
}
.lb-payment-actions ::marker {
  list-style-type: square;
}
.lb-payment-actions.with-content {
  background-color: var(--bb-color-13, var(--bb-color-26, #e3e3e3) 57);
  border: solid 1px var(--bb-color-13, var(--bb-color-26, #e3e3e3) 57);
  border-radius: var(--bb-radius-1, 10px);
}

.lb-payment-assistance {
  padding: 5px 10px 0px 10px;
}

.lb-payment-buttons {
  display: flex;
  gap: var(--bb-space-5, 10px);
  justify-content: center;
  padding-bottom: var(--bb-space-5, 10px);
}

.lb-cp-width {
  width: auto;
}

/* ======== Loading Overlay ======== */
.lb-loading-overlay {
  position: absolute;
  inset: 0;
  background: var(--bb-color-29, rgba(255, 255, 255, 0.7));
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1060;
  /* Estados de visibilidad elegantes */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
  .lb-loading-overlay {
    transition: opacity 0.2s ease, visibility 0.2s step-end;
  }
}

.lb-payment-result.is-open,
.lb-loading-overlay.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  display: flex;
}
@media (prefers-reduced-motion: no-preference) {
  .lb-payment-result.is-open,
  .lb-loading-overlay.is-open {
    transition: opacity 0.2s ease, visibility 0s;
  }
}

.lb-spinner {
  width: 50px;
  height: 50px;
  border: 5px solid var(--bb-color-19, rgba(0, 0, 0, 0.1));
  border-top-color: var(--bb-color-7, #007bff);
  border-radius: var(--bb-radius-5, 50%);
  animation: lb-spin 1s linear infinite;
}

.lb-spinner-mini {
  width: 20px;
  height: 20px;
  border: 2.5px solid var(--bb-color-19, rgba(0, 0, 0, 0.1));
  border-top-color: var(--bb-color-7, #007bff);
  border-radius: var(--bb-radius-5, 50%);
  animation: lb-spin 1s linear infinite;
  display: none;
}

@keyframes lb-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* ======== Modal Header ======== */
.lb-modal-header {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  padding: var(--bb-space-3, 1rem) var(--bb-space-3, 1rem) var(--bb-space-1, 0.5rem) var(--bb-space-3, 1rem);
  border-bottom: 1px solid var(--bb-color-14, #dee2e6);
}

.lb-modal-title {
  margin-bottom: 0;
}

.lb-text-start {
  text-align: left;
}

.lb-text-center {
  text-align: center;
}

.lb-text-end {
  text-align: right;
}

/* ======== Modal Body ======== */
.lb-modal-body {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  /* CLAVE en flex */
  overflow-y: auto;
  /* aquí vive el scroll */
  -webkit-overflow-scrolling: touch;
  /*padding: var(--bb-space-1, 0.5rem) var(--bb-space-3, 1rem);*/
}

/* ======== Formulario ======== */
#lb-form-checkout,
#lb-plans-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  /* que no sobrepase el dialog contenedor */
  min-width: 0;
  /* evita desbordes en móviles */
  padding: var(--bb-space-2, 0.75rem);
}
#lb-form-checkout.lb-evo iframe,
#lb-plans-form.lb-evo iframe {
  height: 38px !important;
  border: 1px solid var(--bb-color-5, #ced4da) !important;
  border-radius: var(--bb-radius-2, 1rem) !important;
  width: 100% !important;
}

.lb-form-control-none,
.lb-form-select-none {
  display: block;
  height: 30px;
  padding: var(--bb-space-4, 0.25rem) var(--bb-space-2, 0.75rem);
  font-size: var(--bb-font-size-1, 0.95rem);
  font-weight: 400;
  color: var(--bb-color-3, #212529);
  background-color: var(--bb-color-1, #fff);
  border: none;
  border-radius: var(--bb-radius-6, 0px);
  transition: none;
}

.lb-form-control,
.lb-form-select {
  display: block;
  height: 30px;
  padding: var(--bb-space-4, 0.25rem) var(--bb-space-2, 0.75rem);
  font-size: var(--bb-font-size-1, 0.95rem);
  font-weight: 400;
  color: var(--bb-color-3, #212529);
  background-color: var(--bb-color-1, #fff);
  border: 1px solid var(--bb-color-5, #ced4da);
  border-radius: var(--bb-radius-2, 1rem);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.lb-form-control-modal,
.lb-form-select-modal {
  display: block;
  height: 30px;
  padding: var(--bb-space-4, 0.25rem) var(--bb-space-2, 0.75rem);
  font-size: var(--bb-font-size-1, 0.95rem);
  font-weight: 400;
  color: var(--bb-color-3, #212529);
  background-color: var(--bb-color-1, #fff);
  border: 1px solid var(--bb-color-5, #ced4da);
  border-radius: var(--bb-radius-2, 1rem);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.lb-form-select,
.lb-form-select-none {
  width: 100%;
  height: 40px;
}

.lb-form-control-modal:focus,
.lb-form-select-modal:focus,
.lb-form-control:focus,
.lb-form-select:focus {
  border-color: var(--bb-color-20, #80bdff);
  outline: 0;
  box-shadow: 0 0 0 0.2rem var(--bb-color-30, rgba(0, 123, 255, 0.25));
}

.lb-form-label {
  margin-bottom: 0;
  margin-left: var(--bb-space-1, 0.5rem);
}

.lb-form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: var(--bb-space-12, 0.25em);
  vertical-align: top;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
}

.lb-form-control-evo-modal,
.lb-form-select-evo-modal {
  display: block;
  padding: var(--bb-space-4, 0.25rem) var(--bb-space-2, 0.75rem);
  height: 30px;
  font-size: var(--bb-font-size-1, 0.95rem);
  font-weight: 400;
  color: var(--bb-color-3, #212529);
  background-color: var(--bb-color-1, #fff);
  border: 1px solid var(--bb-color-5, #ced4da);
  border-radius: var(--bb-radius-2, 1rem);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
  background-clip: border-box;
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.lb-mb-3 {
  margin-bottom: var(--bb-space-3, 1rem);
}

.lb-mb-2 {
  margin-bottom: var(--bb-space-2, 0.75rem);
}

.lb-mb-1 {
  margin-bottom: var(--bb-space-1, 0.5rem);
}

.lb-disabled {
  background-color: var(--bb-color-21, rgba(0, 0, 0, 0.0392156863));
}

/* ======== Botones ======== */
.lb-btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  padding: var(--bb-space-1, 0.5rem) var(--bb-space-2, 0.75rem);
  font-size: var(--bb-font-size-2, 0.875rem);
  border-radius: var(--bb-radius-7, 0.95rem);
  transition: all 0.15s ease-in-out;
  font-family: var(--bb-font-family-3, "Roboto Slab", sans-serif);
}
.lb-btn .is-locked {
  opacity: 0.6;
  cursor: not-allowed;
}

.lb-btn-primary {
  color: var(--bb-color-1, #fff);
  background-color: var(--bb-color-31, rgb(0, 123, 255));
  border-color: var(--bb-color-22, #007BFF);
  border-bottom: 4px solid var(--bb-color-15, #0066D3);
}
.lb-btn-primary:hover {
  opacity: 0.94;
  background-color: var(--bb-color-15, #0066D3);
  border-bottom: 4px solid var(--bb-color-8, #0055AF);
}
.lb-btn-primary:active {
  opacity: 0.99;
  background-color: var(--bb-color-8, #0055AF);
  border-bottom: 4px solid var(--bb-color-8, #0055AF);
}

.lb-btn-danger {
  color: var(--bb-color-1, #fff);
  background-color: var(--bb-color-32, rgb(220, 53, 69));
  border-color: var(--bb-color-23, #DC3545);
  border-bottom: 4px solid var(--bb-color-16, #B62C39);
}
.lb-btn-danger:hover {
  opacity: 0.94;
  background-color: var(--bb-color-16, #B62C39);
  border-bottom: 4px solid var(--bb-color-9, #96242F);
}
.lb-btn-danger:active {
  opacity: 0.99;
  background-color: var(--bb-color-9, #96242F);
  border-bottom: 4px solid var(--bb-color-9, #96242F);
}

.lb-btn-success {
  color: var(--bb-color-1, #fff);
  background-color: var(--bb-color-6, #28a745);
  border-color: var(--bb-color-6, #28a745);
  border-bottom: 4px solid var(--bb-color-17, #218A39);
}
.lb-btn-success:hover {
  opacity: 0.94;
  background-color: var(--bb-color-17, #218A39);
  border-bottom: 4px solid var(--bb-color-10, #1B722F);
}
.lb-btn-success:active {
  opacity: 0.99;
  background-color: var(--bb-color-10, #1B722F);
  border-bottom: 4px solid var(--bb-color-10, #1B722F);
}

.lb-w-100 {
  width: 100%;
}

/* ======== Modal Footer ======== */
.lb-modal-footer {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  padding: var(--bb-space-2, 0.75rem);
  border-top: 1px solid var(--bb-color-14, #dee2e6);
  background-color: var(--bb-color-24, #f8f9fa);
  border-radius: 0 0 var(--bb-radius-1, 10px) var(--bb-radius-1, 10px);
}

/* ===== En móviles, deja respirar los elementos con utilidades de ancho ===== */
@media (max-width: 576px) {
  .lb-modal,
  .lb-modal * {
    /* no fuerces min/max al valor de width dentro del modal */
  }
  .lb-modal [class^=lb-width-],
  .lb-modal [class*=" lb-width-"],
  .lb-modal * [class^=lb-width-],
  .lb-modal * [class*=" lb-width-"] {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  /* Ajusta paddings internos del modal para ganar espacio horizontal */
  .lb-modal-content {
    /*padding: var(--bb-space-2, 0.75rem);*/
  }
  .lb-modal-header,
  .lb-modal-footer {
    padding: var(--bb-space-2, 0.75rem) var(--bb-space-3, 1rem);
  }
}
/* ======== Logo ======== */
.lb-img-logo {
  max-width: 28px;
  min-width: 28px;
}

.lb-img-logo-sm {
  max-width: 19px;
  min-width: 19px;
  border-radius: var(--bb-radius-8, 2px);
}

.lb-logo-content {
  justify-content: end;
}

.lb-img-logo-container {
  border: solid 1px var(--bb-color-25, #dbcccc);
  border-radius: var(--bb-radius-3, 5px);
  height: 25px;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
}

.lb-img-logo-container-large {
  height: 25px;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
.lb-img-logo-container-large:hover {
  background-color: var(--bb-color-26, #e3e3e3);
  border-radius: var(--bb-radius-9, 7px);
}
.lb-img-logo-container-large .text-logo {
  font-size: var(--bb-font-size-3, 14px);
  padding-left: var(--bb-space-6, 5px);
}

.lb-hide {
  display: none;
}

.lb-invalid-feedback {
  display: none;
  width: 100%;
  margin-top: var(--bb-space-13, 0.125rem);
  font-size: var(--bb-font-size-6, 0.685rem);
  color: var(--bb-color-4, #dc3545);
  margin-left: var(--bb-space-1, 0.5rem);
}

.lb-p-link {
  cursor: pointer;
}
.lb-p-link:hover {
  text-decoration: underline;
  color: var(--bb-color-7, #007bff);
}

/* ===== Responsive fixes: 3DS challenge layers ===== */
#lb-divChallenge,
#lb-challengeframe {
  width: min(92vw, 500px);
  height: min(80vh, 500px);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* centra en todas las pantallas */
  overflow: hidden;
  z-index: 999990;
  /* conserva tu stacking context */
  /* mantén tus colores/bordes existentes */
}

#lb-divChallenge {
  border-radius: var(--bb-radius-4, 15px);
}

/*
#lb-divChallenge {
    width: 500px;
    height: 500px;
    background: var(--bb-color-1, #fff);
    position: fixed;
    top: 28%;
    left: calc(50% - 250px);
    z-index: 999990;
    overflow: hidden;
}

#lb-challengeframe {
    width: 500px;
    height: 500px;
    background: var(--bb-color-2, #eeeeee);
    position: fixed;
    top: 28%;
    left: calc(50% - 250px);
    z-index: 999999;
    overflow: hidden;
    border-radius: var(--bb-radius-4, 15px);
}


// XX-Large devices (larger desktops, 1400px and up)
@media only screen and (width <=980px) {
    #lb-divChallenge {
        width: 100%;
        height: 500px;
        background: var(--bb-color-1, #fff);
        position: fixed;
        top: 15%;
        left: 0;
        z-index: 999990;
        overflow: hidden;
        border-radius: var(--bb-radius-3, 5px);
    }

    #lb-challengeframe {
        width: 100%;
        height: 500px;
        background: var(--bb-color-2, #eeeeee);
        position: fixed;
        top: 15%;
        z-index: 999999;
        overflow: hidden;
        border-radius: var(--bb-radius-1, 10px);
        border: none;
        padding: var(--bb-space-7, 2px);
    }
}
    */
@keyframes bounceModal {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.03);
  }
  50% {
    transform: scale(0.97);
  }
  75% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}
.modal-bounce {
  animation: bounceModal 0.4s ease;
}

.lb-plans-content {
  min-height: 400px;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
.lb-plans-content table {
  border: solid 1px var(--bb-color-18, rgba(0, 123, 255, 0.3137254902));
  border-radius: var(--bb-radius-10, 8px);
  border-spacing: 0px;
}
.lb-plans-content table tr {
  height: 45px;
}
.lb-plans-content table td {
  border: solid 1px var(--bb-color-18, rgba(0, 123, 255, 0.3137254902));
  text-align: center;
  padding-left: var(--bb-space-15, 3px);
}
.lb-plans-content table td.lb-plan-description {
  text-align: start;
}

.lb-payment-iframe-pay {
  width: 100%;
  height: 100%;
  background: var(--bb-color-1, #fff);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  overflow: hidden;
}

.lb-payment-iframe-authenticate {
  width: 100%;
  height: 100%;
  background: var(--bb-color-1, #fff);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  overflow: hidden;
}

@media (max-width: 576px) {
  .lb-modal {
    inset: 0;
    height: var(--bb-vh, 100svh);
  }
  .lb-modal-dialog {
    width: 100vw;
    max-width: none;
    height: var(--bb-modal-max-h, 100svh);
    margin: 0;
    border-radius: 0;
    display: flex;
  }
  .lb-modal-content {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    min-height: 0;
  }
  .lb-modal-header {
    position: sticky;
    top: 0;
    z-index: 1;
  }
  .lb-modal-footer {
    position: sticky;
    bottom: 0;
    z-index: 1;
  }
  .lb-modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .lb-cp-width {
    width: 50% !important;
  }
}
@media screen and (max-height: 620px) {
  .lb-modal-body {
    height: 425px;
  }
}