.cards-frame-1000004834,
.cards-frame-1000004834 * {
  box-sizing: border-box;
}
.cards-frame-1000004834 {
  background: #ffffff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  position: relative;
}
.cards-frame-1000004764 {
  background: var(--neutrals-neutrals100, #f2f2f2);
  border-radius: 16px 16px 0px 0px;
  padding: 16px 18px 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 1px;
  align-items: flex-end;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 100%;
}
.cards-frame-1000004849 {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: flex-start;
  justify-content: flex-end;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.cards-content-title-carro {
  border-radius: 12px 0px 12px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.cards-text-tittle-auto {
  color: var(--blue-flex-dark-blue-flex-dark, #004565);
  text-align: left;
  font-family: "Avenir-Heavy", sans-serif;
  font-size: 22px;
  line-height: 120%;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.cards-text-descripcion-auto {
  color: var(--blue-flex-light-blue-flex-light, #0085cf);
  text-align: left;
  font-family: "Avenir-Light", sans-serif;
  font-size: 18px;
  line-height: 120%;
  font-weight: 300;
  position: relative;
  align-self: stretch;
}
.cards-icon-close {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  position: relative;
  overflow: visible;
}
.cards-frame-4184 {
  padding: 0px 18px 0px 18px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 100%;
  max-width: 100%; /* Limita el ancho máximo del contenedor */
  margin: auto; /* Centra el contenedor */
}

.cards-slider-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.cards-imagen-tours {
  border-radius: 20px;
  align-self: stretch;
  flex-shrink: 0;
  width: 100%;
  height: 240px;
  position: absolute; /* Posiciona todas las imágenes en la misma área */
  opacity: 0; /* Oculta las imágenes inicialmente */
  transition: opacity 0.5s ease; /* Suaviza la transición de opacidad */
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  object-fit: cover;
}

.cards-imagen-tours.active {
  opacity: 1; /* Muestra la imagen activa */
  position: relative; /* Lleva la imagen activa al frente */
}

.cards-puntos-contadores-slider {
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin-top: 4px;
}
.accordion{
  width: 100%;
}
.row{
  width: 100%!important;
}
.cards-slider-dot {
  background: #ececec; /* Color de fondo por defecto */
  border-radius: 50%;
  width: 8px;
  height: 8px;
  cursor: pointer;
  transition: background 0.3s ease; /* Suaviza el cambio de color */
}

.cards-slider-dot.active {
  background: #0085cf; /* Color para el punto activo */
}
.cards-frame-1000004822 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  row-gap: 0px;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.cards-content-drop-dwon {
  padding: 12px 18px 12px 18px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  /*min-width: 330px;
  max-width: 600px;*/
  width: 50%;
  position: relative;
}
.cards-content-drop-dwon,
.cards-content-drop-dwon * {
  box-sizing: border-box;
}

.cards-content-drop-dwon {
  padding: 12px 18px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  /*min-width: 330px;
  max-width: 600px;*/
   width: 50%;
  position: relative;
}

.cards-contenido-pregunto {
  border-style: solid;
  border-color: #0085CF;
  border-width: 0px 0px 1px 0px;
  padding: 2x;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  overflow: hidden;
}

.cards-content-pregunta {
  border-radius: 6px;
  background: #f1f1f1;
  padding: 22px;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  width: 100%;
  transition: background-color 0.3s ease; /* Transición suave */
}

.cards-content-pregunta:hover {
  background: #e0e0e0; /* Cambia a un gris ligeramente más oscuro en hover */
}

.cards-content-titulo-pregunta {
  color: var(--base-base-black, #2b2b2b);
  text-align: left;
  font-family: "Avenir-Heavy", sans-serif;
  font-size: 18px;
  line-height: 120%;
  font-weight: 400;
  position: relative;
  flex: 1;
  max-width: 510px;
}

.cards-icon-select {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
  transform: rotate(180deg);
  transition: transform 0.3s ease; /* Añade transición para el giro */
}

.cards-icon-select.active {
  transform: rotate(360deg); /* Rota 180 grados cuando está activo */
}
.cards-content-respuesta {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  max-height: 0; /* Oculta inicialmente */
  transition: max-height 0.3s ease; /* Añade animación */
}

.cards-content-respuesta.active {
  max-height: none;
  background: #f9f9f9 /* Permite que el contenido se muestre */
}

.cards-text-content-respuestas {
  padding: 10px;
  color: var(--base-base-black, #2b2b2b);
  text-align: left;
  font-family: "Avenir-Book", sans-serif;
  font-size: 14.5px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  flex: 1;
  max-width: 510px;
  opacity: 0; /* Oculto inicialmente */
  transform: translateY(10px); /* Ligeramente desplazado hacia abajo */
  transition: opacity 0.4s ease, transform 0.4s ease; /* Transición suave */
}

/* Estado activo cuando el acordeón se abre */
.cards-text-content-respuestas.active {
  opacity: 1; /* Visible */
  transform: translateY(0); /* Vuelve a la posición original */
}


.cards-frame-1000004771 {
  border-radius: 10px;
  padding: 12px 18px 12px 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  min-width: 330px;
  max-width: 390px;
  position: relative;
}
.cards-content-descricion-destinos {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.cards-icon-destino {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.cards-text-descipcion {
  color: var(--base-base-black, #2b2b2b);
  text-align: left;
  font-family: var(--text-16-standard-font-family, "Avenir-Light", sans-serif);
  font-size: var(--text-16-standard-font-size, 16px);
  line-height: var(--text-16-standard-line-height, 24px);
  font-weight: var(--text-16-standard-font-weight, 300);
  position: relative;
}
.cards-frame-1000004824 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.cards-frame-1000004775 {
  background: #eaf4f4;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  align-items: center; /* Cambiado a center para centrar verticalmente */
  justify-content: center; /* Cambiado a center para centrar horizontalmente */
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  padding: 0px; /* Opcional: agrega padding para mayor separación */
}

.cards-content-pasajeros {
  border-radius: 12px;
  padding: 6px 12px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: flex-start; /* Cambiado a center para centrar elementos dentro */
  justify-content: center; /* Cambiado a center para centrar verticalmente */
  flex: 1;
  position: relative;
}

.cards-content-title-pasajeros {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center; /* Cambiado a center para centrar horizontalmente */
  flex-shrink: 0;
  position: relative;
}

.cards-content-name-destino {
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start; /* Cambiado a center si deseas centrarlo también */
  flex-shrink: 0;
  position: relative;
}

.cards-name-title-destino {
  color: var(--base-base-black, #2b2b2b);
  text-align: left;
  font-family: "Avenir-Heavy", sans-serif;
  font-size: 14.5px;
  line-height: 120%;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.cards-input-content-select {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: center; /* Cambiado a center para centrar horizontalmente */
  flex-shrink: 0;
  position: relative;
}

.cards-cash-coin-games-money-online-payment-svgrepo-com-1,
.cards-cash-coin-games-money-online-payment-svgrepo-com-12 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}

.cards-input-hora-select {
  color: var(--base-base-black, #2b2b2b);
  text-align: left;
  font-family: "Avenir-Light", sans-serif;
  font-size: 14.6px;
  line-height: 24px;
  font-weight: 300;
  position: relative;
}
.cards-input-llegada-salida {
  background: var(--neutrals-base-white, #ffffff);
  border-radius: 10px;
  border-style: solid;
  border-color: var(--neutrals-neutrals100, #ececec);
  border-width: 1.5px;
  padding: 0px 10px 0px 10px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.cards-input-content-variables {
  border-radius: 20px;
  padding: 8px 0px 8px 0px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  position: relative;
}
.cards-input-content-title {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.cards-title-input {
  color: var(--base-base-black, #2b2b2b);
  text-align: left;
  font-family: "Avenir-Heavy", sans-serif;
  font-size: 14.5px;
  line-height: 120%;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.cards-input-content-select2 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.cards-icon-mis-reservas {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.cards-input-name-select {
  color: var(--base-base-black, #2b2b2b);
  text-align: left;
  font-family: "Avenir-Book", sans-serif;
  font-size: 14.5px;
  line-height: 120%;
  font-weight: 400;
  position: relative;
}
.cards-input-hora-select2 {
  color: var(--base-base-black, #2b2b2b);
  text-align: left;
  font-family: "Avenir-Book", sans-serif;
  font-size: 14.5px;
  line-height: 120%;
  font-weight: 400;
  position: relative;
}
.cards-icon-select5 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.cards-frame-1000004733 {
  display: flex;
  flex-direction: row;
  gap: 14px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.cards-input-destinos {
  background: var(--neutrals-base-white, #ffffff);
  border-radius: 10px;
  border-style: solid;
  border-color: var(--neutrals-neutrals100, #ececec);
  border-width: 1.5px;
  padding: 0px 10px 0px 10px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.cards-users-group-rounded-svgrepo-com-1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.cards-icon-select6 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.cards-users-group-rounded-svgrepo-com-12 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: visible;
}
.cards-icon-select7 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.cards-frame-1000004839 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.cards-button {
  background: #f4f4f4;
  border-radius: var(--spacing-sm, 12px);
  padding: 6px 29px 6px 29px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 40px;
  position: relative;
}
.cards-content-button-text {
  color: var(--neutrals-neutrals1000, #3e3e3e);
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cards-content-button-text-span {
  color: #76B700;;
  font-family: "Avenir-Heavy", sans-serif;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
}
.cards-content-button-text-span2 {
  color: #76B700;
  font-family: "Avenir-Heavy", sans-serif;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
}
.cards-frame-41842 {
  background: #004a47;
  color: #ffffff;
  border-radius: 10px;
  padding: 8px 20px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease; /* Transición suave */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.cards-frame-41842:hover {
  background: #319391 /* Cambia de color en hover */
  transform: scale(1.01); /* Aumenta el tamaño ligeramente */
 
}

.cards-frame-41842::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.2); /* Leve capa brillante */
  opacity: 0;
  transition: opacity 0.4s ease;
}

.cards-frame-41842:hover::before {
  opacity: 1; /* La capa brillante aparece al hacer hover */
}
.cards-content-button-text2 {
  color: var(--base-base-white, #ffffff);
  text-align: center;
  font-family: "Avenir-Heavy", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}