/* =========================================================
   NUBO_SETTINGS_CHOICE_CHECK_ALIGN_V1_START

   Mantiene cada opción en una sola fila:
   icono | texto | control.
   ========================================================= */

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

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

  grid-template-areas:
    "icon copy control" !important;

  align-items:
    center !important;

  column-gap:
    13px !important;

  row-gap:
    0 !important;
}

.nubo-settings-experience-v2
.nubo-settings-choice
> .nubo-settings-choice__icon {
  grid-area:
    icon !important;

  align-self:
    center !important;

  justify-self:
    start !important;
}

/*
 * El segundo hijo es el bloque que contiene
 * título y descripción.
 */
.nubo-settings-experience-v2
.nubo-settings-choice
> :nth-child(2) {
  grid-area:
    copy !important;

  min-width:
    0 !important;

  align-self:
    center !important;
}

.nubo-settings-experience-v2
.nubo-settings-choice
> .nubo-settings-choice__check,
.nubo-settings-experience-v2
.nubo-settings-choice
> .nubo-settings-choice__badge {
  grid-area:
    control !important;

  align-self:
    center !important;

  justify-self:
    end !important;

  margin:
    0 !important;
}

.nubo-settings-experience-v2
.nubo-settings-choice
> .nubo-settings-choice__check {
  display:
    grid !important;

  place-items:
    center !important;

  flex:
    0 0 23px !important;

  width:
    23px !important;

  min-width:
    23px !important;

  height:
    23px !important;

  min-height:
    23px !important;

  padding:
    0 !important;

  border-radius:
    50% !important;

  line-height:
    1 !important;
}

.nubo-settings-experience-v2
.nubo-settings-choice__check
.nubo-settings-feature-icon {
  display:
    block !important;

  width:
    14px !important;

  height:
    14px !important;

  margin:
    0 !important;

  transform:
    none !important;
}

/*
 * Evita que textos largos empujen el check
 * fuera de la tarjeta.
 */
.nubo-settings-experience-v2
.nubo-settings-choice
> :nth-child(2)
strong,
.nubo-settings-experience-v2
.nubo-settings-choice
> :nth-child(2)
p {
  min-width:
    0 !important;

  overflow-wrap:
    anywhere;
}

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

    min-height:
      72px !important;

    padding:
      13px
      14px !important;

    column-gap:
      11px !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-choice__icon {
    width:
      40px !important;

    height:
      40px !important;
  }
}

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

    padding:
      12px !important;

    column-gap:
      9px !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-choice__icon {
    width:
      38px !important;

    height:
      38px !important;
  }

  .nubo-settings-experience-v2
  .nubo-settings-choice
  > .nubo-settings-choice__check {
    width:
      22px !important;

    min-width:
      22px !important;

    height:
      22px !important;

    min-height:
      22px !important;
  }
}

/* NUBO_SETTINGS_CHOICE_CHECK_ALIGN_V1_END */