Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> Origen [in template "2237904#2237950#1727062" at line 6, column 17]
----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----
----
FTL stack trace ("~" means nesting-related):
- Failed at: #assign x = "${Origen.getData()}" [in template "2237904#2237950#1727062" at line 6, column 1]
----
1<script src="https://kit.fontawesome.com/1bf0fbd2a0.js" crossorigin="anonymous"></script>
2<link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
3<link type="/documents/2237945/2240419/easy-autocomplete.min.css">
4<script src="/documents/2237945/2240419/jquery.easy-autocomplete.min.js" type="text/javascript" ></script>
5<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
6<#assign x = "${Origen.getData()}" >
7<#switch x>
8 <#case '1'>
9 <#assign y = "/documents/2237945/2240320/tapo.json" >
10 <#break>
11 <#case '2'>
12 <#assign y = "/documents/2237945/2240320/capu.json" >
13 <#break>
14 <#case '3'>
15 <#assign y = "/documents/2237945/2240320/merida-centro-historico.json" >
16 <#break>
17 <#case '4'>
18 <#assign y = "/documents/2237945/2240320/terminal-veracruz.json" >
19 <#break>
20 <#case '5'>
21 <#assign y = "/documents/2237945/2240320/terminal-oaxaca.json" >
22 <#break>
23 <#case '6'>
24 <#assign y = "/documents/2237945/2240320/terminal-tuxtla.json" >
25 <#break>
26 <#case '7'>
27 <#assign y = "/documents/2237945/2240320/terminal-villahermosa.json" >
28 <#break>
29 <#case '8'>
30 <#assign y = "/documents/2237945/2240320/terminal-xalapa-caxa.json" >
31 <#break>
32</#switch>
33
34<section class="search">
35 <div class="container">
36 <div class="row">
37 <div class="col-md-10">
38 <h3 class="fs-5" style="font-weight: 600;">Planifica tu viaje</h3>
39 <p>Reserva y vive toda una experiencia</p>
40 </div>
41 <div class="col-md-2">
42 <a class="btn btn-red" href="https://www.ado.com.mx/"><i class="fa-solid fa-store me-1"></i> Ver todas</a>
43 </div>
44 <div class="col-md-12 d-none">
45 <small style="border-bottom: 2px solid #fff; padding-bottom:6px;"><i class="fa-solid fa-bus me-1" style="color: #FFF;"></i>¿A dónde quieres ir?</small>
46 </div>
47 </div>
48 <div class="row mt-4">
49 <div class="col-md-6 col-12">
50 <a class="btn-viaje btn-redondo active"><i class="fa-solid fa-arrow-right-arrow-left me-1"></i> Ida y vuleta</a>
51 <a class="ms-2 btn-viaje btn-ida"><i class="fa-solid fa-arrow-right me-1"></i> Sólo ida</a>
52 </div>
53 </div>
54
55 <div class="row mt-4">
56 <div class="col-md-9 col-12">
57 <div id="new-origen">
58 <span class='min-origen'>Origen</span>
59 <a id='v-origen' class='nav-link'>${Titulo.getData()}</a>
60 </div>
61 <div id="new-destino">
62 <span class="icon"><i class="fa-solid fa-arrow-right"></i></span>
63 <span class='min-origen'>Destino</span>
64 <!--<a id="v-destino" class='nav-link'>¿A dónde quieres ir?</a>-->
65 <input class="provider-json nav-link" id="provider-json" />
66 </div>
67 </div>
68 <div class="col-md-3 ">
69 <a class="btn btn-search btn-1" href="#" style="pointer-events: none;"> <i class="fa-solid fa-magnifying-glass"></i> Buscar viaje</a>
70 </div>
71 </div>
72 <div class="row mt-2 fechas">
73 <div class="col-md-9 dates">
74 <label for="salida" class='min-origend'>Salida</label>
75 <input type="text" id="salida" class="v-calendar datepicker" >
76 <label for="regreso" class='min-origend' id="lab-regreso">Regreso</label>
77 <input type="text" id="regreso" class="v-calendar datepicker" disabled="">
78
79 </div>
80 <!--
81 <div class="col-md-3 ms-0">
82 <div class="v-pasajero">
83 <label for="pasajeros" class='min-origend pasajeros'>Pasajeros</label>
84 <a class="dropdown-toggle" href="#" role="button" id="MenuLinkPas" data-toggle="dropdown" aria-expanded="false">
85 ¿Quiénes viajan?
86 </a>
87 <div id="list-pasajeros" class="container dropdown-menu" aria-labelledby="MenuLinkPas">
88 <div class="row">
89 <div class="col-12">
90 <p class="clean"><span class="text-start fw-bold">¿Quiénes viajan?</span>
91 <span style="float: right;"><a href="#" id="c-pasajeros" >Limpiar</a></span></p>
92 <div class="d-flex justify-content-between">
93 <div class="box">
94 <p class="edad"><i class="fa-solid fa-people-group"></i> Adulto(s)<br><small>Más de 12 años</small></p>
95 </div>
96 <div class="input-group w-auto justify-content-end align-items-center">
97 <input type="button" value="-" class="button-minus border rounded-circle icon-shape icon-sm mx-1 " data-field="quantity">
98 <input type="number" step="1" max="10" value="1" name="quantity" class="border-0 text-center w-25" id="b-adulto">
99 <input type="button" value="+" class="button-plus border rounded-circle icon-shape icon-sm " data-field="quantity">
100 </div>
101 </div>
102 </div>
103 <div class="col-12 mt-2">
104 <div class="d-flex justify-content-between">
105 <div class="box">
106 <p class="edad"><i class="fa-solid fa-children"></i> Niño(s)<br><small>5 a 12 años</small></p>
107 </div>
108 <div class="input-group w-auto justify-content-end align-items-center">
109 <input type="button" value="-" class="button-minus border rounded-circle icon-shape icon-sm mx-1 " data-field="quantity">
110 <input type="number" step="1" max="10" value="0" name="quantity" class="quantity-field border-0 text-center w-25" id="b-nino">
111 <input type="button" value="+" class="button-plus border rounded-circle icon-shape icon-sm lh-0" data-field="quantity">
112 </div>
113 </div>
114 </div>
115 <div class="col-12 mt-2">
116 <div class="d-flex justify-content-between">
117 <div class="box">
118 <p class="edad"><i class="fa-solid fa-person-cane"></i> INAPAM<br><small>Credencial vigente</small></p>
119 </div>
120 <div class="input-group w-auto justify-content-end align-items-center">
121 <input type="button" value="-" class="button-minus border rounded-circle icon-shape icon-sm mx-1 lh-0" data-field="quantity">
122 <input type="number" step="1" max="10" value="0" name="quantity" class="quantity-field border-0 text-center w-25" id="b-inapam">
123 <input type="button" value="+" class="button-plus border rounded-circle icon-shape icon-sm lh-0" data-field="quantity">
124 </div>
125 </div>
126 </div>
127 </div>
128 </div>
129 </div>
130
131 </div>-->
132
133 <div class="col-md-3">
134 <a class="btn btn-search" id="btnViajeFin"> <i class="fa-solid fa-magnifying-glass"></i> Buscar viaje</a>
135 </div>
136 </div>
137 </div>
138
139 </section>
140
141
142<script>
143$(document).ready(function() {
144 $('.origen').find('option[value=${x}]').attr('selected','selected');
145
146 let index = "";
147 var options = {
148 url: "${y}",
149 getValue: "Name",
150 placeholder: "¿A donde quieres ir?",
151 list: {
152 match: {
153 enabled: true
154 },
155 onSelectItemEvent: function() {
156 $("#linkviaje").attr('href',"");
157 index = $("#provider-json").getSelectedItemData().Link;
158 $("#provider-json").attr('value',index);
159 }
160 }
161 };
162
163 $(".provider-json").easyAutocomplete(options);
164
165 $(".provider-json" ).on( "change", function() {
166 $(".fechas").css("display","flex");
167 $(".btn-1").hide();
168 });
169
170 $.datepicker.regional['es'] = {
171 closeText: 'Cerrar',
172 prevText: '< Ant',
173 nextText: 'Sig >',
174 currentText: 'Hoy',
175 monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
176 monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],
177 dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
178 dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
179 dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
180 weekHeader: 'Sm',
181 dateFormat: 'dd/mm/yy',
182 firstDay: 1,
183 isRTL: false,
184 showMonthAfterYear: false,
185 yearSuffix: ''
186 };
187 $.datepicker.setDefaults($.datepicker.regional['es']);
188 $( "#salida" ).datepicker({
189 minDate: 0,
190 maxDate: "+2M +10D"
191 });
192 $( '#salida').datepicker('setDate', new Date());
193
194 $( "#regreso" ).datepicker({
195 minDate: 0,
196 maxDate: "+2M +10D"
197 });
198 $( '#regreso').datepicker('setDate', new Date());
199
200 $(function() {
201
202 var dateFormat = "dd/mm/yy",
203 from = $( "#salida" )
204 .datepicker({
205 defaultDate: "+1w",
206 changeMonth: true,
207 numberOfMonths: 1
208 })
209 .on( "change", function() {
210 $("#regreso").prop("disabled", false);
211 to.datepicker( "option", "minDate", getDate( this ) );
212 }),
213 to = $( "#regreso" ).datepicker({
214 defaultDate: +1,
215 changeMonth: true,
216 numberOfMonths: 1
217 })
218 .on( "change", function() {
219 from.datepicker( "option", "maxDate", getDate( this ) );
220 });
221
222 function getDate( element ) {
223 var date;
224 try {
225 date = $.datepicker.parseDate( dateFormat, element.value );
226 } catch( error ) {
227 date = null;
228 }
229
230 return date;
231 }
232 });
233
234 $('#MenuLinkPas').on("click", function(e){
235 $(this).text("1 adulto");
236 });
237
238 $('#c-pasajeros').on("click", function(e){
239 $("#b-nino").val(0);
240 $("#b-adulto").val(1);
241 $("#b-inapam").val(0);
242 $('#MenuLinkPas').text("1 adulto");
243
244 });
245
246 $(".btn-ida").click(function(){
247 $(this).addClass('active');
248 $(".btn-redondo").removeClass('active');
249 $(".dates input#regreso, .dates #lab-regreso").hide();
250 $(".dates input#salida").css("width","100%");
251 $(".dates input#regreso").val("");
252 });
253 $(".btn-redondo").click(function(){
254 $(this).addClass('active');
255 $(".btn-ida").removeClass('active');
256 $(".dates input#regreso, .dates #lab-regreso").show();
257 $(".dates input#salida").css("width","50%");
258 });
259
260});
261
262
263 function incrementValue(e) {
264 e.preventDefault();
265 var fieldName = $(e.target).data('field');
266 var parent = $(e.target).closest('div');
267 var currentVal = parseInt(parent.find('input[name=' + fieldName + ']').val(), 10);
268
269 if (parseInt(currentVal) > parseInt(7)) {
270 currentVal = 7;
271 }
272
273 if (!isNaN(currentVal)) {
274 parent.find('input[name=' + fieldName + ']').val(currentVal + 1);
275 } else {
276 parent.find('input[name=' + fieldName + ']').val(0);
277 }
278 }
279
280 function decrementValue(e) {
281 e.preventDefault();
282 var fieldName = $(e.target).data('field');
283 var parent = $(e.target).closest('div');
284 var currentVal = parseInt(parent.find('input[name=' + fieldName + ']').val(), 10);
285
286 if (!isNaN(currentVal) && currentVal > 0) {
287 parent.find('input[name=' + fieldName + ']').val(currentVal - 1);
288 } else {
289 parent.find('input[name=' + fieldName + ']').val(0);
290 }
291 }
292 var bol_total = '';
293
294 $('.input-group').on('click', '.button-plus', function(e) {
295 bol_total = '' ;
296 incrementValue(e);
297 bol_total += $("#b-adulto").val()+' adultos';
298
299 if($("#b-nino").val() > 0){
300 bol_total += ', '+ $("#b-nino").val()+' niños';
301 }
302 if($("#b-inapam").val() > 0){
303 bol_total += ', '+ $("#b-inapam").val()+' Inapam';
304 }
305
306 $("#MenuLinkPas").text(bol_total);
307
308 });
309
310 $('.input-group').on('click', '.button-minus', function(e) {
311 bol_total = '' ;
312 decrementValue(e);
313 console.log($("#b-adulto").val());
314 if($("#b-adulto").val() > 0){
315 bol_total += ''+ $("#b-adulto").val()+' adulto';
316 }
317
318 if($("#b-nino").val() > 0){
319 bol_total += ', '+ $("#b-nino").val()+' niños';
320 }
321 if($("#b-inapam").val() > 0){
322 bol_total += ', '+ $("#b-inapam").val()+' Inapam';
323 }
324 $("#MenuLinkPas").text(bol_total);
325 });
326
327 $('#btnViajeFin').click(function() {
328 var pasajeros = $("#MenuLinkPas").text().trim();
329 console.log(pasajeros);
330 localStorage.setItem('tipoPasajero', '[{"id":1,"cantidad":2},{"id":2,"cantidad":2},{"id":3,"cantidad":2}]');
331
332 var dest = $("#provider-json").attr("value");
333 var orig = $("#salida").val();
334 var reg = $("#regreso").val();
335 event.preventDefault();
336 if(reg == "0" || reg == ""){
337
338 var link_f = dest+"/?fechaIda="+orig+"%2000:00:00&utm_source=${Titulo.getData()}&utm_medium=buscador&utm_campaign=LandingTerminales";
339 }
340 else{
341
342 var link_f = dest+"/?fechaIda="+orig+"%2000:00:00&fechaRegreso="+reg+"%2000:00:00&utm_source=${Titulo.getData()}&utm_medium=buscador&utm_campaign=LandingTerminales";
343 }
344 dataLayer.push({'event': 'ClickBuscar','LandingT':'${Titulo.getData()}' });
345 window.open(link_f, '_blank');
346
347 });
348
349</script>
350<style>
351@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;600;700&display=swap');
352
353
354section.search{
355 font-family: 'Montserrat', Arial, Helvetica, sans-serif;
356 font-weight: 100;
357 display:flex;
358}
359
360.search .container{
361 width: 100%;
362 background-color:rgb(127 11 11 / 90%);
363 padding: 35px 60px 40px;
364 color:#FFF;
365 border-radius: 20px;
366 margin-top:-170px;
367}
368.fechas{
369 display: none;
370}
371
372.search #provider-json{
373 border: none;
374 margin-top: 10px;
375 width: 375px;
376 height: 30px;
377 font-size: 14px;
378 font-weight: bold;
379 background-color: transparent;
380 padding-left:20px
381}
382
383#v-origen{
384 pointer-events: none;
385 color: #7F8A8F !important;
386}
387
388.search .easy-autocomplete-container{
389 background: white;
390 margin-top:-1px;
391 position: absolute;
392 text-transform: capitalize;
393 height: 0px;
394 width: 345px;
395}
396
397.search .easy-autocomplete-container ul{
398 list-style: none;
399 margin-left: 0px;
400 margin-top: 0px;
401 padding-left: 11px;
402 z-index: 3;
403 position: relative;
404 border: 1px solid #ccc;
405 background-color: white;
406 min-width: 260px;
407}
408
409.search .easy-autocomplete-container ul li{
410 margin:5px 0px;
411 background-image: url("/documents/2237945/2240317/bus_2.png");
412 background-size: 20px 20px;
413 background-repeat: no-repeat;
414 background-position: left 1px top 10px;
415 border-bottom:1px solid #ccc;
416 font-weight: 600;
417}
418
419.search .easy-autocomplete-container ul li.selected{
420 background-color:#EEE;
421}
422
423.search .easy-autocomplete-container ul li .eac-item{
424 padding: 10px 0px 0px 28px;
425 color:#000;
426}
427.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
428 border: 1px solid #61206A;
429 background: #61206A;
430 }
431
432#provider-json:focus{
433 outline: none;
434}
435
436
437.v-calendar::-webkit-calendar-picker-indicator {
438 width: 100%;
439 height: 100%;
440 position: absolute;
441 top: 0;
442 left: 0;
443 color: transparent;
444 background: 0 0;
445 margin: 0;
446 opacity: 0;
447 pointer-events: auto;
448 }
449
450
451
452.search .btn-1{
453 pointer-events: none;
454}
455
456a.btn-red{
457 width: 130px;
458 height: 32px;
459 color: #FFF;
460 font-weight: 300;
461 background: #FC232F;
462 border-radius: 4px;
463 font-size: 12px;
464}
465
466a.btn-red:hover{
467 background-color: #64186D;
468 color:#FFF;
469 text-decoration: none;
470}
471
472a.btn-viaje{
473 padding: 10px 20px;
474 height: 26px;
475 background-color: #E11F2A;
476 color:#FFF;
477 font-size: 12px;
478 font-weight: 300;
479 box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
480 border-radius: 4px;
481 text-decoration: none;
482 cursor: pointer;
483}
484a.btn-viaje:hover{
485 text-decoration: underline;
486}
487
488
489a.btn-viaje.active{
490 color:#E11F2A;
491 background: #FFFDFD;
492 text-decoration: none;
493}
494
495.btn-search{
496
497 font-size: 14px;
498 color:#fff;
499 background: #FC232F;
500 border-radius: 4px;
501 padding: 10px 55px;
502}
503
504.btn-search:hover{
505 text-decoration: none;
506 color: #fff;
507}
508
509#new-origen{
510 background-color: #FFF;
511 border:1px solid #ccc;
512 width: 50%;
513 height: 42px;
514 position: relative;
515 border-top-left-radius: 4px;
516 border-bottom-left-radius:4px;
517 display: inline-block;
518}
519
520#new-destino{
521 background-color: #FFF;
522 border:1px solid #ccc;
523 width: 50%;
524 height: 42px;
525 position: relative;
526 border-top-right-radius: 4px;
527 border-bottom-right-radius:4px;
528}
529
530a.nav-link{
531 color: #66818D;
532 font-size: 13px;
533 font-weight: bold;
534 position: relative;
535 padding-top: 15px;
536 padding-left: 20px;
537}
538
539.min-origen{
540 font-size: 11px;
541 position: absolute;
542 font-weight: 300;
543 color: #475962;
544 top: 1px;
545 padding-left: 20px;
546}
547
548.terminales-res{
549 background-color: #F1F6F8;
550 position: absolute;
551 border-top-right-radius: 5px;
552 top: 0px;
553 right: 0;
554 height: 100%;
555 width: 40%;
556}
557
558.terminales-res p.title-2{
559 padding-top: 25px;
560 padding-left: 25px;
561 font-size: 14px;
562 color:#172126;
563 font-weight: 600;
564}
565
566.terminales-res p.title-2 a.clean{
567 float: right;
568 color:#64186D;
569 font-size: 12px;
570 text-decoration: none;
571 margin-right: 20px;
572}
573
574.terminales-res p.title-2 a.clean:hover{
575 text-decoration: underline;
576}
577
578
579.terminales-res p.content{
580 margin-top: 60%;
581 font-size: 14px;
582 text-align: center;
583 color:#333333;
584 padding: 0px 40px;
585 font-weight: 300;
586
587}
588
589.terminales-res p.content span.circle-purple{
590 background-color: #64186D;
591 text-align: center;
592 color: #fff;
593 border-radius: 50%;
594 padding: 10px;
595}
596
597#myMenu{
598 width: 720px;
599 padding: 24px;
600 border-radius: 5px;
601 min-width:720px;
602 max-width:720px;
603 background-color:#FFFFFF;
604 height: 520px;
605 top:40px !important;
606 left:0px !important;
607 max-height:5200px;
608 border: 1px solid #eee;
609 overflow-x: hidden;
610 }
611
612 #myMenu2{
613 padding: 24px;
614 border-radius: 5px;
615 margin-left: -350px !important;
616 width: 720px;
617 min-width:720px;
618 max-width:720px;
619 height: 520px;
620 max-height: 520px;
621 top:40px !important;
622 left:-10px !important;
623 overflow: hidden;
624 background-color: #fff;
625 border: 1px solid #eee;
626 overflow-x: hidden;
627 }
628
629 .submenu
630 {
631 border: none;
632 background-color: #F1F6F8;
633 width: 280px;
634 height: 430px;
635 top: 60px;
636 left: 440px;
637 position: absolute;
638 overflow-y: scroll;
639 max-width: 280px;
640 }
641
642 .submenu2 {
643 border: none;
644 background-color: #F1F6F8;
645 width: 400px;
646 height: auto;
647 right: -39px;
648 top: 0px;
649 position: relative;
650 max-width: 400px;
651 }
652
653
654 .submenu a.origen-val,.submenu a.destino-val{
655 font-size: 14px;
656 font-weight: 100;
657 padding-right: 0px;
658 font-family:'Montserrat'
659 }
660
661 .dropdown-menu p.title,.dropdown-menu2 p.title{
662 color:#000;
663 font-weight: bold;
664 padding-bottom: 5px;
665 font-size: 15px;
666 border-bottom: 1px solid #ccc;
667 width: 490px;
668 }
669
670 .dropdown-menu p.recomendados{
671 font-size: 12px;
672 color: #7F8A8F;
673 font-weight: 600;
674 }
675
676
677 a.nav-link{
678 color:#7F8A8F;
679 font-size: 14px;
680 text-decoration: none;
681 font-family: 'Montserrat', Arial, Helvetica, sans-serif;
682 }
683
684 a.nav-link:hover {
685 color: #7F8A8F;
686 text-decoration: none;
687 cursor:pointer;
688 }
689
690 .city-rec{
691 list-style: none;
692 font-size: 14px;
693 width: 450px;
694 padding-left: 0px;
695
696 }
697 .city-rec li{
698 line-height: 25px;
699 }
700 .city-rec li a{
701 color:#333333;
702 text-decoration: none;
703 line-height: 30px;
704 font-family: 'Montserrat', Arial, Helvetica, sans-serif;
705 font-size:14px;
706 }
707 .city-rec li a:hover{
708 text-decoration: underline;
709 color:#E11F2A;
710 }
711
712 .city-rec li a i{
713 color:#E11F2A;
714 }
715
716 /* LISTAS ORIGEN */
717
718 #my-Menu,#my-Menu2{
719 columns: 2;
720 height: 750px;
721 margin-top: 20px;
722 list-style: none;
723 padding-left: 0px;
724 }
725 #my-Menu2{
726 width: 470px;
727 }
728 #my-Menu .submenu li,#my-Menu2 .submenu li{
729 line-height: 29px;
730 margin-left: 12px;
731 width: fit-content;
732 }
733 li.edos a.dropdown-toggle:hover{
734 background-color: #E11F2A;
735 color: #fff;
736 border-radius: 5px;
737 padding: 7px 10px 5px 5px;
738 }
739 #my-Menu .submenu li a i,#my-Menu2 .submenu li a i{
740 color:#64186D;
741 margin-right: 5px;
742 }
743 #my-Menu .submenu li a.origen-val:hover,#my-Menu2 .submenu li a.destino-val:hover{
744 text-decoration: none;
745 background-color: #64186D;
746 color:#fff;
747 padding: 4px 7px;
748 border-radius: 4px;
749 cursor: pointer;
750 width: fit-content;
751 margin-left: 9px;
752 }
753 #my-Menu .submenu li a.origen-val:hover > i,#my-Menu2 .submenu li a.destino-val:hover > i{
754 color:#FFF;
755 }
756 #my-Menu li a:focus,#my-Menu2 li a:focus{
757 background-color: #E11F2A;
758 color: #fff;
759 border-radius: 5px;
760 padding: 7px 10px 5px 5px;
761 }
762 #my-Menu li a:after,#my-Menu2 li a:after{
763 content: none;
764 }
765 #my-Menu li.edos,#my-Menu2 li.edos{
766 line-height: 29px;
767 }
768 #my-Menu li.edos:nth-child(n + 9) {
769 margin-left: 60px;
770
771 }
772
773
774 .submenu2 li a.terminal{
775 font-size: 14px;
776 color:#333333;
777 text-decoration: none;
778 font-family:'Montserrat';
779 }
780 #my-Menu2 .submenu2 li a.terminal:hover{
781 text-decoration: underline;
782 padding: 0px 8px;
783 cursor: pointer;
784 width: fit-content;
785 color:#212529;
786 background:none;
787 margin-left: 17px;
788 }
789 #my-Menu2 .submenu2 li a.terminal:hover i{
790 font-size: 14px;
791 color:#333333;
792 cursor: pointer;
793 }
794
795
796 /****DESTINO***/
797
798 #new-destino {
799 background-color: #FFF;
800 border: 1px solid #ccc;
801 width: 50%;
802 height: 42px;
803 margin-left: -5px;
804 position: relative;
805 display: inline-block;
806 /*pointer-events: none;*/
807 }
808
809 #new-destino .icon{
810 position: absolute;
811 left: -15px;
812 top: 5px;
813 font-size: 12px;
814 background: linear-gradient(180deg, #FFFFFF 0%, #E8EEF1 100%);
815 border: 1px solid #DAE6EB;
816 border-radius: 50%;
817 padding: 4px 8px;
818 color: #000;
819 }
820
821
822
823 .dates{
824 position: relative;
825 }
826 .dates input.v-calendar{
827 width: 50%;
828 padding: 15px 10px 5px 20px;
829 float: left;
830 color: #7F8A8F;
831 font-weight: bold;
832 font-size: 14px;
833 border: 1px solid #ccc;
834 background-color: #fff;
835
836 }
837
838 .dates input#salida{
839 border-top-left-radius: 4px;
840 border-bottom-left-radius: 4px;
841 }
842
843 .dates input#regreso{
844 border-top-right-radius: 4px;
845 border-bottom-right-radius: 4px;
846 }
847
848 .dates input#pasajeros{
849 border-radius: 4px;
850 }
851 .dates .min-origend{
852 font-size: 11px;
853 padding-left: 20px;
854 position: absolute;
855 font-weight: 300;
856 color: #475962;
857 top: 1px;
858
859 }
860
861 .dates #pasajeros{
862 margin-left: 0%;
863 }
864
865
866 div.v-pasajero{
867 background-color: #fff;
868 width: 100%;
869 display: inline-block;
870 border-radius: 4px;
871 position: relative;
872 padding: 15px 10px 5px 10px;
873 }
874
875 div.v-pasajero a.dropdown-toggle{
876 color: #7F8A8F;
877 font-weight: bold;
878 font-size: 14px;
879 }
880
881 div.v-pasajero .min-origend.pasajeros{
882 font-size: 11px;
883 padding-left: 0px;
884 position: absolute;
885 font-weight: 300;
886 color: #475962;
887 top: 1px;
888 }
889
890 #list-pasajeros{
891 width: 350px;
892 margin-left: -50px !important;
893 margin-top: 340px !important;
894 padding: 25px;
895 background-color: #FFF;
896 max-width: 350px;
897 }
898
899 #list-pasajeros .box{
900 width: 65%;
901 padding-top: 10px;
902 }
903
904 #list-pasajeros p.edad{
905 line-height: 14px;
906 color: #7F8A8F;
907 }
908
909 #list-pasajeros p.edad small{
910 font-size: 11px;
911 margin-left: 25px;
912 }
913
914 #list-pasajeros p.clean a{
915 font-size: 14px;
916 font-weight: bold;
917 color: #64186D;
918 text-decoration: none;
919 }
920
921 .icon-shape {
922 display: inline-flex;
923 align-items: center;
924 justify-content: center;
925 text-align: center;
926 vertical-align: middle;
927 }
928
929 .icon-sm {
930 width: 2rem;
931 height: 2rem;
932 }
933
934 @media all and (min-width: 992px) {
935 .nav-item .submenu{
936 display: none;
937 position: relative;
938 left:100%; top:-7px;
939 }
940 .nav-item .submenu-left{
941 right:100%; left:auto;
942 }
943 }
944
945 @media (max-width: 767.98px){
946 .site-wrapper a.nav-link {
947 font-size: 14px;
948 }
949
950 #new-origen {
951 display:block;
952 width: 100%;
953 }
954
955 #new-destino{
956 width: 100%;
957 margin-top:20px;
958 margin-left: 0px;
959 margin-bottom: 20px;
960 }
961 #new-destino span.icon{
962 display:none;
963 }
964
965 .search .easy-autocomplete {
966 width: 345px !important;
967 }
968
969 .search #provider-json {
970 width: 345px;
971 }
972 }
973</style>