/* NUBO_SETTINGS_EXPERIENCE_V2_START */

.nubo-settings-experience-v2 {
  --settings-v2-card: #ffffff;
  --settings-v2-text: #17233b;
  --settings-v2-muted: #6c788c;
  --settings-v2-line: #e2e8ee;
  --settings-v2-soft: #f7f9fb;
  --settings-v2-green: #35b75e;
  --settings-v2-green-dark: #087333;
  --settings-v2-green-soft: #effbf3;
  --settings-v2-green-line: #abeabe;
}

.nubo-settings-experience-v2
.nubo-settings-layout {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(285px, 330px) !important;

  align-items: start !important;
  gap: 20px !important;
}

.nubo-settings-experience-v2
.nubo-settings-main {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  min-width: 0;
}

.nubo-settings-experience-v2
.nubo-settings-main > * {
  grid-area: auto !important;
  width: 100%;
}

.nubo-settings-experience-v2
.nubo-settings-side {
  position: sticky;
  top: 96px;
}


/* Guardado de perfil integrado */

.nubo-settings-experience-v2
.nubo-settings-save--profile {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;

  width: 100% !important;
  min-height: 0 !important;

  margin: 18px 0 0 !important;
  padding: 16px 0 0 !important;

  border: 0 !important;
  border-top: 1px solid var(--settings-v2-line) !important;
  border-radius: 0 !important;

  background: transparent !important;
  box-shadow: none !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  transform: none !important;
}

.nubo-settings-experience-v2
.nubo-settings-save--profile.is-dirty {
  border-top-color: #a7d8bd !important;
  background: transparent !important;
}


/* Nuevas tarjetas */

.nubo-settings-feature-card {
  position: relative;
  overflow: hidden;

  min-width: 0;
  padding: 24px;

  border: 1px solid var(--settings-v2-line);
  border-radius: 24px;

  color: var(--settings-v2-text);
  background: var(--settings-v2-card);

  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.035),
    0 11px 28px rgba(15, 23, 42, 0.045);

  animation:
    nubo-settings-feature-card-in
    340ms ease-out both;
}

.nubo-settings-feature-card:nth-of-type(3) {
  animation-delay: 35ms;
}

.nubo-settings-feature-card:nth-of-type(4) {
  animation-delay: 70ms;
}

.nubo-settings-feature-card:nth-of-type(5) {
  animation-delay: 105ms;
}

.nubo-settings-feature-card:nth-of-type(6) {
  animation-delay: 140ms;
}


/* Encabezados */

.nubo-settings-feature-head {
  display: flex;
  align-items: flex-start;
  gap: 15px;

  margin: 0 0 20px;
}

.nubo-settings-feature-head__icon {
  display: grid;
  place-items: center;
  flex: 0 0 43px;

  width: 43px;
  height: 43px;

  border-radius: 15px;

  color: #14a657;
  background: #eafaf0;
}

.nubo-settings-feature-icon {
  display: block;
  width: 20px;
  height: 20px;
  pointer-events: none;
}

.nubo-settings-feature-head h2,
.nubo-settings-feature-head p {
  margin: 0;
}

.nubo-settings-feature-head h2 {
  color: var(--settings-v2-text);
  font-size: 16px;
  font-weight: 790;
  line-height: 1.3;
}

.nubo-settings-feature-head p {
  margin-top: 4px;
  color: var(--settings-v2-muted);
  font-size: 12.5px;
  line-height: 1.5;
}


/* Registro */

.nubo-settings-choice-list {
  display: grid;
  gap: 10px;
}

.nubo-settings-choice {
  display: grid;

  grid-template-columns:
    42px
    minmax(0, 1fr)
    auto;

  align-items: center;
  gap: 14px;

  min-height: 72px;
  padding: 14px 16px;

  border: 1px solid var(--settings-v2-line);
  border-radius: 18px;

  background: #ffffff;
}

.nubo-settings-choice__icon {
  display: grid;
  place-items: center;

  width: 42px;
  height: 42px;

  border-radius: 50%;

  color: #8995a7;
  background: #f1f4f7;
}

.nubo-settings-choice strong,
.nubo-settings-choice p {
  margin: 0;
}

.nubo-settings-choice strong {
  display: block;
  color: var(--settings-v2-text);
  font-size: 13.5px;
  font-weight: 770;
  line-height: 1.3;
}

.nubo-settings-choice p {
  margin-top: 3px;
  color: var(--settings-v2-muted);
  font-size: 11.8px;
  line-height: 1.45;
}

.nubo-settings-choice.is-coming {
  background: #fbfcfd;
}

.nubo-settings-choice.is-coming strong {
  color: #536075;
}

.nubo-settings-choice__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 27px;
  padding: 0 10px;

  border: 1px solid #e0e5eb;
  border-radius: 999px;

  color: #758194;
  background: #ffffff;

  font-size: 9.5px;
  font-weight: 770;
  white-space: nowrap;
}

.nubo-settings-choice.is-selected {
  border-color: var(--settings-v2-green-line);
  background: var(--settings-v2-green-soft);
}

.nubo-settings-choice.is-selected
.nubo-settings-choice__icon {
  color: #119c50;
  background: #d9f8e4;
}

.nubo-settings-choice__check {
  display: grid;
  place-items: center;

  width: 23px;
  height: 23px;

  border-radius: 50%;

  color: #ffffff;
  background: var(--settings-v2-green);
}

.nubo-settings-choice__check
.nubo-settings-feature-icon {
  width: 14px;
  height: 14px;
  stroke-width: 2.8;
}


/* Botones próximos */

.nubo-settings-wide-action {
  display: grid;

  grid-template-columns:
    auto
    minmax(0, auto)
    auto;

  align-items: center;
  justify-content: center;
  gap: 10px;

  width: 100%;
  min-height: 49px;
  padding: 10px 16px;

  border: 0;
  border-radius: 16px;

  color: #ffffff;
  background: var(--settings-v2-green-dark);

  font: inherit;
  font-size: 12.5px;
  font-weight: 760;

  cursor: default;
}

.nubo-settings-wide-action:disabled {
  opacity: 1;
}

.nubo-settings-wide-action b {
  margin-left: 6px;
  padding: 4px 8px;

  border-radius: 999px;

  color: #e1faea;
  background: rgba(255, 255, 255, 0.16);

  font-size: 9px;
  font-weight: 780;
  white-space: nowrap;
}

.nubo-settings-wide-action.is-biometric-action,
.nubo-settings-wide-action.is-plan {
  background: #35b45d;
}

.nubo-settings-plus {
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
}


/* Biometría */

.nubo-settings-biometric-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;

  min-height: 108px;
  margin-bottom: 14px;
  padding: 20px;

  border: 1px dashed #d9e1e8;
  border-radius: 18px;

  color: var(--settings-v2-muted);
  text-align: center;
}

.nubo-settings-biometric-empty > span {
  display: grid;
  place-items: center;

  width: 39px;
  height: 39px;

  border-radius: 50%;

  color: #75ce94;
  background: #effbf3;
}

.nubo-settings-biometric-empty p {
  max-width: 620px;
  margin: 0;

  font-size: 12px;
  line-height: 1.5;
}


/* Plan beta */

.nubo-settings-plan-card {
  padding: 26px;
}

.nubo-settings-plan-card__hero {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    116px;

  align-items: center;
  gap: 22px;

  margin-bottom: 22px;
}

.nubo-settings-plan-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  color: #17233b;

  font-size: 12px;
  font-weight: 770;
}

.nubo-settings-plan-eyebrow
.nubo-settings-feature-icon {
  width: 18px;
  height: 18px;
  color: #14a657;
}

.nubo-settings-plan-card h2 {
  max-width: 670px;

  margin: 14px 0 8px;

  color: #101a2d;

  font-size: clamp(21px, 2vw, 28px);
  font-weight: 850;
  line-height: 1.15;
}

.nubo-settings-plan-card h2 mark {
  padding: 0;
  color: #32b45b;
  background: transparent;
}

.nubo-settings-plan-card__hero p {
  max-width: 630px;
  margin: 0;

  color: var(--settings-v2-muted);

  font-size: 12.5px;
  line-height: 1.55;
}

.nubo-settings-plan-mascot {
  display: grid;
  place-items: center;

  width: 108px;
  height: 108px;

  overflow: hidden;

  border: 8px solid #dff8e7;
  border-radius: 50%;

  color: #ffffff;
  background: #35b760;
}

.nubo-settings-plan-mascot svg,
.nubo-settings-plan-mascot img {
  display: block;
  width: 70%;
  height: 70%;
  object-fit: contain;
}

.nubo-settings-beta-status {
  display: grid;

  grid-template-columns:
    42px
    minmax(0, 1fr)
    auto;

  align-items: center;
  gap: 13px;

  margin-bottom: 16px;
  padding: 14px 16px;

  border: 1px solid #c6efd3;
  border-radius: 18px;

  background: #f1fcf5;
}

.nubo-settings-beta-status > span {
  display: grid;
  place-items: center;

  width: 42px;
  height: 42px;

  border-radius: 50%;

  color: #14a451;
  background: #dcf8e5;
}

.nubo-settings-beta-status strong,
.nubo-settings-beta-status p {
  margin: 0;
}

.nubo-settings-beta-status strong {
  color: #173224;
  font-size: 13px;
  font-weight: 780;
}

.nubo-settings-beta-status p {
  margin-top: 3px;

  color: #607265;

  font-size: 11.5px;
  line-height: 1.45;
}

.nubo-settings-beta-status > b {
  padding: 5px 10px;

  border-radius: 999px;

  color: #168d48;
  background: #dff8e7;

  font-size: 9.5px;
  font-weight: 780;
}


/* Modo oscuro */

html[data-theme="dark"]
.nubo-settings-experience-v2 {
  --settings-v2-card: #171e28;
  --settings-v2-text: #edf3fa;
  --settings-v2-muted: #a6b1c1;
  --settings-v2-line: #2c3745;
  --settings-v2-soft: #1c2530;
  --settings-v2-green-soft: #162b22;
  --settings-v2-green-line: #2b6243;
}

html[data-theme="dark"]
.nubo-settings-feature-card,
html[data-theme="dark"]
.nubo-settings-choice {
  background: var(--settings-v2-card);
}

html[data-theme="dark"]
.nubo-settings-choice.is-coming {
  background: #1b232e;
}

html[data-theme="dark"]
.nubo-settings-choice.is-coming strong {
  color: #c0cad7;
}

html[data-theme="dark"]
.nubo-settings-choice__badge {
  border-color: #394555;
  color: #b1bdcb;
  background: #222c38;
}

html[data-theme="dark"]
.nubo-settings-biometric-empty {
  border-color: #374453;
}

html[data-theme="dark"]
.nubo-settings-plan-eyebrow,
html[data-theme="dark"]
.nubo-settings-plan-card h2 {
  color: #f4f7fb;
}

html[data-theme="dark"]
.nubo-settings-beta-status {
  border-color: #2b6041;
  background: #162a21;
}

html[data-theme="dark"]
.nubo-settings-beta-status strong {
  color: #ddf8e7;
}

html[data-theme="dark"]
.nubo-settings-beta-status p {
  color: #abc2b3;
}


/* Tablet */

@media (max-width: 1080px) {
  .nubo-settings-experience-v2
  .nubo-settings-layout {
    grid-template-columns: 1fr !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-side {
    position: static;

    display: grid !important;

    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 16px !important;
  }

  .nubo-settings-experience-v2
  .nubo-reset-card {
    grid-column: 1 / -1;
  }
}


/* Móvil */

@media (max-width: 700px) {
  .nubo-settings-feature-card {
    padding: 19px;
    border-radius: 21px;
  }

  .nubo-settings-feature-head {
    gap: 12px;
  }

  .nubo-settings-choice {
    grid-template-columns:
      38px
      minmax(0, 1fr)
      auto;

    gap: 11px;
    padding: 13px;
  }

  .nubo-settings-choice__icon {
    width: 38px;
    height: 38px;
  }

  .nubo-settings-choice__badge {
    max-width: 92px;
    padding: 0 7px;
    font-size: 8.5px;
  }

  .nubo-settings-plan-card__hero {
    grid-template-columns:
      minmax(0, 1fr)
      78px;

    gap: 12px;
  }

  .nubo-settings-plan-mascot {
    width: 76px;
    height: 76px;
    border-width: 6px;
  }

  .nubo-settings-beta-status {
    grid-template-columns:
      38px
      minmax(0, 1fr);

    padding: 13px;
  }

  .nubo-settings-beta-status > b {
    grid-column: 2;
    justify-self: start;
  }

  .nubo-settings-wide-action {
    grid-template-columns:
      auto
      minmax(0, 1fr);

    justify-content: stretch;
    text-align: left;
  }

  .nubo-settings-wide-action b {
    grid-column: 2;
    justify-self: start;
    margin-left: 0;
  }

  .nubo-settings-experience-v2
  .nubo-settings-side {
    grid-template-columns: 1fr;
  }

  .nubo-settings-experience-v2
  .nubo-reset-card {
    grid-column: auto;
  }
}


/* Teléfonos pequeños */

@media (max-width: 480px) {
  .nubo-settings-choice {
    grid-template-columns:
      38px
      minmax(0, 1fr);
  }

  .nubo-settings-choice__badge,
  .nubo-settings-choice__check {
    grid-column: 2;
    justify-self: start;
  }

  .nubo-settings-plan-card {
    position: relative;
  }

  .nubo-settings-plan-card__hero {
    grid-template-columns: 1fr;
  }

  .nubo-settings-plan-card__hero > div {
    padding-right: 48px;
  }

  .nubo-settings-plan-mascot {
    position: absolute;
    top: 20px;
    right: 18px;

    width: 62px;
    height: 62px;

    opacity: 0.95;
  }

  .nubo-settings-experience-v2
  .nubo-settings-save--profile {
    align-items: stretch !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-save--profile .btn {
    width: 100%;
  }
}


@media (prefers-reduced-motion: reduce) {
  .nubo-settings-feature-card {
    animation: none !important;
  }
}


@keyframes nubo-settings-feature-card-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* NUBO_SETTINGS_EXPERIENCE_V2_END */


/* ==========================================================
   NUBO_SETTINGS_LAYOUT_ORDER_FIX_V1_START
   Corrige interferencias del layout anterior de Ajustes.
   ========================================================== */

/*
 * Estructura principal.
 */

.nubo-settings-experience-v2
.nubo-settings-layout {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(285px, 320px) !important;

  grid-template-areas:
    "settings-main settings-side" !important;

  align-items: start !important;
  align-content: start !important;

  gap: 20px !important;

  min-height: 0 !important;
  height: auto !important;
}


/*
 * Columna principal.
 */

.nubo-settings-experience-v2
.nubo-settings-main {
  grid-area: settings-main !important;

  display: flex !important;
  flex-direction: column !important;

  align-items: stretch !important;
  align-content: initial !important;
  justify-content: flex-start !important;

  gap: 18px !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;
}


/*
 * Neutralizar posiciones y áreas antiguas.
 */

.nubo-settings-experience-v2
.nubo-settings-main > * {
  position: relative !important;

  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  grid-area: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;

  align-self: stretch !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;

  transform: none !important;
}


/*
 * Orden explícito de la columna principal.
 */

.nubo-settings-experience-v2
.nubo-settings-main
> .is-profile {
  order: 1 !important;
}

.nubo-settings-experience-v2
.nubo-settings-main
> .is-registration {
  order: 2 !important;
}

.nubo-settings-experience-v2
.nubo-settings-main
> .is-import {
  order: 3 !important;
}

.nubo-settings-experience-v2
.nubo-settings-main
> .is-biometric {
  order: 4 !important;
}

.nubo-settings-experience-v2
.nubo-settings-main
> .nubo-settings-plan-card {
  order: 5 !important;
}

.nubo-settings-experience-v2
.nubo-settings-main
> .is-integrations {
  order: 6 !important;
}


/*
 * Columna lateral.
 *
 * El CSS anterior repartía sus tarjetas a lo largo
 * de toda la altura de la página. Ahora se agrupan
 * naturalmente desde arriba.
 */

.nubo-settings-experience-v2
.nubo-settings-side {
  grid-area: settings-side !important;

  position: static !important;

  display: flex !important;
  flex-direction: column !important;

  align-items: stretch !important;
  align-content: initial !important;
  justify-content: flex-start !important;

  gap: 18px !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  grid-template-columns: none !important;
  grid-template-rows: none !important;
  grid-auto-flow: initial !important;

  overflow: visible !important;
}


/*
 * Ninguna tarjeta lateral debe quedarse flotando,
 * pegada abajo ni separada mediante margin automático.
 */

.nubo-settings-experience-v2
.nubo-settings-side > * {
  position: static !important;

  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  grid-area: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;

  align-self: stretch !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;

  transform: none !important;
}


/*
 * Orden lateral.
 */

.nubo-settings-experience-v2
.nubo-settings-side
> .nubo-ai-settings-card {
  order: 1 !important;
}

.nubo-settings-experience-v2
.nubo-settings-side
> .nubo-session-card {
  order: 2 !important;
}

.nubo-settings-experience-v2
.nubo-settings-side
> .nubo-reset-card {
  order: 3 !important;
}


/*
 * Evitar alturas artificiales heredadas.
 */

.nubo-settings-experience-v2
.nubo-ai-settings-card,
.nubo-settings-experience-v2
.nubo-session-card,
.nubo-settings-experience-v2
.nubo-reset-card {
  flex: 0 0 auto !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
}


/*
 * Perfil y barra de guardado.
 */

.nubo-settings-experience-v2
.nubo-settings-card.is-profile {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
}

.nubo-settings-experience-v2
.nubo-settings-save--profile {
  position: static !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  gap: 16px !important;

  width: 100% !important;
  height: auto !important;

  margin: 18px 0 0 !important;
}


/*
 * Tablet: una sola columna, con el lateral inmediatamente
 * después del contenido principal.
 */

@media (max-width: 1080px) {
  .nubo-settings-experience-v2
  .nubo-settings-layout {
    grid-template-columns:
      minmax(0, 1fr) !important;

    grid-template-areas:
      "settings-main"
      "settings-side" !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-side {
    display: grid !important;

    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    gap: 16px !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-side
  > .nubo-reset-card {
    grid-column: 1 / -1 !important;
  }
}


/*
 * Móvil: todas las tarjetas en una columna.
 */

@media (max-width: 700px) {
  .nubo-settings-experience-v2
  .nubo-settings-layout {
    display: flex !important;
    flex-direction: column !important;

    gap: 18px !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-main,
  .nubo-settings-experience-v2
  .nubo-settings-side {
    width: 100% !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-side {
    display: flex !important;
    flex-direction: column !important;

    gap: 16px !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-side
  > .nubo-reset-card {
    grid-column: auto !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-save--profile {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-save--profile
  .btn {
    width: 100% !important;
  }
}

/* NUBO_SETTINGS_LAYOUT_ORDER_FIX_V1_END */


/* ==========================================================
   NUBO_SETTINGS_COMPACT_CARDS_V1_START
   Compacta Importar, Biométrico, Plan e Integraciones.
   ========================================================== */

/* Cards más compactas visualmente */
.nubo-settings-experience-v2
.nubo-settings-main
> .is-import,
.nubo-settings-experience-v2
.nubo-settings-main
> .is-biometric,
.nubo-settings-experience-v2
.nubo-settings-main
> .nubo-settings-plan-card,
.nubo-settings-experience-v2
.nubo-settings-main
> .is-integrations {
  padding: 20px !important;
  border-radius: 22px !important;
}

/* Encabezados ligeramente más compactos */
.nubo-settings-experience-v2
.is-import
.nubo-settings-feature-head,
.nubo-settings-experience-v2
.is-biometric
.nubo-settings-feature-head,
.nubo-settings-experience-v2
.nubo-settings-plan-card
.nubo-settings-plan-card__hero,
.nubo-settings-experience-v2
.is-integrations
.nubo-settings-card__head {
  margin-bottom: 16px !important;
}

/* Botones verdes: ya no a lo ancho completo */
.nubo-settings-experience-v2
.nubo-settings-wide-action {
  display: inline-grid !important;
  grid-template-columns: auto auto auto !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;

  width: auto !important;
  min-width: 240px !important;
  max-width: 100% !important;
  min-height: 44px !important;

  padding: 10px 16px !important;
  border-radius: 14px !important;
}

/* Alinear CTA a la izquierda */
.nubo-settings-experience-v2
.is-import
.nubo-settings-wide-action,
.nubo-settings-experience-v2
.is-biometric
.nubo-settings-wide-action,
.nubo-settings-experience-v2
.nubo-settings-plan-card
.nubo-settings-wide-action {
  justify-self: start !important;
}

/* Badge "Próximamente" más discreto */
.nubo-settings-experience-v2
.nubo-settings-wide-action b {
  margin-left: 2px !important;
  padding: 3px 7px !important;
  font-size: 8.5px !important;
}

/* Importar movimientos */
.nubo-settings-experience-v2
.is-import
.nubo-settings-feature-head p {
  max-width: 540px !important;
}

/* Acceso biométrico más bajo */
.nubo-settings-experience-v2
.nubo-settings-biometric-empty {
  min-height: 82px !important;
  padding: 16px !important;
  margin-bottom: 12px !important;
  border-radius: 16px !important;
}

.nubo-settings-experience-v2
.nubo-settings-biometric-empty > span {
  width: 34px !important;
  height: 34px !important;
}

.nubo-settings-experience-v2
.nubo-settings-biometric-empty p {
  font-size: 11.5px !important;
  line-height: 1.45 !important;
  max-width: 560px !important;
}

/* Plan beta más minimalista */
.nubo-settings-experience-v2
.nubo-settings-plan-card {
  padding: 20px !important;
}

.nubo-settings-experience-v2
.nubo-settings-plan-card__hero {
  grid-template-columns: minmax(0, 1fr) 84px !important;
  gap: 16px !important;
  margin-bottom: 16px !important;
}

.nubo-settings-experience-v2
.nubo-settings-plan-card h2 {
  margin: 10px 0 6px !important;
  font-size: clamp(18px, 1.8vw, 24px) !important;
  line-height: 1.18 !important;
}

.nubo-settings-experience-v2
.nubo-settings-plan-card__hero p {
  max-width: 560px !important;
  font-size: 12px !important;
}

.nubo-settings-experience-v2
.nubo-settings-plan-mascot {
  width: 78px !important;
  height: 78px !important;
  border-width: 6px !important;
}

.nubo-settings-experience-v2
.nubo-settings-beta-status {
  max-width: 560px !important;
  margin-bottom: 14px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
}

.nubo-settings-experience-v2
.nubo-settings-beta-status > span {
  width: 36px !important;
  height: 36px !important;
}

.nubo-settings-experience-v2
.nubo-settings-beta-status strong {
  font-size: 12.5px !important;
}

.nubo-settings-experience-v2
.nubo-settings-beta-status p {
  font-size: 11px !important;
}

/* Integraciones más limpio */
.nubo-settings-experience-v2
.nubo-settings-integrations-entry__body {
  padding: 12px 14px !important;
  border-radius: 16px !important;
}

.nubo-settings-experience-v2
.nubo-settings-integrations-entry__body strong {
  font-size: 13px !important;
}

.nubo-settings-experience-v2
.nubo-settings-integrations-entry__body p {
  font-size: 11.2px !important;
  line-height: 1.4 !important;
}

.nubo-settings-experience-v2
.nubo-settings-integrations-entry__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  width: auto !important;
  min-width: 220px !important;
  max-width: 100% !important;

  padding: 10px 16px !important;
  border-radius: 14px !important;
}

/* En escritorio, evitar sensación de bloque gigante */
@media (min-width: 701px) {
  .nubo-settings-experience-v2
  .is-import,
  .nubo-settings-experience-v2
  .is-biometric,
  .nubo-settings-experience-v2
  .nubo-settings-plan-card,
  .nubo-settings-experience-v2
  .is-integrations {
    max-width: 760px !important;
  }
}

/* En móvil sí pueden usar ancho completo */
@media (max-width: 700px) {
  .nubo-settings-experience-v2
  .is-import,
  .nubo-settings-experience-v2
  .is-biometric,
  .nubo-settings-experience-v2
  .nubo-settings-plan-card,
  .nubo-settings-experience-v2
  .is-integrations {
    max-width: none !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-wide-action,
  .nubo-settings-experience-v2
  .nubo-settings-integrations-entry__button {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-plan-card__hero {
    grid-template-columns: 1fr !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-plan-mascot {
    width: 68px !important;
    height: 68px !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-beta-status {
    max-width: none !important;
  }
}

/* NUBO_SETTINGS_COMPACT_CARDS_V1_END */


/* ==========================================================
   NUBO_SETTINGS_REFINED_LOWER_CARDS_V2_START
   Refinamiento real de Importar / Biométrico / Plan / Integraciones
   ========================================================== */

/* ----------------------------------------------------------
   1) LAS CARDS INFERIORES VUELVEN A USAR TODO EL ANCHO
   ---------------------------------------------------------- */

.nubo-settings-experience-v2
.nubo-settings-main
> .is-import,
.nubo-settings-experience-v2
.nubo-settings-main
> .is-biometric,
.nubo-settings-experience-v2
.nubo-settings-main
> .nubo-settings-plan-card,
.nubo-settings-experience-v2
.nubo-settings-main
> .is-integrations {
  max-width: none !important;
  width: 100% !important;
  min-width: 0 !important;

  padding: 22px 22px 20px !important;
  border-radius: 24px !important;

  display: grid !important;
  gap: 16px !important;

  align-items: start !important;
  align-content: start !important;
}

/* ---------------------------------------
   2) ENCABEZADOS MÁS LIMPIOS Y NATURALES
   --------------------------------------- */

.nubo-settings-experience-v2
.is-import
.nubo-settings-feature-head,
.nubo-settings-experience-v2
.is-biometric
.nubo-settings-feature-head,
.nubo-settings-experience-v2
.nubo-settings-plan-card
.nubo-settings-plan-card__hero,
.nubo-settings-experience-v2
.is-integrations
.nubo-settings-card__head {
  margin: 0 !important;
}

.nubo-settings-experience-v2
.is-import
.nubo-settings-feature-head p,
.nubo-settings-experience-v2
.is-biometric
.nubo-settings-feature-head p,
.nubo-settings-experience-v2
.is-integrations
.nubo-settings-card__head p {
  max-width: 560px !important;
}

/* ---------------------------------------
   3) BOTONES MÁS ELEGANTES
   --------------------------------------- */

.nubo-settings-experience-v2
.nubo-settings-wide-action,
.nubo-settings-experience-v2
.nubo-settings-integrations-entry__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  width: fit-content !important;
  min-width: 246px !important;
  max-width: 100% !important;
  min-height: 46px !important;

  padding: 0 18px !important;

  border-radius: 15px !important;

  font-size: 12.5px !important;
  font-weight: 760 !important;
  line-height: 1 !important;

  box-shadow:
    0 1px 0 rgba(255,255,255,0.08) inset,
    0 8px 18px rgba(16, 115, 54, 0.10) !important;
}

.nubo-settings-experience-v2
.nubo-settings-wide-action b {
  margin-left: 2px !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  font-size: 8.6px !important;
  font-weight: 780 !important;
}

.nubo-settings-experience-v2
.nubo-settings-integrations-entry__button {
  min-width: 230px !important;
}

/* ---------------------------------------
   4) IMPORTAR MOVIMIENTOS
   Card elegante: texto a la izquierda,
   CTA claro a la derecha.
   --------------------------------------- */

.nubo-settings-experience-v2
.nubo-settings-main
> .is-import {
  grid-template-columns:
    minmax(0, 1fr)
    auto !important;
  align-items: center !important;
  column-gap: 20px !important;
  row-gap: 14px !important;
}

.nubo-settings-experience-v2
.is-import
.nubo-settings-feature-head {
  grid-column: 1 !important;
  align-self: start !important;
}

.nubo-settings-experience-v2
.is-import
.nubo-settings-wide-action {
  grid-column: 2 !important;
  grid-row: 1 !important;

  align-self: center !important;
  justify-self: end !important;
}

/* ---------------------------------------
   5) ACCESO BIOMÉTRICO
   Mejor proporción y mejor caja central.
   --------------------------------------- */

.nubo-settings-experience-v2
.nubo-settings-main
> .is-biometric {
  grid-template-columns: 1fr !important;
}

.nubo-settings-experience-v2
.nubo-settings-biometric-empty {
  min-height: 106px !important;
  margin: 0 !important;
  padding: 18px 18px !important;

  border-radius: 18px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 10px !important;
}

.nubo-settings-experience-v2
.nubo-settings-biometric-empty > span {
  width: 36px !important;
  height: 36px !important;
}

.nubo-settings-experience-v2
.nubo-settings-biometric-empty p {
  max-width: 620px !important;
  font-size: 11.7px !important;
  line-height: 1.46 !important;
}

.nubo-settings-experience-v2
.is-biometric
.nubo-settings-wide-action {
  justify-self: start !important;
}

/* ---------------------------------------
   6) PLAN BETA
   Que respire mejor y no se vea forzado.
   --------------------------------------- */

.nubo-settings-experience-v2
.nubo-settings-plan-card {
  grid-template-columns: 1fr !important;
  padding: 22px !important;
}

.nubo-settings-experience-v2
.nubo-settings-plan-card__hero {
  display: grid !important;
  grid-template-columns:
    minmax(0, 1fr)
    92px !important;
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 0 !important;
}

.nubo-settings-experience-v2
.nubo-settings-plan-card h2 {
  margin: 10px 0 6px !important;
  max-width: 640px !important;

  font-size: clamp(20px, 2vw, 26px) !important;
  line-height: 1.14 !important;
}

.nubo-settings-experience-v2
.nubo-settings-plan-card__hero p {
  max-width: 580px !important;
  margin: 0 !important;
  font-size: 12.1px !important;
  line-height: 1.5 !important;
}

.nubo-settings-experience-v2
.nubo-settings-plan-mascot {
  width: 84px !important;
  height: 84px !important;
  border-width: 6px !important;
  justify-self: end !important;
}

.nubo-settings-experience-v2
.nubo-settings-beta-status {
  max-width: 610px !important;
  margin: 0 !important;
  padding: 13px 15px !important;
  border-radius: 17px !important;
}

.nubo-settings-experience-v2
.nubo-settings-beta-status > span {
  width: 38px !important;
  height: 38px !important;
}

.nubo-settings-experience-v2
.nubo-settings-beta-status strong {
  font-size: 12.8px !important;
}

.nubo-settings-experience-v2
.nubo-settings-beta-status p {
  font-size: 11.3px !important;
  line-height: 1.45 !important;
}

.nubo-settings-experience-v2
.nubo-settings-plan-card
.nubo-settings-wide-action {
  justify-self: start !important;
}

/* ---------------------------------------
   7) INTEGRACIONES
   Mejor layout y mejor balance interno.
   --------------------------------------- */

.nubo-settings-experience-v2
.is-integrations {
  grid-template-columns: 1fr !important;
}

.nubo-settings-experience-v2
.nubo-settings-integrations-entry__body {
  width: 100% !important;
  max-width: 640px !important;

  margin: 0 !important;
  padding: 13px 15px !important;

  border-radius: 17px !important;

  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
}

.nubo-settings-experience-v2
.nubo-settings-integrations-entry__logos {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.nubo-settings-experience-v2
.nubo-settings-integrations-entry__body strong {
  display: block !important;
  margin: 0 0 4px !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}

.nubo-settings-experience-v2
.nubo-settings-integrations-entry__body p {
  margin: 0 !important;
  font-size: 11.3px !important;
  line-height: 1.45 !important;
}

.nubo-settings-experience-v2
.nubo-settings-integrations-entry__button {
  justify-self: start !important;
}

/* ---------------------------------------
   8) AJUSTES DE ALINEACIÓN GENERAL
   --------------------------------------- */

.nubo-settings-experience-v2
.is-import
.nubo-settings-feature-head__icon,
.nubo-settings-experience-v2
.is-biometric
.nubo-settings-feature-head__icon {
  align-self: start !important;
}

.nubo-settings-experience-v2
.is-import
.nubo-settings-feature-head h2,
.nubo-settings-experience-v2
.is-biometric
.nubo-settings-feature-head h2 {
  margin-bottom: 2px !important;
}

.nubo-settings-experience-v2
.nubo-settings-plan-eyebrow {
  margin-bottom: 0 !important;
}

/* ---------------------------------------
   9) TABLET
   --------------------------------------- */

@media (max-width: 1080px) {
  .nubo-settings-experience-v2
  .nubo-settings-main
  > .is-import {
    grid-template-columns: 1fr !important;
  }

  .nubo-settings-experience-v2
  .is-import
  .nubo-settings-wide-action {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-self: start !important;
  }
}

/* ---------------------------------------
   10) MÓVIL
   --------------------------------------- */

@media (max-width: 700px) {
  .nubo-settings-experience-v2
  .nubo-settings-main
  > .is-import,
  .nubo-settings-experience-v2
  .nubo-settings-main
  > .is-biometric,
  .nubo-settings-experience-v2
  .nubo-settings-main
  > .nubo-settings-plan-card,
  .nubo-settings-experience-v2
  .nubo-settings-main
  > .is-integrations {
    padding: 18px !important;
    gap: 14px !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-wide-action,
  .nubo-settings-experience-v2
  .nubo-settings-integrations-entry__button {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-plan-card__hero {
    grid-template-columns: 1fr !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-plan-mascot {
    justify-self: start !important;
    width: 72px !important;
    height: 72px !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-beta-status,
  .nubo-settings-experience-v2
  .nubo-settings-integrations-entry__body {
    max-width: none !important;
  }
}

/* NUBO_SETTINGS_REFINED_LOWER_CARDS_V2_END */


/* ==========================================================
   NUBO_SETTINGS_FEATURE_GRID_V1_START
   Biométrico + Plan en 2 columnas elegantes.
   Integraciones en ancho completo.
   ========================================================== */

/* ----------------------------------------------------------
   MAIN como grid real
   ---------------------------------------------------------- */

.nubo-settings-experience-v2
.nubo-settings-main {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 18px !important;
}

/* Cards superiores siguen completas */
.nubo-settings-experience-v2
.nubo-settings-main
> .is-profile,
.nubo-settings-experience-v2
.nubo-settings-main
> .is-registration,
.nubo-settings-experience-v2
.nubo-settings-main
> .is-import {
  grid-column: 1 / -1 !important;
}

/* Las 3 del bloque inferior */
.nubo-settings-experience-v2
.nubo-settings-main
> .is-biometric,
.nubo-settings-experience-v2
.nubo-settings-main
> .nubo-settings-plan-card,
.nubo-settings-experience-v2
.nubo-settings-main
> .is-integrations {
  width: 100% !important;
  min-width: 0 !important;

  padding: 22px !important;
  border-radius: 24px !important;

  display: grid !important;
  gap: 16px !important;

  align-items: start !important;
  align-content: start !important;
}

/* Biométrico y plan lado a lado */
.nubo-settings-experience-v2
.nubo-settings-main
> .is-biometric {
  grid-column: 1 !important;
  min-height: 315px !important;
  grid-template-rows: auto 1fr auto !important;
}

.nubo-settings-experience-v2
.nubo-settings-main
> .nubo-settings-plan-card {
  grid-column: 2 !important;
  min-height: 315px !important;
  grid-template-rows: auto 1fr auto !important;
}

/* Integraciones abajo ancho completo */
.nubo-settings-experience-v2
.nubo-settings-main
> .is-integrations {
  grid-column: 1 / -1 !important;
  min-height: 250px !important;
  grid-template-rows: auto 1fr auto !important;
}

/* ----------------------------------------------------------
   Encabezados más limpios
   ---------------------------------------------------------- */

.nubo-settings-experience-v2
.is-biometric
.nubo-settings-feature-head,
.nubo-settings-experience-v2
.nubo-settings-plan-card
.nubo-settings-plan-card__hero,
.nubo-settings-experience-v2
.is-integrations
.nubo-settings-card__head {
  margin: 0 !important;
}

.nubo-settings-experience-v2
.is-biometric
.nubo-settings-feature-head p,
.nubo-settings-experience-v2
.nubo-settings-plan-card__hero p,
.nubo-settings-experience-v2
.is-integrations
.nubo-settings-card__head p {
  max-width: 100% !important;
}

/* ----------------------------------------------------------
   BIOMÉTRICO
   ---------------------------------------------------------- */

.nubo-settings-experience-v2
.nubo-settings-biometric-empty {
  min-height: 140px !important;
  margin: 0 !important;
  padding: 22px 18px !important;

  border-radius: 18px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  text-align: center !important;
}

.nubo-settings-experience-v2
.nubo-settings-biometric-empty > span {
  width: 42px !important;
  height: 42px !important;
}

.nubo-settings-experience-v2
.nubo-settings-biometric-empty p {
  max-width: 310px !important;
  margin: 0 auto !important;
  font-size: 11.8px !important;
  line-height: 1.5 !important;
}

.nubo-settings-experience-v2
.is-biometric
.nubo-settings-wide-action {
  justify-self: center !important;
  align-self: end !important;

  width: auto !important;
  min-width: 230px !important;
  max-width: 100% !important;
  min-height: 46px !important;

  padding: 0 18px !important;
  border-radius: 15px !important;
}

/* ----------------------------------------------------------
   PLAN
   ---------------------------------------------------------- */

.nubo-settings-experience-v2
.nubo-settings-plan-card {
  padding: 22px !important;
}

.nubo-settings-experience-v2
.nubo-settings-plan-card__hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 82px !important;
  align-items: center !important;
  gap: 14px !important;
}

.nubo-settings-experience-v2
.nubo-settings-plan-card h2 {
  margin: 8px 0 6px !important;
  max-width: 100% !important;

  font-size: clamp(18px, 1.9vw, 24px) !important;
  line-height: 1.14 !important;
}

.nubo-settings-experience-v2
.nubo-settings-plan-card__hero p {
  max-width: 320px !important;
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

.nubo-settings-experience-v2
.nubo-settings-plan-mascot {
  width: 78px !important;
  height: 78px !important;
  border-width: 6px !important;
  justify-self: end !important;
}

.nubo-settings-experience-v2
.nubo-settings-beta-status {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;

  padding: 13px 14px !important;
  border-radius: 17px !important;
}

.nubo-settings-experience-v2
.nubo-settings-beta-status p {
  font-size: 11.2px !important;
  line-height: 1.45 !important;
}

.nubo-settings-experience-v2
.nubo-settings-plan-card
.nubo-settings-wide-action {
  justify-self: center !important;
  align-self: end !important;

  width: auto !important;
  min-width: 220px !important;
  max-width: 100% !important;
  min-height: 46px !important;

  padding: 0 18px !important;
  border-radius: 15px !important;
}

/* ----------------------------------------------------------
   INTEGRACIONES
   ---------------------------------------------------------- */

.nubo-settings-experience-v2
.nubo-settings-integrations-entry__body {
  width: 100% !important;
  max-width: 620px !important;

  margin: 0 auto !important;
  padding: 14px 16px !important;

  border-radius: 18px !important;

  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
}

.nubo-settings-experience-v2
.nubo-settings-integrations-entry__logos {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.nubo-settings-experience-v2
.nubo-settings-integrations-entry__body strong {
  display: block !important;
  margin: 0 0 4px !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}

.nubo-settings-experience-v2
.nubo-settings-integrations-entry__body p {
  margin: 0 !important;
  font-size: 11.3px !important;
  line-height: 1.45 !important;
}

.nubo-settings-experience-v2
.nubo-settings-integrations-entry__button {
  justify-self: center !important;
  align-self: end !important;

  width: auto !important;
  min-width: 235px !important;
  max-width: 100% !important;
  min-height: 46px !important;

  padding: 0 18px !important;
  border-radius: 15px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

/* ----------------------------------------------------------
   Botones y badges
   ---------------------------------------------------------- */

.nubo-settings-experience-v2
.nubo-settings-wide-action,
.nubo-settings-experience-v2
.nubo-settings-integrations-entry__button {
  box-shadow:
    0 1px 0 rgba(255,255,255,0.08) inset,
    0 8px 18px rgba(16, 115, 54, 0.10) !important;
}

.nubo-settings-experience-v2
.nubo-settings-wide-action b {
  padding: 4px 8px !important;
  border-radius: 999px !important;
  font-size: 8.5px !important;
}

/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (max-width: 1080px) {
  .nubo-settings-experience-v2
  .nubo-settings-main {
    grid-template-columns: 1fr !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-main
  > .is-biometric,
  .nubo-settings-experience-v2
  .nubo-settings-main
  > .nubo-settings-plan-card,
  .nubo-settings-experience-v2
  .nubo-settings-main
  > .is-integrations {
    grid-column: 1 / -1 !important;
    min-height: auto !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-plan-card__hero {
    grid-template-columns: minmax(0, 1fr) 74px !important;
  }
}

/* ----------------------------------------------------------
   MÓVIL
   ---------------------------------------------------------- */

@media (max-width: 700px) {
  .nubo-settings-experience-v2
  .nubo-settings-main
  > .is-biometric,
  .nubo-settings-experience-v2
  .nubo-settings-main
  > .nubo-settings-plan-card,
  .nubo-settings-experience-v2
  .nubo-settings-main
  > .is-integrations {
    padding: 18px !important;
    gap: 14px !important;
  }

  .nubo-settings-experience-v2
  .is-biometric
  .nubo-settings-wide-action,
  .nubo-settings-experience-v2
  .nubo-settings-plan-card
  .nubo-settings-wide-action,
  .nubo-settings-experience-v2
  .nubo-settings-integrations-entry__button {
    width: 100% !important;
    min-width: 0 !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-plan-card__hero {
    grid-template-columns: 1fr !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-plan-mascot {
    justify-self: start !important;
    width: 70px !important;
    height: 70px !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-integrations-entry__body {
    max-width: none !important;
    margin: 0 !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-biometric-empty p {
    max-width: none !important;
  }
}

/* NUBO_SETTINGS_FEATURE_GRID_V1_END */


/* ==========================================================
   NUBO_SETTINGS_INTEGRATIONS_WIDE_V1_START
   Expande Integraciones hacia el espacio libre de la derecha.
   ========================================================== */

@media (min-width: 1081px) {
  /* La card usa también el espacio vacío bajo el lateral */
  .nubo-settings-experience-v2
  .nubo-settings-main
  > .is-integrations {
    width: calc(100% + 320px) !important;
    max-width: none !important;
    min-width: 0 !important;

    margin-right: -320px !important;

    padding: 24px 24px 22px !important;
    border-radius: 24px !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    gap: 18px !important;
  }

  /* El encabezado no debe quedar demasiado largo */
  .nubo-settings-experience-v2
  .is-integrations
  .nubo-settings-card__head {
    max-width: 620px !important;
  }

  .nubo-settings-experience-v2
  .is-integrations
  .nubo-settings-card__head p {
    max-width: 560px !important;
  }

  /* Bloque informativo centrado y con mejor presencia */
  .nubo-settings-experience-v2
  .nubo-settings-integrations-entry__body {
    width: 100% !important;
    max-width: 720px !important;

    margin: 0 auto !important;
    padding: 16px 18px !important;

    border-radius: 18px !important;

    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 14px !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-integrations-entry__logos {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-integrations-entry__body strong {
    display: block !important;
    margin: 0 0 4px !important;
    font-size: 13.25px !important;
    line-height: 1.28 !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-integrations-entry__body p {
    margin: 0 !important;
    font-size: 11.5px !important;
    line-height: 1.48 !important;
  }

  /* Botón centrado, elegante y proporcional */
  .nubo-settings-experience-v2
  .nubo-settings-integrations-entry__button {
    justify-self: center !important;
    align-self: end !important;

    width: auto !important;
    min-width: 240px !important;
    max-width: 100% !important;
    min-height: 48px !important;

    padding: 0 20px !important;
    border-radius: 16px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    box-shadow:
      0 1px 0 rgba(255,255,255,0.08) inset,
      0 8px 18px rgba(16, 115, 54, 0.08) !important;
  }
}

/* Tablet y móvil: volver al flujo normal */
@media (max-width: 1080px) {
  .nubo-settings-experience-v2
  .nubo-settings-main
  > .is-integrations {
    width: 100% !important;
    margin-right: 0 !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-integrations-entry__body {
    max-width: 640px !important;
  }
}

@media (max-width: 700px) {
  .nubo-settings-experience-v2
  .nubo-settings-integrations-entry__body {
    max-width: none !important;
    margin: 0 !important;
    padding: 14px !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-integrations-entry__button {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* NUBO_SETTINGS_INTEGRATIONS_WIDE_V1_END */


/* ==========================================================
   NUBO_SETTINGS_INTEGRATIONS_ASIDE_V1_START
   Integraciones ubicada debajo de Nubo IA.
   ========================================================== */

.nubo-settings-experience-v2
.nubo-settings-side
> .nubo-ai-settings-card {
  order: 1 !important;
}

.nubo-settings-experience-v2
.nubo-settings-side
> .nubo-settings-integrations-entry {
  order: 2 !important;
}

.nubo-settings-experience-v2
.nubo-settings-side
> .nubo-session-card {
  order: 3 !important;
}

.nubo-settings-experience-v2
.nubo-settings-side
> .nubo-reset-card {
  order: 4 !important;
}


/* Contenedor lateral */

.nubo-settings-experience-v2
.nubo-settings-side
> .nubo-settings-integrations-entry {
  position: static !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;

  gap: 13px !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 17px !important;

  grid-area: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;

  border-radius: 20px !important;

  transform: none !important;
  overflow: hidden !important;
}


/* Encabezado */

.nubo-settings-experience-v2
.nubo-settings-side
.nubo-settings-integrations-entry
.nubo-settings-card__head {
  display: grid !important;

  grid-template-columns:
    38px
    minmax(0, 1fr) !important;

  align-items: start !important;
  gap: 11px !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}

.nubo-settings-experience-v2
.nubo-settings-side
.nubo-settings-integrations-entry
.nubo-settings-card__icon {
  display: grid !important;
  place-items: center !important;

  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;

  border-radius: 13px !important;
}

.nubo-settings-experience-v2
.nubo-settings-side
.nubo-settings-integrations-entry
.nubo-settings-card__icon svg,
.nubo-settings-experience-v2
.nubo-settings-side
.nubo-settings-integrations-entry
.nubo-settings-card__icon .icon {
  width: 18px !important;
  height: 18px !important;
}

.nubo-settings-experience-v2
.nubo-settings-side
.nubo-settings-integrations-entry
.nubo-settings-card__head div > span {
  font-size: 8.5px !important;
  line-height: 1.2 !important;
}

.nubo-settings-experience-v2
.nubo-settings-side
.nubo-settings-integrations-entry
.nubo-settings-card__head h2 {
  margin: 3px 0 3px !important;

  font-size: 15px !important;
  line-height: 1.25 !important;
}

.nubo-settings-experience-v2
.nubo-settings-side
.nubo-settings-integrations-entry
.nubo-settings-card__head p {
  max-width: none !important;
  margin: 0 !important;

  font-size: 10.3px !important;
  line-height: 1.42 !important;
}


/* Bloque de conexiones */

.nubo-settings-experience-v2
.nubo-settings-side
.nubo-settings-integrations-entry__body {
  display: grid !important;

  grid-template-columns:
    auto
    minmax(0, 1fr) !important;

  align-items: center !important;
  gap: 10px !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 11px !important;

  border-radius: 15px !important;
}

.nubo-settings-experience-v2
.nubo-settings-side
.nubo-settings-integrations-entry__logos {
  display: flex !important;
  align-items: center !important;

  gap: 5px !important;
  width: auto !important;
}

.nubo-settings-experience-v2
.nubo-settings-side
.nubo-settings-integrations-entry__logos span {
  display: grid !important;
  place-items: center !important;

  width: 29px !important;
  height: 29px !important;
  min-width: 29px !important;

  border-radius: 9px !important;
}

.nubo-settings-experience-v2
.nubo-settings-side
.nubo-settings-integrations-entry__logos img {
  width: 17px !important;
  height: 17px !important;
}

.nubo-settings-experience-v2
.nubo-settings-side
.nubo-settings-integrations-entry__body
> div:last-child {
  min-width: 0 !important;
}

.nubo-settings-experience-v2
.nubo-settings-side
.nubo-settings-integrations-entry__body strong {
  display: block !important;

  margin: 0 0 3px !important;

  font-size: 11px !important;
  line-height: 1.32 !important;
}

.nubo-settings-experience-v2
.nubo-settings-side
.nubo-settings-integrations-entry__body p {
  margin: 0 !important;

  font-size: 9.2px !important;
  line-height: 1.4 !important;
}


/* Botón */

.nubo-settings-experience-v2
.nubo-settings-side
.nubo-settings-integrations-entry__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 7px !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 41px !important;

  margin: 0 !important;
  padding: 0 13px !important;

  border-radius: 13px !important;

  font-size: 11px !important;
  font-weight: 750 !important;

  box-shadow: none !important;
}


/* Neutralizar cualquier expansión anterior */

.nubo-settings-experience-v2
.nubo-settings-side
> .nubo-settings-integrations-entry {
  margin-right: 0 !important;
}


/* Tablet */

@media (max-width: 1080px) {
  .nubo-settings-experience-v2
  .nubo-settings-side
  > .nubo-settings-integrations-entry {
    grid-column: auto !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-side
  > .nubo-reset-card {
    grid-column: 1 / -1 !important;
  }
}


/* Móvil */

@media (max-width: 700px) {
  .nubo-settings-experience-v2
  .nubo-settings-side
  > .nubo-settings-integrations-entry {
    width: 100% !important;
    padding: 17px !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-side
  .nubo-settings-integrations-entry__button {
    width: 100% !important;
  }
}

/* NUBO_SETTINGS_INTEGRATIONS_ASIDE_V1_END */


/* NUBO_SETTINGS_AI_STATUS_REMOVED_V1_START */

/*
 * La disponibilidad ya se comunica mediante el funcionamiento
 * de la card y el botón Abrir Nubo IA. Se elimina la etiqueta
 * flotante que interfería con la barra superior.
 */

.nubo-settings-experience-v2
.nubo-ai-settings-card__status {
  display: none !important;
}

/* NUBO_SETTINGS_AI_STATUS_REMOVED_V1_END */