object(stdClass)#40 (2) {
  ["summaries"]=>
  string(2621) "<!--Reservation Summary-->

					<li class="reservation-summary p-10">
                <ul class="col-md-7">
                    <li><strong class="text-t-uc">Resumen de la reserva actual</strong></li>
                    <li class="m-t-10"><strong>Hotel de la reservaci&oacute;n: </strong> <span>Villa San Juan</span></li>
                    <li><strong>Total de personas: </strong> <span>
        2        Adults
        
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Trying to access array offset on value of type int</p>
<p>Filename: hotels/reservation_summaryamp.php</p>
<p>Line Number: 10</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/u155065291/domains/hotelcubaresort.com/public_html/application/views/content/hotels/reservation_summaryamp.php<br />
			Line: 10<br />
			Function: _error_handler			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/u155065291/domains/hotelcubaresort.com/public_html/application/controllers/Hotel.php<br />
			Line: 1795<br />
			Function: view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/u155065291/domains/hotelcubaresort.com/public_html/application/controllers/Hotel.php<br />
			Line: 2422<br />
			Function: _load_form_summary_views			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/u155065291/domains/hotelcubaresort.com/public_html/application/controllers/Hotel.php<br />
			Line: 40<br />
			Function: book_reserve			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/u155065291/domains/hotelcubaresort.com/public_html/index.php<br />
			Line: 292<br />
			Function: require_once			</p>

		
	

</div>		</li>
                    <li><strong>Plan Alimenticio: </strong>  2</li>
                    <li><strong>Total de habitaciones por tipo: </strong> <span>
        1 Double-Standard        </span></li>
                    <li><strong>Noche(s): </strong> <span>1 nts </span></li>
                </ul>
                <div class="col-md-5">
                    <h4 class="price">PRECIO TOTAL: <span style="font-size:24px;color:#014A7D;"><strong>$64</strong></span></h4>
                        <p style="font-size:11px;color:#999;margin-top:0px;"><span>Para fechas desde 05/03/2025  hasta 05/04/2025</span></p>
        
                </div>
            </li>

 

                
        <!--ESTOS DOS DIV DEBE SALIR SI EL CARRITO TIENE ALGUN ELEMENTO-->
		<!--SHOPPING CART SUMMARY -->
						<!--FIN DE SHOPPING CART SUMMARY -->"
  ["hotel_form"]=>
  string(15288) "<amp-state id="shirts" credentials="include" [src]="'https://www.hotelcubaresort.com/hotel/ajax_formamp/en/'+checkin.date+'/'+checkout.date+'/'+427+'/'+datos.change_mealplan+'/'+datos.cantroom+'/'+datos.type+'/'+datos.combination1+'/'+datos.combination2+'/'+datos.combination3">
</amp-state>

<amp-state id="datos">
    <script type="application/json">
        {
            "combination1": "2-0-0",
            "combination2": "2-0-0",
            "combination3": "2-0-0",
            "type":"1", "cantroom":"1",
            "change_mealplan": "2"
        }
    </script>
</amp-state>
<form method="post" id="myform_transfer"
      action-xhr="https://www.hotelcubaresort.com/hotel/addcart/en"  target="_top"
      on="submit-success:AMP.setState({'subscribe': event.response.name}), AMP.navigateTo(url=event.response.url, target=_blank)"
      custom-validation-reporting="show-all-on-submit"  >
    <fieldset>
        <input type="hidden" id="hotel" name="hotel" value="427" />
        <div class="-nr" [hidden]="hiddenState">
            <label class="lb-checkin"><b>Check-in</b></label>
            <label class="lb-checkout"><b>Check-out</b></label>
        </div>
        <div class="-nr" [hidden]="hiddenState">
            <div class="icon-input"></div>
            <label class="-nr">
                <amp-date-picker id="date_picker_place"
                                 type="range"
                                 mode="overlay"
                                 layout="container"
                                 on="select:AMP.setState({ dates: event.dates,checkin: event.start,
                                                   checkout: event.end, start3:event.date,
                                                    nights: event.dates.length, change:'dates'
                                                    }) "
                                 locale="en"
                                 format="YYYY-MM-DD"
                                 min=2025-05-03                                 minimum-nights="1"
                                 maximum-nights="30"
                                 start-input-selector = "[name=checkin]"
                                 end-input-selector = "#checkout"
                                 class="reserv_fecha"
                    >
                    <label class="lb-checkin-xs"><b>Check-in</b></label>
                    <input class="border-none p0 info-formcardate datepicker"
                           name="checkin" id="checkin" value="2025-05-03"
                           placeholder="Fecha de Check-in"  >
                   <label class="lb-checkout-xs"><b>Check-out</b></label>   
                    <input class="border-none p0 info-formcardate datepicker checkout_date"
                           name="checkout" id="checkout" value="2025-05-04"
                           placeholder="Fecha de Check-out">
                   
                                          
                    <template type="amp-mustache"
                              info-template>
                        <span style="margin-top: -50px; margin-left: auto; margin-right: auto; color:#005af0" [text]="(startDate && endDate ?
                        'Ahora seleccione en este mismo calendario FECHA DE ENTREGA ' + endDate.date :
                        'Ahora seleccione en este mismo calendario FECHA DE SALIDA.')">
                        Seleccione la FECHA DE SALIDA.
                        </span>
                    </template>
                </amp-date-picker>

            </label>
        </div>
        <div class="-nr  -detail-title" [hidden]="hiddenState" style="width:calc(100%)" >
        <label class="m-t-15">
            <div class="cars-pickup-hour" style="">
                <span class="checkdate">  Plan Alimenticio</span>

                <amp-list layout="fixed-height"
                          height="40"
                          src="https://www.hotelcubaresort.com/hotel/ajax_formamp_mealplan/en/427/2025-05-03/2025-05-04"
                          [src]="'https://www.hotelcubaresort.com/hotel/ajax_formamp_mealplan/en/'+427+'/'+checkin.date+'/'+checkout.date"
                          binding="refresh"
                          single-item
                          items="."
                          noloading>
                    <template type="amp-mustache">

                        <select id="mealplan_form" name="mealplan_form" class="combo resp-meal" on="change:AMP.setState({ datos: {change_mealplan: event.value}, change:'mealplan' })">
                            {{#mealplans}}
                            <option value="{{pk_mealplan}}" >{{mealdescription}}</option>
                            {{/mealplans}}
                        </select>
                    </template>

                </amp-list>

            </div>
        </label>
        <label class="m-t-15 div-cantday -nr ">
            <span class="checkdate" style="padding-top: 8px">Dias:</span>
            <div class="cant-dias"><span style="padding-top: 3px"  [text]="shirts.datedif">2</span>
           </div>
           <span class="checkdate" style="padding-top: 8px;margin-left:10px"> Noches:</span>
            <div class="cant-dias"><span style="padding-top: 3px"  [text]="shirts.datedif-1">1</span>
           </div>
        </label>
        </div>
        <div class="-nr m-t-15 bg-white" [hidden]="hiddenState">
            <label>
                <span class="checkdate"> Total de habitaciones</span>
                <select id="rooms"  name="rooms"  on="change:AMP.setState({ datos: {cantroom:event.value}, change:'roms' })">
                    <option value="1" selected>&nbsp;&nbsp;1&nbsp;</option>
                    <option value="2" >&nbsp;&nbsp;2&nbsp;</option>
                    <option value="3" >&nbsp;&nbsp;3&nbsp;</option>
                </select>
            </label>
        </div>
        <div class="-nr m-t-15 bg-white" [hidden]="hiddenState">
            <label style="width: calc(45%);padding: 5px;">
                <span class="checkdate"> Tipo de habitaci&oacute;n</span>
                <select id="roomtype_1"  name="roomtype_1" class="combo" on="change:AMP.setState({ datos:{type: event.value} })">
                    
                        <option value="1">standard</option>
                                    </select>
            </label>

            <label style="width: calc(45%);padding: 5px;">
                <span class="checkdate"> Ocupaci&oacute;n</span>
                <select id="room_combination_1"  name="room_combination_1" class="combo" on="change:AMP.setState({ datos:{combination1: event.value} })">
                    
                        <option value="2-0-0">2 Adultos</option>
                    
                        <option value="1-0-0">1 Adulto</option>
                    
                        <option value="3-0-0">3 Adultos</option>
                    
                        <option value="2-1-0">2 Adultos + 1 Niño</option>
                    
                        <option value="2-0-1">2 Adultos + 1 Infantes</option>
                    
                        <option value="2-0-2">2 Adultos + 2 Infantes</option>
                    
                        <option value="1-0-1">1 Adulto + 1 Infante</option>
                    
                        <option value="1-2-0">1 Adulto + 2 Niños</option>
                    
                        <option value="1-1-0">1 Adulto + 1 Niño</option>
                    
                        <option value="1-1-1">1 Adulto + 1 Niño + 1 Infante</option>
                                    </select>
            </label>
        </div>
        <div [hidden]="hiddenState"><div class="-nr m-t-15 bg-white w-resp" hidden [hidden]="datos.cantroom < 2">
        <label style="width: calc(45%);padding: 5px;">
            <select id="roomtype_2"  name="roomtype_2" class="combo" hidden [hidden]="datos.cantroom < 2" >
                
                    <option value="1">standard</option>
                            </select>
        </label>

        <label style="width: calc(45%);padding: 5px;">
            <select id="room_combination_2"  name="room_combination_2" class="combo" hidden [hidden]="datos.cantroom < 2" on="change:AMP.setState({ datos:{combination2: event.value} })">
                
                    <option value="2-0-0">2 Adultos</option>
                
                    <option value="1-0-0">1 Adulto</option>
                
                    <option value="3-0-0">3 Adultos</option>
                
                    <option value="2-1-0">2 Adultos + 1 Niño</option>
                
                    <option value="2-0-1">2 Adultos + 1 Infantes</option>
                
                    <option value="2-0-2">2 Adultos + 2 Infantes</option>
                
                    <option value="1-0-1">1 Adulto + 1 Infante</option>
                
                    <option value="1-2-0">1 Adulto + 2 Niños</option>
                
                    <option value="1-1-0">1 Adulto + 1 Niño</option>
                
                    <option value="1-1-1">1 Adulto + 1 Niño + 1 Infante</option>
                            </select>
        </label>
        </div></div>
        <div [hidden]="hiddenState"><div class="-nr m-t-15 bg-white w-resp" hidden [hidden]="datos.cantroom < 3">
        <label style="width: calc(45%);padding: 5px;">
            <select id="roomtype_3"  name="roomtype_3" class="combo" hidden [hidden]="datos.cantroom < 3" >
            
                <option value="1">standard</option>
                        </select>
        </label>

        <label style="width: calc(45%);padding: 5px;">
            <select id="room_combination_3"  name="room_combination_3" class="combo" hidden [hidden]="datos.cantroom < 3" on="change:AMP.setState({ datos:{combination3: event.value} })">
            
                <option value="2-0-0">2 Adultos</option>
            
                <option value="1-0-0">1 Adulto</option>
            
                <option value="3-0-0">3 Adultos</option>
            
                <option value="2-1-0">2 Adultos + 1 Niño</option>
            
                <option value="2-0-1">2 Adultos + 1 Infantes</option>
            
                <option value="2-0-2">2 Adultos + 2 Infantes</option>
            
                <option value="1-0-1">1 Adulto + 1 Infante</option>
            
                <option value="1-2-0">1 Adulto + 2 Niños</option>
            
                <option value="1-1-0">1 Adulto + 1 Niño</option>
            
                <option value="1-1-1">1 Adulto + 1 Niño + 1 Infante</option>
                        </select>
        </label>
        </div></div>

        <div class="-db m-t-15 "  hidden  [hidden]="showState">
        <label>
            <input type="text" class="info-formcardate" name="name"  id="name" placeholder="Nombre" required >
            
        </label>
        </div>
        <div class="-db m-t-15 "  hidden  [hidden]="showState" >
        <label>
            <input type="email" class="info-formcardate" name="email" id="email" placeholder="Email"  required>
            <span visible-when-invalid="valueMissing" validation-for="email"></span>
            <span visible-when-invalid="typeMismatch" validation-for="email">Debe poner un correo valido</span>
        </label>
        </div><div class="-db m-t-15"  hidden  [hidden]="showState" >
        <label>
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/></svg>
            <input name="phone" id="telef"  type="tel" class="info-formcardate"
                 >
        </label>
        </div>
        <div class="-nr">
            <span class="showprice">Total precio: $<span   [text]="shirts.price">64</span>.oo</span>
           
            </div>
        <div class="-nr">

            <button class="addreview" style=" margin: 15px 15px 10px" [hidden]="hiddenState" on="tap:AMP.setState({hiddenState: true, showState:false})">
            Siguiente            </button>
            <button class="addreview" hidden  style=" margin: 15px 15px 10px"   [hidden]="showState"  on="tap:AMP.setState({hiddenState: false, showState:true})">
            Atras            </button>
            <input type="submit" hidden  class="addreview" style="float: right; margin: 15px 0px 10px" [hidden]="showState"
                   value="Reservar">

            <div submitting class="-nr" >
                <p><amp-img src="https://www.cubatechtravel.com/assets/img/45.svg"
                            width="50"
                            height="50" alt="loading" title="loading" style="margin-left:10px"></amp-img></p>

            </div>
        </div>
        <amp-recaptcha-input layout="nodisplay" name="recaptcha_response"
                             data-sitekey="6Le2ciYdAAAAAF2cBVozubnxDkN5Qb7n-lZPNXpO"
                             data-action="recaptcha_example">
        </amp-recaptcha-input>
</fieldset>
    <div submit-success>
        <template type="amp-mustache">
            <div style=" padding: 15px; line-height: 1.6rem;    margin: 10px;"> <span [text]="subscribe"></span>
                <p>Usted recibir&aacute; un correo con el ID de su pedido (<strong> {{order}}</strong>)  e informaci&oacute;n adicional sobre su reserva, entonces usted podra comprobar el estado de su pedido con nuestro monitor de pedidos. Gracias por preferirnos, no ser&aacute; decepcionado.</p>

            </div>
            <input type="reset"  tabindex="0" role="button"
                   value="Close" on="tap:myform_transfer.clear, amp.goback" class="addreview" style="float: right; margin: 0px 12px 14px;">
        </template>
    </div>
    <div submit-error>
        <template type="amp-mustache">
            Subscription failed!
            {{error}}
        </template>
    </div>


</form>
"
}
<!DOCTYPE html>
<html amp lang="es" i-amphtml-layout i-amphtml-no-boilerplate transformed="self;v=1">
<head>
<meta charset="utf-8" />
<meta name="robots" content="noindex">
<style amp-runtime i-amphtml-version="012005272217000">
html {
    overflow-x: hidden !important;
}
html.i-amphtml-fie {
    height: 100% !important;
    width: 100% !important;
}
html:not([amp4ads]),
html:not([amp4ads]) body {
    height: auto !important;
}
html:not([amp4ads]) body {
    margin: 0 !important;
}
body {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
html.i-amphtml-singledoc.i-amphtml-embedded {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
html.i-amphtml-fie > body,
html.i-amphtml-singledoc > body {
    overflow: visible !important;
}
html.i-amphtml-fie:not(.i-amphtml-inabox) > body,
html.i-amphtml-singledoc:not(.i-amphtml-inabox) > body {
    position: relative !important;
}
html.i-amphtml-webview > body {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    min-height: 100vh !important;
}
html.i-amphtml-ios-embed-legacy > body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    position: absolute !important;
}
html.i-amphtml-ios-embed {
    overflow-y: auto !important;
    position: static;
}
#i-amphtml-wrapper {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    display: block !important;
}
html.i-amphtml-ios-embed.i-amphtml-ios-overscroll,
html.i-amphtml-ios-embed.i-amphtml-ios-overscroll > #i-amphtml-wrapper {
    -webkit-overflow-scrolling: touch !important;
}
#i-amphtml-wrapper > body {
    position: relative !important;
    border-top: 1px solid transparent !important;
}
#i-amphtml-wrapper + body {
    visibility: visible;
}
#i-amphtml-wrapper + body .i-amphtml-lightbox-element,
#i-amphtml-wrapper + body[i-amphtml-lightbox] {
    visibility: hidden;
}
#i-amphtml-wrapper + body[i-amphtml-lightbox] .i-amphtml-lightbox-element {
    visibility: visible;
}
#i-amphtml-wrapper.i-amphtml-scroll-disabled,
.i-amphtml-scroll-disabled {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}
[subscriptions-dialog],
body:not(.i-amphtml-subs-ready) [subscriptions-action],
body:not(.i-amphtml-subs-ready) [subscriptions-section] {
    display: none !important;
}
.i-amphtml-replaced-content,
.i-amphtml-screen-reader {
    padding: 0 !important;
    border: none !important;
}
.i-amphtml-screen-reader {
    position: fixed !important;
    top: 0px !important;
    left: 0px !important;
    width: 4px !important;
    height: 4px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    display: block !important;
    visibility: visible !important;
}
.i-amphtml-screen-reader ~ .i-amphtml-screen-reader {
    left: 8px !important;
}
.i-amphtml-screen-reader ~ .i-amphtml-screen-reader ~ .i-amphtml-screen-reader {
    left: 12px !important;
}
.i-amphtml-screen-reader ~ .i-amphtml-screen-reader ~ .i-amphtml-screen-reader ~ .i-amphtml-screen-reader {
    left: 16px !important;
}
.i-amphtml-unresolved {
    position: relative;
    overflow: hidden !important;
}
.i-amphtml-select-disabled {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
.i-amphtml-notbuilt,
[layout]:not(.i-amphtml-element),
[width][height][heights]:not([layout]):not(.i-amphtml-element),
[width][height][sizes]:not([layout]):not(.i-amphtml-element) {
    position: relative;
    overflow: hidden !important;
    color: transparent !important;
}
.i-amphtml-notbuilt:not(.i-amphtml-layout-container) > *,
[layout]:not([layout="container"]):not(.i-amphtml-element) > *,
[width][height][heights]:not([layout]):not(.i-amphtml-element) > *,
[width][height][sizes]:not([layout]):not(.i-amphtml-element) > * {
    display: none;
}
.i-amphtml-ghost {
    visibility: hidden !important;
}
.i-amphtml-element > [placeholder],
[layout]:not(.i-amphtml-element) > [placeholder],
[width][height][heights]:not([layout]):not(.i-amphtml-element) > [placeholder],
[width][height][sizes]:not([layout]):not(.i-amphtml-element) > [placeholder] {
    display: block;
}
.i-amphtml-element > [placeholder].amp-hidden,
.i-amphtml-element > [placeholder].hidden {
    visibility: hidden;
}
.i-amphtml-element:not(.amp-notsupported) > [fallback],
.i-amphtml-layout-container > [placeholder].amp-hidden,
.i-amphtml-layout-container > [placeholder].hidden {
    display: none;
}
.i-amphtml-layout-size-defined > [fallback],
.i-amphtml-layout-size-defined > [placeholder] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1;
}
.i-amphtml-notbuilt > [placeholder] {
    display: block !important;
}
.i-amphtml-hidden-by-media-query {
    display: none !important;
}
.i-amphtml-element-error {
    background: red !important;
    color: #fff !important;
    position: relative !important;
}
.i-amphtml-element-error:before {
    content: attr(error-message);
}
i-amp-scroll-container,
i-amphtml-scroll-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
}
i-amp-scroll-container.amp-active,
i-amphtml-scroll-container.amp-active {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.i-amphtml-loading-container {
    display: block !important;
    pointer-events: none;
    z-index: 1;
}
.i-amphtml-notbuilt > .i-amphtml-loading-container {
    display: block !important;
}
.i-amphtml-loading-container.amp-hidden {
    visibility: hidden;
}
.i-amphtml-element > [overflow] {
    cursor: pointer;
    position: relative;
    z-index: 2;
    visibility: hidden;
    display: initial;
}
.i-amphtml-element > [overflow].amp-visible {
    visibility: visible;
}
template {
    display: none !important;
}
.amp-border-box,
.amp-border-box *,
.amp-border-box :after,
.amp-border-box :before {
    box-sizing: border-box;
}
amp-pixel {
    display: none !important;
}
.i-amphtml-date-picker-container{
    z-index: 999;
}
.i-amphtml-toolbar>ol, .i-amphtml-toolbar>ul {
    flex-direction: column;
}
-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;
-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;
animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
/*# sourceURL=/css/ampshared.css*/
</style>
<meta name="theme-color" content="#005af0" />

<meta name="supported-amp-formats" content="websites" />

<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1" />
<meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
<meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
<link rel="preload" href="https://cdn.ampproject.org/v0.js" as="script" />



<script async src="https://cdn.ampproject.org/v0.js"></script>
<script custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js" async></script>
<script custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js" async></script>
<script async custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script>
<script async custom-element="amp-recaptcha-input" src="https://cdn.ampproject.org/v0/amp-recaptcha-input-0.1.js"></script><script async custom-element="amp-date-picker" src="https://cdn.ampproject.org/v0/amp-date-picker-0.1.js"></script><script custom-element="amp-list" src="https://cdn.ampproject.org/v0/amp-list-0.1.js" async></script><script custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.2.js" async></script><script custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js" async></script><script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>

<link rel="shortcut icon" href="https://www.hotelcubaresort.com/assets/img/favicon.png" />

<link rel="canonical" href="https://www.hotelcubaresort.com/hotel/book_reserve/es/427/villa-san-juan" />
<link rel="alternate" hreflang="x-default" href="https://www.hotelcubaresort.com/hotel/book_reserve/en/427/villa-san-juan" />

<title>Hotel Villa San Juan, Santiago de Cuba. Cuba. 3 estrellas. </title>
<meta content="Villa San Juan Hotel. Rodeado de &aacute;rboles y flores, y a escasos metros del Parque Hist&oacute;rico Militar de La Loma de San Juan --escenario de los &uacute;ltimos combates de la guerra hispano-cubano-norteamericana de 1898" name="description" />
<!-- ================== open graph etiquetas para redes sociales ================== -->
<!-- ==================FIN open graph etiquetas para redes sociales ================== -
<!--  json de datos estructurados-->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "TravelAgency",
  "name": "Cuba Tech Travel",
  "image": "https://www.cubatechtravel.com/assets/img/images/logo-1.png",
  "url": "https://www.cubatechtravel.com",
  "telephone": "5352730862",
   "priceRange": "100",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "3ra Avenidad esq  70 Hotel Triton",
    "addressLocality": "Havana",
    "postalCode": "10200",
    "addressCountry": "CU"
  },
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": -82.4399,
    "longitude": 23.1104
  },
  "openingHoursSpecification": {
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": [
      "Monday",
      "Tuesday",
      "Wednesday",
      "Thursday",
      "Friday",
      "Saturday",
      "Sunday"
    ],
    "opens": "00:00",
    "closes": "23:59"
  },
  "sameAs": [
    "https://www.facebook.com/cubatechtravel/?ref=bookmarks",
    "https://www.youtube.com/channel/UCuVLkWlxnCTUuhFBEKpFw2Q"
  ]
}
</script>
                           <!--  json de datos estructurados-->
   <style amp-custom>
@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Noto Sans"), local("NotoSans"), url(https://amp.dev/static/fonts/noto-sans-v7-latin-regular.woff2) format("woff2"), url(https://amp.dev/static/fonts/noto-sans-v7-latin-regular.woff) format("woff");
}
@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Noto Sans Bold"), local("NotoSans-Bold"), url(https://amp.dev/static/fonts/noto-sans-v7-latin-700.woff2) format("woff2"), url(https://amp.dev/static/fonts/noto-sans-v7-latin-700.woff) format("woff");
}
@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src:  url(https://amp.dev/static/fonts/poppins-v5-latin-700.woff2) format("woff2"), url(https://amp.dev/static/fonts/poppins-v5-latin-700.woff) format("woff");
}
@font-face {
    font-family: Fira Mono;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Fira Mono"), local("FiraMono"), url(https://amp.dev/static/fonts/fira-mono-v7-latin-500.woff2) format("woff2"), url(https://amp.dev/static/fonts/fira-mono-v7-latin-500.woff) format("woff");
}
* {
    box-sizing: border-box;
}
body,
html {
    padding: 0;
    margin: 0;
    min-width: 240px;
    color: #48525c;
    background-color: #fff;
    font-size: 16px;
    font-family:Noto Sans,sans-serif;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 240px) {
    body,
    html {
        font-size: 14px;
    }
}
:target:before {
    content: "";
    display: block;
    visibility: hidden;
    height: 120px;
    margin-top: -120px;
}
@media (min-width: 1024px) {
    h1:target:before {
        height: 75px;
        margin-top: -75px;
    }
    h2:target:before {
        height: 81px;
        margin-top: -81px;
    }
    h3:target:before {
        height: 87px;
        margin-top: -87px;
    }
    h4:target:before {
        height: 90px;
        margin-top: -90px;
    }
    h5:target:before {
        height: 93px;
        margin-top: -93px;
    }
    h6:target:before {
        height: 97px;
        margin-top: -97px;
    }
}
h1,
h2,
h3,
h4,
h5 {
    font-family: Poppins, sans-serif;
    font-weight: 700;
    line-height: 1.2em;
    color: #20202a;
}
h1 {
    font-size: 2.2rem;
    margin-top: 3rem;
}

h2 {
    font-size: 1.8rem;
    margin-top: 2rem;
}
h3 {
    font-size: 1.414rem;
    margin-top: 1.8rem;
}
h4 {
    font-size: 1.2rem;
}
h5 {
    font-size: 1rem;
}
.-t .intro,
.ap--section .intro {
    font-size: 1rem;
    padding: 0;
}
.-t p,
.ap--section p {
    line-height: 1.6rem;
    font-weight: 400;
    color: #48525c;
    display: block;
    margin-top: .8em;
    margin-bottom: 0;
    font-size: 1rem;
}
.-t a,
.ap--section a {
    position: relative;
    z-index: 10;
}
.-t > ol,
.-t > ul,
.ap--section > ol,
.ap--section > ul {
    line-height: 1.6rem;
    font-weight: 400;
    color: #48525c;
    display: block;
    padding-left: 2em;
    margin: 1.5em 0;
}
.-t > ol ol,
.-t > ol ul,
.-t > ul ol,
.-t > ul ul,
.ap--section > ol ol,
.ap--section > ol ul,
.ap--section > ul ol,
.ap--section > ul ul {
    padding-left: 2em;
    margin: 0;
}
.-t > ol li,
.-t > ul li,
.ap--section > ol li,
.ap--section > ul li {
    padding-left: 0.5em;
}
.-t > ol li p,
.-t > ul li p,
.ap--section > ol li p,
.ap--section > ul li p {
    font-size: 1em;
}
a {
    font-weight: 700;
    text-decoration: none;
    color: #005af0;
}
.ap-a-ico {
    display: flex;
    font-size: medium;
    box-sizing: initial;
    justify-content: center;
    width: 1em;
    height: 1em;
}
.-o {
    right: 20px;
    left: auto;
    bottom: 20px;
    width: calc(100% - 40px);
    padding: 15px;
    line-height: 1.6rem;
    font-weight: 400;
    color: #48525c;
    font-size: 0.875rem;
    background-color: #fff;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}
@media (min-width: 768px) {
    .-o {
        max-width: 500px;
    }
}
.-u {
    position: absolute;
    right: 15px;
    top: 15px;
    background-color: transparent;
    border: none;
    padding: 0;
}
.-u svg {
    width: 10px;
    height: 10px;
}
.-o button {
    cursor: pointer;
}
.ap--footer {
    position: relative;
    z-index: 15;
    padding: 1.5em 0 0px;
    line-height: 1.6rem;
    font-weight: 400;
    color: #48525c;
    font-size: 1rem;
    color: #fff;
    background: linear-gradient(60deg, #005af0, #323333);
}
.-tz {
    width: 100%;
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto;
}
.-ne {
    padding-bottom: 4em;
}
@media (min-width: 768px) {
    .-ne {
        display: flex;
        align-items: center;
    }
}
.-nt {
    display: flex;
    flex-direction: column;
    margin-left: auto;
}
@media (min-width: 1024px) {
    .-nt {
        flex-direction: row;
    }
}
.-nn {
    margin: 3em 2em 1em 0;
    color: #fff;
}
@media (min-width: 768px) {
    .-nn {
        margin: auto 2em auto 1em;
    }
}
.-nr {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}
.-ni {
    flex: 1 0 auto;
}
@media (min-width: 768px) {
    .-ni {
        margin: 16px;
    }
}
.-ns {
    width: 2.5em;
    height: 2.5em;
    fill: #fff;
}
@media (max-width: 240px) {
    .-ns {
        font-size: 14px;
    }
}
@media (min-width: 768px) {
    .-no {
        display: grid;
        grid-gap: 30px;
        grid-template-columns: repeat(12, 1fr);
    }
}
.-nu {
    flex: 1 1 100%;
}
.-nu:nth-child(odd) {
    grid-column: span 3;
}
@media (max-width: 1023px) {
    .-nu:nth-child(odd) {
        grid-column: span 6;
    }
}
.-nu:nth-child(2n + 2) {
    grid-column: span 3;
}
@media (max-width: 1023px) {
    .-nu:nth-child(2n + 2) {
        grid-column: span 6;
    }
}
.-na {
    color: #fff;
}
.-nf {
    list-style: none;
    padding: 0;
}
@media (min-width: 768px) {
    .-nf + .-na {
        margin-top: 2.5em;
    }
}
.-nl {
    position: relative;
}
.-nc {
    padding-left: 35px;
    font-size: 0.8125rem;
    color: #fff;
}
.-nh {
    position: absolute;
    left: 10px;
    top: 8px;
    width: 12px;
    height: 12px;
    fill: #fff;
}
.-np {
    display: flex;
    flex-direction: column;
    padding-top: 4em;
}
@media (min-width: 768px) {
    .-np {
        flex-direction: row;
        align-items: flex-end;
    }
}
.-nd {
    width: 50%;
    max-width: 200px;
    margin-bottom: 40px;
    margin-right: auto;
}
@media (min-width: 768px) {
    .-nd {
        margin-bottom: 0;
    }
}
.-nv {
    list-style: none;
    padding: 0;
    margin: 0;
}
.-nm {
    display: inline-block;
    margin-right: 1em;
}
.-ng {
    font-size: 0.8125rem;
    font-weight: 400;
    color: #fff;
}
.-ny {
    display: block;
    font-size: 0.875rem;
    margin-top: 2em;
    color: #ccc;
}
.-ny a {
    color: #fafafc;
}
.ap-m-format-toggle {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    margin: 0 10px;
    padding: 10px 0 0;
    width: 100%;
    max-width: 85%;
    z-index: 12;
}
@media (min-width: 768px) {
    .ap-m-format-toggle {
        padding: 0;
        margin: 0 15px 0 0;
        max-width: 100%;
    }
}
.ap-m-format-toggle-selected {
    border: 0;
}
.amp-mode-touch .ap-m-format-toggle-selected {
    position: relative;
}
.ap-m-format-toggle-selected:focus:after,
.ap-m-format-toggle-selected:hover:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    height: 300%;
    width: 100%;
}
.ap-m-format-toggle-link,
.ap-m-format-toggle-selected {
    z-index: 3;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0 2px;
    padding: 5px 8px;
    overflow: hidden;
    line-height: 1.6rem;
    font-weight: 400;
    color: #48525c;
    font-family: Poppins, sans-serif;
    font-weight: 700;
    font-size: 12px;
    text-align: left;
    border-radius: 4px;
    color: #000;
    background: #ebebf0;
    transition: opacity 0.2s ease;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.25);
}
.ap-m-format-toggle-link .ap-a-ico,
.ap-m-format-toggle-selected .ap-a-ico {
    width: 14px;
    height: 14px;
    margin-right: 8px;
    fill: #000;
}
.ap-m-format-toggle-link {
    color: #000;
    background: #ebebf0;
}
.ap-m-format-toggle-link .ap-a-ico {
    fill: #000;
}
.ap-m-format-toggle-link-websites.ap-m-format-toggle-selected,
.ap-m-format-toggle-link-websites:hover {
    background: linear-gradient(225deg, #00dcc0, #005af0 75%);
    color: #fff;
}
.ap-m-format-toggle-link-websites.ap-m-format-toggle-selected .ap-a-ico,
.ap-m-format-toggle-link-websites:hover .ap-a-ico {
    fill: #fff;
}
.ap-m-format-toggle-link-stories.ap-m-format-toggle-selected,
.ap-m-format-toggle-link-stories:hover {
    background: linear-gradient(225deg, #ff8f00, #ffdc00 75%);
    color: #180ca4;
}
.ap-m-format-toggle-link-stories.ap-m-format-toggle-selected .ap-a-ico,
.ap-m-format-toggle-link-stories:hover .ap-a-ico {
    fill: #180ca4;
}
.ap-m-format-toggle-link-ads.ap-m-format-toggle-selected,
.ap-m-format-toggle-link-ads:hover {
    background: linear-gradient(225deg, #eb49e1, #5500d7 75%);
    color: #fff;
}
.ap-m-format-toggle-link-ads.ap-m-format-toggle-selected .ap-a-ico,
.ap-m-format-toggle-link-ads:hover .ap-a-ico {
    fill: #fff;
}
.ap-m-format-toggle-link-email.ap-m-format-toggle-selected,
.ap-m-format-toggle-link-email:hover {
    background: linear-gradient(225deg, #64bf46, #e1eb64 75%);
    color: #180ca4;
}
.ap-m-format-toggle-link-email.ap-m-format-toggle-selected .ap-a-ico,
.ap-m-format-toggle-link-email:hover .ap-a-ico {
    fill: #180ca4;
}
.ap-m-format-toggle-angle {
    margin-right: 0;
    margin-left: auto;
}
.ap-m-format-toggle-formats {
    position: absolute;
    width: 100%;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    transform: translateY(-20px);
    transition: all 0.2s ease;
    transition-delay: 50ms;
}
.ap-m-format-toggle-formats:focus-within,
.ap-m-format-toggle-formats:hover,
.ap-m-format-toggle-selected:focus + .ap-m-format-toggle-formats,
.ap-m-format-toggle-selected:hover + .ap-m-format-toggle-formats {
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0);
}
body {
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 100% 0;
    background-attachment: fixed;
}
body.ap--websites {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 768'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='239.67' y1='855.23' x2='606.28' y2='-152.04' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23d5e6f2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h1024v214L786.37 768H0V0z'/%3E%3C/svg%3E");
}
body.ap--ads {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 768'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='239.67' x2='606.28' y1='855.23' y2='-152.04' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23ddd3eb'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h1024v214L786.37 768H0V0z'/%3E%3C/svg%3E");
}
body.ap--stories {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 768'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='239.67' x2='606.28' y1='855.23' y2='-152.04' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23ebdfd3'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h1024v214L786.37 768H0V0z'/%3E%3C/svg%3E");
}
body.ap--email {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 768'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='239.67' x2='606.28' y1='855.23' y2='-152.04' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23d7ebd3'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h1024v214L786.37 768H0V0z'/%3E%3C/svg%3E");
}
.-fq.-su {
    position: relative;
    overflow: hidden;
    margin: 0 20px 2em 0;
    flex: 1 0 85%;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
@media (min-width: 575px) {
    .-fq.-su {
        margin: 0 0 2em;
    }
}
.-fq.-su:hover {
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.1);
}
.-fq .-aw {
    width: 100%;
    position: absolute;
    padding-bottom: 41%;
    z-index: 4;
    transform: translateZ(0);
    transition: transform 0.2s ease;
}
.-fq .-aw:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    transition: transform 0.2s ease;
}
.-fq .-au {
    font-size: 0;
    width: 100%;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 3;
    text-align: right;
}
.-fq .-fz {
    position: relative;
    height: 100%;
    background: #fff;
    z-index: 1;
    transition: transform 0.2s ease;
}
.-fq .-sb {
    overflow: hidden;
    position: relative;
    background-color: #fff;
}
.-fq .-sk {
    position: relative;
    padding: 20px;
    z-index: 5;
}
.-fq .-af {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #29323c;
    background: linear-gradient(225deg, #29323c, #48525c 75%);
    z-index: 2;
}
.-fq .-af .ap-a-ico {
    width: 5em;
    height: 5em;
    fill: #fff;
}
.-fq .-s_ {
    position: relative;
    padding-bottom: 41%;
}
.-fq .-s_:before {
    content: "";
    position: absolute;
    left: -1px;
    bottom: 0;
    width: calc(100% + 2px);
    height: 150px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.12), transparent);
    z-index: 1;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.02));
}
.-fq .-sj {
    font-family: Poppins, sans-serif;
    font-weight: 700;
    line-height: 1.2em;
    color: #20202a;
    font-size: 1rem;
    margin: 0;
}
.-fq .-le {
    line-height: 1.6rem;
    font-weight: 400;
    color: #48525c;
    font-size: 0.8125rem;
    color: #000;
    background-color: #fff;
    margin-top: auto;
    padding: 1em 20px;
    text-align: left;
    border: none;
    border-top: 1px solid #ccc;
    cursor: pointer;
    transition: transform 0.2s ease;
}
.-fq .-le:focus + .-lt,
.-fq .-le:hover + .-lt {
    transform: translate3d(0, 8px, 0);
}
.-fq .-le:focus ~ .-fz .-aw,
.-fq .-le:hover ~ .-fz .-aw {
    transform: translate3d(0, -100%, 0);
}
.-fq .-le:focus ~ .-fz .-aw:before,
.-fq .-le:hover ~ .-fz .-aw:before {
    transform: translateZ(0);
}
.-fq .-lt {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 2;
    transform: translate3d(0, 100%, 0);
    transition: transform 0.2s ease;
}
.-fq .-lt:focus,
.-fq .-lt:hover {
    transform: translate3d(0, 8px, 0);
}
.-fq .-lt:focus + .-fz .-aw,
.-fq .-lt:hover + .-fz .-aw {
    transform: translate3d(0, -100%, 0);
}
.-fq .-lt:focus + .-fz .-aw:before,
.-fq .-lt:hover + .-fz .-aw:before {
    transform: translateZ(0);
}
.-fq .-lt:focus-within {
    transform: translate3d(0, 8px, 0);
}
.-fq .-lt:focus-within + .-fz .-aw {
    transform: translate3d(0, -100%, 0);
}
.-fq .-lt:focus-within + .-fz .-aw:before {
    transform: translateZ(0);
}
.-fq .-ln {
    line-height: 1.6rem;
    font-weight: 400;
    color: #48525c;
    font-size: 0.875rem;
    font-weight: 700;
    padding: 10px 20px;
    color: #3e3e3e;
}
.-fq .-lr {
    padding: 10px 20px 20px;
    margin-top: auto;
}
.-fq .-lr .-n {
                padding-bottom: 0;
            }
.-fq .-li {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    list-style: none;
    padding: 0 20px;
    margin: 0;
}
.-fq .-ls {
    flex: 0 0 auto;
    padding: 0;
    margin: 0 8px 0 0;
}
.-fq .-lo {
    line-height: 1.6rem;
    font-weight: 400;
    color: #48525c;
    font-size: 0.875rem;
    font-family: Fira Mono, monospace;
    font-weight: 500;
    display: inline;
    letter-spacing: 0.03em;
    padding: 2px 4px;
    color: #000;
    background-color: #eee;
}
.ap-m-filter-bubble {
    line-height: 1.6rem;
    font-weight: 400;
    color: #48525c;
    font-size: 0.8125rem;
    font-weight: 700;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.15);
    border-radius: 25px;
    border: none;
    padding: 5px 10px;
    background: #fff;
    color: #91979d;
    cursor: pointer;
    margin: 5px;
}
.ap-m-filter-bubble[name="none"] {
    display: none;
}
@media (min-width: 550px) {
    .ap-m-filter-bubble {
        padding: 5px 20px;
        margin: 5px 10px;
    }
}
@media (min-width: 768px) {
    .ap-m-filter-bubble {
        margin: 5px;
        padding: 5px 20px;
    }
}
.ap-m-filter-bubble.filtered,
.ap-m-filter-bubble:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
    background: #005af0;
    color: #fff;
}
.ap-m-filter-bubble-reset:focus {
    outline: 0;
}
.ap-o-filter-bubbles-list {
    grid-column: 7/19;
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0;
    margin: 0 -10px;
}
@media (min-width: 550px) {
    .ap-o-filter-bubbles-list {
        padding: 30px 10px;
        margin: 0;
        width: auto;
    }
}
@media (min-width: 768px) {
    .ap-o-filter-bubbles-list {
        padding: 30px 0;
    }
}
.ap-m-table-component {
    margin-bottom: 59px;
}
.ap-m-table-component-container {
    background-color: #fff;
    margin-top: 40px;
}
.ap-m-table-component-container h4 {
    margin: 40px 0 18px;
}
.ap-m-table-component-container h4:target:before {
    content: "";
    display: block;
    visibility: hidden;
    height: 250px;
    margin-top: -250px;
}
.ap-m-table-component-navigation {
    position: sticky;
    position: -webkit-sticky;
    top: 50px;
    left: 0;
    margin: 0 -60px;
    padding: 20px 60px;
    background-color: #fff;
    z-index: 11;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.07);
    line-height: 2;
}
.ap-m-table-component-navigation h2 {
    margin: 1rem 0;
}
.ap-m-table-component-navigation-links {
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
}
.ap-m-table-component-navigation-links::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    padding-bottom: 8px;
}
.ap-m-table-component-navigation-links::-webkit-scrollbar-thumb {
    background-color: #cecece;
}
@media (min-width: 1024px) {
    .ap-m-table-component-navigation-links {
        flex-wrap: wrap;
    }
}
.ap-m-table-component-navigation-links a {
    font-size: 0.875rem;
    padding: 0 40px 8px 0;
    font-weight: 700;
    white-space: nowrap;
    color: #005af0;
}
.ap-m-table-component-navigation-links a:hover {
    text-decoration: underline;
}
.ap-m-table-component-navigation-shadow {
    position: sticky;
    position: -webkit-sticky;
    top: 40px;
    left: 0;
    height: 10px;
    width: 100%;
    z-index: 19;
    background-color: #fff;
}
.ap-m-table-component-row {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    grid-column-gap: 10px;
}
@media (min-width: 768px) {
    .ap-m-table-component-row {
        display: grid;
        grid-template-columns: 2% 43% 55%;
        justify-content: start;
    }
    .ap-m-table-component-row-components {
        display: grid;
        grid-template-columns: 15% 45% 40%;
        justify-content: start;
    }
    .ap-m-table-component-row-components:hover {
        background-color: #f4f4f4;
    }
    .ap-m-table-component-copy,
    .ap-m-table-component-header,
    .ap-m-table-component-info,
    .ap-m-table-component-link,
    .ap-m-table-component-name,
    .ap-m-table-component-row .-aw {
        align-self: center;
    }
}
@media (min-width: 1024px) {
    .ap-m-table-component-row-components {
        grid-template-columns: 8% 40% 52%;
    }
}
.ap-m-table-component-link {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.ap-m-table-component-link:first-of-type {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.ap-m-table-component-tags {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
    z-index: 1;
}
@media (min-width: 768px) {
    .ap-m-table-component-tags {
        height: 8px;
        align-self: center;
        position: relative;
    }
}
.ap-m-table-component-name {
    background: 0 0;
    display: flex;
    justify-self: start;
    height: 100%;
    padding-top: 10px;
    align-items: center;
}
.ap-m-table-component-name-example:hover {
    background-color: #fafafc;
}
.ap-m-table-component-name-title {
    font-family: Fira Mono, monospace;
    font-weight: 500;
    font-weight: 700;
    font-size: 0.875em;
    color: #48525c;
    margin: 0;
}
@media (min-width: 768px) {
    .ap-m-table-component-name {
        padding-top: 0;
        width: 100%;
        padding-left: 15px;
    }
}
.ap-m-table-component-info {
    padding: 11px 0;
}
.ap-m-table-component-info .ap-m-table-component-used-components code {
    color: #20202a;
}
.ap-m-table-component-copy {
    font-size: 0.8125rem;
    display: block;
    line-height: 1.6em;
    margin: 0;
    color: #48525c;
    font-weight: 400;
}
.-so {
    grid-column: 1/-1;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    width: auto;
    display: flex;
    flex-wrap: nowrap;
    padding: 20px 0;
    margin: 0 -20px;
}
.-nb {
    display: flex;
    align-items: center;
    font-family: Poppins, sans-serif;
    font-weight: 700;
    font-size: 0.8125rem;
    margin-top: 10px;
    margin-bottom: 5px;
}
.-nw {
    width: 10px;
    height: 10px;
    margin: 0 6px;
    transform: rotate(-90deg);
}
@media (min-width: 768px) and (max-width: 1440px) {
    .-re {
        display: inline-block;
    }

    .-rt:checked ~ .-rr {
        grid-column: 1/2;
    }
    .-rt:checked ~ .-rr nav {
        display: none;
    }
    .-rt:checked ~ .-rr svg {
        transform: rotate(180deg);
    }
}
@media (min-width: 768px) and (max-width: 1440px) and (max-width: 1023px) {
    .-rt:checked ~ .ap--toc {
        grid-column: 2/25;
    }
}
@media (min-width: 768px) and (max-width: 1440px) {
    .-rt:checked ~ .ap--toc ~ .-t {
        padding-left: 80px;
        padding-right: 80px;
        grid-column: 2/20;
    }
}
@media (min-width: 768px) and (max-width: 1440px) and (max-width: 1023px) {
    .-rt:checked ~ .ap--toc ~ .-t {
        grid-column: 2/25;
    }
}
@media (min-width: 768px) and (max-width: 1440px) {
    .-rt:checked ~ .-t,
    .-rt:checked ~ .ap--help {
        grid-column-start: 2;
        padding-left: 80px;
        padding-right: 80px;
    }
    .-rt:checked ~ .-t .-rn,
    .-rt:checked ~ .ap--help .-rn {
        margin-left: -88px;
    }
    .-rt:checked ~ .-t .-rn .label-icon svg,
    .-rt:checked ~ .ap--help .-rn .label-icon svg {
        transform: rotate(180deg);
    }
}
.ap--main > .-in:first-child {
    padding-top: 26px;
    padding-bottom: 3rem;
}
body {
    background-color: #fafafc;
}
.-ll .-in {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1440px;
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 767px) {
    .-ll .-in {
        padding: 0 10px;
    }
    .-ll .-t, .-ll .ap--help {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (min-width: 768px) {
    .-ll .-in {
      /*  display: grid;*/
        grid-gap: 30px;
        grid-template-columns: repeat(24, minmax(0, 1fr));
        padding: 0 30px;
        grid-gap: 0;
    }
}
@media (min-width: 1024px) {
    .-ll .-in {
        padding: 0 15px;
    }
}
.-ll .-t,
.-ll .ap--help {
    grid-column: 1;
    position: relative;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    background: #fff;
    box-shadow: 0 25px 40px 0 rgba(0, 0, 0, 0.05);
}

@media (min-width: 768px) {
    .-ll .-t,
    .-ll .ap--help {
        width:calc(100%);
        margin: auto;
        
    }
    .-t-right{grid-column:1/25}

}
.-t{padding-bottom: 20px;}
@media (min-width: 1024px) {
    .-ll .-t,
    .-ll .ap--help {
        width:calc(70%);
        margin: auto;
    }
    .-t-right{
        grid-column:16/25;
        margin-left:20px;
    }
}
@media (min-width: 768px) {
    .-ll .-rr {
        grid-column: 1/8;
        grid-row: span 6;
        margin-right: 20px;
    }
}
@media (min-width: 1024px) {
    .-ll .-rr {
        grid-column: 1/6;
    }
}
@media (min-width: 768px) {
    .-ll .ap--toc {
        grid-column: 9/25;
    }
    .-ll .ap--toc ~ .-t {
        padding-top: 0;
    }
}
@media (min-width: 768px) and (min-width: 768px) {
    .-ll .ap--toc ~ .-t {
        grid-column: 9/25;
    }
}
@media (min-width: 768px) and (min-width: 1024px) {
    .-ll .ap--toc ~ .-t {
        grid-column: 7/19;
    }
}
@media (min-width: 1024px) {
    .-ll .ap--toc {
        grid-column: 20/25;
        grid-row: span 3;
        padding-top: 46px;
    }
    .-ll .ap--toc ~ .-t {
        padding-top: 62px;
    }
}
@media (min-width: 1024px) and (max-width: 767px) {
    .-ll .ap--toc ~ .-t {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.-ll .ap--toc + .-t {
    padding-top: 62px;
}
@media (max-width: 767px){
    .-ll .ap--toc + .-t {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width: 1024px) {
    .-ll .-rr + .-t:nth-of-type(2),
    .-ll .-rr + .-t:nth-of-type(3),
    .-ll .ap--toc + .-t:nth-of-type(2),
    .-ll .ap--toc + .-t:nth-of-type(3) {
        grid-row: 1;
    }
}
@media (min-width: 1024px) {
    .-ll .ap--benefits--list {
        display: flex;
    }
}
.-ll .ap--benefits--list .-uv {
    margin: 20px 0;
}
@media (max-width: 559px) {
    .-ll .-so .-lp {
        margin: 0 0 2em;
    }
}

.-h div[role="option"] {
    padding: 14px 60px;
    font-family: Poppins, sans-serif;
    font-weight: 700;
    color: #20202a;
}
@media (max-width: 1023px) {
    .-h div[role="option"] {
        padding: 14px 40px;
    }
}
.-h div[role="option"]:hover,
.-h div[role="option"][aria-selected="true"] {
    color: #005af0;
    background: 0 0;
}
.-p::-webkit-input-placeholder {
    color: #ceced2;
}
.-p::-moz-placeholder {
    color: #ceced2;
}
.-v:hover {
    transform: translateY(-0.125em);
    box-shadow: 0 25px 20px -15px rgba(0, 0, 0, 0.15);
}.-v:hover {
    box-shadow: none;
}
.-v[disabled] {
    background-color: #ccc;
    transform: none;
}
@media (min-width: 1024px) {
    .-p:focus + .-v,
    .-v:focus {
        opacity: 1;
        pointer-events: auto;
    }
}
@media (min-width: 1024px) {
    .-m {
        max-height: calc(100vh - 108px);
        margin-right: 30px;
    }
    .-m::-webkit-scrollbar {
        width: 4px;
    }
    .-m::-webkit-scrollbar-thumb {
        background: #eaeaea;
    }
}
.-g:last-child .-y:last-child {
    margin-bottom: 30px;
}
@media (max-width: 1023px) {
    .-x {
        margin: 10px 25px;
        background: #fff;
        box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.1);
    }
}
.-y .-k:focus .-_,
.-y:hover .-_ {
    opacity: 1;
}
.-y:focus-within .-_ {
    opacity: 1;
}
@media (max-width: 1023px) {
    .-q {
        display: none;
    }
}
.-tr,
.-ti {
    font-family: Poppins, sans-serif;
    font-weight: 700;
    line-height: 1.2em;
    color: #20202a;
    font-size: 16vw;
    margin: 0;
    color: #ebebf0;
}
@media (min-width: 768px) {
    .-tr,
    .-ti {
        font-size: 13vw;
    }
}
@media (min-width: 1024px) {
    .-tr,
    .-ti {
        font-size: 100px;
    }
}
.-tr {
    font-family: Arial, Helvetica, sans-serif;
}.ap-o-burger-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    padding: 100px 20px 80px;
    z-index: 16;
    background-color: #fff;
}
@media (max-width: 240px) {
    .ap-o-burger-menu {
        padding: 37px 20px 0;
    }
    .has-banner ~ .ap-o-burger-menu {
        padding: 68px 0 0 20px;
    }
}
.ap-o-burger-menu-label {
    position: fixed;
    z-index: 1001;
    top: 12px;
    right: 20px;
    cursor: pointer;
}
.ap-o-burger-menu-label.mainmenuopen {
    z-index: 1004;
}
.has-banner + .ap-o-burger-menu-label {
    top: 43px;
}
.amp-hidden + .has-banner + .ap-o-burger-menu-label,
amp-user-notification[hidden] + .has-banner + .ap-o-burger-menu-label {
    top: 12px;
}
@media (min-width: 768px) {
    .ap-o-burger-menu-label {
        right: 30px;
    }
}
@media (min-width: 1024px) {
    .ap-o-burger-menu-label {
        display: none;
    }
}
.ap-o-burger-menu-icon {
    width: 30px;
    height: 30px;
}
@media (min-width: 1024px) {
    .ap-o-burger-menu {
        display: none;
    }
}
.ap-o-burger-menu.mainmenuopen {
    display: block;
    z-index: 1003;
}
.ap-o-burger-menu.mainmenuopen ~ .ap--main {
    max-height: calc(100vh - 55px);
}
.has-banner + .ap-o-burger-menu.mainmenuopen ~ .ap--main {
    max-height: calc(100vh - 86px);
}
.ap-o-burger-menu.mainmenuopen ~ .ap--footer {
    display: none;
}
.-rc {
    list-style: none;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 1rem 0 0;
    padding: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
@media (max-width: 240px) {
    .-rc {
        padding: 1rem 0;
    }
}.-rh {
    margin-bottom: 1.1rem;
    position: relative;
}.-rp:checked ~ ul {
    display: block;
}
.-rp:checked + .nav-icon .ap-a-ico {
    transform: rotate(-90deg);
}
.-rp + .nav-icon .ap-a-ico {
    display: inline-block;
    transform: rotate(0);
}.-rd {
    position: relative;
    margin-right: 20px;
    padding-bottom: 10px;
    display: none;
}
@media (max-width: 240px) {
    .-rd {
        margin-right: 0;
    }
}
@media (min-width: 1024px) {
    .-rd {
        margin-right: 0;
        padding-right: 30px;
        display: block;
    }
}
.-rv {
    display: flex;
    align-items: center;
    font-size: 11px;
    border: none;
    background: 0 0;
}
.-rv:hover {
    color: #005af0;
}
.-rm {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
}
@media (min-width: 1024px) {
    .-rm {
        width: calc(100% - 30px);
    }
}
.-rg {
    width: 10px;
    height: 10px;
    margin-left: 5px;
}
.-ry {
    list-style: none;
    display: none;
    position: absolute;
    right: 15%;
    margin: 0;
    padding: 2px 8px;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
}
@media (max-width: 240px) {
    .-ry {
        overflow: auto;
        max-height: calc(100vh - 86px);
    }
}
.-ry:hover,
.-rm:checked ~ .-ry,
.-rm:hover ~ .-ry,
.-rd .-rb {
    display: block;
}
.-ry:focus-within {
    display: block;
}
.mainmenuopen .-rd {
    display: block;
}@media (max-width: 1023px) {
    .-to .-rw {
        order: 1;
        padding: 0;
        margin: 0 70px 9px auto;
    }
    .mainmenuopen .-to .-rw {
        margin-left: 0;
    }
}
@media (max-width: 240px) {
    .-to .-rw {
        margin-right: 60px;
    }
}.-rb {
    font-family: Poppins, sans-serif;
    font-weight: 700;
    font-size: 1.5em;
    color: #000;
}
@media (min-width: 1024px) {
    .-rb {
        font-size: 1rem;
    }
}
.-r_ {
    line-height: 1.6rem;
    font-weight: 400;
    color: #48525c;
    font-size: 1rem;
}
@media (min-width: 1024px) {
    .-r_ {
        font-size: 0.875rem;
    }
}
.-rb:hover {
    color: #005af0;
}
.-tq {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 31px;
    padding: 0 5px;
    line-height: 1;
    text-align: center;
    color: #fafafc;
    font-family: Poppins, sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    background: #005af0;
}
.-rq,
.-rq ~ header .-tq {
    display: none;
}
.-rq.amp-active ~ header .-tq {
    display: flex;
}
.-rz {
    color: currentColor;
}
.-rz svg {
    width: 0.9em;
    height: 0.9em;
    margin-right: 5px;
    vertical-align: bottom;
    fill: currentColor;
}
.ap--header {
    width: 100%;
    max-width: 2020px;
    margin: 0 auto;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1001;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
}
.ap--header.mainmenuopen {
    z-index: 1004;
}
.ap--header.mainmenuopen ~ .ap--main {
    max-width: 100vw;
    overflow-x: hidden;
}
@media (min-width: 1024px) {
    .ap--header {
        top: 0;
    }
    .ap--header.has-banner {
        top: -31px;
    }
}
.-to {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    max-width: 1460px;
    padding: 10px 0 0 20px;
    margin: 0 auto;
}
@media (min-width: 1024px) {
    .-to {
        display: flex;
        padding-left: 30px;
    }
}
.-tu {
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    display: flex;
    align-items: center;
    margin-right: auto;
    padding-bottom: 10px;
    overflow: hidden;
}.-tc {
    display: none;
    flex: 1 1 auto;
    padding: 0 30px;
}
@media (min-width: 1024px) {
    .-tc {
        display: flex;
    }
}
.-th {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 18px -5px;
}
.-tp {
    display: flex;
    align-items: center;
    padding: 0 0 14px;
    border: 0;
    background: 0 0;
}/*estilos cubatechtravel********************************************/
li{
    list-style: none;
}
.-db{
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}
.-db ul{
    padding: 0;
}
.-db ul li{
    line-height: 1.4rem;
}
.-db.review{
    margin-top:1.1rem
}
span.crumb{
    color:black;
}
@media (max-width: 768px) {
    .-rd-resp {
        margin-right: 58px;
    }
    .-tl {
        font-size: 1.2rem;
    }
}
@media (min-width: 768px) {
    .-rd-resp {
        margin-right: 65px;
    }
}
@media (max-width: 600px) {
    .-ll .-t, .-ll .ap--help {
        padding-right: 5px;
        padding-left: 5px;
    }
    .-nr h1{
        font-size: 1.5rem;
        margin-bottom: 0px;
    }
    h2{
        font-size: 1.4rem;
    }
    h3{
        font-size: 1.3rem;
    }
    .-nr.-detail-title{
        display: block;
        margin-bottom: 1rem;
    }
    .-nb {
        font-size: 0.99rem;;
    }
    .detalles-flex{
        display: flex;
        flex-direction: column;
    }
    .detalles-flex li{
        margint: 0px;
        width: 100vw;
    }
    .detalles-flex li span, .detalles li span {
        margin-left: 25px;
    }
}
/****columna derecha****/

/****FIN columna derecha****/
/****estilos de los listados*****/

.bg-blue{
    color: #005af0;
}
.bg-gray{
    color: rgba(30, 12, 5, 0.54);
}

select{
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 100% 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    appearance: none;
    outline-width: 0;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 10em;
    border: none;
    font-size: 1rem;
    border-bottom: 1px solid #757575;
}
.addreview{
    font-family: Poppins,sans-serif;
    font-weight: 700;
    line-height: 1.2em;
    font-size: 1em;
    color: #fff;
    display: inline-block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    background-color: #005af0;
    border: none;
    cursor: pointer;
    box-shadow: 0 15px 35px -5px rgba(0,0,0,.25);
    transition: transform .3s ease,box-shadow .3s ease;
    padding: 10px 30px;
    margin-top: 4px;
}
.addreview:hover {
    transform: translateY(-.125em);
    box-shadow: 0 25px 20px -15px rgba(0,0,0,.15);
}

form.amp-form-submit-error [submit-error] {
    color: red;
}

/****************Para los formularios************************/
.info-form{
    width: 100%;
    margin-top: 1rem;
    line-height: 1.5rem;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #4a4a4a;
    background: 0 0;
    color: #4a4a4a;
    outline: 0;
   font-family: Noto Sans,sans-serif;
}
.btn-close{
    font-family: Poppins,sans-serif;
    font-weight: 700;
    line-height: 1em;
    font-size: 1em;
    color: #fff;
    display: inline-block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0;
    text-decoration: none;
    text-align: center;
    background-color: #005af0;
    border: none;
    cursor: pointer;
}
@media (max-width: 600px){
    .info-form{font-size: 1.2rem}
}
/****************FIN Para los formularios************************/

:root {
    --color-primary: #005AF0;
    --color-text-light: #fff;
    --color-bg-light: #FAFAFC;
    --space-2: 1rem;   /* 16px */
    --space-1: 0.5rem; /* 8px */
}.example-picker {
     display: flex;
 }.example-picker[mode="overlay"] {
      padding: var(--space-2);
  }
.example-picker .CalendarMonth_caption {
       color: var(--color-text-light);
   }.example-picker [type="range"] .amp-date-picker-selecting {
        border-bottom-color: var(--color-primary);
        color: var(--color-primary);
    }.space-between > * + * {
         margin:0px);
     }#lb {
          background: var(--color-bg-light);
      }#lb .align-content-center {
           height: 100%;
       }.icon-input {
            background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1393.1 1500" style="enable-background:new 0 0 1393.1 1500;" xml:space="preserve"><path d="M107.2,1392.9h241.1v-241.1H107.2V1392.9z M401.9,1392.9h267.9v-241.1H401.9V1392.9z M107.2,1098.2h241.1V830.4H107.2 V1098.2z M401.9,1098.2h267.9V830.4H401.9V1098.2z M107.2,776.8h241.1V535.7H107.2V776.8z M723.4,1392.9h267.9v-241.1H723.4V1392.9z M401.9,776.8h267.9V535.7H401.9V776.8z M1044.8,1392.9H1286v-241.1h-241.1V1392.9z M723.4,1098.2h267.9V830.4H723.4V1098.2z M428.7,375V133.9c0-7.3-2.7-13.5-8-18.8c-5.3-5.3-11.6-8-18.8-8h-53.6c-7.3,0-13.5,2.7-18.8,8c-5.3,5.3-8,11.6-8,18.8V375 c0,7.3,2.7,13.5,8,18.8c5.3,5.3,11.6,8,18.8,8h53.6c7.3,0,13.5-2.7,18.8-8C426,388.5,428.7,382.3,428.7,375z M1044.8,1098.2H1286 V830.4h-241.1V1098.2z M723.4,776.8h267.9V535.7H723.4V776.8z M1044.8,776.8H1286V535.7h-241.1V776.8z M1071.6,375V133.9 c0-7.3-2.7-13.5-8-18.8c-5.3-5.3-11.6-8-18.8-8h-53.6c-7.3,0-13.5,2.7-18.8,8c-5.3,5.3-8,11.6-8,18.8V375c0,7.3,2.7,13.5,8,18.8 c5.3,5.3,11.6,8,18.8,8h53.6c7.3,0,13.5-2.7,18.8-8C1069,388.5,1071.6,382.3,1071.6,375z M1393.1,321.4v1071.4 c0,29-10.6,54.1-31.8,75.3c-21.2,21.2-46.3,31.8-75.3,31.8H107.2c-29,0-54.1-10.6-75.3-31.8C10.6,1447,0,1421.9,0,1392.9V321.4 c0-29,10.6-54.1,31.8-75.3s46.3-31.8,75.3-31.8h107.2v-80.4c0-36.8,13.1-68.4,39.3-94.6S311.4,0,348.3,0h53.6 c36.8,0,68.4,13.1,94.6,39.3c26.2,26.2,39.3,57.8,39.3,94.6v80.4h321.5v-80.4c0-36.8,13.1-68.4,39.3-94.6 C922.9,13.1,954.4,0,991.3,0h53.6c36.8,0,68.4,13.1,94.6,39.3s39.3,57.8,39.3,94.6v80.4H1286c29,0,54.1,10.6,75.3,31.8 C1382.5,267.3,1393.1,292.4,1393.1,321.4z"/></svg>/');
            background-repeat: no-repeat;
            flex-shrink: 0;
            height: 28px;
            margin-top: var(--space-1);
            width: 27px;
        }
#simple-date-picker-2{
    z-index: 20;
}
.reserv_fecha{display: flex}
amp-date-picker{ z-index: 20; }
amp-date-picker .amp-date-picker-selecting ~ .amp-date-picker-calendar-container{top:calc(100% - 4px);-webkit-transition:-webkit-transform 100ms ease-in;-webkit-transition:transform 100ms ease-in;transition:transform 100ms ease-in;box-shadow:0px 1px 6px 3px rgba(0,0,0,0.2);}
amp-date-picker .amp-date-picker-selecting[name='checkin_date'] ~ .amp-date-picker-calendar-container{left:30px;right:auto;}
.amp-date-picker-selecting[name='checkout_date'] ~ .amp-date-picker-calendar-container{left:calc(50%);right:auto;}
/*datepiker hotel*/
amp-date-picker .amp-date-picker-selecting[name='checkin'] ~ .amp-date-picker-calendar-container{left:30px;right:auto;}
.amp-date-picker-selecting[name='checkout'] ~ .amp-date-picker-calendar-container{left:calc(50%);right:auto;}
@media (max-width: 600px){
    .reserv_fecha{display: flex; flex-direction: column}
    amp-date-picker .amp-date-picker-selecting[name='checkin_date'] ~ .amp-date-picker-calendar-container{left:10px;right:auto;top:calc(100% - 50px)}
    .amp-date-picker-selecting[name='checkout_date'] ~ .amp-date-picker-calendar-container{left:10px;right:auto;top:100px}
    .checkout_date{margin-top: 15px}
    /*datepiker hotel*/
    amp-date-picker .amp-date-picker-selecting[name='checkin'] ~ .amp-date-picker-calendar-container{left:10px;right:auto;top:calc(100% - 50px)}
    .amp-date-picker-selecting[name='checkout'] ~ .amp-date-picker-calendar-container{left:10px;right:auto;top:100px}
}
/*****traansfer*****/
.calc{width: calc(50%);padding: 5px}
@media (max-width: 600px){
    .calc{width: calc(100%);padding: 5px 0px}
    .hidden-xs{  display: none;  }
}
.icon-input {
    background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1393.1 1500" style="enable-background:new 0 0 1393.1 1500;" xml:space="preserve"><path d="M107.2,1392.9h241.1v-241.1H107.2V1392.9z M401.9,1392.9h267.9v-241.1H401.9V1392.9z M107.2,1098.2h241.1V830.4H107.2 V1098.2z M401.9,1098.2h267.9V830.4H401.9V1098.2z M107.2,776.8h241.1V535.7H107.2V776.8z M723.4,1392.9h267.9v-241.1H723.4V1392.9z M401.9,776.8h267.9V535.7H401.9V776.8z M1044.8,1392.9H1286v-241.1h-241.1V1392.9z M723.4,1098.2h267.9V830.4H723.4V1098.2z M428.7,375V133.9c0-7.3-2.7-13.5-8-18.8c-5.3-5.3-11.6-8-18.8-8h-53.6c-7.3,0-13.5,2.7-18.8,8c-5.3,5.3-8,11.6-8,18.8V375 c0,7.3,2.7,13.5,8,18.8c5.3,5.3,11.6,8,18.8,8h53.6c7.3,0,13.5-2.7,18.8-8C426,388.5,428.7,382.3,428.7,375z M1044.8,1098.2H1286 V830.4h-241.1V1098.2z M723.4,776.8h267.9V535.7H723.4V776.8z M1044.8,776.8H1286V535.7h-241.1V776.8z M1071.6,375V133.9 c0-7.3-2.7-13.5-8-18.8c-5.3-5.3-11.6-8-18.8-8h-53.6c-7.3,0-13.5,2.7-18.8,8c-5.3,5.3-8,11.6-8,18.8V375c0,7.3,2.7,13.5,8,18.8 c5.3,5.3,11.6,8,18.8,8h53.6c7.3,0,13.5-2.7,18.8-8C1069,388.5,1071.6,382.3,1071.6,375z M1393.1,321.4v1071.4 c0,29-10.6,54.1-31.8,75.3c-21.2,21.2-46.3,31.8-75.3,31.8H107.2c-29,0-54.1-10.6-75.3-31.8C10.6,1447,0,1421.9,0,1392.9V321.4 c0-29,10.6-54.1,31.8-75.3s46.3-31.8,75.3-31.8h107.2v-80.4c0-36.8,13.1-68.4,39.3-94.6S311.4,0,348.3,0h53.6 c36.8,0,68.4,13.1,94.6,39.3c26.2,26.2,39.3,57.8,39.3,94.6v80.4h321.5v-80.4c0-36.8,13.1-68.4,39.3-94.6 C922.9,13.1,954.4,0,991.3,0h53.6c36.8,0,68.4,13.1,94.6,39.3s39.3,57.8,39.3,94.6v80.4H1286c29,0,54.1,10.6,75.3,31.8 C1382.5,267.3,1393.1,292.4,1393.1,321.4z"/></svg>');
    background-repeat: no-repeat;
    flex-shrink: 0;
    height: 20px;
    width: 27px;
    display: inline-block;
    vertical-align:middle;
    margin: 1rem 0px 0px 0px;
}

.boton_book{
    font-family: Poppins,sans-serif;
    font-weight: 700;
    line-height: 1.2em;
    font-size: 1em;
    color: #fff;
    display: inline-block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    background-color: #005af0;
    border: none;
    cursor: pointer;
    box-shadow: 0 15px 35px -5px rgba(0,0,0,.25);
    transition: transform .3s ease,box-shadow .3s ease;
    padding: 10px 60px;
    margin-top: 4px;
}
.boton_book:hover {
    transform: translateY(-.125em);
    box-shadow: 0 25px 20px -15px rgba(0,0,0,.15);
}
.custom-loader .amp-active {
    max-width: 10%;
    max-height: 50%;
    width: 2em;
    height: 2em;
    background-color: #333;

    margin: -1em auto;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}
@keyframes sk-rotateplane {
    0% { transform: perspective(120px); }
    50% { transform: perspective(120px) rotateX(-180deg); }
    100% { transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); }
}
/* Hide the three default dots */
.custom-loader .amp-active > div {
    display: none;
}

form{background: #f5f4f4; border-radius: 10px}fieldset{ border: none;}.price_transfer{ z-index: 2; color: #6f6f71; font-weight: 900; font-style: italic; font-size: 1.1rem;  }
form.amp-form-submit-success > fieldset {display: none}.transfer-icon{margin-left:20px}
.bg-white{
    background: white;
}
.m-t-15{
    margin-top: 15px;
}
.datepicker{
    /*  margin-top: 0px;*/
    width: 120px;
}
.combo{
    width: 17rem;
}
.info-formcardate{
    width: 80%;
    line-height: 1.5rem;
    border: 0;
    border-radius: 0;
    background: #ffffff;
    color: #4a4a4a;
    outline: 0;
    font-family: Noto Sans,sans-serif;
    font-size: 19px;
    height: 40px;
}
.cars-pickup-hour{
    display: flex; flex-direction: column; background: white;
    border: 1px solid transparent;  border-radius: 5px; margin-right: 5px; padding: 5px; width: 20rem;
}
.checkdate{
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 19px;
}
.div-cantday{
    margin-top: 2rem; margin-left: 15px;
}
.cant-dias{
    font-size: 2rem;
    background: #8c8c90;
    color: white;
    border-radius: 25px;
    margin-left: 10px;
    min-width: 45px;
    max-height: 47px;
    text-align: center; 
}
.showprice{
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 1.8rem;
}
.icon-input{margin: .8rem 0px 0px 0px;}
.checkout_date{margin-left: 15px;}
.info-bg-grays{background: #f5f4f4;border-radius: 10px;padding: 20px;}
.col-mitad{width: calc(50%);}
.form-checkin{margin-top: 10px;margin-right: 10px;}
.ap-o-sidebar-default .ap-o-sidebar{min-height: 150px;}
.lb-checkin{margin-left: 25px}.lb-checkout{margin-left: 155px}
.lb-checkin-xs{display: none}.lb-checkout-xs{display: none}
.icon-input-list {
    background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1393.1 1500" style="enable-background:new 0 0 1393.1 1500;" xml:space="preserve"><path d="M107.2,1392.9h241.1v-241.1H107.2V1392.9z M401.9,1392.9h267.9v-241.1H401.9V1392.9z M107.2,1098.2h241.1V830.4H107.2 V1098.2z M401.9,1098.2h267.9V830.4H401.9V1098.2z M107.2,776.8h241.1V535.7H107.2V776.8z M723.4,1392.9h267.9v-241.1H723.4V1392.9z M401.9,776.8h267.9V535.7H401.9V776.8z M1044.8,1392.9H1286v-241.1h-241.1V1392.9z M723.4,1098.2h267.9V830.4H723.4V1098.2z M428.7,375V133.9c0-7.3-2.7-13.5-8-18.8c-5.3-5.3-11.6-8-18.8-8h-53.6c-7.3,0-13.5,2.7-18.8,8c-5.3,5.3-8,11.6-8,18.8V375 c0,7.3,2.7,13.5,8,18.8c5.3,5.3,11.6,8,18.8,8h53.6c7.3,0,13.5-2.7,18.8-8C426,388.5,428.7,382.3,428.7,375z M1044.8,1098.2H1286 V830.4h-241.1V1098.2z M723.4,776.8h267.9V535.7H723.4V776.8z M1044.8,776.8H1286V535.7h-241.1V776.8z M1071.6,375V133.9 c0-7.3-2.7-13.5-8-18.8c-5.3-5.3-11.6-8-18.8-8h-53.6c-7.3,0-13.5,2.7-18.8,8c-5.3,5.3-8,11.6-8,18.8V375c0,7.3,2.7,13.5,8,18.8 c5.3,5.3,11.6,8,18.8,8h53.6c7.3,0,13.5-2.7,18.8-8C1069,388.5,1071.6,382.3,1071.6,375z M1393.1,321.4v1071.4 c0,29-10.6,54.1-31.8,75.3c-21.2,21.2-46.3,31.8-75.3,31.8H107.2c-29,0-54.1-10.6-75.3-31.8C10.6,1447,0,1421.9,0,1392.9V321.4 c0-29,10.6-54.1,31.8-75.3s46.3-31.8,75.3-31.8h107.2v-80.4c0-36.8,13.1-68.4,39.3-94.6S311.4,0,348.3,0h53.6 c36.8,0,68.4,13.1,94.6,39.3c26.2,26.2,39.3,57.8,39.3,94.6v80.4h321.5v-80.4c0-36.8,13.1-68.4,39.3-94.6 C922.9,13.1,954.4,0,991.3,0h53.6c36.8,0,68.4,13.1,94.6,39.3s39.3,57.8,39.3,94.6v80.4H1286c29,0,54.1,10.6,75.3,31.8 C1382.5,267.3,1393.1,292.4,1393.1,321.4z"/></svg>');
    background-repeat: no-repeat;
    flex-shrink: 0;margin: .8rem 0px 0px 0px;
    height: 20px;
    width: 27px;
    display: inline-block;
    vertical-align:middle;
    margin: .7rem 0px 0px 0px;
}
.text-center{text-align: center;}
.list-price{color:#005af0;font-size: 2rem;font-style: italic;}
.list-pricedest{color:#005af0;font-size: 1.7rem}
.find-hotel-list{ width: calc(80%); margin: auto; background: white; text-align: left;
}
ul.info-listdest-50{
    margin: .1rem .5rem;
    padding: 0px;
    width: calc(47%);
}
.width-reserv{width: calc(50%)}
.show_price{background: #005af0; color: white;padding: 5px 10px; border-radius: 15px; margin-right: 15px}
@media (max-width: 600px){
      .datepicker{
        width: 200px;
    }
    .combo {
        width: 10rem;
    }
    .cars-pickup-hour{
        width: calc(97%);
        margin-top: 10px;
    }
    .resp-meal{width: calc(100%)}
    .w-resp{width: calc(95%)}
   .icon-input-list {margin-top: 30px}
    .checkout_date{margin-top: 0px;margin-left: 0px}
    .div-cantday{    margin-top: 1rem; margin-left: 0px;}
    .col-mitad{width: calc(100%)}
    .checkins_date{margin-top: 20px}
    .form-checkin{margin-top: 33px;}
    amp-date-picker .amp-date-picker-selecting[name='checkin_date'] ~ .amp-date-picker-calendar-container {left:-120px;}
      
    .lb-checkout{visibility: hidden} 
    .find-hotel-list{width: calc(100%)}
    .width-reserv{width: calc(100%)}
    .lb-checkin{visibility: hidden}.lb-checkin-xs{display: block}.lb-checkout-xs{display: block}
}




</style>


</head>
<body class="ap--websites">
<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs>


        <symbol id="stackoverflow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 25"><path d="M14.2 14.7h1.6V25H0V14.7h1.6v8.6h12.5c.1-2.8.1-5.7.1-8.6zM9.5 3.2c1.8 2.7 3.6 5.4 5.4 8.2.6-.4 1.1-.8 1.7-1.2C14.8 7.5 13 4.8 11.2 2c-.5.5-1.1.8-1.7 1.2zm5.1 8.5c-2.8-1.7-5.5-3.3-8.2-5-.4.6-.7 1.2-1.1 1.8 2.7 1.7 5.5 3.3 8.2 5 .4-.6.8-1.2 1.1-1.8zM17.4 0c-.7.1-1.3.2-2 .4.5 3.2 1.1 6.5 1.6 9.7.7-.1 1.3-.2 2-.4-.5-3.2-1.1-6.5-1.6-9.7zm-4 14.1c-3.1-.9-6.2-1.7-9.2-2.6-.2.7-.4 1.4-.5 2 3.1.9 6.2 1.7 9.2 2.6.1-.6.3-1.3.5-2zm-.9 5.5H3v2.1h9.5v-2.1zm.3-2.7c-3.2-.3-6.3-.6-9.5-.9-.1.7-.1 1.4-.2 2.1 3.2.3 6.3.6 9.5.9 0-.8.1-1.4.2-2.1z"/></symbol><symbol id="github" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path d="M32 0.792c-17.68 0-32 14.328-32 32 0 14.141 9.168 26.133 21.88 30.36 1.6 0.301 2.187-0.688 2.187-1.539 0-0.76-0.027-2.773-0.040-5.44-8.901 1.931-10.779-4.293-10.779-4.293-1.456-3.693-3.56-4.68-3.56-4.68-2.899-1.984 0.224-1.944 0.224-1.944 3.213 0.224 4.901 3.296 4.901 3.296 2.853 4.893 7.491 3.48 9.32 2.661 0.288-2.069 1.112-3.48 2.027-4.28-7.107-0.8-14.576-3.552-14.576-15.813 0-3.493 1.24-6.347 3.293-8.587-0.36-0.808-1.44-4.061 0.28-8.469 0 0 2.68-0.859 8.8 3.28 2.56-0.712 5.28-1.064 8-1.080 2.72 0.016 5.44 0.368 8 1.080 6.080-4.139 8.76-3.28 8.76-3.28 1.72 4.408 0.64 7.661 0.32 8.469 2.040 2.24 3.28 5.093 3.28 8.587 0 12.293-7.48 15-14.6 15.787 1.12 0.96 2.16 2.923 2.16 5.92 0 4.283-0.040 7.723-0.040 8.763 0 0.84 0.56 1.84 2.2 1.52 12.803-4.197 21.963-16.197 21.963-30.317 0-17.672-14.328-32-32-32z"/>
        </symbol><symbol id="wordpress" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
            <path d="M40,0H10C4.486,0,0,4.486,0,10v30c0,5.514,4.486,10,10,10h30c5.514,0,10-4.486,10-10V10C50,4.486,45.514,0,40,0z M39,17h-3 c-2.145,0-3,0.504-3,2v3h6l-1,6h-5v20h-7V28h-3v-6h3v-3c0-4.677,1.581-8,7-8c2.902,0,6,1,6,1V17z"/>
        </symbol>
        <symbol id="youtube" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M62.664 16.542c-.773-2.708-2.862-4.797-5.514-5.556l-.057-.014c-4.989-1.336-25.065-1.336-25.065-1.336s-20.026-.027-25.065 1.337c-2.708.773-4.797 2.862-5.556 5.514l-.014.057C.507 21.107 0 26.354 0 31.72l.001.327v-.017.252a83.84 83.84 0 0 0 1.475 15.695l-.083-.521c.773 2.708 2.862 4.797 5.513 5.556l.057.014c4.983 1.339 25.065 1.339 25.065 1.339s20.023 0 25.065-1.339c2.708-.773 4.797-2.862 5.556-5.514l.014-.057c.85-4.469 1.336-9.609 1.336-14.863l-.002-.595v.03c.002-.184.002-.403.002-.621 0-5.255-.486-10.396-1.416-15.38l.08.515zM25.621 41.608V22.42l16.71 9.609z"/></symbol>
       <symbol id="download" viewBox="0 0 64 64"> <path d="M8.8 62.32c0-0.88 0.72-1.68 1.68-1.68 10.8 0 32.32 0 43.040 0 0.88 0 1.68 0.72 1.68 1.68 0 0.88-0.72 1.68-1.68 1.68-10.8 0-32.32 0-43.040 0-0.96 0-1.68-0.72-1.68-1.68z"/> <path d="M49.44 34.56c0.72-0.72 0.72-1.84 0-2.56s-1.84-0.72-2.56 0l-13.040 13.040v-43.28c0-0.96-0.88-1.76-1.84-1.76-1.040 0-1.84 0.8-1.84 1.76v43.28l-13.040-13.12c-0.72-0.72-1.84-0.72-2.56 0s-0.72 1.84 0 2.56l16.24 16.24c0.72 0.72 1.84 0.72 2.56 0l16.080-16.16z"/>
        </symbol>
        <symbol id="TripAdvisor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">

            <path style="fill:white" xmlns="http://www.w3.org/2000/svg" d="M24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0ZM33.2395 18.1363L37.9851 18.1395C37.9851 18.1395 36.9269 19.5888 36.5941 21.0359C36.9845 21.5717 37.3109 22.167 37.5499 22.824C38.9099 26.5505 37.0219 30.71 33.344 32.0911C31.5637 32.7578 29.6299 32.6799 27.904 31.8746C26.8661 31.3854 25.9808 30.6678 25.2949 29.7824L23.7696 32.103L22.256 29.803C20.9525 31.4492 18.9547 32.5089 16.7136 32.5089C12.7936 32.5089 9.60427 29.2737 9.60427 25.2971C9.60427 23.705 10.1184 22.2373 10.9835 21.0446C10.6453 19.6072 9.6 18.1742 9.6 18.1742L14.048 18.1709C16.6944 16.4153 20.0501 15.4683 23.7664 15.4683C27.3472 15.4683 30.5781 16.3926 33.2395 18.1363Z"></path>
            <path style="fill:white" xmlns="http://www.w3.org/2000/svg" d="M24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0ZM33.2395 18.1363L37.9851 18.1395C37.9851 18.1395 36.9269 19.5888 36.5941 21.0359C36.9845 21.5717 37.3109 22.167 37.5499 22.824C38.9099 26.5505 37.0219 30.71 33.344 32.0911C31.5637 32.7578 29.6299 32.6799 27.904 31.8746C26.8661 31.3854 25.9808 30.6678 25.2949 29.7824L23.7696 32.103L22.256 29.803C20.9525 31.4492 18.9547 32.5089 16.7136 32.5089C12.7936 32.5089 9.60427 29.2737 9.60427 25.2971C9.60427 23.705 10.1184 22.2373 10.9835 21.0446C10.6453 19.6072 9.6 18.1742 9.6 18.1742L14.048 18.1709C16.6944 16.4153 20.0501 15.4683 23.7664 15.4683C27.3472 15.4683 30.5781 16.3926 33.2395 18.1363Z"></path>
            <path style="fill:white" xmlns="http://www.w3.org/2000/svg" d="M28.5045 30.5531C29.8816 31.1982 31.424 31.2577 32.8459 30.7262C35.7813 29.6222 37.2885 26.307 36.2048 23.3294C35.12 20.3508 31.8517 18.8225 28.9152 19.9211C27.4933 20.4536 26.3605 21.5176 25.7248 22.9149C25.3003 23.8501 25.1573 24.8621 25.2523 25.8611C25.2992 26.3535 25.3856 26.8428 25.5584 27.3168C25.7099 27.7357 25.9168 28.1199 26.1515 28.4814C26.7275 29.3744 27.5275 30.0942 28.5045 30.5531ZM30.8651 28.7921C28.928 28.7921 27.3536 27.1956 27.3536 25.229C27.3536 23.2667 28.9291 21.6713 30.8651 21.6702C32.7989 21.6702 34.3723 23.2678 34.3723 25.229C34.3723 27.1956 32.7989 28.7921 30.8651 28.7921Z"></path>
            <path style="fill:white" xmlns="http://www.w3.org/2000/svg" d="M16.624 22.8965C15.3546 22.8965 14.3189 23.9431 14.3189 25.229C14.3189 26.5202 15.3546 27.5679 16.624 27.5668C17.8912 27.5668 18.9216 26.5191 18.9216 25.229C18.9216 23.9442 17.8912 22.8965 16.624 22.8965ZM16.6197 24.034C17.2714 24.033 17.8005 24.5687 17.8005 25.229C17.8005 25.8903 17.2714 26.4314 16.6197 26.4314C15.9658 26.4314 15.4378 25.8903 15.4378 25.229C15.4378 24.5687 15.9658 24.034 16.6197 24.034Z"></path>
            <path style="fill:white" xmlns="http://www.w3.org/2000/svg" d="M30.8672 22.8965C29.5968 22.8965 28.5643 23.9431 28.5643 25.229C28.5643 26.5202 29.5957 27.5679 30.8672 27.5668C32.1344 27.5668 33.1637 26.5191 33.1637 25.229C33.1637 23.9442 32.1344 22.8965 30.8672 22.8965ZM30.8661 24.034C31.5179 24.033 32.0448 24.5687 32.0448 25.229C32.0448 25.8903 31.5179 26.4314 30.8661 26.4314C30.2101 26.4314 29.6843 25.8903 29.6843 25.229C29.6843 24.5687 30.2101 24.034 30.8661 24.034Z"></path>
            <path style="fill:white" xmlns="http://www.w3.org/2000/svg" d="M28.4171 18.5541C29.1573 18.277 29.9147 18.1428 30.6624 18.1222C28.6251 17.1957 26.3189 16.7271 23.7643 16.7271C21.2288 16.7271 18.8896 17.2076 16.8533 18.0897C20.5387 18.1644 23.5349 21.0933 23.7931 24.7841C23.856 23.9366 24.0597 23.0989 24.4203 22.3055C25.2149 20.5521 26.6357 19.2208 28.4171 18.5541Z" fill="black"></path>

        </symbol>
        <symbol id="Instagram" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"> <path d="M13 10c0 1.657-1.343 3-3 3s-3-1.343-3-3c0-0.171 0.018-0.338 0.049-0.5h-1.049v3.997c0 0.278 0.225 0.503 0.503 0.503h6.995c0.277 0 0.502-0.225 0.502-0.503v-3.997h-1.049c0.031 0.162 0.049 0.329 0.049 0.5zM10 12c1.104 0 2-0.896 2-2s-0.896-2-2-2-2 0.896-2 2 0.896 2 2 2zM12.4 7.9h1.199c0.166 0 0.301-0.135 0.301-0.3v-1.199c0-0.166-0.135-0.301-0.301-0.301h-1.199c-0.166 0-0.301 0.135-0.301 0.301v1.199c0.001 0.165 0.136 0.3 0.301 0.3zM10 0.4c-5.302 0-9.6 4.298-9.6 9.6s4.298 9.6 9.6 9.6c5.302 0 9.6-4.298 9.6-9.6s-4.298-9.6-9.6-9.6zM15 13.889c0 0.611-0.5 1.111-1.111 1.111h-7.778c-0.611 0-1.111-0.5-1.111-1.111v-7.778c0-0.611 0.5-1.111 1.111-1.111h7.778c0.611 0 1.111 0.5 1.111 1.111v7.778z"></path>
        </symbol>
        <symbol id="facebook" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 58 58">
            <path d="M40,0H10C4.486,0,0,4.486,0,10v30c0,5.514,4.486,10,10,10h30c5.514,0,10-4.486,10-10V10C50,4.486,45.514,0,40,0z M39,17h-3 c-2.145,0-3,0.504-3,2v3h6l-1,6h-5v20h-7V28h-3v-6h3v-3c0-4.677,1.581-8,7-8c2.902,0,6,1,6,1V17z"></path>
        </symbol>
        <symbol id="youtube" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M62.664 16.542c-.773-2.708-2.862-4.797-5.514-5.556l-.057-.014c-4.989-1.336-25.065-1.336-25.065-1.336s-20.026-.027-25.065 1.337c-2.708.773-4.797 2.862-5.556 5.514l-.014.057C.507 21.107 0 26.354 0 31.72l.001.327v-.017.252a83.84 83.84 0 0 0 1.475 15.695l-.083-.521c.773 2.708 2.862 4.797 5.513 5.556l.057.014c4.983 1.339 25.065 1.339 25.065 1.339s20.023 0 25.065-1.339c2.708-.773 4.797-2.862 5.556-5.514l.014-.057c.85-4.469 1.336-9.609 1.336-14.863l-.002-.595v.03c.002-.184.002-.403.002-.621 0-5.255-.486-10.396-1.416-15.38l.08.515zM25.621 41.608V22.42l16.71 9.609z"></path></symbol>
        <symbol id="twitter" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path d="M63.875 12.186c-2.36 1.037-4.88 1.744-7.533 2.067 2.704-1.629 4.784-4.197 5.768-7.261-2.536 1.48-5.346 2.557-8.338 3.157-2.389-2.557-5.794-4.157-9.576-4.157-7.245 0-13.119 5.874-13.119 13.111 0 1.040 0.12 2.040 0.339 2.997-10.906-0.515-20.572-5.752-27.042-13.669-1.139 1.925-1.776 4.162-1.776 6.6 0 4.56 2.32 8.568 5.834 10.922-2.152-0.069-4.176-0.661-5.941-1.643v0.163c0 6.36 4.514 11.663 10.522 12.871-1.101 0.296-2.264 0.456-3.456 0.456-0.837 0-1.64-0.080-2.443-0.229 1.683 5.208 6.52 9.005 12.277 9.112-4.48 3.517-10.157 5.613-16.271 5.613-1.040 0-2.077-0.061-3.12-0.179 5.837 3.717 12.714 5.89 20.151 5.89 24.143 0 37.329-19.989 37.329-37.294 0-0.557 0-1.12-0.040-1.68 2.563-1.837 4.8-4.16 6.56-6.794l-0.125-0.053z"></path>
            <symbol id="content-modules" viewBox="0 0 64 64">
                <path d="M25.427 29.091h-20.308c-2.424-0.002-4.389-1.967-4.391-4.391v-20.309c0.002-2.424 1.967-4.389 4.391-4.391h20.309c2.424 0.002 4.389 1.967 4.391 4.391v20.309c-0.002 2.424-1.967 4.389-4.391 4.391h-0zM5.119 2.909c-0.818 0.001-1.481 0.664-1.482 1.482v20.308c0.001 0.818 0.664 1.481 1.482 1.482h20.308c0.818-0.001 1.481-0.664 1.482-1.482v-20.308c-0.001-0.818-0.664-1.481-1.482-1.482h-0z"/>
                <path d="M2.182 26.182c-0.803-0-1.454-0.651-1.454-1.454 0-0.402 0.163-0.765 0.426-1.028l9.756-9.756 4.364 4.364 8.727-8.727 5.392 5.392c0.253 0.261 0.408 0.618 0.408 1.011 0 0.803-0.651 1.454-1.454 1.454-0.393 0-0.749-0.156-1.011-0.409l-3.335-3.335-8.727 8.727-4.364-4.364-7.699 7.699c-0.263 0.263-0.627 0.426-1.028 0.426v0z"/>
                <path d="M13.818 8c0 1.205-0.977 2.182-2.182 2.182s-2.182-0.977-2.182-2.182c0-1.205 0.977-2.182 2.182-2.182s2.182 0.977 2.182 2.182z"/>
                <path d="M54.545 10.182h-11.636c-0.803 0-1.455-0.651-1.455-1.454s0.651-1.454 1.455-1.454v0h11.636c0.803 0 1.455 0.651 1.455 1.454s-0.651 1.454-1.455 1.454v0z"/>
                <path d="M54.545 16h-11.636c-0.803 0-1.455-0.651-1.455-1.454s0.651-1.454 1.455-1.454v0h11.636c0.803 0 1.455 0.651 1.455 1.454s-0.651 1.454-1.455 1.454v0z"/>
                <path d="M54.545 21.818h-11.636c-0.803 0-1.455-0.651-1.455-1.454s0.651-1.454 1.455-1.454v0h11.636c0.803 0 1.455 0.651 1.455 1.454s-0.651 1.454-1.455 1.454v0z"/>
                <path d="M58.882 29.091h-20.308c-2.424-0.002-4.389-1.967-4.391-4.391v-20.309c0.002-2.424 1.967-4.389 4.391-4.391h20.309c2.424 0.002 4.389 1.967 4.391 4.391v20.309c-0.002 2.424-1.967 4.389-4.391 4.391h-0zM38.573 2.909c-0.818 0.001-1.481 0.664-1.482 1.482v20.308c0.001 0.818 0.664 1.481 1.482 1.482h20.308c0.818-0.001 1.481-0.664 1.482-1.482v-20.308c-0.001-0.818-0.664-1.481-1.482-1.482h-0z"/>
                <path d="M58.882 64h-53.763c-2.424-0.002-4.389-1.967-4.391-4.391v-23.218c0.002-2.424 1.967-4.389 4.391-4.391h53.763c2.424 0.002 4.389 1.967 4.391 4.391v23.218c-0.002 2.424-1.967 4.389-4.391 4.391h-0zM5.119 34.909c-0.818 0.001-1.481 0.664-1.482 1.482v23.218c0.001 0.818 0.664 1.481 1.482 1.482h53.763c0.818-0.001 1.481-0.664 1.482-1.482v-23.218c-0.001-0.818-0.664-1.481-1.482-1.482h-0z"/>
                <path d="M28.364 55.273c-0.803 0-1.454-0.651-1.454-1.455v0-11.539c0-0.803 0.651-1.454 1.454-1.454 0.298 0 0.576 0.090 0.807 0.244l-0.005-0.003 8.727 5.769c0.395 0.264 0.652 0.709 0.652 1.213s-0.257 0.949-0.647 1.21l-0.005 0.003-8.727 5.77c-0.226 0.151-0.503 0.241-0.801 0.241h-0zM29.818 44.985v6.128l4.636-3.065z"/>
            </symbol><symbol id="interaction" viewBox="0 0 64 64">
                <path d="M18.722 63.74c-0.734-0.001-1.33-0.596-1.33-1.331 0-0.616 0.419-1.135 0.988-1.286l0.009-0.002 12.671-3.284c0.694-0.163 1.253-0.635 1.533-1.26l0.006-0.014c0.108-0.268 0.17-0.579 0.17-0.905 0-0.424-0.106-0.822-0.293-1.171l0.007 0.013c-0.65-1.018-1.584-1.804-2.69-2.256l-0.038-0.014-4.88 3.658c-0.218 0.163-0.494 0.261-0.792 0.261-0.735 0-1.331-0.596-1.331-1.331 0-0.392 0.17-0.745 0.439-0.988l13.027-11.579c0.406-0.433 0.655-1.017 0.655-1.659 0-0.67-0.271-1.276-0.71-1.715l0 0c-0.41-0.415-0.98-0.672-1.609-0.672-0.665 0-1.264 0.287-1.678 0.745l-0.002 0.002-7.88 7.519c-0.24 0.235-0.569 0.38-0.932 0.38-0.736 0-1.332-0.596-1.332-1.332 0-0.373 0.153-0.71 0.4-0.952l0-0c0.41-0.411 1.264-1.263 1.238-1.556 0 0-0.044-0.225-0.624-0.63-0.655-0.409-1.13-0.184-2.662 1.313-0.246 0.243-0.585 0.394-0.958 0.394-0.099 0-0.196-0.011-0.29-0.031l0.009 0.002c-0.448-0.094-0.807-0.403-0.97-0.811l-0.003-0.009c-0.048-0.196-0.075-0.421-0.075-0.652 0-0.523 0.14-1.014 0.384-1.437l-0.007 0.014c0.043-0.108 0.1-0.253 0.148-0.385-0.13-0.172-0.31-0.3-0.517-0.365l-0.007-0.002c-0.424-0.090-1.198 0.441-1.807 0.86-0.362 0.27-0.771 0.524-1.202 0.741l-0.047 0.022c-0.164 0.078-0.357 0.123-0.56 0.123-0.735 0-1.331-0.596-1.331-1.331 0-0.385 0.164-0.733 0.426-0.976l0.001-0.001c-0.017-0.075-0.042-0.14-0.075-0.201l0.002 0.004c-0.097-0.011-0.209-0.017-0.323-0.017-0.779 0-1.491 0.293-2.029 0.774l0.003-0.003-9.463 11.654c-0.246 0.322-0.629 0.527-1.061 0.527-0.735 0-1.331-0.596-1.331-1.331 0-0.336 0.125-0.643 0.33-0.877l-0.001 0.002 9.549-11.731c0.039-0.049 0.079-0.092 0.122-0.132l0.001-0.001c1.019-0.951 2.391-1.534 3.899-1.534 0.388 0 0.768 0.039 1.134 0.112l-0.037-0.006c0.687 0.211 1.241 0.679 1.56 1.29l0.007 0.014c0.616-0.4 1.369-0.638 2.177-0.638 0.199 0 0.394 0.014 0.585 0.042l-0.022-0.003c1.018 0.236 1.862 0.849 2.395 1.681l0.009 0.015c0.080 0.088 0.15 0.187 0.207 0.294l0.004 0.008c0.39-0.165 0.842-0.261 1.318-0.261 0.745 0 1.434 0.235 1.999 0.635l-0.011-0.007c0.495 0.333 0.916 0.734 1.26 1.194l0.010 0.013 4.534-4.327c0.895-0.926 2.148-1.501 3.535-1.501 1.364 0 2.599 0.556 3.489 1.454l0 0c0.92 0.919 1.489 2.19 1.489 3.593s-0.569 2.674-1.489 3.593v0l-6.615 5.876c1.407 0.745 2.552 1.82 3.359 3.126l0.021 0.037c0.383 0.705 0.608 1.543 0.608 2.434 0 0.695-0.137 1.357-0.385 1.963l0.013-0.035c-0.615 1.407-1.832 2.453-3.316 2.821l-0.034 0.007-12.643 3.278c-0.101 0.029-0.217 0.047-0.337 0.049h-0.001z"/>
                <path d="M42.808 44.744c-0.004 0-0.009 0-0.014 0-0.735 0-1.331-0.596-1.331-1.331 0-0.524 0.303-0.977 0.743-1.194l0.008-0.004c2.019-1.009 3.381-3.061 3.381-5.43 0-3.342-2.709-6.051-6.051-6.051-2.078 0-3.911 1.047-5.001 2.643l-0.013 0.021c-0.243 0.353-0.645 0.581-1.1 0.581-0.735 0-1.331-0.596-1.331-1.331 0-0.28 0.087-0.54 0.234-0.754l-0.003 0.005c1.59-2.31 4.22-3.806 7.2-3.806 4.812 0 8.713 3.901 8.713 8.713 0 3.403-1.951 6.35-4.795 7.785l-0.050 0.023c-0.169 0.083-0.367 0.132-0.577 0.132-0.004 0-0.008 0-0.013-0h0.001z"/>
                <path d="M41.858 51.95c-0 0-0 0-0.001 0-0.735 0-1.331-0.596-1.331-1.331 0-0.654 0.472-1.198 1.093-1.31l0.008-0.001c5.948-1.084 10.399-6.225 10.399-12.406 0-6.959-5.641-12.6-12.6-12.6-5.481 0-10.144 3.499-11.878 8.386l-0.027 0.088c-0.186 0.526-0.679 0.895-1.258 0.895-0.735 0-1.331-0.596-1.331-1.331 0-0.156 0.027-0.306 0.076-0.445l-0.003 0.009c2.133-6.026 7.782-10.265 14.421-10.265 8.429 0 15.262 6.833 15.262 15.262 0 7.488-5.392 13.716-12.505 15.013l-0.093 0.014c-0.069 0.014-0.148 0.021-0.23 0.021-0.001 0-0.001 0-0.002 0h0z"/>
                <path d="M58.677 10.907c-2.94 0-5.323-2.383-5.323-5.323s2.383-5.323 5.323-5.323c2.94 0 5.323 2.383 5.323 5.323v0c0 2.94-2.383 5.323-5.323 5.323v0zM58.677 2.922c-1.47 0-2.662 1.192-2.662 2.662s1.192 2.662 2.662 2.662c1.47 0 2.662-1.192 2.662-2.662v0c0-1.47-1.192-2.662-2.662-2.662v0z"/>
                <path d="M6.775 21.553c-2.94 0-5.323-2.383-5.323-5.323s2.383-5.323 5.323-5.323c2.94 0 5.323 2.383 5.323 5.323v0c0 2.94-2.383 5.323-5.323 5.323v0zM6.775 13.568c-1.47 0-2.662 1.192-2.662 2.662s1.192 2.662 2.662 2.662c1.47 0 2.662-1.192 2.662-2.662v0c0-1.47-1.192-2.662-2.662-2.662v0z"/>
                <path d="M32.060 10.907c-2.94 0-5.323-2.383-5.323-5.323s2.383-5.323 5.323-5.323c2.94 0 5.323 2.383 5.323 5.323v0c0 2.94-2.383 5.323-5.323 5.323v0zM32.060 2.922c-1.47 0-2.662 1.192-2.662 2.662s1.192 2.662 2.662 2.662c1.47 0 2.662-1.192 2.662-2.662v0c0-1.47-1.192-2.662-2.662-2.662v0z"/>
                <path d="M50.692 24.215c-0.735-0-1.331-0.596-1.331-1.331 0-0.367 0.149-0.7 0.39-0.941l7.595-7.595v-4.772c0-0.735 0.596-1.331 1.331-1.331s1.331 0.596 1.331 1.331v0 5.874l-8.375 8.375c-0.241 0.241-0.573 0.39-0.941 0.39v0z"/>
                <path d="M33.39 21.553c-0.619-0.001-1.139-0.426-1.286-1l-0.002-0.009-1.372-5.645v-5.323c0-0.735 0.596-1.331 1.331-1.331s1.331 0.596 1.331 1.331v0 5.16l1.291 5.165c0.025 0.097 0.040 0.208 0.040 0.322 0 0.62-0.424 1.141-0.998 1.289l-0.009 0.002c-0.097 0.025-0.209 0.040-0.325 0.040h-0z"/>
                <path d="M25.406 26.876c-0.001 0-0.002 0-0.003 0-0.402 0-0.762-0.18-1.004-0.464l-0.002-0.002-7.588-8.85h-6.042c-0.735 0-1.331-0.596-1.331-1.331s0.596-1.331 1.331-1.331v0h7.266l8.384 9.781c0.199 0.231 0.319 0.534 0.319 0.865 0 0.735-0.596 1.331-1.331 1.331 0 0-0 0-0 0v0z"/>
            </symbol><symbol id="bar-chart-money" viewBox="0 0 64 64">
                <path d="M40.276 63.208h-16.31c-0.819 0-1.483-0.664-1.483-1.483v0-22.241c0-0 0-0 0-0 0-0.558 0.309-1.045 0.765-1.298l0.008-0.004 16.31-8.896c0.205-0.114 0.45-0.181 0.71-0.181 0.819 0 1.483 0.664 1.483 1.483 0 0 0 0 0 0v0 31.138c0 0.819-0.664 1.483-1.483 1.483v0zM25.448 60.243h13.345v-27.157l-13.345 7.279z"/>
                <path d="M62.517 63.208h-16.31c-0.819 0-1.483-0.664-1.483-1.483v0-35.798c0.001-0.413 0.171-0.787 0.445-1.055l0-0 16.31-16.098c0.267-0.262 0.634-0.424 1.038-0.424 0.818 0 1.481 0.662 1.483 1.479v51.897c0 0.819-0.664 1.483-1.483 1.483v0zM47.69 60.243h13.345v-46.867l-13.345 13.171z"/>
                <path d="M18.035 63.208h-16.31c-0.819 0-1.483-0.664-1.483-1.483v0-16.31c0-0 0-0 0-0 0-0.68 0.458-1.253 1.082-1.428l0.010-0.002 16.31-4.448c0.117-0.033 0.251-0.052 0.39-0.052 0.819 0 1.483 0.664 1.483 1.483 0 0 0 0 0 0v0 20.759c0 0.819-0.664 1.483-1.483 1.483v0zM3.207 60.243h13.345v-17.333l-13.345 3.639z"/>
                <path d="M16.997 34.794c-9.388-0.002-16.997-7.613-16.997-17.001 0-9.389 7.612-17.001 17.001-17.001s17.001 7.612 17.001 17.001c0 0.001 0 0.001 0 0.002v-0c-0.011 9.386-7.619 16.992-17.005 17h-0.001zM16.997 3.759c-0 0-0.001 0-0.001 0-7.752 0-14.036 6.284-14.036 14.036s6.284 14.036 14.036 14.036c7.752 0 14.036-6.284 14.036-14.036v0c-0.008-7.748-6.287-14.027-14.033-14.036h-0.001z"/>
                <path d="M18.785 13.195c0.413 0.282 0.681 0.75 0.681 1.281 0 0.027-0.001 0.054-0.002 0.081l0-0.004h2.546c-0.002-1.296-0.593-2.454-1.52-3.221l-0.007-0.006c-0.617-0.488-1.361-0.843-2.174-1.011l-0.034-0.006v-2.372h-2.546v2.372c-0.846 0.174-1.59 0.53-2.217 1.026l0.011-0.008c-0.936 0.77-1.528 1.929-1.528 3.226s0.592 2.455 1.521 3.22l0.007 0.006c0.909 0.741 2.082 1.19 3.36 1.19 0.070 0 0.14-0.001 0.209-0.004l-0.010 0c0.039-0.002 0.085-0.003 0.131-0.003 0.671 0 1.282 0.26 1.737 0.684l-0.002-0.001c0.414 0.313 0.679 0.804 0.679 1.358s-0.265 1.045-0.675 1.354l-0.004 0.003c-0.51 0.397-1.161 0.637-1.867 0.637s-1.356-0.24-1.874-0.642l0.007 0.005c-0.413-0.281-0.681-0.748-0.681-1.279 0-0.027 0.001-0.055 0.002-0.082l-0 0.004h-2.54c0.002 1.296 0.593 2.454 1.52 3.219l0.007 0.006c0.617 0.487 1.36 0.843 2.172 1.011l0.034 0.006v2.378h2.546v-2.372c0.847-0.174 1.591-0.53 2.219-1.026l-0.011 0.009c0.936-0.77 1.528-1.928 1.528-3.225s-0.592-2.455-1.52-3.219l-0.007-0.006c-0.908-0.741-2.079-1.19-3.356-1.19-0.071 0-0.142 0.001-0.213 0.004l0.010-0c-0.039 0.002-0.085 0.003-0.131 0.003-0.672 0-1.283-0.259-1.739-0.684l0.002 0.001c-0.413-0.281-0.681-0.749-0.681-1.28 0-0.027 0.001-0.054 0.002-0.080l-0 0.004c-0.001-0.023-0.002-0.050-0.002-0.077 0-0.531 0.268-0.999 0.676-1.277l0.005-0.003c0.511-0.398 1.162-0.638 1.869-0.638 0.703 0 1.35 0.237 1.867 0.636l-0.007-0.005z"/>
            </symbol><symbol id="optimize-board" viewBox="0 0 34 35"> <g stroke-width="1.8" stroke="#005AF0" fill="none" fill-rule="evenodd" stroke-linejoin="round"><path d="M1 5h32.314v20.057H1z"/><path d="M3.279 28.557h28.553M17.2 1.8v2.4" fill="#FFF" stroke-linecap="round"/> <g fill="none" stroke-linecap="round"><path d="M6.061 25.439v2.122M29.461 25.439v2.122"/></g> <g fill="none" stroke-linecap="round"><path d="M5.535 32.194l1.213-3.487M29.748 32.194l-1.213-3.487"/></g> </g>
            </symbol><symbol id="code" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M36 12l-11.68 38.88 3.68 1.12 11.68-38.88-3.68-1.12zM17.040 16l-17.040 16 1.52 1.36 15.52 14.64 2.64-2.8-14-13.2 14.080-13.2-2.72-2.8zM46.96 16l-2.64 2.8 14 13.2-14.080 13.12 2.64 2.8 15.52-14.56 1.6-1.36-1.52-1.44-15.52-14.56z"/></symbol><symbol id="sidebar-toggle" viewBox="0 0 64 64"> <path d="M36.032 7.9c0.985-0.996 2.624-0.996 3.643 0 0.985 0.963 0.985 2.565 0 3.526l-18.471 18.060h40.246c1.421 0.002 2.55 1.107 2.55 2.496s-1.129 2.529-2.55 2.529h-40.246l18.471 18.026c0.985 0.996 0.985 2.601 0 3.562-1.019 0.996-2.66 0.996-3.643 0l-22.844-22.336c-1.019-0.963-1.019-2.565 0-3.526l22.844-22.338z"/> <path d="M2.071 3.012c1.144 0 2.071 0.927 2.071 2.071v53.835c0 1.144-0.927 2.071-2.071 2.071s-2.071-0.927-2.071-2.071v-53.835c0-1.144 0.927-2.071 2.071-2.071z"/>
            </symbol><symbol id="internal" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M43.16 10.18c-0.881-0.881-2.322-0.881-3.203 0s-0.881 2.322 0 3.203l16.335 16.335h-54.051c-1.281 0-2.242 1.041-2.242 2.242 0 1.281 0.961 2.322 2.242 2.322h54.051l-16.415 16.335c-0.881 0.881-0.881 2.322 0 3.203s2.322 0.881 3.203 0l20.259-20.259c0.881-0.881 0.881-2.322 0-3.203l-20.179-20.179z"/></symbol><symbol id="menu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path d="M2.133 13.867h59.733c1.178 0 2.133 0.955 2.133 2.133v2.133c0 1.178-0.955 2.133-2.133 2.133h-59.733c-1.178 0-2.133-0.955-2.133-2.133v-2.133c0-1.178 0.955-2.133 2.133-2.133z"/> <path d="M2.133 28.8h59.733c1.178 0 2.133 0.955 2.133 2.133v2.133c0 1.178-0.955 2.133-2.133 2.133h-59.733c-1.178 0-2.133-0.955-2.133-2.133v-2.133c0-1.178 0.955-2.133 2.133-2.133z"/> <path d="M2.133 43.733h59.733c1.178 0 2.133 0.955 2.133 2.133v2.133c0 1.178-0.955 2.133-2.133 2.133h-59.733c-1.178 0-2.133-0.955-2.133-2.133v-2.133c0-1.178 0.955-2.133 2.133-2.133z"/>
            </symbol><symbol id="magnifier" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M61.925 58.24l-15.2-15.84c3.92-4.64 6.080-10.48 6.080-16.64-0.080-14.16-11.6-25.76-25.84-25.76s-25.84 11.6-25.84 25.84 11.6 25.84 25.84 25.84c5.36 0 10.4-1.6 14.8-4.64l15.36 15.92c0.64 0.64 1.52 1.040 2.4 1.040s1.68-0.32 2.32-0.96c1.36-1.28 1.36-3.44 0.080-4.8zM26.965 6.72c10.56 0 19.12 8.56 19.12 19.12s-8.64 19.040-19.12 19.040-19.12-8.56-19.12-19.040 8.56-19.12 19.12-19.12z"/></symbol><symbol id="wrench" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path d="M64 18.267c0 1.608-0.214 3.21-0.636 4.767l0.008 0.169c0.028 0.598-0.186 1.18-0.592 1.619-2.713 7.035-9.527 11.712-17.107 11.712-1.852 0-3.671-0.275-5.427-0.819l-25.943 25.854c-1.573 1.567-3.667 2.431-5.889 2.431s-4.318-0.864-5.89-2.431l-0.087-0.087c-3.25-3.238-3.25-8.508 0-11.747l23.75-23.669c0.66-0.657 1.046-1.529 1.090-2.456l0.173-3.404c-0.070-0.657-0.105-1.308-0.105-1.939 0-10.074 8.221-18.267 18.327-18.267 3.298 0 6.532 0.883 9.353 2.555 0.602 0.357 1.005 0.979 1.083 1.675 0.011 0.098 0.017 0.161 0.020 0.237 0.044 1.158-0.297 1.536-9.858 10.586l3.847 3.921c1.149-1.058 3.185-2.929 8.997-8.27 0.542-0.497 1.293-0.697 2.010-0.534 0.719 0.163 1.311 0.668 1.583 1.351 0.856 2.147 1.291 4.418 1.292 6.745zM59.819 22.4c0.395-1.346 0.595-2.737 0.594-4.132 0-1.194-0.141-2.367-0.422-3.507-2.922 2.685-8.959 8.231-9.040 8.307-0.536 0.494-1.37 0.474-1.88-0.046l-6.953-7.087c-0.252-0.258-0.39-0.605-0.384-0.965s0.158-0.702 0.42-0.95c2.985-2.825 7.47-7.107 9.54-9.166-1.884-0.84-3.936-1.278-6.022-1.278-8.129 0-14.742 6.59-14.742 14.691 0 0.533 0.032 1.090 0.096 1.654 0.007 0.071 0.010 0.142 0.007 0.214l-0.174 3.646c-0.087 1.818-0.847 3.528-2.138 4.816l-23.75 23.668c-1.85 1.844-1.85 4.844 0 6.688l0.087 0.087c0.897 0.893 2.088 1.385 3.356 1.385s2.46-0.492 3.355-1.385l26.429-26.338c0.2-0.199 0.419-0.39 0.693-0.601 0.377-0.292 0.882-0.363 1.326-0.187 1.743 0.692 3.578 1.044 5.456 1.044 6.243 0 11.831-3.943 13.905-9.811 0.044-0.126 0.107-0.244 0.187-0.351-0.002-0.134 0.016-0.268 0.054-0.396z"/>
            </symbol><symbol id="template" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M1.44 0h62.56v64h-64v-64h1.44zM20.64 60.88v-39.52h-17.76v39.6h17.76zM23.44 21.36v39.6h37.44v-39.6h-37.44zM2.88 18.24h58.080v-15.36h-58.080v15.36z"/></symbol><symbol id="learn" viewBox="0 0 64 64"> <path d="M57.674 35.257c0 1.779 1.416 3.221 3.163 3.221s3.163-1.442 3.163-3.221c0-1.155-0.602-2.16-1.498-2.728v-8.973c0-0.682-0.401-1.297-1.018-1.563l-29.585-12.716c-0.413-0.178-0.881-0.178-1.295 0l-29.586 12.716c-0.617 0.265-1.018 0.881-1.018 1.563s0.401 1.297 1.018 1.562l6.662 2.863v17.587c0 4.624 7.288 9.29 23.571 9.29s23.571-4.666 23.571-9.29v-17.587l4.349-1.869v6.417c-0.896 0.569-1.497 1.573-1.497 2.728zM51.491 45.567c0 1.575-4.797 5.898-20.24 5.898s-20.24-4.323-20.24-5.898v-16.155l19.593 8.421c0.207 0.089 0.427 0.134 0.647 0.134s0.441-0.045 0.647-0.134l19.593-8.421v16.155zM31.251 34.43l-25.303-10.875 25.303-10.875 25.302 10.875-25.302 10.875z"/>
            </symbol><symbol id="examples-flyout" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 20"><g><path d="M20 19.3a.9.9 0 1 1 0-1.7 1.9 1.9 0 0 0 1.9-1.9v-3a3.6 3.6 0 0 1 1.3-2.7 3.6 3.6 0 0 1-1.3-2.8v-3A1.9 1.9 0 0 0 20 2.3a.9.9 0 1 1 0-1.7 3.6 3.6 0 0 1 3.6 3.6v3a1.9 1.9 0 0 0 2 2v1.6a1.9 1.9 0 0 0-2 2v3a3.6 3.6 0 0 1-3.6 3.5zm-14 0a3.6 3.6 0 0 1-3.6-3.6v-3a1.9 1.9 0 0 0-2-1.9V9.1a1.9 1.9 0 0 0 2-1.9v-3A3.6 3.6 0 0 1 6 .6a.9.9 0 1 1 0 1.8A1.9 1.9 0 0 0 4 4.2v3A3.6 3.6 0 0 1 2.8 10a3.6 3.6 0 0 1 1.3 2.7v3A1.9 1.9 0 0 0 6 17.6a.9.9 0 1 1 0 1.7z"/><g transform="translate(5.8 8.5)"><circle cx="12.3" cy="1.4" r="1.4"/><circle cx="7.3" cy="1.4" r="1.4"/><circle cx="2.2" cy="1.4" r="1.4"/></g></g></symbol><symbol id="components-flyout" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 22"><path d="M8.7 17l-2.5-2.2-4-3.5-.9-.8v1l2.5-2.2 4-3.5 1-.8c.2-.3.2-.8 0-1a.8.8 0 0 0-1.2 0L5.1 6l-4 3.6-.8.8c-.3.2-.3.8 0 1l2.5 2.2 4 3.6.8.8c.3.2.8.3 1.1 0 .3-.3.3-.8 0-1.1zM19.3 5l2.5 2.2 4 3.5.9.8v-1l-2.5 2.2-4 3.5-.9.8c-.3.3-.3.8 0 1 .3.4.8.3 1 0L23 16l4-3.6.9-.8c.3-.2.3-.8 0-1l-2.5-2.3-4-3.5-1-.8c-.2-.3-.7-.3-1 0-.3.3-.3.8 0 1zm-8 16.4l.7-2 1.6-5a3563.7 3563.7 0 0 1 2-5.8l1.7-5.1.8-2.5c.2-.4-.1-.9-.5-1a.8.8 0 0 0-1 .6c-.1.7-.4 1.3-.6 2l-1.6 4.9-2 5.9-1.7 5-.8 2.6c-.2.4.1.8.5 1a.8.8 0 0 0 1-.6z"/></symbol><symbol id="guides-documents" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31 32"><path d="M6.7 28H1.2c-.4 0-.6-.4-.6-.8L.5.7c0-.4.3-.7.7-.7h21.1c.5 0 .7.3.7.7V2c0 .5-.2.7-.7.7-.4 0-.6-.2-.6-.7v-.6H1.8L2 26.6h4.8c.4 0 .7.2.7.6 0 .4-.3.7-.7.7z"/><path d="M8 6.8H6c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7h2c.5 0 .7.3.7.7 0 .4-.2.7-.7.7zM8 10.9H6c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7h2c.5 0 .7.3.7.7 0 .4-.2.7-.7.7zM8 15H6c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7h2c.5 0 .7.3.7.7 0 .4-.2.7-.7.7zM8 19H6c-.4 0-.7-.2-.7-.6 0-.4.3-.7.7-.7h2c.5 0 .7.3.7.7 0 .4-.2.7-.7.7z"/><path d="M29.8 4H8.7c-.5 0-.7.4-.7.8v26.5c0 .4.3.7.7.7h21.1c.4 0 .7-.3.7-.7V4.8c0-.4-.3-.7-.7-.7zm-.6 26.6H9.4V5.4h19.8v25.2z"/><path d="M18.1 22.8h-.6l.6-3.8h-1.9c-.2 0-.3-.1-.3-.3v-.2l3.4-5.8h.7l-.7 3.8h2c.2 0 .3.1.3.3v.2L18 22.8z"/></symbol><symbol id="start" viewBox="0 0 64 64"> <path d="M63.195 1.874c-0.143-0.52-0.549-0.926-1.069-1.069-10.765-2.978-20.385 2.978-24.355 6.948l-11.452 11.452-5.421-1.756c-3.551-1.163-7.454-0.217-10.078 2.443l-3.359 3.359c-0.582 0.594-0.582 1.544 0 2.138l7.329 7.329-4.199 6.948c-0.343 0.593-0.25 1.342 0.229 1.832l11.681 11.605c0.471 0.504 1.223 0.63 1.832 0.305l6.948-4.123h0.076l7.329 7.329c0.594 0.582 1.544 0.582 2.138 0l3.359-3.359c2.66-2.624 3.606-6.527 2.443-10.078l-1.756-5.421 11.452-11.452c3.894-4.047 9.849-13.666 6.871-24.431zM23.799 50.126l-9.925-9.925 3.13-5.268 12.063 12.063-5.268 3.13zM54.109 24.015l-12.139 12.139c-0.4 0.399-0.547 0.987-0.382 1.527l2.061 6.337c0.783 2.448 0.136 5.128-1.68 6.948l-2.29 2.29-29.012-29.012 2.29-2.29c1.819-1.815 4.5-2.463 6.948-1.68l6.337 2.061c0.54 0.165 1.128 0.018 1.527-0.382l12.216-12.063c3.436-3.359 11.452-8.398 20.461-6.337 2.061 9.085-2.978 17.102-6.337 20.461z"/> <path d="M10.667 51.195l-9.009 9.009c-0.478 0.358-0.703 0.963-0.576 1.547s0.583 1.040 1.167 1.167c0.584 0.127 1.188-0.098 1.547-0.576l9.009-9.009c0.456-0.608 0.396-1.459-0.142-1.996s-1.388-0.598-1.996-0.142z"/> <path d="M11.66 63.563c0.594 0.582 1.544 0.582 2.138 0l4.581-4.581c0.456-0.608 0.395-1.459-0.142-1.996s-1.388-0.598-1.996-0.142l-4.581 4.581c-0.582 0.594-0.582 1.544 0 2.138z"/> <path d="M1.505 52.798c0.403-0.006 0.787-0.17 1.069-0.458l4.581-4.581c0.478-0.358 0.703-0.963 0.576-1.547s-0.583-1.040-1.167-1.167c-0.584-0.127-1.188 0.098-1.547 0.576l-4.581 4.581c-0.428 0.436-0.554 1.086-0.322 1.65s0.78 0.937 1.391 0.945z"/> <path d="M43.726 13.021c-2.003 2.003-2.003 5.25 0 7.253s5.25 2.003 7.253 0c2.003-2.003 2.003-5.25 0-7.253s-5.25-2.003-7.253 0zM48.841 18.136c-0.699 0.692-1.79 0.794-2.605 0.243s-1.127-1.601-0.745-2.508c0.382-0.907 1.351-1.417 2.315-1.219s1.653 1.050 1.646 2.033c-0.004 0.545-0.223 1.067-0.611 1.451z"/>
            </symbol><symbol id="amp-email" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <defs> <linearGradient id="gradient-email" x1="76.2776137%" x2="20.8316146%" y1="-25.8400575%" y2="121.578822%"> <stop offset="0%" stop-color="#F1F068"/> <stop offset="46.2139774%" stop-color="#96D64F"/> <stop offset="100%" stop-color="#2DB932"/> </linearGradient> </defs> <path d="M64 14.080c0-3.291-2.56-5.851-5.851-5.851h-52.297c-3.291 0-5.851 2.56-5.851 5.851v35.84c0 3.291 2.56 5.851 5.851 5.851h52.297c3.291 0 5.851-2.56 5.851-5.851v-35.84zM5.851 11.154h52.297c0.183 0 0.366 0 0.549 0l-24.503 25.417c-0.549 0.549-1.28 0.914-2.194 0.914-0.731 0-1.646-0.366-2.194-0.914l-24.32-25.417c0 0 0.183 0 0.366 0zM2.926 14.080c0-0.366 0-0.731 0.183-1.097l15.36 16.091-15.543 19.2v-34.194zM58.149 52.846h-52.297c-0.731 0-1.646-0.366-2.194-0.914l16.823-20.663 7.131 7.497c1.097 1.097 2.56 1.829 4.206 1.829s3.109-0.731 4.206-1.829l6.583-6.949 17.371 20.114c-0.366 0.549-1.097 0.914-1.829 0.914v0zM61.074 48.274l-16.091-18.834 15.909-16.64c0.183 0.366 0.183 0.731 0.183 1.097v34.377z"/>
            </symbol><symbol id="amp-ads" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <defs> <linearGradient id="gradient-ads" x1="100%" x2="14.5415777%" y1="0%" y2="123.368881%"> <stop offset="0%" stop-color="#FF52E1"/> <stop offset="100%" stop-color="#5500D7"/> </linearGradient> </defs> <path d="M56.399 14.68c3.654-3.846 9.616-10.963 6.924-13.847-2.885-2.885-10.001 3.269-13.847 6.731l-0.577-0.577c-0.385-0.385-0.962-0.577-1.539-0.385l-15.963 3.077c-0.385 0-0.577 0.192-0.769 0.385l-30.195 30.195c-0.577 0.577-0.577 1.731 0 2.308l20.963 20.963c0.385 0.385 0.769 0.385 1.154 0.385s0.769-0.192 1.154-0.385l30.003-30.003c0.192-0.192 0.385-0.577 0.385-0.769v0l3.077-15.963c0.192-0.577 0-1.154-0.385-1.539l-0.385-0.577zM53.899 16.988l-2.885 14.424-28.464 28.656-18.655-18.655 28.656-28.656 14.424-2.885c-1.539 1.731-4.039 4.423-5.962 7.116-1.923-0.192-3.654 0.385-5.193 1.923-2.5 2.5-2.5 6.731 0 9.232s6.731 2.5 9.232 0c1.346-1.346 2.116-3.27 1.923-5.193-0.192-1.154-0.577-2.308-1.154-3.077-0.192-0.385-0.385-0.577-0.769-0.769-0.192-0.192-0.577-0.577-0.769-0.769 1.154-1.731 2.885-3.654 5.193-5.962l2.5 2.5 1.923 2.116zM43.321 24.873c-0.192 0.385-0.385 0.577-0.577 0.962-1.346 1.346-3.27 1.346-4.616 0s-1.346-3.27 0-4.616c0.192-0.192 0.577-0.385 0.962-0.577 1.154-0.577 2.308-0.385 3.462 0.385 0.192 0 0.192 0.192 0.385 0.192 0 0 0.192 0.192 0.192 0.385 0.577 0.962 0.769 2.116 0.192 3.27zM54.091 12.372l-2.5-2.5c4.039-3.846 7.308-5.77 8.847-6.347-0.577 1.539-2.5 4.616-6.347 8.847z"/>
            </symbol><symbol id="amp-stories" viewBox="0 0 36 32"> <defs> <linearGradient id="gradient-stories" x1="81.726943%" x2="23.7165981%" y1="-28.3832685%" y2="119.978062%"> <stop offset="0%" stop-color="#FFF300"/> <stop offset="100%" stop-color="#FF8F00"/> </linearGradient> </defs> <path d="M7.111 0h21.333v32h-21.333v-32zM9.481 2.37v27.259h16.593v-27.259h-16.593zM0 4.741h2.37v22.519h-2.37v-22.519zM33.185 4.741h2.37v22.519h-2.37v-22.519z"/>
            </symbol><symbol id="amp-websites" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <defs> <linearGradient id="gradient-websites" x1="81.8129399%" x2="33.8766928%" y1="0%" y2="94.4849088%"> <stop offset="0%" stop-color="#00DCC0"/> <stop offset="100%" stop-color="#005AF0"/> </linearGradient> </defs> <path d="M63.196 4.646h-62.253c-0.566 0-0.943 0.377-0.943 0.755v53.010c0 0.566 0.377 0.943 0.943 0.943h62.253c0.566 0 0.755-0.377 0.755-0.755v-53.198c0.189-0.377-0.189-0.755-0.755-0.755zM3.395 18.040h57.348v33.202h-57.348v-33.202zM60.744 7.853v6.98h-57.348v-6.98h57.348zM3.395 56.147v-1.509h57.348v1.509h-57.348zM9.055 7.853c1.132 0 1.886 0.754 1.886 1.886s-0.755 1.886-1.886 1.886-1.886-0.755-1.886-1.886 0.943-1.886 1.886-1.886zM12.828 7.853c1.132 0 1.886 0.754 1.886 1.886s-0.755 1.886-1.886 1.886-1.886-0.755-1.886-1.886 0.943-1.886 1.886-1.886zM18.487 7.853c1.132 0 1.886 0.754 1.886 1.886s-0.755 1.886-1.886 1.886-1.886-0.755-1.886-1.886 0.943-1.886 1.886-1.886zM51.123 39.734l-11.13-13.96c-0.189-0.189-0.377-0.377-0.755-0.377v0c-0.189 0-0.566 0-0.755 0.377l-8.3 9.621-4.716-6.225c-0.189-0.189-0.377-0.377-0.755-0.377s-0.566 0-0.755 0.377l-8.866 10.376c-0.377 0.377-0.189 0.943 0 1.132s0.377 0.189 0.566 0.189c0.189 0 0.566 0 0.754-0.377l8.3-9.621 4.528 5.471-2.452 3.018c-0.377 0.377-0.189 0.943 0 1.132 0.377 0.189 0.943 0.189 1.132 0l11.319-13.017 10.376 13.205c0.189 0.189 0.377 0.377 0.755 0.377 0.189 0 0.377 0 0.566-0.189 0.377-0.377 0.566-0.943 0.189-1.132zM27.165 26.718c1.509 0 2.641-1.132 2.641-2.641 0-1.321-1.132-2.641-2.641-2.641s-2.641 1.132-2.641 2.641c0 1.509 1.132 2.641 2.641 2.641zM27.165 23.322c0.566 0 0.943 0.377 0.943 0.943s-0.377 0.943-0.943 0.943-0.943-0.377-0.943-0.943c0-0.566 0.377-0.943 0.943-0.943z"/>
            </symbol>
            <symbol id="angle-down-solid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path d="M56.293 16.003c1.761-1.645 4.553-1.645 6.314 0 1.857 1.734 1.857 4.623 0 6.357l-27.45 25.638c-1.761 1.645-4.553 1.645-6.314 0l-27.45-25.638c-0.899-0.839-1.393-1.963-1.393-3.178s0.494-2.339 1.393-3.178c1.761-1.645 4.553-1.645 6.314 0l24.293 22.689 24.293-22.689z"/>
            </symbol>
            <symbol id="logo-ctt" xmlns="http://www.w3.org/2000/svg" width="60.000000pt" height="60.000000pt" viewBox="0 0 254.000000 253.000000" preserveAspectRatio="">
                <g transform="translate(0.000000,253.000000) scale(0.100000,-0.100000)" fill="white" stroke="none">
                    <path d="M885 2074 c-190 -37 -380 -148 -512 -298 -158 -179 -233 -378 -233 -614 0 -243 92 -469 260 -642 136 -140 280 -222 465 -265 88 -20 317 -20 405 0 205 48 399 172 527 338 82 106 161 277 177 382 17 116 18 292 2 372 -74 360 -355 644 -714 723 -104 23 -272 25 -377 4z m855 -282 c0 -5 -19 -15 -42 -22 -149 -44 -370 -191 -533 -355 -327 -327 -380 -613 -137 -734 84 -43 251 -45 382 -5 61 18 225 98 235 114 7 11 25 4 25 -10 0 -13 -215 -115 -319 -152 -427 -152 -721 -90 -721 152 0 277 395 692 885 930 175 85 225 103 225 82z"></path>
                </g>
            </symbol>
            <symbol id="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><g fill="none" fill-rule="evenodd"><path fill="#FFF" d="M0 15c0 8.284 6.716 15 15 15 8.285 0 15-6.716 15-15 0-8.284-6.715-15-15-15C6.716 0 0 6.716 0 15z"/><path fill="#005AF0" fill-rule="nonzero" d="M13.85 24.098h-1.14l1.128-6.823-3.49.005h-.05a.57.57 0 0 1-.568-.569c0-.135.125-.363.125-.363l6.272-10.46 1.16.005-1.156 6.834 3.508-.004h.056c.314 0 .569.254.569.568 0 .128-.05.24-.121.335L13.85 24.098zM15 0C6.716 0 0 6.716 0 15c0 8.284 6.716 15 15 15 8.285 0 15-6.716 15-15 0-8.284-6.715-15-15-15z"/></g></symbol><symbol id="close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path d="M39.503 32l22.963-22.963c2.046-2.046 2.046-5.457 0-7.503s-5.456-2.046-7.503 0l-22.963 22.963-22.963-22.963c-2.046-2.046-5.457-2.046-7.503 0s-2.046 5.457 0 7.503l22.963 22.963-22.963 22.963c-2.046 2.046-2.046 5.456 0 7.503s5.457 2.046 7.503 0l22.963-22.963 22.963 22.963c2.046 2.046 5.456 2.046 7.503 0s2.046-5.456 0-7.503l-22.963-22.963z"/>
            </symbol> </defs> </svg>
<header class="ap--header has-banner " [class]="'ap--header has-banner ' + (mainmenuopen ? 'mainmenuopen' : '')">
<div class="-tq">
    <a id="top-banner" class="-rz" target="_blank" href="https://www.hotelcubaresort.com/" rel="noopener">Cuba Tech Travel le da la bienvenida a la web de Cuba con mayores productos. </a>

</div>
<div class="-to">
    <a class="-tu" href="/"> <amp-img src="https://www.cubatechtravel.com/assets/newassets/img/logo.webp" width="30" height="30" alt="Cubatechtravel.com"></amp-img>
        <span class="-tl">CUBATECHTRAVEL</span> </a>
    <nav class="-tc">

        <div class="-th">
            <a class="-tp -rb" href="https://www.hotelcubaresort.com/">Inicio</a> </div>
    </nav>

    <div class="-rd">
                    <span class="-rv" aria-label="Select a language" tabindex="-1">
                        <span class="-rb">ES</span>
                        <div class="ap-a-ico -rg">
                            <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid" /></svg>
                        </div>
                    </span>
        <input class="-rm" type="checkbox" name="language-selector" />
        <div class="-ry" role="list">
            <a class="-rb" href="https://www.hotelcubaresort.com/hotel/book_reserve/en/427/villa-san-juan" role="listitem">Ingles</a>

        </div>
    </div>
    <div class="-rd -rd-resp">
                    <span class="-rv" aria-label="Select a moneda" tabindex="-1">
                        <span class="-rb">USD</span>
                        <div class="ap-a-ico -rg">
                            <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid" /></svg>
                        </div>
                    </span>
        <input class="-rm" type="checkbox" name="b-selector" />
        <div class="-ry" role="list">
            <a class="-rb" href="https://www.cubatechtravel.com/currency/change_currency_bdamp/en/22" role="listitem">EUR</a>

        </div>
    </div>
</div>
</header>
<label
    class="ap-o-burger-menu-label"
    on="tap:AMP.setState({mainmenuopen: !mainmenuopen, noScrollState: !noScrollState})"
[class]="'ap-o-burger-menu-label ' + (mainmenuopen ? 'mainmenuopen ' : '')"
for="burger-menu"
tabindex="0"
role="button"
aria-label="Burger Menu"
>
<div class="ap-a-ico ap-o-burger-menu-icon">
    <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu" /></svg>
</div>
</label>
<nav class="ap-o-burger-menu" [class]="mainmenuopen ? 'ap-o-burger-menu mainmenuopen' : 'ap-o-burger-menu'">
<ul class="-rc">
    <li class="-rh"><a class="ap-o-burger-menu-link -rb" href="https://www.hotelcubaresort.com/">Inicio</a></li>
</ul>
</nav>

<main class="ap--main -ll">

  <div class="-in">
    <section class="-t">

        <nav class="-nb">

             <a class="ap-m-breadcrumbs-crumb" href="https://www.hotelcubaresort.com/">Inicio</a><span class="ap-m-breadcrumbs-divider">
                    <svg class="ap-a-ico -nw"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#angle-down-solid"/></svg> </span><a class="ap-m-breadcrumbs-crumb" href="https://www.hotelcubaresort.com/hotel/details/es/427/villa-san-juan">Hotel Villa San Juan Cuba</a>
        </nav>

        <amp-state id="shirts" credentials="include" [src]="'https://www.hotelcubaresort.com/hotel/ajax_formamp/en/'+checkin.date+'/'+checkout.date+'/'+427+'/'+datos.change_mealplan+'/'+datos.cantroom+'/'+datos.type+'/'+datos.combination1+'/'+datos.combination2+'/'+datos.combination3">
</amp-state>

<amp-state id="datos">
    <script type="application/json">
        {
            "combination1": "2-0-0",
            "combination2": "2-0-0",
            "combination3": "2-0-0",
            "type":"1", "cantroom":"1",
            "change_mealplan": "2"
        }
    </script>
</amp-state>
<form method="post" id="myform_transfer"
      action-xhr="https://www.hotelcubaresort.com/hotel/addcart/en"  target="_top"
      on="submit-success:AMP.setState({'subscribe': event.response.name}), AMP.navigateTo(url=event.response.url, target=_blank)"
      custom-validation-reporting="show-all-on-submit"  >
    <fieldset>
        <input type="hidden" id="hotel" name="hotel" value="427" />
        <div class="-nr" [hidden]="hiddenState">
            <label class="lb-checkin"><b>Check-in</b></label>
            <label class="lb-checkout"><b>Check-out</b></label>
        </div>
        <div class="-nr" [hidden]="hiddenState">
            <div class="icon-input"></div>
            <label class="-nr">
                <amp-date-picker id="date_picker_place"
                                 type="range"
                                 mode="overlay"
                                 layout="container"
                                 on="select:AMP.setState({ dates: event.dates,checkin: event.start,
                                                   checkout: event.end, start3:event.date,
                                                    nights: event.dates.length, change:'dates'
                                                    }) "
                                 locale="en"
                                 format="YYYY-MM-DD"
                                 min=2025-05-03                                 minimum-nights="1"
                                 maximum-nights="30"
                                 start-input-selector = "[name=checkin]"
                                 end-input-selector = "#checkout"
                                 class="reserv_fecha"
                    >
                    <label class="lb-checkin-xs"><b>Check-in</b></label>
                    <input class="border-none p0 info-formcardate datepicker"
                           name="checkin" id="checkin" value="2025-05-03"
                           placeholder="Fecha de Check-in"  >
                   <label class="lb-checkout-xs"><b>Check-out</b></label>   
                    <input class="border-none p0 info-formcardate datepicker checkout_date"
                           name="checkout" id="checkout" value="2025-05-04"
                           placeholder="Fecha de Check-out">
                   
                                          
                    <template type="amp-mustache"
                              info-template>
                        <span style="margin-top: -50px; margin-left: auto; margin-right: auto; color:#005af0" [text]="(startDate && endDate ?
                        'Ahora seleccione en este mismo calendario FECHA DE ENTREGA ' + endDate.date :
                        'Ahora seleccione en este mismo calendario FECHA DE SALIDA.')">
                        Seleccione la FECHA DE SALIDA.
                        </span>
                    </template>
                </amp-date-picker>

            </label>
        </div>
        <div class="-nr  -detail-title" [hidden]="hiddenState" style="width:calc(100%)" >
        <label class="m-t-15">
            <div class="cars-pickup-hour" style="">
                <span class="checkdate">  Plan Alimenticio</span>

                <amp-list layout="fixed-height"
                          height="40"
                          src="https://www.hotelcubaresort.com/hotel/ajax_formamp_mealplan/en/427/2025-05-03/2025-05-04"
                          [src]="'https://www.hotelcubaresort.com/hotel/ajax_formamp_mealplan/en/'+427+'/'+checkin.date+'/'+checkout.date"
                          binding="refresh"
                          single-item
                          items="."
                          noloading>
                    <template type="amp-mustache">

                        <select id="mealplan_form" name="mealplan_form" class="combo resp-meal" on="change:AMP.setState({ datos: {change_mealplan: event.value}, change:'mealplan' })">
                            {{#mealplans}}
                            <option value="{{pk_mealplan}}" >{{mealdescription}}</option>
                            {{/mealplans}}
                        </select>
                    </template>

                </amp-list>

            </div>
        </label>
        <label class="m-t-15 div-cantday -nr ">
            <span class="checkdate" style="padding-top: 8px">Dias:</span>
            <div class="cant-dias"><span style="padding-top: 3px"  [text]="shirts.datedif">2</span>
           </div>
           <span class="checkdate" style="padding-top: 8px;margin-left:10px"> Noches:</span>
            <div class="cant-dias"><span style="padding-top: 3px"  [text]="shirts.datedif-1">1</span>
           </div>
        </label>
        </div>
        <div class="-nr m-t-15 bg-white" [hidden]="hiddenState">
            <label>
                <span class="checkdate"> Total de habitaciones</span>
                <select id="rooms"  name="rooms"  on="change:AMP.setState({ datos: {cantroom:event.value}, change:'roms' })">
                    <option value="1" selected>&nbsp;&nbsp;1&nbsp;</option>
                    <option value="2" >&nbsp;&nbsp;2&nbsp;</option>
                    <option value="3" >&nbsp;&nbsp;3&nbsp;</option>
                </select>
            </label>
        </div>
        <div class="-nr m-t-15 bg-white" [hidden]="hiddenState">
            <label style="width: calc(45%);padding: 5px;">
                <span class="checkdate"> Tipo de habitaci&oacute;n</span>
                <select id="roomtype_1"  name="roomtype_1" class="combo" on="change:AMP.setState({ datos:{type: event.value} })">
                    
                        <option value="1">standard</option>
                                    </select>
            </label>

            <label style="width: calc(45%);padding: 5px;">
                <span class="checkdate"> Ocupaci&oacute;n</span>
                <select id="room_combination_1"  name="room_combination_1" class="combo" on="change:AMP.setState({ datos:{combination1: event.value} })">
                    
                        <option value="2-0-0">2 Adultos</option>
                    
                        <option value="1-0-0">1 Adulto</option>
                    
                        <option value="3-0-0">3 Adultos</option>
                    
                        <option value="2-1-0">2 Adultos + 1 Niño</option>
                    
                        <option value="2-0-1">2 Adultos + 1 Infantes</option>
                    
                        <option value="2-0-2">2 Adultos + 2 Infantes</option>
                    
                        <option value="1-0-1">1 Adulto + 1 Infante</option>
                    
                        <option value="1-2-0">1 Adulto + 2 Niños</option>
                    
                        <option value="1-1-0">1 Adulto + 1 Niño</option>
                    
                        <option value="1-1-1">1 Adulto + 1 Niño + 1 Infante</option>
                                    </select>
            </label>
        </div>
        <div [hidden]="hiddenState"><div class="-nr m-t-15 bg-white w-resp" hidden [hidden]="datos.cantroom < 2">
        <label style="width: calc(45%);padding: 5px;">
            <select id="roomtype_2"  name="roomtype_2" class="combo" hidden [hidden]="datos.cantroom < 2" >
                
                    <option value="1">standard</option>
                            </select>
        </label>

        <label style="width: calc(45%);padding: 5px;">
            <select id="room_combination_2"  name="room_combination_2" class="combo" hidden [hidden]="datos.cantroom < 2" on="change:AMP.setState({ datos:{combination2: event.value} })">
                
                    <option value="2-0-0">2 Adultos</option>
                
                    <option value="1-0-0">1 Adulto</option>
                
                    <option value="3-0-0">3 Adultos</option>
                
                    <option value="2-1-0">2 Adultos + 1 Niño</option>
                
                    <option value="2-0-1">2 Adultos + 1 Infantes</option>
                
                    <option value="2-0-2">2 Adultos + 2 Infantes</option>
                
                    <option value="1-0-1">1 Adulto + 1 Infante</option>
                
                    <option value="1-2-0">1 Adulto + 2 Niños</option>
                
                    <option value="1-1-0">1 Adulto + 1 Niño</option>
                
                    <option value="1-1-1">1 Adulto + 1 Niño + 1 Infante</option>
                            </select>
        </label>
        </div></div>
        <div [hidden]="hiddenState"><div class="-nr m-t-15 bg-white w-resp" hidden [hidden]="datos.cantroom < 3">
        <label style="width: calc(45%);padding: 5px;">
            <select id="roomtype_3"  name="roomtype_3" class="combo" hidden [hidden]="datos.cantroom < 3" >
            
                <option value="1">standard</option>
                        </select>
        </label>

        <label style="width: calc(45%);padding: 5px;">
            <select id="room_combination_3"  name="room_combination_3" class="combo" hidden [hidden]="datos.cantroom < 3" on="change:AMP.setState({ datos:{combination3: event.value} })">
            
                <option value="2-0-0">2 Adultos</option>
            
                <option value="1-0-0">1 Adulto</option>
            
                <option value="3-0-0">3 Adultos</option>
            
                <option value="2-1-0">2 Adultos + 1 Niño</option>
            
                <option value="2-0-1">2 Adultos + 1 Infantes</option>
            
                <option value="2-0-2">2 Adultos + 2 Infantes</option>
            
                <option value="1-0-1">1 Adulto + 1 Infante</option>
            
                <option value="1-2-0">1 Adulto + 2 Niños</option>
            
                <option value="1-1-0">1 Adulto + 1 Niño</option>
            
                <option value="1-1-1">1 Adulto + 1 Niño + 1 Infante</option>
                        </select>
        </label>
        </div></div>

        <div class="-db m-t-15 "  hidden  [hidden]="showState">
        <label>
            <input type="text" class="info-formcardate" name="name"  id="name" placeholder="Nombre" required >
            
        </label>
        </div>
        <div class="-db m-t-15 "  hidden  [hidden]="showState" >
        <label>
            <input type="email" class="info-formcardate" name="email" id="email" placeholder="Email"  required>
            <span visible-when-invalid="valueMissing" validation-for="email"></span>
            <span visible-when-invalid="typeMismatch" validation-for="email">Debe poner un correo valido</span>
        </label>
        </div><div class="-db m-t-15"  hidden  [hidden]="showState" >
        <label>
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/></svg>
            <input name="phone" id="telef"  type="tel" class="info-formcardate"
                 >
        </label>
        </div>
        <div class="-nr">
            <span class="showprice">Total precio: $<span   [text]="shirts.price">64</span>.oo</span>
           
            </div>
        <div class="-nr">

            <button class="addreview" style=" margin: 15px 15px 10px" [hidden]="hiddenState" on="tap:AMP.setState({hiddenState: true, showState:false})">
            Siguiente            </button>
            <button class="addreview" hidden  style=" margin: 15px 15px 10px"   [hidden]="showState"  on="tap:AMP.setState({hiddenState: false, showState:true})">
            Atras            </button>
            <input type="submit" hidden  class="addreview" style="float: right; margin: 15px 0px 10px" [hidden]="showState"
                   value="Reservar">

            <div submitting class="-nr" >
                <p><amp-img src="https://www.cubatechtravel.com/assets/img/45.svg"
                            width="50"
                            height="50" alt="loading" title="loading" style="margin-left:10px"></amp-img></p>

            </div>
        </div>
        <amp-recaptcha-input layout="nodisplay" name="recaptcha_response"
                             data-sitekey="6Le2ciYdAAAAAF2cBVozubnxDkN5Qb7n-lZPNXpO"
                             data-action="recaptcha_example">
        </amp-recaptcha-input>
</fieldset>
    <div submit-success>
        <template type="amp-mustache">
            <div style=" padding: 15px; line-height: 1.6rem;    margin: 10px;"> <span [text]="subscribe"></span>
                <p>Usted recibir&aacute; un correo con el ID de su pedido (<strong> {{order}}</strong>)  e informaci&oacute;n adicional sobre su reserva, entonces usted podra comprobar el estado de su pedido con nuestro monitor de pedidos. Gracias por preferirnos, no ser&aacute; decepcionado.</p>

            </div>
            <input type="reset"  tabindex="0" role="button"
                   value="Close" on="tap:myform_transfer.clear, amp.goback" class="addreview" style="float: right; margin: 0px 12px 14px;">
        </template>
    </div>
    <div submit-error>
        <template type="amp-mustache">
            Subscription failed!
            {{error}}
        </template>
    </div>


</form>

    </section>
   

</div>


</main>

<footer class="ap--footer">
  
</footer>
</body>

</html>