.mt-seccion{
  margin-top: 100px;
}
.swiper-slide {
  width: 75% !important;
}

.swiper-slide .card {
  width: 100%;
  margin: 32px 8px;
  transition: transform 1s ease;
}

.swiper-slide-active .card {
  transform: scale(1.1);
  z-index: 2;
}
.etiqueta_preventa{
  position: relative;
}
.etiqueta_preventa::before{
  content: 'Preventa';
  font-size: 16px;
  background-color: #D92741;
  padding: 2px 8px;
  border: 1px solid #ffffff3a;
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
  color: white;
  border-radius: var(--radius-md);
}
.etiqueta_venta{
  position: relative;
}
.etiqueta_venta::before{
  content: 'Venta';
  font-size: 16px;
  background-color: #D92741;
  padding: 2px 8px;
  border: 1px solid #ffffff3a;
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
  color: white;
  border-radius: var(--radius-md);
}
.etiqueta_vendido{
  position: relative;
}
.etiqueta_vendido::before{
  content: 'Vendido';
  background-color: #D92741;
  padding: 2px 8px;
  border: 1px solid #ffffff3a;
  display: block;
  font-size: 16px;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
  color: white;
  border-radius: var(--radius-md);
}
@keyframes curtainUp {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-100%);
  }
}

@keyframes slideInFromLeft {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0%);
    opacity: 1;
  }
}

@keyframes slideOutToRight {
  from {
    transform: translateX(0%);
    opacity: 1;
  }
  to {
    transform: translateX(100%);
    opacity: 0;
  }
}

.slide-in-left {
  animation: slideInFromLeft 0.3s ease-out forwards;
}

.slide-out-right {
  animation: slideOutToRight 0.3s ease-in forwards;
}

.animate-curtainUp {
  animation: curtainUp 1s ease-in-out forwards;
}

.animate-curtainUp {
  animation: curtainUp 1.5s ease-in-out forwards;
}
.btn-asesoria{
  width: 64px;
  height: 64px;
  right: 16px;
  bottom: 16px;
  position: fixed;
}
@keyframes curtainUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
    display: none;
  }
}

swiper-wrapper {
  width: 100vw;
}

@media screen and (min-width: 768px) {
  .swiper-slide {
    width: calc(80% / 2) !important;
  }
}

@media screen and (min-width: 1024px) {
  .swiper {
    width: 100%;
  }
  .swiper-slide {
    width: calc(90% / 3) !important;
  }
}

.section {
  position: relative;
  overflow: hidden;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  pointer-events: none;
  z-index: 60;
}

.section > *:not(.overlay) {
  position: relative;
  z-index: 2;
}

.arrow {
  padding: 24px;
  border: 1px solid rgba(198, 198, 198, 0.32);
  color: rgba(12, 1, 1, 0.32) !important;
  border-radius: 16px;
  transition: 0.5s ease;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 20px !important;
}