/* Rotación del chevron */
.card-selector_chevron-icon {
  transition: transform 0.3s ease;
}

.selector__collapsable-text[aria-expanded="true"] .card-selector_chevron-icon {
  transform: rotate(180deg);
}

/* Opcional: animación suave del texto */
.selector__collapsable-text[aria-expanded="false"]::before {
  content: "Mostrar selección";
}

.selector__collapsable-text[aria-expanded="true"]::before {
  content: "Ocultar selección";
}

.card-selector{
  min-width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 1000;
  border-radius: 16px 16px 0 0;
  border-bottom: var(--border-width-s, 1px) solid var(--Color-Border-General-1, #C8D9D0);
  background: var(--Color-Background-General-1, #FFF);
}
.card-selector__collapsable{
  border-bottom: var(--border-width-s, 1px) solid var(--Color-Border-General-1, #C8D9D0);
  text-align: center;
  padding: 9px 0;
}
.selector__collapsable-text{
  color: var(--Color-Content-Interactive-Active, #2F6852);
}

.card-selector__alert{
  color: rgba(71, 71, 71, 0.80); 
}
.card-selector__container{
  display: flex;
  justify-content: center;
}
.card-selector__container-inner{
  min-width: 328px;
  max-width: 328px;
}
.card-selector__mobile-container{
  display: flex;
  position: relative;
  min-width: 84px;
  max-width: 84px;
}
.card-selector__mobile-element{
  border-radius: 8px;
  border: 1px dashed var(--Color-Border-General-1, #C8D9D0);
  background: var(--Color-Surface-General-3, #F9F9F9);
  min-width: 32px;
  min-height: 32px;
  max-height: 32px;
  position: relative;
  overflow: hidden;
}

.card-selector__mobile-element--border-solid{
  border: 1px solid var(--Color-Border-General-1, #C8D9D0);
}
.card-selector__mobile-slot-1{
  z-index: 1;
}

.card-selector__mobile-slot-2{
  z-index: 2;
  right: 12px;
}

.card-selector__mobile-slot-3{
  z-index: 3;
  right: 24px;
}

.card-selector_chevron-icon{
  height: 16px;
  width: 16px;
}
.card-selector__row{
  display: flex;
  padding: 16px 0;
}

.card-selector__button-container{
  display: flex;
  justify-content: center;
  padding-bottom: 16px;
  align-self: center;
}
.card-selector__button{
   min-width: 328px;
   max-width: 328px;
   height: 48px;
}

.card-selector__stackable{
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 16px;
}

.card-selector__element{
  border-radius: 8px;
  border: 1px dashed var(--Color-Border-General-1, #C8D9D0);
  background: var(--Color-Surface-General-3, #F9F9F9);
  height: 42px;
  overflow-y: hidden;
  display: flex;
  align-items: center;
}
.card-selector__element-description{
  color: var(--Color-Content-General-1, #2C2C2C);
  margin-bottom: 0;
  padding-left: 12px;
}
.card-selector__element-img{
  height: 100%;
  width: 56px;
}
.card-selector__element-img-cross{
  margin-left: auto;
  margin-right: 8px;
}

.card-selector__element--border-selected{
  border: 1px solid var(--Color-Border-Interactive-Active, #699282);
}
.card-selector__alert--border{
  border-top: 1px solid var(--Color-Border-General-1, #C8D9D0);
}

.card-selector__no-border{
  border: none;
}

.card-selector__alert-text{
  margin-bottom: 0;
}
.card-selector__alert-text--padding-top{
  padding-top: 16px;
}

.card-selector__alert {
  color: rgba(71, 71, 71, 0.80);
  position: relative;
}
.card-selector__alert-error{
  color: var(--Color-Semantic-Error-1, #CB1212);
  margin-bottom: 0;
  display: flex;
}
.card-selector__alert-error-container-icon{
  margin-right: 4px;
}
.card-selector__alert-error-icon{
  width: 16px;
  height: 16px;
  padding-bottom: 4px;
}
.card-selector__alert--border::before {
  content: '';
  position: absolute;
  top: 0;
  left: -500px;  /* ajusta según el ancho máximo de tu layout */
  right: -500px;
  height: 1px;
  background-color: var(--Color-Border-General-1, #C8D9D0);
}


.modal-selector__close-wrapper {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.modal-selector__close {
  background: none;
  border: none;
  padding: 16px 16px 8px;
  cursor: pointer;
  display: block; /* bloque completo, nada al lado */
  line-height: 0;
}

.modal-selector__close img {
  width: 24px;
  height: 24px;
}
.modal-selector__content {
  border-radius: var(--border-radius-l, 16px);
  background: var(--Color-Surface-General-1, #FFF);
}
.modal-selector__dialog {
  margin-right: auto;
  margin-left: auto;
  max-width: 328px;
  width: calc(100% - 2rem);
}
.modal-selector__body {
  padding: 0 16px 40px;
  text-align: center;
}

.modal-selector__title {
  margin-bottom: 8px;
  color: var(--Color-Content-General-1, #2C2C2C);
}

.modal-selector__description {
  margin-bottom: 32px;
  color: var(--Color-Content-General-1, #2C2C2C);
}

.modal-selector__button{
  width: 296px;
}

.modal-confirm__back {
  color: var(--Color-Content-Interactive-Active, #2F6852);
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: none;
  display: block;
  width: 100%;
}
.modal-confirm .modal-selector__button{
  margin-bottom: 24px;
}
.floating-cmb-landing__bottom{
  bottom: 370px !important;
}
.floating-cmb-modal__bottom{
  bottom: 370px !important;
}
#floating-cmb-landing .floating-cmb{
  bottom: 170px;
}

@media(min-width: 576px){
  .card-selector__container-inner{
    min-width: 492px;
    max-width: 492px;
  }

  .card-selector__alert {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .modal-selector__dialog {
    min-width: 492px;
    max-width: 492px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .modal-selector__button{
    width: 328px;
  }
  .modal-selector__body {
  padding: 0 40px 32px;
  text-align: center;
}
}

@media(min-width: 768px){
  .card-selector__container-inner{
    min-width: 672px;
    max-width: 672px;
  }
  .card-selector__row{
    justify-content: center;
  }
  .card-selector__stackable{
    flex-direction: row;
  }
  .card-selector__element{
    width: 100%
  }
  .modal-selector__dialog {
    min-width: 556px;
    max-width: 556px;
  }
}

@media(min-width: 992px){
  .card-selector{
    border-radius: 0;
  }
  .card-selector__stackable.collapse {
    display: flex !important;
  }

  .card-selector__collapsable {
    display: none;
  }
  .card-selector{
    border-radius: none;
  }
  .card-selector__mobile-container{
    display: none;
  }
  .card-selector__row{
    min-width: 652px;
    max-width: 652px;
    flex-direction: column;
    padding: 20px 0;
  }

  .card-selector__container-inner{
    min-width: 828px;
    max-width: 828px;
    display: flex;
    justify-content: center;
  }
  .card-selector__button{
     min-width: 152px;
     max-width: 152px;
     align-self: center;
  }
  .card-selector__button-container{
    padding-left: 24px;
    padding-bottom: 12px;
    border-left: 1px solid var(--Color-Border-General-1, #C8D9D0);
    height: 68px;
  }
  .card-selector__alert{
    justify-content: start;
  }
  .card-selector__alert--border{
    border-top: 0px;
  }
  
  .card-selector__stackable{
    padding-bottom: 8px;
    padding-right: 24px;
  }
  .card-selector__element{
    amin-width: 198.66px;
  }
  .card-selector__element-img-cross:hover{
    cursor: pointer;
  }
  .modal-selector__dialog {
    min-width: 544px;
    max-width: 544px;
  }
}

@media(min-width: 1200px){
  .card-selector__row{
    min-width: 820px;
    max-width: 820px;
  }
  .card-selector__stackable{
    padding-right: 68px;
  }
  .card-selector__button-container{
    padding-bottom: 0;
    
  }
  .modal-selector__dialog {
    min-width: 656px;
    max-width: 656px;
  }
}
@media(min-width: 1920px){
  .card-selector__row{
    min-width: 1096px;
    max-width: 1096px;
  }
  .card-selector__stackable{
    padding-right: 344px;
  }
  .modal-selector__dialog {
    min-width: 624px;
    max-width: 624px;
  }
}