</noscript> <!-- header start --> <header class="header clearfix"> <!-- Header Top Start --> <div class="h-top clearfix"> <div class="container"> <!-- Header Left Start --> <div class="h-top__left"> <ul> <li class="hidden-xs hidden-sm"><a id="cta-head-contact" href="contacto">Contacto</a></li> <li class="hidden-xs hidden-sm u-pl-10"><a href="quienes-somos">Quienes Somos</a></li> <li class="booking-num hidden-xs"><a id="cta-head-telf" href="tel:+34971200222">RESERVAS (+34) 971 200 222</a></li> </ul> </div> <!-- Header Left End --> <!-- Header Right Start --> <div class="h-top__right"> <div class="h-top__right__language"> <ul style="display: flex; align-content: center; align-items: center;justify-content: flex-end;"> <!-- <li class="li-monsafety"> <a href="http://habitaciones.monport.com.pages.services/prueba-app/?ts=1597157161197" class="monsafety-link" target="_blank" rel="nofollow"> <img class="mon-safety-icon" src="/images/monsafety.png" alt=""> <span>MON SAFETY</span> </a> </li> --> <li style="padding:5px!important; align-self: center;"> <div id="roi-loyalty-icon" data-projectcode="monport" data-rendericon="true" data-isdesktop="true" data-domain="https://reservas.hotelmonport.com"> <script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script> <script src="https://booking.hotelmonport.com/bookcore/static/loyalty/builds/loyalty.min.js"></script> <link rel="stylesheet" type="text/css" href="https://booking.hotelmonport.com/bookcore/static/loyalty/builds/loyalty.css"> <!-- <div id="roi-loyalty-icon" data-projectcode="monport" data-rendericon="true" data-isdesktop="true" data-domain="https://reservas.hotelmonport.com" data-settingsURL="https://reservas.hotelmonport.com/bookcore/partempresas/loyalty/settings/" data-signinURL="https://reservas.hotelmonport.com/bookcore/loyalty/ajax/signin/" data-signupURL="https://reservas.hotelmonport.com/bookcore/loyalty/ajax/signup/" data-getUserURL="https://reservas.hotelmonport.com/bookcore/loyalty/ajax/user/" data-passwordRecoveryURL="https://reservas.hotelmonport.com/bookcore/loyalty/ajax/password/recovery/" data-changePasswordURL="https://reservas.hotelmonport.com/bookcore/loyalty/ajax/password/recovery/change/" data-socialSigninURL="https://reservas.hotelmonport.com/bookcore/partempresas/login-particular-integracion/" data-socialCheckUserURL="https://reservas.hotelmonport.com/bookcore/partempresas/comprobar-registro-particular/" data-logoutURL="https://reservas.hotelmonport.com/bookcore/partempresas/ajax/logout/" data-loginURL="https://reservas.hotelmonport.com/bookcore/partempresas/login-particular/" data-dropURL="https://reservas.hotelmonport.com/bookcore/shopping-cart/drop/" data-resetAvailabilityURL="https://reservas.hotelmonport.com/bookcore/availability/reset/" data-loyaltyDispoURL="https://reservas.hotelmonport.com/bookcore/availability/loyalty/" data-setCookieURL="https://reservas.hotelmonport.com/bookcore/set-cookie/"> </div> --> <style> #roi-auth * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 600px) { .d-none-sm { display: none !important; } } } </style> </li> <li class="hidden-xs"> <select class="form-control changeLang"> <option value="https://www.hotelmonport.com/en/post/one-week-in-mallorca" >English</option> <option value="https://www.hotelmonport.com/post/una-semana-en-mallorca" selected>Español</option> <option value="https://www.hotelmonport.com/de/post/einer-woche-auf-mallorca" >Deutsch</option> </select> </li> <li class="visible-xs"> <select class="form-control changeLang"> <option value="https://www.hotelmonport.com/en/post/one-week-in-mallorca" >En</option> <option value="https://www.hotelmonport.com/post/una-semana-en-mallorca" selected>Es</option> <option value="https://www.hotelmonport.com/de/post/einer-woche-auf-mallorca" >De</option> </select> </li> <li class="book-now visible-xs visible-sm visible-md"><a id="cta-head-book" href="#">Reservar hotel</a></li> <!--<li class="book-now book-now-fly-hotel visible-xs visible-sm visible-md"><a href="#"></a></li>--> <li class="visible-xs visible-sm"> <div class="navigation clearfix"> <a href="#" class="menu"> <span></span> <span></span> <span></span> </a> </div> </li> </ul> </div> </div> <!-- Header Right End --> </div> </div> <!-- Header Top End --> <!-- Header Bottom Start --> <div id="header" class="h-bottom clearfix"> <div class="bg-white"> <div class="container"> <div class="row"> <div class="col-md-2"> <!-- Logo Start --> <div class="logo"> <a href=""><img class="img-responsive" src="/images/logo.svg" alt="Hotel MonPort"></a> </div> <!-- Logo End --> </div> <div class="col-sm-9 col-md-10"> <!-- Navigation Start --> <div class="navigation clearfix"> <a href="#" class="menu hidden-xs hidden-sm"><span></span><span></span><span></span></a> <ul id="main-menu" class="sm sm-simple"> <a href="#" class="close-icon visible-xs visible-sm"><i class="fa fa-times" aria-hidden="true"></i></a> <li ><a href="/">Home</a></li> <li class="menu-subitems"> <a class="submenu">Hotel</a> <ul class="menu-item-submenu"> <li ><a href="galeria">Galería</a></li> <li ><a href="servicios">Servicios</a></li> <li><a href="opiniones" >Opiniones</a></li> <li ><a href="trabaja-con-nosotros">Trabaja con nosotros</a></li> </ul> </li> <li ><a href="habitaciones">Habitaciones</a></li> <li ><a href="promociones">Promociones</a></li> <li><a href="https://www.hoteltreats.com/es/espana/baleares/mallorca/mon-port-hotel-spa" target="_blank">Experiencias</a></li> <li ><a href="spa">Spa</a> </li> <li ><a href="blog">Blog</a></li> <li ><a href="eventos">Eventos</a></li> <!-- <li ><a href="mon-sports">Mon Sports</a></li> --> <li ><a href="mon-sports">Mon Sports</a> <li > <a href="monamics">Mon Amics</a> </li> <!-- <li ><a href="quienes-somos" rel="nofollow">Quienes Somos</a> </li> --> <li class="visible-xs"><a href="contacto">Contacto</a></li> </ul> </div> <!-- Navigation End --> </div> </div> </div> </div> <!-- <div class="offer-bar"> <div class="container"> <div class="discount-number"> <p>5%</p> </div> <div class="discount-text"> <p class="color upper">MEJOR PRECIO GARANTIZADO EN NUESTRA WEB</p> <p></p> </div> </div> </div> --> </div> <!-- Header Bottom End --> </header> <!-- header end --> <style> .book_now__title { font-size: 1.5em !important; line-height: 1.5em !important; text-transform: capitalize; color: #bfae71 !important; margin: 0 0 10px; text-align: center; } .c-input__text{ border: 1px solid #DDD; padding: 10px; } .c-promocode__title{ padding-top: 10px ; text-transform: uppercase; } </style> <div class="booking-block clearfix wow fadeInLeft" data-wow-duration="0.4s"> <div class="booking-block__date clearfix"> <p class="book_now__title">Reservar Ahora</p> <div class="booking-block__date-list"> <a href="#" class="calender">Llegada <span>23</span> SEP 2023</a> <a href="#" class="calender">Salida <span>24</span> SEP 2023</a> <a href="#" rel="nofollow" class="silver hotelicon calender" id="cta-middle-booknow"> <img src="images/hotelicon.png" /> <span>RESERVAR HOTEL</span> </a> <!--<a href="#" class="silver vuelohotelicon"> <img src="images/vuelohotelicon.png" /> <span>RESERVAR VUELO+HOTEL</span> </a>--> </div> </div> </div> <style> .calendar__details { font-family: UnitSlabProLight,Helvetica,Arial,sans-serif; margin: 0; text-transform: uppercase; color: #fff; text-align: center; background-color: #3d4752; letter-spacing: 5px; font-weight: 300; padding: 8px; } .holiday_check__title { color: white !important; float: right !important; font-size: 1.271em !important; line-height: 1.486em !important; margin: 0 !important; min-height: 55px !important; } .holiday_check__span { color: #fff; display: block; font-size: 2.227em; } .holiday_check__review { color: #325faa !important; min-height: 55px; font-size: 1.3em !important; } .review__title { font-size: 1.5em !important; color: #bfae71; letter-spacing: .4px; line-height: 1.229em; } .review__subtitle { font-family: UnitSlabProMedi; font-size: 1.286em !important; letter-spacing: .2px; line-height: 1.286em; } .booking-block__date-list a.silver span { position: initial; left: initial; top: initial; transform: initial; font-size: 13px; text-align: center; } .booking-block__date-list a.silver:hover { background: #bfae71; } .hotelicon { } .vuelohotelicon img { width: 100%; } </style> <div class="booking-date-detail subscribe-block clearfix"> <div class="close-icon"> <a href="#"><img class="img-responsive" src="images/close-icon.png" alt="ICON"></a> </div> <div class="booking-popup clearfix"> <div class="row"> <div class="col-sm-4 col-md-4"> <div class="booking-popup__left"> <p><span>Consigue nuestra última guía</span> Mejores Calas de <br>MALLORCA</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tellus libero, egestas sit amet justo sit amet, congue iaculis massa. Cras bibendum tempor nulla, quis scelerisque neque cursus a.</p> </div> </div> <div class="col-sm-4 col-md-4"> <div class="booking-popup__middle"> <img class="img-responsive" src="images/booking-popup-img.jpg" alt="IMAGE"> </div> </div> <div class="col-sm-4 col-md-4"> <div class="booking-popup__right offers-info"> <form action="" method="post" class="offer-form clearfix formNewsletterBook"> <!-- Name Surname Start --> <div class="name-surname clearfix"> <div class="row"> <div class="form-group clearfix"> <div class="col-sm-12 col-md-12"> <input type="text" class="form-control nombre-form" name="nombre" placeholder="Nombre"> </div> <div class="col-sm-12 col-md-12"> <input type="text" class="form-control apellidos-form" name="apellidos" placeholder="Apellido"> </div> </div> </div> </div> <!-- Name Surname End --> <!-- Email Start --> <div class="mail-info clearfix"> <div class="row"> <div class="form-group clearfix"> <div class="col-sm-12 col-md-12"> <input type="email" class="form-control email-form" name="email" placeholder="Mi email es..."> </div> <div class="col-sm-12 col-md-12"> <button type="submit" class="btn btn-default">DESCARGAR PDF</button> <p class="send-ok">¡Gracias por suscribirte!</p> </div> </div> </div> </div> <!-- Email End --> <div class="checkbox"> <label> <input type="checkbox" name="terms" class="terms"> He leído y acepto los <a href="#" class="terms-link">términos y condiciones</a> </label> </div> </form> </div> </div> </div> </div> </div> <div class="booking-date-detail calender-block clearfix"> <div class="booking-popup-padding" style="background-color: white; overflow: scroll !important; height: 100%;"> <div class="close-icon"> <a href="#"><img id="closeBooking" class="img-responsive" src="images/close-icon.png" alt="ICON"></a> </div> <div class="booking-popup clearfix" id="scrollArea"> <form action="https://reservas.hotelmonport.com/bookcore/v1pax/search-dispo.htm" method="post" id="formCalendarBooking"> <div class="col-sm-8 col-md-8 col-lg-9"> <div class="calender-block__left"> <p> <input type="hidden" id="input1" name="entrada" class="bk_from" /> <input type="hidden" id="input2" name="salida" class="bk_to" /> </p> <div class="datepicker"></div> </div> </div> <div class="col-sm-4 col-md-4 col-lg-3"> <div class="calender-block__right"> <p class="calendar__details" id="detailScroll">Detalles</p> <div class="persone-detail clearfix"> <div class="row"> <div class="col-sm-12 col-md-6"> <p>ADULTOS</p> <select name="adultos" class="bk_adu"> <option>1</option> <option selected>2</option> <option>3</option> <option>4</option> </select> </div> <div class="col-sm-12 col-md-6"> <p>NIÑOS</p> <select name="ninos" class="bk_hab" id="ninoSelect"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> </select> </div> <div class="col-sm-12 col-md-6"> <p class="c-promocode__title">Promocode</p> <input class="c-input__text" type="text" name="codpromo" id="id_codpromo" value=""> <!-- <select name="ninos" class="bk_hab" id="ninoSelect">--> <!-- <option>0</option>--> <!-- <option>1</option>--> <!-- <option>2</option>--> <!-- <option>3</option>--> <!-- </select>--> </div> </div> <div class="row row-ninos"> <div class=" wrap-nino-0 wrap-nino hidden"> <p>EDAD</p> <select name="nino_edad_0" id="nino_edad_0" class="bk_hab"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> </select> </div> <div class="wrap-nino-1 wrap-nino hidden"> <p>EDAD</p> <select name="nino_edad_1" id="nino_edad_1" class="bk_hab"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> </select> </div> <div class=" wrap-nino-2 wrap-nino hidden" id="detail_scroll"> <p>EDAD</p> <select name="nino_edad_2" id="nino_edad_2" class="bk_hab"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> </select> </div> </div> </div> <div class="detail-button clearfix"> <a class="btn btn-default reservar-hotel" href="" rel="nofollow" role="button" id="form_booking_button"> <img src="images/hotelicon.png"> <span>RESERVAR HOTEL</span> </a> <!--<a class="btn btn-default vueloMasHotel-open" href="#" role="button"> <img src="images/vuelohotelicon.png" /> <span>RESERVAR VUELO+HOTEL</span> </a>--> </div> </div> </div> <input type="hidden" id="edadesNinos" name="edades" value="" /> <input type="hidden" class="bk_hotel" name="hotel" value="monport" /> </form> </div> </div> </div> <div class="booking-date-detail vuelo-hotel-form clearfix" style="display: block;"> <div class="close-icon"> <a href="#"><img class="img-responsive" src="images/close-icon.png" alt="ICON"></a> </div> <div class="booking-popup-padding"> <div class="booking-popup clearfix"> <form action="" method="post" id="formFlyWithHotel"> <p class="titulaso upper">Vuelo + hotel</p> <div class="part-left"> <label>Origen</label> <input type="text" name="origen" class="autocomplete origen ui-autocomplete-input" /> <input type="hidden" name="origen-code" class="origen-code" /> <label>Destino</label> <input type="text" name="destino" value="Palma de Mallorca" readonly class="destino" /> <div class="dates-wrapper"> <div class="date"> <label>Fecha de salida</label> <input type="text" name="fecha_salida" class="fecha-salida" required /> </div> <div class="date"> <label>Fecha de llegada</label> <input type="text" name="fecha_llegada" class="fecha-llegada" required /> </div> <p class="text-right"> <input type="checkbox" name="check_bussiness" id="check-bussiness" /> Bussiness class </p> </div> </div> <div class="part-right"> <div class="room room-1 active"> <div class="block rooms"> <label>Habitación 1</label> </div> <div class="block adults-ninos"> <div class="mini-block"> <label>ADULTOS</label> <select name="room_1_adultos" class="adults-selector"> <option>1 <option>2 <option>3 </select> </div> <div class="mini-block"> <label>NIÑOS</label> <select name="room_1_ninos" class="ninos-selector"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 </select> </div> </div> <div class="block ages-wrapper"> <label>Edades de los niños</label> <div class="mini-block ages"> <select name="room_1_edad_nino_1"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_1_edad_nino_2"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_1_edad_nino_3"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_1_edad_nino_4"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> </div> </div> </div> <div class="room room-2"> <div class="block rooms"> <label>Habitación 2</label> </div> <div class="block adults-ninos"> <div class="mini-block"> <label>ADULTOS</label> <select name="room_2_adultos" class="adults-selector"> <option>1 <option>2 <option>3 </select> </div> <div class="mini-block"> <label>NIÑOS</label> <select name="room_2_ninos" class="ninos-selector"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 </select> </div> </div> <div class="block ages-wrapper"> <label>Edades de los niños</label> <div class="mini-block ages"> <select name="room_2_edad_nino_1"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_2_edad_nino_2"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_2_edad_nino_3"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_2_edad_nino_4"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> </div> </div> </div> <div class="room room-3"> <div class="block rooms"> <label>Habitación 3</label> </div> <div class="block adults-ninos"> <div class="mini-block"> <label>ADULTOS</label> <select name="room_3_adultos" class="adults-selector"> <option>1 <option>2 <option>3 </select> </div> <div class="mini-block"> <label>NIÑOS</label> <select name="room_3_ninos" class="ninos-selector"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 </select> </div> </div> <div class="block ages-wrapper"> <label>Edades de los niños</label> <div class="mini-block ages"> <select name="room_3_edad_nino_1"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_3_edad_nino_2"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_3_edad_nino_3"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> <select name="room_3_edad_nino_4"> <option value="0">0 <option value="1">1 <option value="2">2 <option value="3">3 <option value="4">4 <option value="5">5 <option value="6">6 <option value="7">7 <option value="8">8 <option value="9">9 <option value="10">10 <option value="11">11 <option value="12">12 <option value="13">13 <option value="14">14 <option value="15">15 <option value="16">16 <option value="17">17 </select> </div> </div> </div> <button class="remove-room">- Eliminar habitación</button> <button class="add-room">+ Añadir habitación</button> </div> <button class="consult">Consultar disponibilidad</button> <input type="hidden" name="lang" class="lang" value="es" /> </form> </div> </div> </div> <style> .ui-widget-content { z-index: 99999; } .ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; } * html .ui-autocomplete { height: 200px; } .ui-state-active, .ui-widget-content .ui-state-active { color: #000!important; border: 0px solid #9da1a6!important; border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { color: #fff !important; background: #bfae71 !important; } /*.vuelo-hotel-form { left: 0 !important; overflow-y: scroll !important; }*/ .vuelo-hotel-form .booking-popup { overflow-y: scroll; /*max-height: initial;*/ } .vuelo-hotel-form .part-left, .vuelo-hotel-form .part-right, .vuelo-hotel-form .dates-wrapper .date, .vuelo-hotel-form .part-left .mini-block { width: 48%; display: inline-block; vertical-align: top; } .vuelo-hotel-form .titulaso { text-align: center; background: #3d4752; color: #fff; padding-top: 15px; padding-bottom: 15px; font-size: 20px; } .vuelo-hotel-form button { width: 48%; } .vuelo-hotel-form button { border: none; background: #bfae71; color: #fff; font-size: 18px; padding: 15px; } .vuelo-hotel-form .part-right button { width: 100%; background: #3d4752; } .vuelo-hotel-form .part-left { margin-right: 36px; } .vuelo-hotel-form .part-left input[type=text] { width: 100%; border: 1px solid #3d4752; padding: 12px; margin-bottom: 10px; } .vuelo-hotel-form .part-left .dates-wrapper .date:first-of-type { margin-right: 16px; } .vuelo-hotel-form label { display: block; font-size: 12px; text-transform: uppercase; font-weight: normal; } .vuelo-hotel-form .room { border-bottom: 1px solid gray; padding-bottom: 35px; margin-bottom: 15px; } .vuelo-hotel-form .room:not(.active) { display: none; } .vuelo-hotel-form .room .block { width: 33.33333333%; display: inline-block; vertical-align: top; margin-right: -3px; padding-right: 11px; } .vuelo-hotel-form .room .block:not(:first-of-type) { border-left: 1px dashed gray; padding-left: 13px; } .vuelo-hotel-form .part-right .mini-block .selectric-wrapper { width: 48%; display: inline-block; vertical-align: top; margin-bottom: 3px; border: 1px solid #3d4752; } .vuelo-hotel-form .part-right .rooms .selectric-wrapper { border: 1px solid #3d4752; } .vuelo-hotel-form .part-right .adults-ninos .mini-block { width: 48%; display: inline-block; vertical-align: top; } .vuelo-hotel-form .part-right .adults-ninos .mini-block .selectric-wrapper { width: 100%; } .vuelo-hotel-form .part-right .ages-wrapper:not(.active) { display: none; } .vuelo-hotel-form .part-right .ages .selectric-wrapper { border: 1px solid #bfae71; } .vuelo-hotel-form .part-right .ages .selectric-wrapper:not(.active) { display: none; } .vuelo-hotel-form .part-right .ages .selectric-wrapper .selectric { background: #bfae71; border: 1px solid #bfae71; } .vuelo-hotel-form .part-right .remove-room { background: #710e0e; margin-bottom: 5px; display: none; } .vuelo-hotel-form .choices { margin-bottom: 10px; border: 1px solid #3d4752; } .vuelo-hotel-form .choices__inner { background: #fff; } @media screen and (max-width: 1300px) { .vuelo-hotel-form form { margin-left: 15px; margin-right: 15px; } } @media screen and (max-width: 1090px) { .vuelo-hotel-form .part-left, .vuelo-hotel-form .part-right { width: 100%; } .vuelo-hotel-form .part-left { margin-right: 0; } .vuelo-hotel-form .part-left .dates-wrapper .date:first-of-type { margin-right: 0; } .vuelo-hotel-form .part-left .dates-wrapper .date { width: 100%; } .vuelo-hotel-form button { width: 100%; } .vuelo-hotel-form button.consult { margin-top: 20px; } } </style> <div class="booking-date-detail reviews-list-block clearfix" style="max-height: 100%; height: 100%;"> <div class="booking-popup-padding" style="height: 100%;"> <div class="booking-popup clearfix" style="height: 100%; touch-action: auto !important;"> <div class="close-icon"> <a href="#"><img class="img-responsive" src="images/close-icon.png" alt="ICON"></a> </div> <div class="container h-100"> <div class="recommend-booking clearfix"> <div class="col-sm-3 col-md-3 padding"> <script src="https://www.holidaycheck.de/widgets?step=code&type=code&options=hotel-1-34559-de_DE-s-b-1-1---0" type="text/javascript"></script> <div id="holidaycheck-widget-hotel-1-34559-de_DE-s-b-1-1---0"> <div id="holidaycheck_widget_placeholder-34559" style="width:120px;padding:5px;background:#0058a2;"> <a href="https://www.holidaycheck.de/hi/mon-port-hotel-spa/3b28babd-7425-33f6-9015-8adf9cab38f8"> <img alt="Hotels mit Hotelbewertungen bei HolidayCheck" src="https://www.holidaycheck.de/widgets/logo_xlarge.png" border="0"> </a> </div> </div> </div> <div class="col-sm-3 col-md-3 padding"> <div class="recommend-booking__block"> <p class="holiday_check__review">"gerne wieder"</p> <p>Michael, 61-65, September 2018</p> </div> </div> <div class="col-sm-3 col-md-3 padding"> <div class="recommend-booking__block"> <p class="holiday_check__review">"Symphatisches Hotel. Top Preis-Leistungs-Verhältnis"</p> <p>Florian, 31-35, May 2019</p> </div> </div> <div class="col-sm-3 col-md-3 padding"> <div class="recommend-booking__block"> <p class="holiday_check__review">"1 Woche voller Freunde mit der Familie"</p> <p>Babsy, 41-45, June 2019</p> </div> </div> </div> <section class="regular slider review-slider"> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Tripadvisdor Review – June 2019</p> </div> <span class="review__subtitle">Lovely hotel in Port Andratx</span> <p>We have been to this hotel 4 times, it is outstanding in every area. The location is perfect. The quality is by far outstanding. The staff are extremely helpful and friendly.</p> </div> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Booking review – June 2019</p> </div> <span class="review__subtitle">Excellent spa hotel</span> <p>Fantastic location everything about Monport is first class surrounded with beautiful maintained landscape.</p> </div> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Tripadvisdor Review – May 2019</p> </div> <span class="review__subtitle">Lovely hotel</span> <p>Stayed here with my wife for four nights in May. The breakfast is outstanding. We had half board and evening meals were great. Staff and service lovely and our room was huge. Nice walk down to the port and nice little town.</p> </div> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Tripadvisdor Review – April 2019</p> </div> <span class="review__subtitle">Yet another Lovely Stay</span> <p>This is a lovely, relaxing hotel with great facilities and within walking distance of the Port with its bars and restaurants. The pool and pool bar are clean and tidy and all of the hotel staff are friendly and will assist with any requests.</p> </div> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Booking Review – Sept 2018</p> </div> <span class="review__subtitle">Excellent hotel to stay</span> <p>We traveled with our 4 month old baby, the hotel staff was very helpful throughout the stay. Breakfast was superb and other facilities such as pool, pool bar were excellent.</p> </div> <div class="item"> <div class="spa-title clearfix"> <p class="review__title">Expedia Review – May 2019</p> </div> <span class="review__subtitle">Wonderful and peaceful hotel</span> <p>We stay at this hotel regularly. The pool area is great with brilliant lifeguard. Breakfast has everything you need. We feel very comfortable here.</p> </div> </section> </div> </div> </div> </div> <script> let detailScroll = document.getElementById('detailScroll'); let scrollArea = document.getElementById('scrollArea'); if (window.innerWidth < 758) { $(detailScroll).on('click', () => { console.log('Click'); $(scrollArea).animate({scrollTop: 700}, 'slow'); return false; }); } </script> <style> .blog-pg .service-block__detail p { min-height: 20px; } </style> <link rel="stylesheet" href="css/post.css"> <!-- content start --> <div class="content promotion-pg blog-pg clearfix"> <!-- Service List Start --> <div class="service-list clearfix"> <div class="container"> <div class="row"> <div class="col-xs-12"> <!-- Service Block Start --> <div class="service-block clearfix wow fadeInUp" data-wow-duration="0.4s"> <div class="blog-post__image"> <img class="img-responsive" src="/intranet/images/thumbs/tn_1120_690_09_09_1913_59_59Tren_soller_min.jpg" alt="Cómo aprovechar una semana en Mallorca"> </div> <div class="service-block__detail clearfix"> <!-- <div class="tax-price clearfix"> <div class="tax"> <span></span> </div> </div> --> <h1>Cómo aprovechar una semana en Mallorca</h1> <p id="blog_description"><p> No hay duda de que Mallorca es una de las islas más bonitas de todo el archipiélago Balear. <strong>Es una isla preciosa </strong>que te impregnará con su pureza y sus sensacionales paisajes. Una isla de playas color turquesa, de montañas verdes y escarpadas, y pueblos con un encanto muy especial.</p><p> Desde MON PORT somos de los que opinan que merece la pena descubrirla a fondo, sin prisa y con mucha calma. Por eso, vamos a explicarte <strong>cómo aprovechar una semana en Mallorca </strong>sin perderte ninguna de sus joyas ocultas.</p><p> Si todavía no sabes qué visitar en Mallorca y tienes 7 días para hacerlo, déjanos asesorarte. Te hemos preparado un itinerario con <strong>algunos de los lugares imprescindibles </strong>que todo viajero debe visitar y disfrutar en esta isla del Mediterráneo.</p><h3> <strong>Primer Día: De playa y calas</strong></h3><p> Iniciamos nuestra propuesta con uno de los lugares con mayor encanto de toda la isla, <strong>Puerto de Andratx</strong>. Un puerto natural de las islas Baleares, rodeado de calas de aguas transparentes. Una de las más impresionantes que te dejará sin palabras es una cala de piedra y rocas, conocida como Cala Cranc. Es un lugar pequeño y poco frecuentado con aguas cristalinas en el que podrás relajarte y respirar el aire puro tan característico de nuestras costas. </p><p> Para rematar el día de playa, nada mejor que <strong>descansar tomando algo en alguna de las terrazas </strong>de cafés, bares y restaurantes que puedes encontrar en la zona del puerto. Encuentra un sitio y relájate mientras disfrutas de la vista y el clima mediterráneo.</p><h3> <strong>Segundo Día: De parques y naturaleza</strong></h3><p> Continuamos esta propuesta de actividades <strong>recomendándote el Parque Natural de Sa Dragonera</strong>. Se encuentra en una pequeña isla ubicada al oeste del territorio en la que su aridez, su relieve y la influencia marina hacen que disponga de una riqueza natural excepcional.</p><p> Para visitar el parque, lo único que debes hacer es subirte a una barca en el Puerto de Andratx o en el Pueblo de Sant Elm. Una vez allí, podrás disfrutar de las majestuosas vistas desde la costa más septentrional y descubrir el azul esmeralda que nos ofrece aquí el Mediterráneo. Una visita fantástica que podrás disfrutar durante todo el día, <strong>conectándote con la naturaleza balear.</strong></p><h3> <strong>Tercer Día: De turismo en la urbe</strong></h3><p> Contrastando con la tranquilidad y la naturaleza, para el tercer día en la isla desde MON PORT te recomendamos <strong>una visita a Palma de Mallorca</strong>. Una bonita ciudad que te invita a perderte por sus estrechas y encantadoras calles. Aquí, encontrarás una de las catedrales más bonitas de España, <strong>La Seu</strong>, situada a orillas del mar Mediterráneo y rodeada del barrio judío y de las zonas más comerciales de Palma. </p><p> También puedes perderte por otros muchos lugares de interés de la ciudad como La Almudaina, La Lonja, el Museo Es Baluard, el Castell de Bellver… En Palma de Mallorca <strong>siempre hay algo que ver y disfrutar</strong>. Es un lugar lleno de vida donde los planes nunca faltan.</p><h3> <strong>Cuarto Día: De trenes y rutas</strong></h3><p> Llegando al meridiano del viaje, no puedes dejar pasar la oportunidad de hacer una pequeña excursión en tren. Existe una ruta que te lleva hasta el <strong>encantador pueblo de Sóller</strong>, situado en la costa noroeste de la isla. Este tren centenario de madera destaca por su especial y atractivo trayecto a través de la maravillosa Sierra de Tramuntana, pasando por huertos de naranjos y limoneros para que disfrutes de excelentes vistas a este precioso valle. Tienes salidas desde Palma todos los días hasta la tarde, pero te conviene revisar bien los horarios.</p><h3> <strong>Quinto Día: De faros y calma</strong></h3><p> Uno de los mejores espectáculos visuales que nos regala la naturaleza son las puestas de sol. En Mallorca, existen infinidad de lugares donde disfrutar de la “hora mágica”. Uno de ellos también es uno de los mejores miradores de la isla, <strong>el faro de Formentor.</strong></p><p> Ubicado en el extremo norte de la isla, el Faro de Formentor es un lugar que cuenta con una extraordinaria belleza natural, <strong>transmite serenidad y tranquilidad </strong>gracias a sus cautivadoras vistas y además es el punto perfecto para disfrutar de un atardecer paradisíaco. No dejes escapar la oportunidad de visitar este faro después de comer y pasa la tarde por los alrededores mientras esperas.</p><h3> <strong>Sexto Día: De vuelta a la playa</strong></h3><p> Mallorca no sería Mallorca sin un día destinado a disfrutar de alguna de sus playas. Desde MON PORT te recomendamos que pases el día entero en <strong>una de las playas más paradisíacas, Es Trenc.</strong></p><p> Este es el <strong>último gran arenal sin urbanizar </strong>de la isla. Una playa muy bien conservada, con un punto salvaje que te embaucará en cuanto pongas un pie en ella. Sus aguas de color turquesa, su brillante arena blanca y su ambiente la han convertido en una de las playas más icónicas de la isla.</p><h3> Séptimo Día: De montañas y rutas</h3><p> Por último, no podemos dejarte marchar de Mallorca sin disfrutar de todo el encanto de la Sierra de Tramuntana. ¿Cómo? Pues con una ruta paseando por los pueblos de la sierra como <strong>Deià y </strong><strong>Banyalbufar.</strong></p><p> Estos pueblos situados al suroeste de la isla se caracterizan por su costa. Cuentan con tradicionales casas mallorquinas orientadas hacia el mar y sus enigmáticas calles empedradas hacen que la visita valga completamente la pena. Además, sus hermosas, pequeñas y tranquilas playas <strong>harán de tu visita una experiencia inolvidable </strong>mientras respiras aire puro de la sierra.</p><p>Desde <strong style="background-color: initial; color: rgb(128, 128, 128);">MON PORT</strong> esperamos que este pequeño itinerario que hemos preparado explicándote cómo aprovechar una semana en Mallorca te sea de utilidad. Recuerda que no tienes por qué seguirlo a rajatabla, simplemente es una propuesta que te ofrecemos para que no te pierdas la esencia de la isla.</p></p> <ul class="share-in"> <li><p>Compartir en:</p></li> <li> <a href="https://www.facebook.com/sharer.php?u=https://www.hotelmonport.com/post/una-semana-en-mallorca" target="_blank"><i class="fa fa-facebook share-icon-blog"></i></a> <a href="https://twitter.com/home/?status=https://www.hotelmonport.com/post/una-semana-en-mallorca" target="blank"><i class="fa fa-twitter share-icon-blog"></i></a> </li> </ul> <div class="row next-prev"> <div class="col-xs-6 text-left"> <a href="post/vive-mallorca">Anterior</a> </div> <div class="col-xs-6 text-right"> <a href="post/los-mejores-miradores-de-mallorca">Siguiente</a> </div> </div> </div> </div> </div> <!-- Service Block Start --> </div> </div> </div> </div> <!-- Service List End --> </div> <!-- content end --> <!-- Sitemap Start --> <div class="sitemap light-cream-bg clearfix"> <div class="container"> <div class="row"> <div class="col-sm-6 col-md-6"> <div class="sitemap__left wow fadeInUp" data-wow-duration="0.4s"> <h5>sitemap</h5> </div> </div> <div class="col-sm-5 col-md-4"> <div class="sitemap__right clearfix"> <div class="row"> <div class="col-sm-6 col-md-6 wow fadeInUp" data-wow-duration="0.6s"> <ul> <li><a href="">Home</a></li> <li><a href="habitaciones">Habitaciones</a></li> <li><a href="promociones">Promociones</a></li> <li><a href="spa">Spa</a> <li><a href="quienes-somos">Quienes Somos</a> </li> </ul> </div> <div class="col-sm-6 col-md-6 wow fadeInUp" data-wow-duration="0.8s"> <ul> <li><a href="eventos">Eventos</a></li> <li><a href="servicios">Servicios</a></li> <li><a href="galeria">Galería</a></li> <li><a href="mon-sports">Mon Sports</a></li> <li><a href="opiniones">Opiniones</a></li> <li><a href="trabaja-con-nosotros">Trabaja con nosotros</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> <!-- Sitemap End --> <!-- footer start --> <footer class="footer clearfix"> <!-- Footer Top Start --> <div class="f-top clearfix"> <div class="container"> <div class="row"> <div class="col-sm-4 col-md-4"> <div class="f-top__left wow fadeInUp" data-wow-duration="0.4s"> <a href="/"><img class="img-responsive" src="/images/logo.svg" alt="LOGO"></a> <div class="f-top__contact"> <p>T (+34) <a style="text-decoration: none;color: #bfae71;" href="tel:34971238623" id="tel-hotel-footer"> 971 238 623</a></p> <p>FAX 971 23 86 24</p> <p>Cala d'Egos, Finca la Noria</p> <p>07157 - Port D'andratx - Mallorca</p> <br> <p><b>Teléfono del Departamento de Booking: </b><a style="text-decoration: none;color: #bfae71;" href="tel:34971200222" id="tel-booking-footer"> 971 200 222</a></p> <p><b>Horario de: </b>08:00 hasta las 17:00 de L a V.</p> <br> <p>Los fines de semana y las horas que no estén dentro del horario de Booking Department el teléfono será el propio del hotel.</p> </div> </div> </div> <div class="col-sm-4 col-md-4"> <div class="f-top__middle wow fadeInUp" data-wow-duration="0.6s"> <!-- Footer Social Icons Start --> <div class="f-top__f-social clearfix visible-xs"> <ul> <li><a href="https://www.facebook.com/hotelmonport" rel="nofollow" target="_blank"><span><i class="fa fa-facebook" aria-hidden="true"></i></span></a></li> <li><a href="https://www.youtube.com/user/monportpergola" rel="nofollow" target="_blank"><span><i class="fa fa-youtube-play" aria-hidden="true"></i></span></a></li> <li><a href="https://www.instagram.com/mon_port_hotel_spa/?hl=es" rel="nofollow" target="_blank"><span><i class="fa fa-instagram" aria-hidden="true"></i></span></a></li> </ul> </div> <!-- Footer Social Icons End --> <p>Vive una experiencia de vacaciones diferente en nuestros hoteles en Mallorca</p> <a href="https://www.esprincep.com/" target="_blank" class="hidden-xs logo-princep"><img class="img-responsive" src="/images/f-logo1.svg" alt="Es Princep"></a> <a href="https://www.hotelpergolamallorca.com/" target="_blank" class="hidden-xs logo-pergola"><img class="img-responsive" src="/images/f-logo2.svg" alt="Hotel La Pérgola Mallorca"></a> </div> <style> .f-bottom__middle { display: flex; flex-direction: row; flex-wrap: wrap; } .logo-wrapper { display: flex; justify-content: center; width: 50%; } .logo-wrapper p { font-size: 1.071em; line-height: 1.5em; color: #bfae71; } .logo-wrapper img { max-width: 120px; margin: 0 auto; } .f-bottom__middle p { font-size: 1.071em; line-height: 1.5em; color: #bfae71; } .logo-wrapper .logo-wrapper-body { display: flex; flex-direction: column; justify-content: center; } </style> <div class="f-bottom__middle wow fadeInUp hidden-xs" data-wow-duration="0.6s" style="margin-top: 25px;"> <!-- <div class="logo-wrapper"> <a href="/pdf/MONPORT_certificado_safety.pdf" target="_blank" style="text-decoration:none;"> <img class="img-responsive" src="/images/Safe_Tourism_Certified.png" alt="Mon safety"> </a> </div> --> <div class="logo-wrapper" itemscope itemtype="http://schema.org/Organization"> <span style='display: none' itemprop="name">Mon Port Hotel & Spa</span> <div class="logo-wrapper-body" itemprop=aggregateRating itemscope itemtype="http://schema.org/AggregateRating"> <a href='https://www.kayak.es/Andratx-Hoteles-Mon-Port-Hotel-Spa.192517.ksp' target='_blank' data-lang=""> <img class="img-responsive" src='https://content.r9cdn.net/seo-res/badges/v2/ORANGE_LARGE_BEST_HOTEL_ES_es.png' /> </a> <p style="color: #bfae71;"> <span itemprop="ratingvalue">7,1</span> <meta itemprop="bestRating" content="10"></meta> <meta itemprop="ratingCount" content='29'></meta></p> </div> </div> </div> </div> <div class="col-sm-4 col-md-4"> <div class="f-top__right wow fadeInUp" data-wow-duration="0.8s"> <!-- Footer Social Icons Start --> <div class="f-top__f-social clearfix hidden-xs"> <ul> <li><a href="https://www.facebook.com/hotelmonport" rel="nofollow" target="_blank"><span><i class="fa fa-facebook" aria-hidden="true"></i></span></a></li> <li><a href="https://www.youtube.com/user/monportpergola" rel="nofollow" target="_blank"><span><i class="fa fa-youtube-play" aria-hidden="true"></i></span></a></li> <li><a href="https://www.instagram.com/mon_port_hotel_spa/?hl=es" rel="nofollow" target="_blank"><span><i class="fa fa-instagram" aria-hidden="true"></i></span></a></li> </ul> </div> <!-- Footer Social Icons End --> <div class="f-top__middle visible-xs"> <a href="https://www.esprincep.com/" target="_blank"><img class="img-responsive" src="/images/f-logo1.svg" alt="Es Princep"></a> <a href="https://www.hotelpergolamallorca.com/" target="_blank"><img class="img-responsive" src="/images/f-logo2.svg" alt="Hotel La Pérgola Mallorca"></a> </div> <!-- Copyright Start --> <div class="copyright clearfix"> <p>© 2023, Hotel Monport</p> <p>Todos los derechos reservados</p> <div class="keywords-footer"> <a href="https://www.hotelmonport.com/">hotel spa mallorca</a> </div> <div class="c-footer__cards"> <img src="/images/credit-cards.jpg" alt="credit cards" class="c-footer__cards--img"> </div> </div> <!-- Copyright End --> </div> </div> </div> </div> </div> <!-- Footer Top End --> <!-- Footer Bottom Start --> <div class="f-bottom clearfix"> <div class="container"> <div class="row"> <div class="col-sm-3 col-md-3"> <div class="f-bottom__left"> <ul> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> </ul> </div> </div> <div class="col-sm-6 col-md-6 col-xs-12"> <div class="f-bottom__middle"> <ul> <li> <a href="aviso_legal" rel="nofollow">Aviso Legal</a> </li> <!-- <li> <a href="politicas_redes_sociales" rel="nofollow">Política Redes Sociales</a> </li> --> <li> <a href="cookies" rel="nofollow">Política de cookies</a> </li> <li> <a href="terminos_condiciones" rel="nofollow">Términos & Condiciones</a> </li> </ul> </div> </div> <div class="col-sm-3 col-md-3 hidden-xs"> <div class="f-bottom__right"> <ul> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> <li><i class="fa fa-star" aria-hidden="true"></i></li> </ul> </div> </div> </div> </div> </div> <!-- Footer Bottom End --> </footer> <!-- footer end --> <script src="/js/jquery-3.2.1.min.js"></script> <script src="//maps.googleapis.com/maps/api/js?key=AIzaSyB5K-gKr0-ZHqOlmWM8bacfh8EkemGUUWg"></script> <script src="https://cdn.jsdelivr.net/momentjs/2.3.1/moment.min.js"></script> <script src="/js/cookies/gdpr-rw-cookie-notice.js"></script> <script src="/js/all.min.js"></script> <script src="/js/main.js"></script> <script src="/js/jquery-ui.min.js"></script> <script src="/js/flatpickr.js"></script> <script> $('#formCV button').on('click', function(e) { e.preventDefault(); var fieldsName = ['nombre-form', 'apellido-form', 'email-form', 'location-form', 'position-form','cv-form','check-form'], $form = $(this).parent(); if (checkFieldsForm($form, fieldsName)) { var serializedData = $form.serialize(); $.ajax({ url : 'js/sendCV.php', type : 'POST', dataType: "json", data : new FormData(document.getElementById('formCV')), processData: false, // tell jQuery not to process the data contentType: false, // tell jQuery not to set contentType success : function(data) { if (data == 1) { $form.find('button').fadeOut(function() { $form.find('.send-ok').fadeIn(); }); } } }); } }); $('#ninoSelect').on('change', function() { if ($(this).val() == 0) { $('#edadesNinos').val(''); } $('.wrap-nino-0, .wrap-nino-1, .wrap-nino-2').addClass('hidden'); $('#nino_edad_0, #nino_edad_1, #nino_edad_2').prop('disabled', true); for (var a = 0; a < $(this).val(); a++) { $('.wrap-nino-' + a).removeClass('hidden'); $('#nino_edad_' + a).prop('disabled', false); } var edades = ''; if ($(this).val() == 1) { edades = '3'; } else if ($(this).val() == 2) { edades = '3;3'; } else if ($(this).val() == 3) { edades = '3;3;3'; } $('#edadesNinos').val(edades); }); $('#nino_edad_0, #nino_edad_1, #nino_edad_2').on('change', function() { var edades = ''; for (var a = 0; a < 3; a++) { if ($('#nino_edad_' + a).prop('disabled') == false) { edades += $('#nino_edad_' + a).val() + ';'; } } $('#edadesNinos').val(edades.slice(0, -1)); }); var proportionVideo = [1920, 1070]; $(document).ready(function() { if ($('#slide-video').length) { $('#carousel-example-generic').bind('slide.bs.carousel', function(e) { $('.slide-video-iframe')[0].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*'); }); $('#slide-video iframe').height(($(window).outerWidth() * proportionVideo[1]) / proportionVideo[0]); $('.slide-video-mobile').height(($(window).outerWidth() * proportionVideo[1]) / proportionVideo[0]); } }); $(window).resize(function() { if ($('#slide-video').length) { $('#slide-video iframe').height(($(window).outerWidth() * proportionVideo[1]) / proportionVideo[0]); $('.slide-video-mobile').height(($(window).outerWidth() * proportionVideo[1]) / proportionVideo[0]); } }); //Todos los post de blog deben tener la clase lazy load $('.service-block').find('img').each(function(){ $(this).attr('data-src', $(this).attr('src')).attr('loading','lazy').addClass('lazyload'); }); // Si el navegador soporta lazy-load, tomamos todas las imágenes que tienen la clase // `lazyload`, obtenemos el valor de su atributo `data-src` y lo inyectamos en el `src`. // if ('loading' in HTMLImageElement.prototype) { if(false){ var images = document.querySelectorAll("img.lazyload"); images.forEach(img => { img.src = img.dataset.src; }); } else { // Importamos dinámicamente la libreria `lazysizes` var script = document.createElement("script"); script.async = true; script.src = "https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.2.0/lazysizes.min.js"; document.body.appendChild(script); } </script> <!-- Fastory widget: Use data-offset parameter to change the vertical position of the widget --> <!-- <script id="fastoryWidget" async src="https://yam.li/widget/script/widget.min.js" data-offset="90" data-id="nq2T0heS"></script> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KFXR2KW" height="0" width="0" style="display:none;visibility:hidden">
-->