Showing source for: https://hotelitoboutique.com/es/
Duration: 0.213313s
Server: Microsoft-IIS/10.0



<!DOCTYPE html>
<html id="ctl00_lang" lang="es">
<head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><meta name="google" value="notranslate" /><meta id="ctl00_metaDescription" name="description" content="" /><meta id="ctl00_metaKeywords" name="keywords" /><meta id="ctl00_metaLanguage" name="content-language" content="es" /><meta id="ctl00_ogSite" property="og:site_name" content="Hotelito boutique" /><meta id="ctl00_ogLocale" property="og:locale" content="es_ES" /><meta id="ctl00_ogUrl" property="og:url" content="/es/" /><meta id="ctl00_ogTitle" property="og:title" content="" /><meta id="ctl00_ogDescription" property="og:description" content="" /><meta property="og:type" content="website" /><meta id="ctl00_ogImage" property="og:image" content="https://hotelitoboutique.com/assets/img/logo-azul.jpg" /><link id="ctl00_canonical" rel="canonical" href="/es/" /><link id="ctl00_hrefDeault" rel="alternate" hreflang="x-default" href="/en/" /><link id="ctl00_href2" rel="alternate" hreflang="en" href="/en/" /><link id="ctl00_href3" rel="alternate" hreflang="es" href="/es/" /><script type=" application/ld+json">{  "@context": "https://schema.org",  "type": "WebSite",  "url": "https://hotelitoboutique.com/es/",  "logo": "https://hotelitoboutique.com/assets/img/logo-azul.jpg",  "potentialAction": {    "@type": "SearchAction",    "target": "https://hotelitoboutique.com/es/buscar?q={search_term_string}",    "query-input": "required name=search_term_string"  }}</script><link href="/assets/css/vendors/bootstrap.min.css" rel="stylesheet" /><link rel="stylesheet" href="/assets/fontawesome/css/fontawesome.min.css" /><link rel="stylesheet" href="/assets/fontawesome/css/thin.min.css" /><link rel="stylesheet" href="/assets/fontawesome/css/solid.min.css" /><link rel="stylesheet" href="/assets/fontawesome/css/brands.min.css" /><link rel="stylesheet" href="/assets/css/vendors/swiper-bundle.min.css" /><link rel="stylesheet" href="/assets/css/estilos_240431.css" /><link rel="stylesheet" href="/assets/css/datepicker.css" /><link rel="icon" href="/assets/img/favicon-hotelito.png" />
    <style>
        header {
            position: absolute;
            width: 100%;
        }
        #ctl00_dMasterEntrada,
        #ctl00_dMasterSortida,
        #ctl00_Pagina_dEntrada,
        #ctl00_Pagina_dSortida {
            position: absolute;
            width: 0;
            height: 0;
            padding: 0;
            border: 0;
            overflow: hidden;
        }
        .invalid-input {
            border-color: #c00;
        }
        .group-check-policy input.invalid-input-checkbox + label {
            color: #c00;
        }
        .buscador-header {
            transition: 300ms;
        }
        @media(max-width:1199px) {
            .buscador-header {
                overflow: hidden;
                position: relative;
                z-index: 1; 
            }
            .buscador-header.hide {
                max-height: 0;
                padding-top: 0 !important;
                padding-bottom: 0 !important;
            }
            .huespedes-num {
                pointer-events:none;
            }
        }
        @media(min-width:1200px) {
            #ctl00_Search {
                line-height: 45px;
            }
            header {
                position: sticky !important;
                top: -1px;
                z-index: 9999;
            }
        }
        .contenedor-header div {
            margin-right: 0;
            margin-left: 0;
        }
        .ubicaciones .dropdown-menu {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 2rem;
        }
        .ubicaciones a.dropdown-toggle {
            color: #000;
            display: flex;
            align-items: center;
        }
        .ubicaciones a.dropdown-toggle::after {
            display: none
        }
        .ubicaciones a.dropdown-toggle i {
            font-size: 2rem;
            margin-left: 0.25rem;
        }
        .ubicaciones ul {
            height: 400px;
        }
        .y-scroll-container {
            overflow-y: auto;
            overflow-x: hidden;
            }
            .y-scroll-container::-webkit-scrollbar-track {
            background: #d1d1d1;
            
            }
            .y-scroll-container::-webkit-scrollbar {
            width: 3px;

            }
            .y-scroll-container::-webkit-scrollbar-thumb {
            background: var(--azul);
            border-radius: 20px;
            }
            .y-scroll-container::-webkit-scrollbar-thumb:hover {
            background: #8e8e8e;
            }
    </style>
    <style>
        .coming-son-modal {
            background-color: #0E242B;
            /* opacity: .95; */
            height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .coming-son-modal .btn-close {
            right: 10px;
            top: 1rem
        }
        @media (min-width: 600px) {
            .coming-son-modal {
                justify-content: center;
            }
            .coming-son-modal h1 {
                font-size: 3.5rem;
            }
            .coming-son-modal p {
                font-size: 1rem;
            }
        }
        @media (min-width: 992px) {
           .coming-son-modal  h1 {
                font-size: 8.3125rem;
            }
            .coming-son-modal p {
                font-size: 2.25rem;
                margin-top: 26px;
            }
            
        }
        @media (max-width: 991px) {
            .coming-son-modal h1 {
                font-size: 4.5rem;
            }
            .coming-son-modal p {
                font-size: 1.2rem;
            }
        }
        @media  (min-width: 1200px) {
            .coming-son-modal .btn-close {
                top: 8.3125rem;
                right: 8.75rem;
            }
        }
        .coming-son-modal h1 {
            font-style: italic;
            font-weight: 500;
            font-family: var(--encabezados-font-family);
            text-align: center;
            color: #F2F2F2DE;
        }
        .coming-son-modal p, 
        .coming-son-modal a {
            text-align: center;  
            color: #EDF1F4
        }
        .coming-son-modal a {
            text-decoration: underline;
        }
    
        .coming-son-modal .btn-close:focus {
            box-shadow: none;
        }
        #comingsonModal {
            z-index: 9999999;
        }
        #comingsonModal .modal-dialog {
            max-width: 100% !important;
            margin: 0 !important;
        }
    </style>
    <style>
        @media(max-width: 1199px) {
            .hotelito .select-personalizado,
            .hotelito .select-personalizado .select-items.select-hide {
                width: 100% !important;
            }
        }
        @media(min-width: 1200px) {
            .hotelito .select-personalizado .select-selected {
                text-wrap: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }
        }
    </style>
    
    <style>
          @media(min-width:1200px) {
            main {
                margin-top: -161px;
            }
        }
        /* Iframe Youtube background */
        .bgvideo-container {
            position: relative;
            z-index: -1;
        }
        .video-background {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 100vh;
        }
        .video-background iframe {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100vw;
            height: 100vh;
            transform: translate(-50%, -50%);
            pointer-events: none;
        }
        @media (min-aspect-ratio: 16 / 9) {
            .video-background iframe {
                height: 56.25vw;
            }
        }
        @media (max-aspect-ratio: 16 / 9) {
            .video-background iframe {
                width: 177.78vh;
            }
        }
        /* Iframe Youtube Modal */
        .modal-video-container iframe{
            width: 100%;
            height: 56vh;
        }
        @media (max-width: 576px) {
            .mt-6 {
                margin-top: 4rem;
            }
            html {
                overflow-x: hidden;
            }
        }
        @media (min-width: 578px) and (max-width: 767px) {
            .mt-6 {
                margin-top: 3rem;
            }
        }
        .mask1 {
            -webkit-mask: 
            radial-gradient( circle at center top,    transparent 30px, black 31px) top, 
            radial-gradient( circle at center bottom, transparent 30px, black 31px) bottom;
            -webkit-mask-size:100% 51%; /* each one half the size */
            -webkit-mask-repeat:no-repeat; /* don't forget this */
        }
        
    </style>
<title>
	
</title></head>

<body id="ctl00_body" class="index-page">
    <form name="aspnetForm" method="post" action="/es/" id="aspnetForm">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="asCSg2tabuLEYGL1X12kTkDjuiC0BDV8LxeMQ+Bq1asTpOVuhDiECtivn2UPedD0vtpKvGrfsbLdgqcc40PfdXV8Z4vr20mLiJbvjImxhhHUxROONyQD+/p0nCGwQlGw8ymAdV0JnLOghvGCr9ZPuZ6cemcpsGjN3/eAD3dVoItA8IAcWK2o28zNTPg4idTr" />

<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="6F712DE6" />
        <header class="py-4">
            <div class="contenedor-header">
                <div class="row justify-content-md-between">
                    <div class="col-md-auto text-center text-md-start mb-3 mb-md-0">
                    <a href="/">
                        <img src="/assets/img/logo-blanco.svg" id="ctl00_logo" class="logo" alt="Hotelito logo" />
                        <img src="/assets/img/logo-azul.svg" id="ctl00_logoAzul" class="logo d-none" alt="Hotelito logo" />
                    </a>
                    </div>
                    <div class="col-md-6 col-lg-4 col-xl-9">
                        <div class="d-flex">
                            <div class="contenedor-buscador rounded-bottom-right d-flex ms-auto align-items-start align-items-xl-stretch">
                                <button id="ctl00_btnClose" type="button" class="d-none d-xl-block btn-close" aria-label="close" data-bs-toggle="collapse" data-bs-target="#ctl00_headerBuscador" aria-expanded="true" data-expanded="true" aria-controls="ctl00_headerBuscador"></button>
                                <div id="ctl00_headerBuscador" class="collapse collapse-horizontal show" aria-expanded="true">
                                    <div class="d-flex flex-column flex-xl-row flex-xl-nowrap h-100">
                                        <div class="d-xl-flex buscador-header hide row flex-xl-nowrap g-0 p-3 px-xl-3 py-xl-0 align-items-center order-2 order-xl-1">
                                            <div class="col-6 col-xl entrada">
                                                <label id="ctl00_labeldMasterEntrada" for="ctl00_displayMasterEntrada" class="form-label">Check in</label>
                                                <input name="ctl00$displayMasterEntrada" type="text" id="ctl00_displayMasterEntrada" class="form-control" readonly="" value="13|07" />
                                                <input name="ctl00$dMasterEntrada" type="text" id="ctl00_dMasterEntrada" value="13/07/2025" />
                                            </div>
                                            <div class="col-6 col-xl salida me-xl-2">
                                                <label id="ctl00_labeldMasterSortida" for="ctl00_displayMasterSortida" class="form-label">Check out</label>
                                                <input name="ctl00$displayMasterSortida" type="text" id="ctl00_displayMasterSortida" class="form-control" readonly="" value="14|07" />
                                                <input name="ctl00$dMasterSortida" type="text" id="ctl00_dMasterSortida" value="14/07/2025" />
                                            </div>
                                            <div class="col-12 col-xl me-2 ctl00_ciudad">
                                                <label id="ctl00_labelnPoble" for="nPoble" class="form-label">Población</label>
                                                <div class="select-personalizado">
                                                    <select name="ctl00$nPoble" id="nPoble" class="form-select">
	<option selected="selected" value="">Todos</option>
	<option value="barcelona">BCN</option>
	<option value="badalona">BDN</option>
	<option value="valencia">VLC</option>
	<option value="tenerife">TNR</option>
	<option value="madrid">MDR</option>

</select>
                                                </div>
                                            </div>
                                            <div class="col-12 col-xl hotelito">
                                                <label id="ctl00_labelnHotel" for="ctl00_nHotel" class="form-label">Hotelito</label>
                                                <div class="select-personalizado">
                                                    <select name="ctl00$nHotel" id="nHotel" class="form-select">
	<option selected="selected" value="0">Todos</option>
	<option value="103">Badalona</option>
	<option value="104">Badalona Mar</option>
	<option value="105">Camp Nou</option>
	<option value="106">Mercat</option>
	<option value="107">Cinca</option>
	<option value="108">Valencia</option>
	<option value="114">Tenerife</option>
	<option value="115">Madrid</option>

</select>
                                                </div>
                                            </div>
                                            <div class="col-12 col-xl huespedes" style="border-bottom: 0; margin-bottom: 0; padding-bottom: 0">                                                
                                                <label id="ctl00_labelnMasterPersones" for="ctl00_nMasterPersones" class="form-label">Huéspedes</label>
                                                <div class="dropdown">                                                    
                                                    <input name="ctl00$nMasterPersones" type="text" id="ctl00_nMasterPersones" readonly="" class="huespedes-num dropdown-toggle form-control-plaintext p-0 border-0" data-bs-toggle="dropdown" data-bs-auto-close="outside" value="02" />
                                                    <div class="dropdown-menu dropdown-menu-end">
                                                        <div class="mb-2">
                                                            <div class="d-flex justify-content-between align-items-center">
                                                                <div>
                                                                    <div>
                                                                        <label class="lh-1">
                                                                            Adultos
                                                                            <br>
                                                                            <small id="ctl00_labelAdultsDecription">a partir de 13 años</small>
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                                <div>
                                                                    <div class="d-flex custom-input-guest">
                                                                        <div><button type="button" direction="down" class="btn btn-link">-</button></div>
                                                                        <div><input name="ctl00$nAdults" type="text" id="ctl00_nAdults" readonly="" class="form-control-plaintext text-center" value="2" /></div>
                                                                        <div><button type="button" direction="up" class="btn btn-link">+</button></div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div>
                                                            <div class="d-flex justify-content-between align-items-center">
                                                                <div>
                                                                    <div>
                                                                        <label class="lh-1">
                                                                            Niños
                                                                            <br>
                                                                            <small id="ctl00_labelNensDecription">hasta 12 años</small>
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                                <div>
                                                                    <div class="d-flex custom-input-guest">
                                                                        <div><button type="button" direction="down" class="btn btn-link">-</button></div>
                                                                        <div><input name="ctl00$nNens" type="text" id="ctl00_nNens" readonly="" class="form-control-plaintext text-center" value="0" /></div>
                                                                        <div><button type="button" direction="up" class="btn btn-link">+</button></div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>                                                
                                            </div>
                                            <div class="col-12 d-xl-none text-end">
                                                <a class="boton-buscar-movil" href="javascript:__doPostBack(&#39;ctl00$ctl14&#39;,&#39;&#39;)">
                                                    <i class="fa-solid fa-arrow-right texto-amarillo"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="bg-gris-claro order-1 order-xl-2">
                                            <a id="ctl00_Search" class="btn btn-primary rounded-top-right btn-rounded-top-right h-100 ws-nw" href="javascript:__doPostBack(&#39;ctl00$Search&#39;,&#39;&#39;)">Ver disponibilidad</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="contenedor-boton d-flex position-relative">
                                    <div class="d-none d-xl-block telefono align-self-center mx-3">
                                        <a id="ctl00_searchbarTlf" class="ws-nw" href="tel:+34663700843"><span>+34</span>663 700 843</a>
                                    </div>
                                    <div class="d-none d-xl-block idiomas dropdown align-self-center">
                                        <a href="#" class="dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                            <span id="ctl00_idiomaActual">ES</span>
                                            <i class="fa-thin fa-arrow-down con-rotacion"></i>
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a href="/en/" id="ctl00_Eng" class="dropdown-item">EN</a>
                                            </li>
                                            <li>
                                                <a href="/es/" id="ctl00_Esp" class="dropdown-item">ES</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="menu-hamburguesa ps-3 pe-4 align-self-center">
                                        <a class="hamburguesa" data-bs-toggle="collapse" href="#menu" role="button" aria-expanded="false" aria-controls="menu">
                                        </a>
                                    </div>
                                    <div class="menu px-4 pb-4 collapse" id="menu">
                                        <ul class="list-unstyled mb-0 collapse-lateral-menu">
                                            <li>
                                                <a id="ctl00_landingBarcelona" href="/es/alojamientos-barcelona">Barcelona</a>
                                            </li>
                                            <li>
                                                <a id="ctl00_landingBadalona" href="/es/alojamientos-badalona">Badalona</a>
                                            </li>
                                            <li>
                                                <a id="ctl00_landingMadrid" href="/es/alojamientos-madrid">Madrid</a>
                                            </li>
                                            <li>
                                                <a id="ctl00_landingValencia" href="/es/alojamientos-valencia">Valencia</a>
                                            </li>
                                            <li>
                                                <a id="ctl00_landingTenerife" href="/es/alojamientos-tenerife">Tenerife</a>
                                            </li>
                                            <li>
                                                <a id="ctl00_About" href="/es/sobre-nosotros">Sobre nosotros</a>
                                            </li>
                                        </ul>
                                        
                                        
                                        <div class="telefono telefono-responsive d-xl-none">
                                            <a id="ctl00_searchbarTlfMobile" class="ws-nw" href="tel:+34663700843"><span>+34</span>663 700 843</a>
                                        </div>
                                        
                                        
                                        <ul class="idiomas-responsive list-unstyled mb-0 d-xl-none">
                                            <li>
                                                <a href="#" id="" class="idiomas-responsive-on">
                                                    <span id="ctl00_idiomaActualMobile">Espa&#241;ol</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="/en/" id="ctl00_EngMobile" class="dropdown-item">EN</a>
                                            </li>
                                            <li>
                                                <a href="/es/" id="ctl00_EspMobile" class="dropdown-item">ES</a>
                                            </li>
                                        </ul>                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
    
        
        <main id="vue">
            
    <section class="video position-relative">
        <div class="bgvideo-container">
            <div class="video-background">
                <iframe src="https://www.youtube.com/embed/JGfD0mpljcA?iv_load_policy=3&amp;playlist=JGfD0mpljcA&amp;rel=0&amp;showinfo=0&amp;loop=1&amp;controls=0&amp;autoplay=1&amp;mute=1" id="ctl00_Pagina_bgYoutubeIframe" frameborder="0"></iframe>
            </div>
        </div>
        <div id="ctl00_Pagina_visibleModalYoutubeIframe" class="play-manifiesto">
            <div class="container">
                <a href="#" data-bs-toggle="modal" data-bs-target="#videoModal">
                    <img src="/assets/img/circle-play-solid.svg" width="32" height="32" alt="Play icon">
                    <span id="ctl00_Pagina_btnModalYoutube" class="ms-2">Play Manifiesto</span>
                </a>
                <!-- Modal -->
                <div class="modal modal-video-manifiesto fade" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered modal-xl">
                        <div class="modal-content bg-transparent rounded-0 border-0">
                            <div class="modal-header border-bottom-0 mb-3" style="height: 58px;">
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>
                            <div class="modal-body p-0">
                                <div class="modal-video-container">
                                    <iframe src="https://www.youtube.com/embed/lDiKPVQ2too?iv_load_policy=3&amp;playlist=lDiKPVQ2too&amp;rel=0&amp;controls=1&amp;showinfo=0;" id="ctl00_Pagina_modalYoutubeIframe" frameborder="0"></iframe>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Hover composition-->
        <img src="/assets/img/hotelito-flor-cerca2.png" alt="Hotelito Boutique"  class="element mask-element1 mobile">
        <img src="/assets/img/hotelito-flor-cerca2.png" alt="Hotelito Boutique"  class="element mask-element2 mobile">
        <img src="/assets/img/hotelito-flor-cerca2.png" alt="Hotelito Boutique"  class="element mask-element3 mobile">
        <img src="/assets/img/hotelito-flor-cerca2.png" alt="Hotelito Boutique"  class="element mask-element4 mobile">
    


        <img src="/assets/img/hotelito-flor.png" alt="Hotelito Boutique"  class="element mask-element1 desktop">
        <img src="/assets/img/hotelito-flor.png" alt="Hotelito Boutique"  class="element mask-element2 desktop">
        <img src="/assets/img/hotelito-flor.png" alt="Hotelito Boutique"  class="element mask-element3 desktop">
        <img src="/assets/img/hotelito-flor.png" alt="Hotelito Boutique"  class="element mask-element4 desktop">
    </section>
    <!--Introducción-->
    <section class="introduccion text-center py-5">
        <div class="container mw-750 mt-3">
            <h1 id="ctl00_Pagina_section1title">Wellhome <span>to Hotelito Boutique</span></h1>
            <div>¡Hola! Nos encanta tenerte por aquí, ojalá encuentres lo que buscas, y si no, que al menos disfrutes de esta visita. Y si te quedas con ganas de más, ya sabes, podemos conocernos cuando quieras ;)</div>
            <div class="mt-2">
                <p class='fw-bold'>Aquí, y en cualquier Hotelito Boutique, you’re wellhome.</p>
            </div>
        </div>
    </section>
    <!--Las ciudades a las que hemos enamorado.-->
    <section class="ciudades bg-light py-5 overflow-hidden" id="swiperWrapperCiudades2">
        <div class="container text-center">
            <h2 id="ctl00_Pagina_section2title" class="h-con-source-sans fw-300 texto-amarillo">Las ciudades a las que hemos enamorado.</h2>
            <ul class="list-unstyled d-flex justify-content-center mb-0">
                
                        <li class="fw-bold">
                            Barcelona
                        </li>
                    
                        <li class="">
                            Valencia
                        </li>
                    
                        <li class="">
                            Badalona
                        </li>
                    
                        <li class="">
                            Tenerife
                        </li>
                    
                        <li class="">
                            Madrid
                        </li>
                    
            </ul>
        </div>
        <div class="swiper swiper-ciudades-home py-5">
            <div class="swiper-wrapper" id="swiperWrapperCiudades">
                
                        <div class="swiper-slide">
                            <a href='/es/alojamientos-barcelona'>
                            <div class="position-relative mb-2">
                                <img class="img-fluid" src='https://hotelitoboutique.com/news/n1013f0.jpg' alt='Barcelona'>
                                <p class="ciudad">
                                    Barcelona
                                </p>
                            </div>
                            <div class="d-flex justify-content-between align-items-center">
                                <p class="texto-azul mb-0">
                                    Con lo modernos que somos, teníamos que estar en Barna
                                </p>
                                
                                    <i class="fa-thin fa-arrow-right texto-amarillo link-listado con-rotacion"></i>
                            </div>
                        </a>

                        </div>
                    
                        <div class="swiper-slide">
                            <a href='/es/alojamientos-valencia'>
                            <div class="position-relative mb-2">
                                <img class="img-fluid" src='https://hotelitoboutique.com/news/n1014f0.jpg' alt='Valencia'>
                                <p class="ciudad">
                                    Valencia
                                </p>
                            </div>
                            <div class="d-flex justify-content-between align-items-center">
                                <p class="texto-azul mb-0">
                                    Valencia no falla, nosotros tampoco ;)
                                </p>
                                
                                    <i class="fa-thin fa-arrow-right texto-amarillo link-listado con-rotacion"></i>
                            </div>
                        </a>

                        </div>
                    
                        <div class="swiper-slide">
                            <a href='/es/alojamientos-badalona'>
                            <div class="position-relative mb-2">
                                <img class="img-fluid" src='https://hotelitoboutique.com/news/n1051f0.jpg' alt='Badalona'>
                                <p class="ciudad">
                                    Badalona
                                </p>
                            </div>
                            <div class="d-flex justify-content-between align-items-center">
                                <p class="texto-azul mb-0">
                                    
                                </p>
                                
                                    <i class="fa-thin fa-arrow-right texto-amarillo link-listado con-rotacion"></i>
                            </div>
                        </a>

                        </div>
                    
                        <div class="swiper-slide">
                            <a href='/es/alojamientos-tenerife''>
                            <div class="position-relative mb-2">
                                <img class="img-fluid" src='https://hotelitoboutique.com/news/n1015f0.jpg' alt='Tenerife'>
                                <p class="ciudad">
                                    Tenerife
                                </p>
                            </div>
                            <div class="d-flex justify-content-between align-items-center">
                                <p class="texto-azul mb-0">
                                    Coming soon
                                </p>
                                
                                    <i class="fa-thin fa-arrow-right texto-amarillo link-listado con-rotacion"></i>
                            </div>
                        </a>

                        </div>
                    
                        <div class="swiper-slide">
                            <a href='/es/alojamientos-madrid''>
                            <div class="position-relative mb-2">
                                <img class="img-fluid" src='https://hotelitoboutique.com/news/n1052f0.jpg' alt='Madrid'>
                                <p class="ciudad">
                                    Madrid
                                </p>
                            </div>
                            <div class="d-flex justify-content-between align-items-center">
                                <p class="texto-azul mb-0">
                                    
                                </p>
                                
                                    <i class="fa-thin fa-arrow-right texto-amarillo link-listado con-rotacion"></i>
                            </div>
                        </a>

                        </div>
                    
                
                        <div class="swiper-slide">
                            <a href='/es/alojamientos-barcelona'>
                            <div class="position-relative mb-2">
                                <img class="img-fluid" src='https://hotelitoboutique.com/news/n1013f0.jpg' alt='Barcelona'>
                                <p class="ciudad">
                                    Barcelona
                                </p>
                            </div>
                            <div class="d-flex justify-content-between align-items-center">
                                <p class="texto-azul mb-0">
                                    Con lo modernos que somos, teníamos que estar en Barna
                                </p>
                                
                                    <i class="fa-thin fa-arrow-right texto-amarillo link-listado con-rotacion"></i>
                            </div>
                        </a>

                        </div>
                    
                        <div class="swiper-slide">
                            <a href='/es/alojamientos-valencia'>
                            <div class="position-relative mb-2">
                                <img class="img-fluid" src='https://hotelitoboutique.com/news/n1014f0.jpg' alt='Valencia'>
                                <p class="ciudad">
                                    Valencia
                                </p>
                            </div>
                            <div class="d-flex justify-content-between align-items-center">
                                <p class="texto-azul mb-0">
                                    Valencia no falla, nosotros tampoco ;)
                                </p>
                                
                                    <i class="fa-thin fa-arrow-right texto-amarillo link-listado con-rotacion"></i>
                            </div>
                        </a>

                        </div>
                    
                        <div class="swiper-slide">
                            <a href='/es/alojamientos-badalona'>
                            <div class="position-relative mb-2">
                                <img class="img-fluid" src='https://hotelitoboutique.com/news/n1051f0.jpg' alt='Badalona'>
                                <p class="ciudad">
                                    Badalona
                                </p>
                            </div>
                            <div class="d-flex justify-content-between align-items-center">
                                <p class="texto-azul mb-0">
                                    
                                </p>
                                
                                    <i class="fa-thin fa-arrow-right texto-amarillo link-listado con-rotacion"></i>
                            </div>
                        </a>

                        </div>
                    
                        <div class="swiper-slide">
                            <a href='/es/alojamientos-tenerife''>
                            <div class="position-relative mb-2">
                                <img class="img-fluid" src='https://hotelitoboutique.com/news/n1015f0.jpg' alt='Tenerife'>
                                <p class="ciudad">
                                    Tenerife
                                </p>
                            </div>
                            <div class="d-flex justify-content-between align-items-center">
                                <p class="texto-azul mb-0">
                                    Coming soon
                                </p>
                                
                                    <i class="fa-thin fa-arrow-right texto-amarillo link-listado con-rotacion"></i>
                            </div>
                        </a>

                        </div>
                    
                        <div class="swiper-slide">
                            <a href='/es/alojamientos-madrid''>
                            <div class="position-relative mb-2">
                                <img class="img-fluid" src='https://hotelitoboutique.com/news/n1052f0.jpg' alt='Madrid'>
                                <p class="ciudad">
                                    Madrid
                                </p>
                            </div>
                            <div class="d-flex justify-content-between align-items-center">
                                <p class="texto-azul mb-0">
                                    
                                </p>
                                
                                    <i class="fa-thin fa-arrow-right texto-amarillo link-listado con-rotacion"></i>
                            </div>
                        </a>

                        </div>
                    
            </div>
            <div class="d-flex justify-content-center align-items-center">
                <div class="swiper-button-prev"></div>
                <div class="swiper-pagination mx-2"></div>
                <div class="swiper-button-next"></div>
            </div>
        </div>
    </section>
    <!--In Hospitalidad Sostenible we trust.-->
    <section id="ctl00_Pagina_section3bg" class="banner-hospitalidad overflow-hidden" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(https://hotelitoboutique.com/news/n1016f0x1400.jpg);">
        <div class="parallax-container">
            <h2 id="ctl00_Pagina_section3title" class="hero-heading">In Hospitalidad Sostenible we trust.</h2>
        </div>        
        <a href="sobre-nosotros" id="ctl00_Pagina_section3link">
            <i class="fa-thin fa-arrow-right texto-amarillo con-rotacion"></i>
        </a>
    </section>
    <!--Nos vais a sonrojar.-->
    <section class="testimonios-home bg-verde pt-3 pt-md-5">
        <div class="container position-relative">
            <div class="row g-0 g-md-3 titulo">
                <div class="col-6 offset-md-6 col-md-6">
                    <h2 id="ctl00_Pagina_section4title"></h2>
                </div>
            </div>
            <div class="swiper swiper-testimonios-home pb-5">
                <div class="swiper-wrapper">
                    
                            <div class="swiper-slide">
                                <div class="row g-0 g-md-3">
                                    <div class="offset-4 col-8 offset-md-0 col-md-6">
                                        <div class="mascara-logo-top">
                                            <img class="img-fluid" src='https://hotelitoboutique.com/news/n1019f0x700.jpg'>
                                        </div>
                                    </div>
                                    <div class="col-md-6 align-item-md-center align-self-xl-start mt-6 mt-md-0 reviews-slide">
                                        <div class="nota fw-bold">
                                            9,5 | Repetiremos seguro
                                        </div>
                                        <div class="logo-channel">
                                            <img src="/assets/img/booking-logo.png" alt="Booking logo">
                                        </div>
                                        <time class="fecha">
                                            14 Marzo&nbsp;2024
                                        </time>
                                        <div class="texto mt-2">
                                            <div><br /></div><p>Habitación muy limpia, excelente ubicación y personal muy servicial</p>
                                        </div>
                                        <p class="nombre fw-bold pt-3">
                                            María Elisa
                                        </p>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="swiper-slide">
                                <div class="row g-0 g-md-3">
                                    <div class="offset-4 col-8 offset-md-0 col-md-6">
                                        <div class="mascara-logo-top">
                                            <img class="img-fluid" src='https://hotelitoboutique.com/news/n1018f0x700.jpg'>
                                        </div>
                                    </div>
                                    <div class="col-md-6 align-item-md-center align-self-xl-start mt-6 mt-md-0 reviews-slide">
                                        <div class="nota fw-bold">
                                            9,0 | Muy bien
                                        </div>
                                        <div class="logo-channel">
                                            <img src="/assets/img/booking-logo.png" alt="Booking logo">
                                        </div>
                                        <time class="fecha">
                                            05 de abril de 2023
                                        </time>
                                        <div class="texto mt-2">
                                            <div style='box-sizing: border-box; font-family: BlinkMacSystemFont, -apple-system, &quot;Segoe UI&quot;, Roboto, Helvetica, Arial, sans-serif; font-size: 14px; margin-bottom: 16px !important;'><hr class='bui-divider' style='margin: 0px; border-style: solid; border-color: #e0e0e0; border-width: 1px 0px 0px;' /></div><div style='box-sizing: border-box; font-family: BlinkMacSystemFont, -apple-system, &quot;Segoe UI&quot;, Roboto, Helvetica, Arial, sans-serif; font-size: 14px;'><span style='box-sizing: border-box; line-height: 20px;'>Sin duda alguna un lugar excelente que asegura una estadía plena</span></div>
                                        </div>
                                        <p class="nombre fw-bold pt-3">
                                            José Miguel
                                        </p>
                                    </div>
                                </div>
                            </div>
                        
                </div>
                <div class="row swiper-paginacion">
                    <div class="offset-md-6 col-md-6 testimonios-arrows">
                        <div class="d-flex justify-content-center justify-content-md-start align-items-center ps-1">
                            <div class="swiper-button-prev"></div>
                            <div class="swiper-pagination mx-2"></div>
                            <div class="swiper-button-next"></div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>
    <!--Como en Hotelito en ningún sitio.-->
    <section class="hotelito text-center">
        <div class="container">
            <h2 id="ctl00_Pagina_section5title" class="h-con-source-sans fw-300 texto-azul">Como en Hotelito en ningún sitio</h2>
            <p id="ctl00_Pagina_section5summary">El mejor viaje es en el que no te preocupas de nada, que no te falte de nada es el primer paso.</p>
            <ul class="list-unstyled">
                
                        <li>
                            <div class="contenedor-item position-relative">
                                Terraza compartida
                                <div class="contenedor-img"><img src='https://hotelitoboutique.com/news/n1026f0.jpg'></div>
                            </div>
                        </li>
                    
                        <li>
                            <div class="contenedor-item position-relative">
                                Atención Online
                                <div class="contenedor-img"><img src='https://hotelitoboutique.com/news/n1025f0.jpg'></div>
                            </div>
                        </li>
                    
                        <li>
                            <div class="contenedor-item position-relative">
                                Café y Té
                                <div class="contenedor-img"><img src='https://hotelitoboutique.com/news/n1024f0.jpg'></div>
                            </div>
                        </li>
                    
                        <li>
                            <div class="contenedor-item position-relative">
                                Wifi Gratis
                                <div class="contenedor-img"><img src='https://hotelitoboutique.com/news/n1022f0.jpg'></div>
                            </div>
                        </li>
                    
                        <li>
                            <div class="contenedor-item position-relative">
                                Cocinas Equipadas
                                <div class="contenedor-img"><img src='https://hotelitoboutique.com/news/n1021f0.jpg'></div>
                            </div>
                        </li>
                    
                        <li>
                            <div class="contenedor-item position-relative">
                                Sábanas y Toallas
                                <div class="contenedor-img"><img src='https://hotelitoboutique.com/news/n1023f0.jpg'></div>
                            </div>
                        </li>
                    
            </ul>
        </div>
    </section>

        </main>
    
        <footer class="position-relative overflow-hidden py-5">
            <div class="container footer-container">
                <div class="row">
                    <div class="col-md-6">
                        <h2 id="ctl00_tForm" class="fw-800 fst-italic text-center text-md-start mb-5">&#191;Hablamos?</h2>
                        <div class="formulario-contacto-home row g-4 mb-5">
                            <div class="col-md-6">
                                <label id="ctl00_labelFormEmail" for="" class="form-label">Email*</label>
                                <input name="ctl00$formEmail" id="ctl00_formEmail" class="form-control input-validator" Type="Email" />
                            </div>
                            <div class="col-md-6">
                                <label id="ctl00_labelFormTlf" for="" class="form-label">Tel&#233;fono*</label>
                                <input name="ctl00$formTlf" type="text" id="ctl00_formTlf" class="form-control input-validator" />
                            </div>
                            <div class="col-12">
                                <label id="ctl00_labelFormMsg" for="" class="form-label">Mensaje*</label>
                                <textarea name="ctl00$formMsg" rows="5" cols="20" id="ctl00_formMsg" class="form-control input-validator">
</textarea>
                            </div>
                            <div class="col-12">
                                <div class="row g-0 align-items-center">
                                    <div class="col-md">
                                        <div class="form-check">
                                            <input id="ctl00_aceptoPoliticaPrivacidad" type="checkbox" name="ctl00$aceptoPoliticaPrivacidad" /><label for="ctl00_aceptoPoliticaPrivacidad">He leído y acepto la <a target='_blank' href='/es/13/politica-de-privacidad'>política de privacidad.</a></label>
                                        </div>
                                    </div>
                                    <div class="col-md-auto">
                                        <a id="ctl00_FormSend" class="link-enviar-form justify-content-center mt-4 mt-md-0" href="javascript:__doPostBack(&#39;ctl00$FormSend&#39;,&#39;&#39;)"><span>Enviar</span><i class='con-rotacion fa-thin fa-arrow-right texto-amarillo link-listado'></i></a>
                                        <input type="hidden" name="ctl00$recaptchaNewsletter" id="ctl00_recaptchaNewsletter" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Desktop -->
                <ul class="d-none d-lg-flex direcciones-footer list-unstyled row g-3 mb-5">
                    <li class="col-sm-6 col-md-4 col-xl-3">
                        <p id="ctl00_titleAddress11" class="titulo">Hotelito Boutique Camp Nou</p>
                        <p id="ctl00_textAddress11">Travessera de Collblanc 19<br/>08904 Hospitalet de Llobregat, Barcelona.</p>
                    </li>
                    <li class="col-sm-6 col-md-4 col-xl-3">
                        <p id="ctl00_titleAddress22" class="titulo">Hotelito Boutique Mercat</p>
                        <p id="ctl00_textAddress22">Carrer Estruch, 14<br/>08904 L’Hospitalet de Llobregat, Barcelona.</p>
                    </li>
                    <li class="col-sm-6 col-md-4 col-xl-3">
                        <p id="ctl00_titleAddress33" class="titulo">Hotelito Boutique Cinca</p>
                        <p id="ctl00_textAddress33">Carrer Cinca, 14<br/>08904 L’Hospitalet de Llobregat, Barcelona.</p>
                    </li>
                    <li class="col-sm-6 col-md-4 col-xl-3">
                        <p id="ctl00_titleAddress44" class="titulo">Hotelito Boutique Badalona</p>
                        <p id="ctl00_textAddress44">Carrer Ribas i Perdigó 3<br/>08911 Badalona - Barcelona.</p>
                    </li>
                    <li class="col-sm-6 col-md-4 col-xl-3">
                        <p id="ctl00_titleAddress88" class="titulo">Hotelito Boutique Madrid </p>
                        <p id="ctl00_textAddress88">Calle Camino de Valderribas n&#186;93 - 28038 Madrid.</p>
                    </li>
                    <li class="col-sm-6 col-md-4 col-xl-3">
                        <p id="ctl00_titleAddress55" class="titulo">Hotelito Boutique Badalona Mar</p>
                        <p id="ctl00_textAddress55">Calle del Mar, 110<br/>08911 Badalona.</p>
                    </li>
                    <li class="col-sm-6 col-md-4 col-xl-3">
                        <p id="ctl00_titleAddress66" class="titulo">Hotelito Boutique Valencia Estaci&#243;n</p>
                        <p id="ctl00_textAddress66">Calle Bailén 66, bajos<br/>46007 Valencia.</p>
                    </li>
                    <li class="col-sm-6 col-md-4 col-xl-3">
                        <p id="ctl00_titleAddress77" class="titulo">Hotelito Boutique Tenerife</p>
                        <p id="ctl00_textAddress77">Calle Nicolas Estévanez 1<br/>38003 Santa Cruz de Tenerife.</p>
                    </li>
                </ul>














                <!-- Mobile -->
                <div class="d-lg-none ubicaciones mb-4 dropdown align-self-center dropup">
                    <a href="#" class="dropdown-toggle fw-bold" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        <span id="ctl00_ubicaciones">Nuestras ubicaciones</span>
                        <i class="fa-thin fa-arrow-right texto-amarillo link-listado con-rotacion"></i>
                    </a>
                    <ul class="dropdown-menu px-3 y-scroll-container pt-3">
                    <li class="direcciones-footer">
                        <p id="ctl00_titleAddress1" class="titulo">Hotelito Boutique Camp Nou</p>
                        <p id="ctl00_textAddress1">Travessera de Collblanc 19<br/>08904 Hospitalet de Llobregat, Barcelona.</p>
                    </li>
                    <li class="direcciones-footer">
                        <p id="ctl00_titleAddress2" class="titulo">Hotelito Boutique Mercat</p>
                        <p id="ctl00_textAddress2">Carrer Estruch, 14<br/>08904 L’Hospitalet de Llobregat, Barcelona.</p>
                    </li>
                    <li class="direcciones-footer">
                        <p id="ctl00_titleAddress3" class="titulo">Hotelito Boutique Cinca</p>
                        <p id="ctl00_textAddress3">Carrer Cinca, 14<br/>08904 L’Hospitalet de Llobregat, Barcelona.</p>
                    </li>
                    <li class="direcciones-footer">
                        <p id="ctl00_titleAddress4" class="titulo">Hotelito Boutique Badalona</p>
                        <p id="ctl00_textAddress4">Carrer Ribas i Perdigó 3<br/>08911 Badalona - Barcelona.</p>
                    </li>
                    <li class="direcciones-footer">
                        <p id="ctl00_titleAddress8" class="titulo">Hotelito Boutique Madrid </p>
                        <p id="ctl00_textAddress8">Calle Camino de Valderribas n&#186;93 - 28038 Madrid.</p>
                    </li>
                    <li class="direcciones-footer">
                        <p id="ctl00_titleAddress5" class="titulo">Hotelito Boutique Badalona Mar</p>
                        <p id="ctl00_textAddress5">Calle del Mar, 110<br/>08911 Badalona.</p>
                    </li>
                    <li class="direcciones-footer">
                        <p id="ctl00_titleAddress6" class="titulo">Hotelito Boutique Valencia Estaci&#243;n</p>
                        <p id="ctl00_textAddress6">Calle Bailén 66, bajos<br/>46007 Valencia.</p>
                    </li>
                    <li class="direcciones-footer">
                        <p id="ctl00_titleAddress7" class="titulo">Hotelito Boutique Tenerife</p>
                        <p id="ctl00_textAddress7">Calle Nicolas Estévanez 1<br/>38003 Santa Cruz de Tenerife.</p>
                    </li>
                </ul>
                    
                </div>
                <div class="row">
                    <div class="col-lg-auto">
                        <div class="d-flex align-items-center">
                            <p id="ctl00_siguenos_en" class="me-2 mb-0">S&#237;guenos en</p>
                            <ul class="rrss list-unstyled d-flex mb-0">
                                <li class='me-2'><a target='_blank' href='https://www.instagram.com/hotelitoboutique/' title='instagram'><i class='fa-brands fa-instagram'></i></a></li>
                                <li><a target='_blank' href='https://www.linkedin.com/company/hotelitoboutique/' title='linkedin'><i class='fa-brands fa-linkedin-in'></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg">
                        <div class="d-flex flex-column flex-md-row justify-content-lg-end align-items-md-center">
                            <p id="ctl00_copyright" class="my-4 my-md-0 me-md-2 mb-md-0">&#169; 2025 Hotelito boutique. Todos los derechos reservados.</p>
                            <ul class="menu-nav-footer list-unstyled d-flex mb-0" style="z-index: 1">
                                <li>
                                    <a id="ctl00_footerLegal" href="/es/aviso-legal">Aviso legal</a>
                                </li>
                                <li>
                                    <a id="ctl00_footerPrivacitat" href="/es/politica-de-privacidad">Política de privacidad</a>
                                </li>
                                <li>
                                    <a id="ctl00_footerCondicions" href="/es/condiciones-de-reserva">Condiciones de reserva</a>
                                </li>
                                <li>
                                    <a id="ctl00_footerUsoWeb" href="/es/uso-web">Uso web</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        
        <!-- Comingson Modal -->
        <!-- <div class="modal fade" id="comingsonModal" tabindex="-1" aria-labelledby="comingsonModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="mt-5 mt-sm-0 coming-son-modal">
                        <button id="btnClose"  type="button" class="btn btn-close position-absolute btn-close-white" data-bs-dismiss="modal"></button>
                        <div class="container">
                            <h1>Coming Soon</h1>
                            <p>Roma no se construyó en un día, Hotelito tampoco. Si quieres estar al día de todas las Hotelito News, síguenos en <a href="https://www.instagram.com/hotelitoboutique/" target="_blank" title="Instagram Hotelito">Instagram </a>;)</p>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
    </form>


    <script src="/assets/js/vendors/jquery-3.4.1.min.js"></script>
    <script src="/assets/js/vendors/jquery-ui.min.js"></script>
    <script src="/assets/js/vendors/bootstrap.bundle.min.js"></script>
    <script src="/assets/js/vendors/swiper-bundle.min.js"></script>
    <script src="/assets/js/funciones.js"></script>

    <script>const empresa = 1735;const domini = 'https://hotelitoboutique.com';const coords = ["41.403506","2.133861"];const idioma = 3;const language = 'es';const arrival = '13/07/2025';const departure = '14/07/2025';const adults = '2';const kids = '0';const guests = '2';const nights = '1';const city = '';const group = '0';const isSearch = false;const traductor = {  hoste: 'Huésped',  hostes: 'Huéspedes',  habitacio: 'Habitación',  habitacions: 'Habitaciones',  bany: 'Baño',  banys: 'Baños',};</script>
    <script>$(function () {$.datepicker.regional['es'] = {  closeText: 'Cerrar',  prevText: 'Anterior',  nextText: 'Siguiente',  currentText: 'Hoy',  monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],  monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],  dayNames: ['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],  dayNamesShort: ['Dom','Lun','Mar','Mié','Jue','Vie','Sáb'],  dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sa'],  dateFormat: 'dd/mm/yy',  minDate: 0,  firstDay: 1,  isRTL: false};$.datepicker.setDefaults($.datepicker.regional['es']);});$('#ctl00_dMasterEntrada').datepicker({   setDate: '13/07/2025',   minDate: '13/07/2025',   onSelect: function (selected) {     let date = $(this).datepicker('getDate');    const abbreviationDate = date.getDate().toString().padStart(2, '0') + '|' + (date.getMonth() + 1).toString().padStart(2, '0');    document.querySelector('#ctl00_displayMasterEntrada').value = abbreviationDate;    if (date) {      date.setDate(date.getDate() + 1);    }    $('#ctl00_dMasterSortida').datepicker('option', 'minDate', date);    setTimeout(() => $('#ctl00_dMasterSortida').datepicker('show'), 1);  }});$('#ctl00_dMasterSortida').datepicker({   setDate: '14/07/2025',   minDate: '14/07/2025',  onSelect: function (selected) {     let date = $(this).datepicker('getDate');    const abbreviationDate = date.getDate().toString().padStart(2, '0') + '|' + (date.getMonth() + 1).toString().padStart(2, '0');    document.querySelector('#ctl00_displayMasterSortida').value = abbreviationDate;  }});document.querySelector('#ctl00_displayMasterEntrada').addEventListener('click', () => $('#ctl00_dMasterEntrada').datepicker('show'));document.querySelector('#ctl00_displayMasterSortida').addEventListener('click', () => $('#ctl00_dMasterSortida').datepicker('show'));</script>
    <script src="https://www.google.com/recaptcha/api.js?render=6Le9dmkpAAAAAGoUS7QMKrkKAV8upYS5DYaUgEfT"></script><script>  grecaptcha.ready(function () {    grecaptcha.execute('6Le9dmkpAAAAAGoUS7QMKrkKAV8upYS5DYaUgEfT', { action: 'homepage' }).then(function (token) {      document.getElementById('ctl00_Pagina_recaptchaNewsletter').value = token;      document.getElementById('ctl00_Pagina_recaptcha').value = token;    });  });</script>
    
    <script>
        window.addEventListener('scroll', computeTitleScroll)
        window.addEventListener('resize', computeTitleScroll)

        function computeTitleScroll() {
            const header = document.querySelector('header');
            const banner_title = document.querySelector('#ctl00_Pagina_section3title');
        
            const header_computed = window.getComputedStyle(header);
            const banner_title_computed = window.getComputedStyle(banner_title);

            const scroll_y = window.scrollY;
            const window_w = window.innerWidth;
            const window_h = window.innerHeight;

            const banner_pos_y = banner_title.getBoundingClientRect().top;
            const banner_w = parseInt(banner_title_computed.width) + parseInt(banner_title_computed.marginLeft);

            const start_movement_position_y = parseInt(-(window_h / 5) + (window_h - banner_pos_y));
            const stop_movement_position_x = (parseInt(banner_title_computed.width) - window_w) + parseInt(banner_title_computed.marginLeft) + 50;

            const speed_movement = (banner_w - window_w + 50) / (window_h * .6);
            const movement_px = start_movement_position_y * speed_movement;

            if(banner_w <= window_w) {
                banner_title.style.left = 0;
            } else if (start_movement_position_y > 0 && movement_px < stop_movement_position_x) {
                banner_title.style.left = -movement_px + 'px';
            }
        }
    </script>
    <script>
        document.querySelector('a[data-bs-target="#videoModal"]').addEventListener('click', function playYoutubeIframeVideo () {
            const iframe = document.querySelector('#ctl00_Pagina_modalYoutubeIframe');
            let url_cleaned = iframe.src;

            url_cleaned.replace('&controls=0', '');
            url_cleaned.replace('&autoplay=1', '');
            url_cleaned.replace('&mute=1', '');

            iframe.src = url_cleaned + '&controls=0&autoplay=1&mute=1';            
        })
    </script>
    <script>
        const swiper = new Swiper('.swiper-ciudades-home', {
            slidesPerView: 1,
            spaceBetween: 100,
            centeredSlides: true,
            pagination: {
                el: '.swiper-pagination'
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev'
            },
            breakpoints: {
                768: {
                    slidesPerView: 2,
                    spaceBetween: 50,
                },
                1200: {
                    slidesPerView: 3,
                    spaceBetween: 100,
                    initialSlide: 1,
                },
            },
            loop: true
        });

        swiper.on('slideChange', (e) => {
            document.querySelectorAll('#swiperWrapperCiudades2 ul li').forEach((node, i) => {
                const realIndex = (e.realIndex > 4) ? e.realIndex -5 : e.realIndex;

                if (i == realIndex) {
                    node.classList.add("fw-bold");
                } else {
                    node.classList.remove("fw-bold");
                }
            })
        })

        new Swiper('.swiper-testimonios-home', {
            effect: "fade",
            pagination: {
                el: '.swiper-pagination'
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev'
            }
        });
    </script>


    <script>
        document.querySelector('#ctl00_Search').addEventListener('click', function toggleDropdownMenu (e) {
            const is_mobile = window.innerWidth < 1200;

            if(is_mobile) {
                const search_bar_dropdown = document.querySelector('.buscador-header');

                if(search_bar_dropdown.classList.contains('hide')) {
                    search_bar_dropdown.classList.remove('hide');
                    e.preventDefault();
                }
            }
        })
    </script>
    <script>
        const displayInputGuests = document.querySelector('#ctl00_nMasterPersones');

        document.querySelectorAll('.custom-input-guest button').forEach(node => {
            node.addEventListener('click', updateInputGuest);
        })

        function updateInputGuest() {

            const input = this.parentNode.parentNode.querySelector('input');
            const direction = this.getAttribute('direction');

            switch (direction) {
                case 'up':
                    input.value = +input.value + 1;
                    break;

                case 'down':
                    if((input.id == 'ctl00_nAdults' && input.value > 1) ||
                        (input.id == 'ctl00_nNens' && input.value > 0))
                    {
                        input.value = +input.value - 1;
                    }
                    break;
            }

            const adults = document.querySelector('#ctl00_nAdults').value;
            const kids = document.querySelector('#ctl00_nNens').value;

            displayInputGuests.value = String(+adults + +kids).padStart(2, '0');
        }
    </script>
    <script>
        // const tenerifeSliderHome = document.querySelectorAll('.carousel-tenerife');

        // if (tenerifeSliderHome.length > 0) {
        //     let lastMouseMovement = {
        //         x: 0,
        //         y: 0,
        //         timestamp: Date.now()
        //     }
    
        //     window.addEventListener('mousemove', function setMouseMovement (e) {
        //         if (lastMouseMovement.x + 5 < e.x || lastMouseMovement.x + 5 > e.x ) {
        //             lastMouseMovement.x = e.x;
        //             lastMouseMovement.timesamp = Date.now();
        //         }
                
        //         if (lastMouseMovement.y + 5 < e.y || lastMouseMovement.y + 5 > e.y ) {
        //             lastMouseMovement.y = e.y;
        //             lastMouseMovement.timesamp = Date.now();
        //         }
        //     })
        //     tenerifeSliderHome.forEach(node => {
        //         node.addEventListener('click', (e) => {
        //             e.preventDefault();

        //             if(lastMouseMovement.timesamp + 25 < Date.now()) {
        //                 $('#comingsonModal').modal('show');
        //             }
        //         })
        //     })
        // }
    </script>
</body>
</html>

Latest requests

# Url Url Source Date
1 https://hotelitoboutique.com/es/ 2025-07-12 21:58:02
2 https://emid.xyz/ 2025-07-12 21:58:02
3 https://www.canvaschamp.com/canvas… 2025-07-12 21:58:02
4 https://allmyfaves.com/bastumpzwd 2025-07-12 21:58:00
5 https://yourhikes.com/ 2025-07-12 21:57:59
6 https://www.aidareinigung.at/ 2025-07-12 21:57:57
7 https://www.canvaschamp.com/large-… 2025-07-12 21:57:56
8 https://hanime.su/ 2025-07-12 21:57:54
9 https://businesslistingheaven.com/ 2025-07-12 21:57:53
10 https://thebolditalic.com/?gi=1319… 2025-07-12 21:57:52
11 https://www.klikhierniet.net/ 2025-07-12 21:57:48
12 https://xtsindia.in/ 2025-07-12 21:57:46
13 https://objectstorage.ap-tokyo-1.o… 2025-07-12 21:57:32
14 https://sustalks.com/ 2025-07-12 21:57:26
15 https://objectstorage.ap-tokyo-1.o… 2025-07-12 21:56:59
16 https://jekyll2.s3.us-west-002.bac… 2025-07-12 21:56:51
17 https://thebolditalic.com/?gi=60ee… 2025-07-12 21:56:43
18 https://t.me/bulgaria_ru 2025-07-12 21:56:40
19 https://digi627sa.netlify.app/rese… 2025-07-12 21:56:35
20 https://digi29sa.lon1.digitalocean… 2025-07-12 21:56:25