.cards-group {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 400ms ease;
    pointer-events: none;
}
.cards-group-active {
    opacity: 1;
    pointer-events: auto;
}
.cards-group-hidden {
    opacity: 0;
    pointer-events: none;
}
.js-groups-wrapper {
    position: relative;
    min-height: 370px;
}
@media (min-width: 1024px) {
    .js-groups-wrapper {
        min-height: 490px;
    }
}
.is-disabled {
    opacity: 0.35;
    pointer-events: none;
    cursor: not-allowed;
}
.cards-page {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 400ms ease;
}
.cards-page-active {
    opacity: 1;
    pointer-events: auto;
}
.cards-page-hidden {
    opacity: 0;
    pointer-events: none;
}
.pages-stage {
    position: relative;
    width: 100%;
    height: 100%;
}
.cards-page-fade{
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 400ms ease;
  z-index: 0;
}
.cards-page-fade.is-active{
  opacity: 1;
  pointer-events: auto;
  z-index: 2;
}
.cards-page-fade:not(.is-active) {
    pointer-events: none;
}
.hidden-force {
    display: none !important;
    pointer-events: none !important;
}
/* cuando se va apagando, sigue visible pero sin hover */
.cards-page-fade.is-leaving{
  pointer-events: none;
  z-index: 1;
}