.elementor-2330 .elementor-element.elementor-element-f057329{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2330 .elementor-element.elementor-element-f057329.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2330 .elementor-element.elementor-element-c5772cf{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;}.elementor-2330 .elementor-element.elementor-element-c5772cf:not(.elementor-motion-effects-element-type-background), .elementor-2330 .elementor-element.elementor-element-c5772cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stadtravel.com/wp-content/uploads/2025/09/cotizacion.webp");background-position:center center;background-size:cover;}.elementor-2330 .elementor-element.elementor-element-b370910{--display:flex;--min-height:1vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-2330 .elementor-element.elementor-element-185362d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2330 .elementor-element.elementor-element-4d717dd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2330 .elementor-element.elementor-element-4bf1104{--display:flex;--min-height:90vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:2px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-2330 .elementor-element.elementor-element-ecaf4d1{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2330 .elementor-element.elementor-element-bdf86a2 img{width:100%;}.elementor-2330 .elementor-element.elementor-element-4bf1104{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-2330 .elementor-element.elementor-element-b370910{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2330 .elementor-element.elementor-element-bdf86a2 img{width:60%;}}@media(min-width:768px){.elementor-2330 .elementor-element.elementor-element-f057329{--width:100%;}.elementor-2330 .elementor-element.elementor-element-185362d{--width:12%;}.elementor-2330 .elementor-element.elementor-element-4d717dd{--width:88%;}.elementor-2330 .elementor-element.elementor-element-4bf1104{--width:100%;}.elementor-2330 .elementor-element.elementor-element-ecaf4d1{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2330 .elementor-element.elementor-element-185362d{--width:27%;}}/* Start custom CSS for html, class: .elementor-element-ffb35f6 */.pagina {
 display: none;
}
.pagina.active {
  display: block;
}
.titulo-pregunta {
  font-weight: 500;           /* Peso normal */
  font-style: normal;            /* Estilo normal */
  font-variant: normal;          /* Variante normal */
  font-size: 60px;               /* Tamaño de fuente */
  line-height: 66px;             /* Altura de línea */
  font-family: 'Columbia-Serial', sans-serif; /* Fuente personalizada */
  color: #D0A558;
  padding-top: 30px;
}
.flecha-icono {
  width: 16px;
  height: auto;
}



.imput-trans,
.input-num,
.fechas-trans{
  display: inline-block;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  background-color: rgba(255, 255, 255, 0.2)!important;
  color: #fff!important;
  border: 2px solid #000;
  height: 40px;
  border-radius: 20px!important;
  margin-top: 30px;
}
.imput-trans{
    width: 80%!important;
}
.fechas-trans{
    width: 50%!important;
}
.input-num{
    width: 20%!important;
}
.siguiente,
.anterior,
.siguiente-final{
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-flex;
  align-items: center;
  gap: 0.7em;
  background-color: #0A0C4D;
  color: #fff;
  font-size: 18px;
  border: none;
  border-radius: 20px;
  font-family: 'Acumin Variable Concept', sans-serif;
  cursor: pointer;
  padding: 5px 24px;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.siguiente:hover,
.anterior:hover,
.siguiente-final:hover{
  background-color: #1C1F7A; /* tono más claro al pasar el mouse */
  transform: scale(1.03);    /* efecto sutil de crecimiento */
  box-shadow: 0 4px 12px rgba(10, 12, 77, 0.3);
}
.siguiente:focus,
.anterior:focus,
.siguiente-final:focus,
.siguiente:active,
.anterior:active,
.siguiente-final:active{
  outline: none;
  background-color: #0A0C4D; /* mismo color que el estado normal */
  color: #fff;
  box-shadow: none;
}
.siguiente-icono {
  width: 1.4em;
  height: auto;
}
.form-multipagina{
    text-align: center
}

.fechas{
    display: flex;
    text-align: center;
    justify-content: center;
    gap: 20px;
}


input::placeholder {
  color: #fff; /* blanco */
  opacity: 1;  /* asegura que se vea en todos los navegadores */
}

.flecha-izquierda {
  transform: rotate(180deg);
}
.tarjeta-opcion {
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 2px solid transparent;
}

.tarjeta-opcion.seleccionada {
    background-color: rgba(208, 165, 88, 0.5); /* 50% transparencia */
    padding: 20px;
    border-radius:20px;
}
.tarjetas-viaje,
.tarjetas-viaje2{
    display: flex;
    justify-content: center;
    gap: 20px;
    text-align: center;
    
}
.tarjetas-viaje{
    padding-top: 100px;
}
.tarjetas-viaje2{
    padding-top: 50px;
    padding-bottom: 100px;
}

.tarjeta-opcion img{
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 10px

}

.tarjeta-opcion h3{
  font-weight: 500;           /* Peso normal */
  font-style: normal;            /* Estilo normal */
  font-variant: normal;          /* Variante normal */
  font-size: 20px;               /* Tamaño de fuente */
  font-family: 'Columbia-Serial', sans-serif; /* Fuente personalizada */
  color: #fff
    
}
.centrado{
    width: 70%;
    margin: 0 auto;
}
.campo-error {
  border: 2px solid #ff4d4d;
  background-color: rgba(255, 77, 77, 0.1);
}

.mensaje-error {
  display: none;
  background-color: #ffdddd;
  color: #b30000;
  padding: 12px 16px;
  border: 2px solid #b30000;
  border-radius: 8px;
  margin: 20px 0;
  font-weight: 600;
  text-align: center;
}

.campo-edad label {
  color: #fff; /* blanco puro */
}

@media screen and (max-width: 768px) {
  .titulo-pregunta {
    font-size: 36px;
    line-height: 42px;
    padding-top: 15px;
  }

  .imput-trans,
  .fechas-trans,
  .imput-num {
    width: 100%!important;
    margin-top: 20px;
  }

  .fechas {
    flex-direction: column;
    gap: 10px;
  }

  .siguiente,
  .anterior,
  .siguiente-final {
    font-size: 16px;
    padding: 8px 20px;
    width: 80%;
    justify-content: center;
  }

  .tarjeta-opcion img {
    width: 250px;
    height: 250px;
  }
 .tarjeta-opcion h3 {
    font-size: 18px;
  }

  .centrado {
    width: 100%;
  }
  .tarjetas-viaje,
.tarjetas-viaje2{
   
    flex-direction:column;
    justify-content: center;
    
    text-align: center;
    
}
}
.tarjetas-viaje,
.tarjetas-viaje2{
    display: flex;
    justify-content: center;
    gap: 20px;
    text-align: center;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ecaf4d1 */.preguntas-trans{
   display: inline-block;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  background-color: rgba(255, 255, 255, 0.2);
 
 
  border-radius: 10px;

  
}/* End custom CSS */