/* =========================================================
   COMPONENT: Lead Capture (modal)
   Scope: .cvxScope [data-cvx-root="lead-capture"]
========================================================= */

.cvxScope [data-cvx-root="lead-capture"]{
  /* PARAMETERS (per-instance) */
  --cvx-lc-z: 800;
  --cvx-lc-dim: .55;
  --cvx-lc-panel-max: 760px;

  /* Spacing (base) */
  --cvx-lc-panel-pad: calc(18px * var(--cvxS));
  --cvx-lc-gap: calc(12px * var(--cvxS));
  --cvx-lc-q-stack-gap: calc(14px * var(--cvxS));   /* gap entre preguntas (Step 3) */
  --cvx-lc-field-gap: calc(6px * var(--cvxS));
  --cvx-lc-actions-gap: calc(10px * var(--cvxS));
  --cvx-lc-actions-mt: calc(12px * var(--cvxS));

  /* Control paddings */
  --cvx-lc-control-py: calc(10px * var(--cvxS));
  --cvx-lc-control-px: calc(12px * var(--cvxS));

  /* Button paddings */
  --cvx-lc-btn-py: calc(10px * var(--cvxS));
  --cvx-lc-btn-px: calc(14px * var(--cvxS));

  /* Tags */
  --cvx-lc-tags-gap: calc(8px * var(--cvxS));
  --cvx-lc-tag-py: calc(6px * var(--cvxS));
  --cvx-lc-tag-px: calc(9px * var(--cvxS));

  /* Mobile overrides (ajustables) */
  --cvx-lc-panel-pad-m: calc(16px * var(--cvxS));
  --cvx-lc-gap-m: calc(14px * var(--cvxS));
  --cvx-lc-q-stack-gap-m: calc(16px * var(--cvxS));
  --cvx-lc-field-gap-m: calc(8px * var(--cvxS));
  --cvx-lc-actions-gap-m: calc(12px * var(--cvxS));
  --cvx-lc-actions-mt-m: calc(14px * var(--cvxS));
  --cvx-lc-control-py-m: calc(11px * var(--cvxS));
  --cvx-lc-control-px-m: calc(12px * var(--cvxS));
  --cvx-lc-btn-py-m: calc(11px * var(--cvxS));
  --cvx-lc-btn-px-m: calc(14px * var(--cvxS));
  --cvx-lc-tags-gap-m: calc(10px * var(--cvxS));
  --cvx-lc-tag-py-m: calc(7px * var(--cvxS));
  --cvx-lc-tag-px-m: calc(10px * var(--cvxS));

  --cvx-lc-motion-ms: 200ms;

  /* TRIGGERS (read by JS; numbers only) */
  --cvx-lc-scroll: .35;
  --cvx-lc-time-ms: 45000;
  --cvx-lc-inactive-ms: 60000;
  --cvx-lc-cooldown-days: 7;
  --cvx-lc-max-shows: 1;
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC{
  position: relative;
}

/* Overlay */
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__overlay{
  position: fixed;
  inset: 0;
  z-index: var(--cvx-lc-z);
  display: none;
  align-items: center;
  justify-content: center;
  padding: calc(18px * var(--cvxS));
  background: rgba(0,0,0,var(--cvx-lc-dim));
}
.cvxScope [data-cvx-root="lead-capture"] .cvxLC[data-state="open"]{
  z-index: var(--cvx-lc-z);
}
.cvxScope [data-cvx-root="lead-capture"] .cvxLC[data-state="open"] .cvxLC__overlay{
  display:flex;
}

/* Panel */
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__panel{
  width: min(var(--cvx-lc-panel-max), 100%);
  position: relative;
  padding: var(--cvx-lc-panel-pad);
  max-height: calc(100svh - calc(36px * var(--cvxS)));
overflow: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}

/* Close */
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__close{
  position:absolute;
  top: calc(10px * var(--cvxS));
  right: calc(10px * var(--cvxS));
  width: calc(34px * var(--cvxS));
  height: calc(34px * var(--cvxS));
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.28);
  color: rgba(255,255,255,.86);
  font-size: calc(22px * var(--cvxS));
  line-height: 1;
  cursor:pointer;
  display:flex;
align-items:center;
justify-content:center;
padding:0;
}
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__close .x{
  display:block;
  transform: translateY(-1px);
}
/* Head */
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__head{
  display:grid;
  gap: calc(6px * var(--cvxS));
  padding-right: calc(44px * var(--cvxS));
}
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__title{ margin: 0; }
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__subtitle{ margin: 0; }

/* Tabs */
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__tabs{ margin-top: var(--cvx-lc-gap); }

/* Form */
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__form{
  margin-top: var(--cvx-lc-gap);
  display:grid;
  gap: var(--cvx-lc-gap);
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__branch{
  display: grid;
  gap: var(--cvx-lc-q-stack-gap);
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__hp{
  position:absolute;
  left:-9999px;
  width:1px;height:1px;
  opacity:0;
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--cvx-lc-gap);
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__field{ display:grid; gap: var(--cvx-lc-field-gap); }
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__field--full{ grid-column: 1 / -1; }

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__lbl{
  font-size: calc(11px * var(--cvxS));
  font-weight: var(--cvxWHeavy);
  color: rgba(255,255,255,.78);
  letter-spacing:.25px;
}

.cvxScope [data-cvx-root="lead-capture"] input,
.cvxScope [data-cvx-root="lead-capture"] select{
  width: 100%;
  border-radius: calc(12px * var(--cvxS));
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.90);
  padding: var(--cvx-lc-control-py) var(--cvx-lc-control-px);
  outline: none;
}
.cvxScope [data-cvx-root="lead-capture"] input:focus,
.cvxScope [data-cvx-root="lead-capture"] select:focus{
  border-color: color-mix(in srgb, var(--cvxAccent) 36%, rgba(255,255,255,.12));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--cvxAccent) 18%, transparent);
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__actions{
  display:flex;
  justify-content:flex-end;
  flex-wrap: wrap;
  gap: var(--cvx-lc-actions-gap);
  margin-top: var(--cvx-lc-actions-mt);
  padding-top: calc(6px * var(--cvxS));
}
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__fineprint--step2{
  margin-top: calc(6px * var(--cvxS));
}
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__btn{
  cursor:pointer;
  border-radius: calc(12px * var(--cvxS));
  border: 1px solid color-mix(in srgb, var(--cvxAccent) 28%, rgba(255,255,255,.14));
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--cvxAccent) 16%, rgba(0,0,0,.10)),
    rgba(0,0,0,.12));
  color: rgba(255,255,255,.92);
  padding: var(--cvx-lc-btn-py) var(--cvx-lc-btn-px);
  font-weight: var(--cvxWHeavy);
}

/* Submit state: diferenciar visualmente cuando ya está habilitado */
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__btn[data-cvx-lc-submit]{
  transition: box-shadow 180ms ease-out, border-color 180ms ease-out, filter 180ms ease-out, opacity 180ms ease-out;
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__btn[data-cvx-lc-submit].isReady:not(:disabled){
  border-color: color-mix(in srgb, var(--cvxAccent) 52%, rgba(255,255,255,.14));
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--cvxAccent) 18%, transparent),
    0 14px 34px rgba(0,0,0,.42);
  filter: saturate(1.05);
  opacity: 1;
}

@media (hover:hover){
  .cvxScope [data-cvx-root="lead-capture"] .cvxLC__btn:hover:not(:disabled){
    border-color: color-mix(in srgb, var(--cvxAccent) 38%, rgba(255,255,255,.14));
    box-shadow: 0 12px 30px rgba(0,0,0,.38);
    filter: saturate(1.06);
  }
  .cvxScope [data-cvx-root="lead-capture"] .cvxLC__btn--ghost:hover:not(:disabled){
    border-color: rgba(255,255,255,.22);
    filter: saturate(1.04);
  }
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__btn[data-cvx-lc-submit]{
  transition: box-shadow 180ms ease-out, border-color 180ms ease-out, filter 180ms ease-out, opacity 180ms ease-out;
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__btn[data-cvx-lc-submit].isReady:not(:disabled){
  border-color: color-mix(in srgb, var(--cvxAccent) 46%, rgba(255,255,255,.14));
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--cvxAccent) 18%, transparent),
    0 14px 34px rgba(0,0,0,.42);
  filter: saturate(1.05);
  opacity: 1;
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__btn--ghost{
  border-color: rgba(255,255,255,.14);
  background: rgba(0,0,0,.18);
  color: rgba(255,255,255,.84);
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__btn:disabled{
  opacity: .45;
  cursor: not-allowed;
  filter: saturate(.6);
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__fineprint{
  margin-top: calc(10px * var(--cvxS)); /* antes estaba pegado a los botones */
  font-size: calc(11px * var(--cvxS));
  color: rgba(255,255,255,.66);
  line-height: 1.25;
}

/* Step 2 */
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__hint{
  font-size: calc(11px * var(--cvxS));
  color: rgba(255,255,255,.70);
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__q{ display:grid; gap: calc(8px * var(--cvxS)); }
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__qtitle{
  font-size: calc(12px * var(--cvxS));
  font-weight: var(--cvxWHeavy);
  color: rgba(255,255,255,.86);
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__chips{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(8px * var(--cvxS));
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__inline{ margin-top: calc(8px * var(--cvxS)); }

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__radios{
  display:grid;
  gap: calc(8px * var(--cvxS));
}
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__radios label{
  display:flex;
  gap: calc(10px * var(--cvxS));
  align-items:center;
  padding: calc(10px * var(--cvxS)) calc(12px * var(--cvxS));
  border-radius: calc(12px * var(--cvxS));
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  color: rgba(255,255,255,.84);
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__toggle{
  display:flex;
  gap: calc(10px * var(--cvxS));
  align-items:center;
  color: rgba(255,255,255,.80);
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__callLink{
  display:inline-flex;
  margin-top: calc(10px * var(--cvxS));
  padding: calc(10px * var(--cvxS)) calc(12px * var(--cvxS));
  border-radius: calc(12px * var(--cvxS));
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.18);
  color: rgba(255,255,255,.90);
  text-decoration:none;
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__status{
  font-size: calc(12px * var(--cvxS));
  color: rgba(255,255,255,.78);
}

@media (max-width: 767px){
  .cvxScope [data-cvx-root="lead-capture"] .cvxLC__grid{ grid-template-columns: 1fr; }
  .cvxScope [data-cvx-root="lead-capture"] .cvxLC__chips{ grid-template-columns: 1fr; }
}

/* Combo + Tags (Step 2) */
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__combo{
  position: relative;
  display: grid;
  gap: calc(8px * var(--cvxS));
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__comboBtn{
  width: 100%;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: calc(10px * var(--cvxS));
  border-radius: calc(12px * var(--cvxS));
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.90);
  padding: calc(10px * var(--cvxS)) calc(12px * var(--cvxS));
  cursor: pointer;
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__comboBtn{
  width: 100%;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: calc(8px * var(--cvxS));
  border-radius: calc(12px * var(--cvxS));
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.90);
  padding: calc(8px * var(--cvxS)) calc(10px * var(--cvxS));
  cursor: pointer;
  font-size: calc(12px * var(--cvxS));
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__tags{
  display:flex;
  flex-wrap: wrap;
  gap: var(--cvx-lc-tags-gap);
    
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__tag{
  display:inline-flex;
  align-items:center;
  gap: calc(6px * var(--cvxS));
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.18);
  color: rgba(255,255,255,.88);
  padding: var(--cvx-lc-tag-py) var(--cvx-lc-tag-px);
  cursor:pointer;
  font-size: calc(11px * var(--cvxS));
}
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__tag .x{
  opacity:.75;
  font-weight: var(--cvxWHeavy);
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__menu{
  position: absolute;
  left: 0;
  right: auto;

  /* arriba del field */
  top: auto;
  bottom: calc(100% + calc(8px * var(--cvxS)));

  z-index: 30;
  border-radius: calc(14px * var(--cvxS));
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(10, 12, 16, .92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  padding: calc(8px * var(--cvxS));
  box-shadow: 0 12px 34px rgba(0,0,0,.35);

  /* ancho menos invasivo */
  width: max-content;
  min-width: 240px;
  max-width: min(520px, calc(100vw - 36px));
}
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__combo.cvxLC__combo--down .cvxLC__menu{
  top: calc(100% + calc(8px * var(--cvxS)));
  bottom: auto;
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__opts{
  display:grid;
  gap: calc(6px * var(--cvxS));
  max-height: min(220px, 34svh);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__opt{
  width: 100%;
  text-align: left;
  border-radius: calc(12px * var(--cvxS));
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  color: rgba(255,255,255,.86);
  padding: calc(8px * var(--cvxS)) calc(10px * var(--cvxS));
  cursor: pointer;
  font-size: calc(12px * var(--cvxS));
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__opt.on{
  border-color: color-mix(in srgb, var(--cvxAccent) 34%, rgba(255,255,255,.12));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--cvxAccent) 14%, transparent);
}

/* Call row alignment */
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__callRow{
  display:grid;
  grid-template-columns: 1fr auto;
  gap: calc(12px * var(--cvxS));
  align-items:center;
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__callLeft{
  display:grid;
  gap: calc(8px * var(--cvxS));
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__callRight{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

/* Switch (mobile Wi-Fi style) */
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__switch{
  display:flex;
  align-items:center;
  gap: calc(10px * var(--cvxS));
  color: rgba(255,255,255,.82);
  user-select:none;
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__switch input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__switch .track{
  width: calc(46px * var(--cvxS));
  height: calc(26px * var(--cvxS));
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
  position: relative;
  flex: 0 0 auto;
  transition: background 180ms ease-out, border-color 180ms ease-out;
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__switch .thumb{
  width: calc(20px * var(--cvxS));
  height: calc(20px * var(--cvxS));
  border-radius: 999px;
  background: rgba(255,255,255,.90);
  position:absolute;
  top: 50%;
  left: calc(3px * var(--cvxS));
  transform: translateY(-50%);
  transition: transform 180ms ease-out;
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__switch input:checked + .track{
  background: color-mix(in srgb, var(--cvxAccent) 24%, rgba(255,255,255,.06));
  border-color: color-mix(in srgb, var(--cvxAccent) 38%, rgba(255,255,255,.18));
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__switch input:checked + .track .thumb{
  transform: translateY(-50%) translateX(calc(20px * var(--cvxS)));
}

/* Make callLink look like button (compact) */
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__callLink{
  padding: calc(8px * var(--cvxS)) calc(12px * var(--cvxS));
  border-radius: calc(12px * var(--cvxS));
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.18);
  color: rgba(255,255,255,.90);
  text-decoration:none;
  white-space:nowrap;
}

@media (min-width: 980px){
  .cvxScope [data-cvx-root="lead-capture"] .cvxLC__branch{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(14px * var(--cvxS));
    align-items:start;
  }
  .cvxScope [data-cvx-root="lead-capture"] .cvxLC__branch > .cvxLC__q{
    min-width: 0;
  }
}

/* Evitar overflow horizontal en panel */
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__panel{
  overflow-x: hidden;
}

/* Call row: en mobile apilar para evitar scroll-x */
@media (max-width: 767px){
  .cvxScope [data-cvx-root="lead-capture"] .cvxLC__callRow{
    grid-template-columns: 1fr;
  }
  .cvxScope [data-cvx-root="lead-capture"] .cvxLC__callRight{
    justify-content: flex-start;
  }
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}

@media (max-width: 767px){
  .cvxScope [data-cvx-root="lead-capture"]{
    --cvx-lc-panel-pad: var(--cvx-lc-panel-pad-m);
    --cvx-lc-gap: var(--cvx-lc-gap-m);
    --cvx-lc-q-stack-gap: var(--cvx-lc-q-stack-gap-m);
    --cvx-lc-field-gap: var(--cvx-lc-field-gap-m);
    --cvx-lc-actions-gap: var(--cvx-lc-actions-gap-m);
    --cvx-lc-actions-mt: var(--cvx-lc-actions-mt-m);
    --cvx-lc-control-py: var(--cvx-lc-control-py-m);
    --cvx-lc-control-px: var(--cvx-lc-control-px-m);
    --cvx-lc-btn-py: var(--cvx-lc-btn-py-m);
    --cvx-lc-btn-px: var(--cvx-lc-btn-px-m);
    --cvx-lc-tags-gap: var(--cvx-lc-tags-gap-m);
    --cvx-lc-tag-py: var(--cvx-lc-tag-py-m);
    --cvx-lc-tag-px: var(--cvx-lc-tag-px-m);
  }

/* Step 3: mantener los 3 botones en una sola fila en mobile */
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__step[data-step="3"] .cvxLC__actions{
  flex-wrap: nowrap;
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__step[data-step="3"] .cvxLC__btn{
  flex: 1 1 0;
  min-width: 0;
  padding: calc(10px * var(--cvxS)) calc(10px * var(--cvxS));
  font-size: calc(13px * var(--cvxS));
}

  .cvxScope [data-cvx-root="lead-capture"] .cvxLC__head{
    gap: calc(8px * var(--cvxS));
    padding-right: calc(52px * var(--cvxS)); /* aire para la X */
  }

  .cvxScope [data-cvx-root="lead-capture"] .cvxLC__title{ line-height: 1.12; }
  .cvxScope [data-cvx-root="lead-capture"] .cvxLC__subtitle{ line-height: 1.25; }

  /* CTA: que “Participar” se lea como principal */
  .cvxScope [data-cvx-root="lead-capture"] .cvxLC__actions [data-cvx-lc-submit]{
    flex: 1 1 100%;
  }
}
/* =========================================================
   Scrollbars: mantener scroll, ocultar rails
   - Panel (modal)
   - Lista de opciones del combo
========================================================= */
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__panel,
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__opts{
  scrollbar-width: none;      /* Firefox */
  -ms-overflow-style: none;   /* legacy */
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__panel::-webkit-scrollbar,
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__opts::-webkit-scrollbar{
  width: 0;
  height: 0;
}

/* =========================================================
   Combo menu portal (escape panel overflow clipping)
========================================================= */
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__menu.cvxLC__menu--portal{
  position: fixed;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
  z-index: calc(var(--cvx-lc-z) + 12);
}

/* Scrollbars invisibles (mantener scroll funcional) */
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__panel,
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__opts{
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__panel::-webkit-scrollbar,
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__opts::-webkit-scrollbar{
  width: 0;
  height: 0;
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__ticket{
  margin-top: calc(12px * var(--cvxS));
  display: inline-flex;
  align-items: center;
  gap: calc(10px * var(--cvxS));
  padding: calc(8px * var(--cvxS)) calc(12px * var(--cvxS));
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.18);
  color: rgba(255,255,255,.92);
}
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__ticket .k{ opacity: .70; font-weight: var(--cvxWMed); }
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__ticket .v{ font-weight: var(--cvxWHeavy); letter-spacing: .6px; }

.cvxScope [data-cvx-root="lead-capture"] .cvxLC[data-done="1"] .cvxLC__tabs{
  pointer-events: none;
  opacity: .55;
  filter: saturate(.85);
}

.cvxScope [data-cvx-root="lead-capture"] .cvxLC__done{
  display: grid;
  gap: calc(10px * var(--cvxS));
}

/* Si el ticket está dentro del “done”, el gap ya maneja el espaciado */
.cvxScope [data-cvx-root="lead-capture"] .cvxLC__done > .cvxLC__ticket{
  margin-top: 0;
}