.asColor{
    background-color: #6c9acc;
    border-radius: 8px !important;
    border-color: none !important;
}

.asColor:hover{
    background-color: #3881ce;
}

.asText{
    color:#6c9acc;
}

 
.carousel img {
    max-width: 100%; /* Ajusta al ancho máximo del contenedor */
    height: auto; /* Mantiene la proporción original */
  }

.wrap {
    overflow: hidden;
  }
  
  .carousel {
    display: flex;
    left: -100%;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    transform: translateX(100%);
    justify-content: center; /* Centrar horizontalmente */
    align-items: center; /* Centrar verticalmente */
  }
  
  @media (min-width: 30em) {
    .carousel {
      left: -33.33333%;
      transform: translateX(33.33333%);
    }
  }
  
  @media (min-width: 40em) {
    .carousel {
      left: -20%;
      transform: translateX(20%);
    }
  }
  
  .carousel.is-reversing {
    transform: translateX(-100%);
  }
  
  @media (min-width: 30em) {
    .carousel.is-reversing {
      transform: translateX(-33.33333%);
    }
  }
  
  @media (min-width: 40em) {
    .carousel.is-reversing {
      transform: translateX(-20%);
    }
  }
  
  .carousel.is-set {
    transform: none;
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  .carousel-seat { 
    flex: 1 0 100%;
    order: 2;
  }
   
  
  @media (min-width: 30em) {
    .carousel-seat {
      flex-basis: 33.33333%;
    }
  }
  
  @media (min-width: 40em) {
    .carousel-seat {
      flex-basis: 20%;
    }
  }
  
  .carousel-seat.is-ref {
    order: 1;
  }
   
  