<!doctype html>
<html lang="en-GB">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <link rel="shortcut icon" href="https://www.feelathome.com/assets/themes/www.feelathome.com/img/preferences/feelathome.svg"/>

    <title>Our Blog | Feelathome</title>

    <link rel="preconnect" href="https://unpkg.com" crossorigin>
    <link rel="preconnect" href="https://p.typekit.net" crossorigin>
    <link rel="preconnect" href="https://use.typekit.net" crossorigin>
    
    <meta name="author" content="Emexs Marketing SL" />
    <meta name="copyright" content="Feelathome Apartments SL" />

    <meta name="robots" content="index, follow">
        <meta name="description" content="Access essential information to make your travels unforgettable. Get inspired, plan and experience unique adventures with our content.">

    <!-- OpenGraph -->
    <meta property="og:type" content="website" />
            <meta property="og:site_name" content="Feelathome">
        <meta property="og:title" content="Our Blog | Feelathome"/>
            <meta property="og:url" content="https://www.feelathome.com/en/blog"/>
    
            <meta name="og:image" content="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1740148388_ATZ_2HAB_14.thigh.webp"/>
        <meta property="og:description" content="Access essential information to make your travels unforgettable. Get inspired, plan and experience unique adventures with our content.">

    <!-- TwitterCard -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:url" content="https://www.feelathome.com/en/blog">    <meta name="twitter:title" content="Our Blog | Feelathome">
    <meta name="twitter:description" content="Access essential information to make your travels unforgettable. Get inspired, plan and experience unique adventures with our content." />
            <meta name="twitter:image" content="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1740148388_ATZ_2HAB_14.thigh.webp"/>
    
    <!-- Alternates y Hreflang -->
            <link href="https://www.feelathome.com/en/blog" rel="canonical" />

                    <link href="https://www.feelathome.com/blog" hreflang="es" rel="alternate" />
                                <link href="https://www.feelathome.com/ca/blog" hreflang="ca" rel="alternate" />
                                <link href="https://www.feelathome.com/de/blog" hreflang="de" rel="alternate" />
                                <link href="https://www.feelathome.com/fr/blog" hreflang="fr" rel="alternate" />
                    
        <link href="https://www.feelathome.com/en/blog" hreflang="en" rel="alternate" />
                    <link rel="alternate" hreflang="x-default" href="https://www.feelathome.com/en/blog" />
            
    
            <!-- Google Tag Manager -->
        <script>
            (function (w, d, s, l, i) {
                w[l] = w[l] || [];
                w[l].push({'gtm.start':
                        new Date().getTime(), event: 'gtm.js'});
                var f = d.getElementsByTagName(s)[0],
                    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
                j.async = true;
                j.src =
                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
                f.parentNode.insertBefore(j, f);
            })(window, document, 'script', 'dataLayer', 'GTM-WRRBSND');
        </script>
        <!-- END Google Tag Manager -->
    
    <link rel="preload" href="https://use.typekit.net/xaa5cag.css" as="style">
    <link rel="stylesheet" href="https://use.typekit.net/xaa5cag.css">

    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const hasMap = document.querySelector('.d-map, .d-map-info, .leaflet-map, #map, #fah-map, .map-filters, #accmap');

            if (!hasMap) return;

            [
                "https://www.feelathome.com/assets/themes/www.feelathome.com/css/leaflet.css",
                "https://www.feelathome.com/assets/themes/www.feelathome.com/css/MarkerCluster.css",
                "https://www.feelathome.com/assets/themes/www.feelathome.com/css/MarkerCluster.Default.css"
            ].forEach(function (href) {
                const link = document.createElement('link');
                link.rel = 'stylesheet';
                link.href = href;
                document.head.appendChild(link);
            });
        });
    </script>

    <link rel="preload" type="text/css" href="https://www.feelathome.com/assets/themes/www.feelathome.com/css/main.min.css?00=" as="style">
    <link rel="stylesheet" type="text/css" href="https://www.feelathome.com/assets/themes/www.feelathome.com/css/main.min.css?00=">

    <link rel="stylesheet" type="text/css" href="https://www.feelathome.com/assets/themes/www.feelathome.com/css/styles.css" media="print" onload="this.media='all'">

    <noscript>
        <link rel="stylesheet" type="text/css" href="https://www.feelathome.com/assets/themes/www.feelathome.com/css/styles.css">
    </noscript>
    <!-- Map -->
    <!--<link rel="stylesheet" href="" />
    <script defer src=""></script>-->

        </head>


<body class="general-pag">

    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WRRBSND"
                      height="0" width="0" style="display:none; visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

        
<header class="no-scroll" data-aos="d:loop">
        <div class="logo">
            <a href="https://www.feelathome.com/en">
                <img class="lazy" width="135" height="28" alt="" title="" src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1775658119_FAH_logo-horizontal.svg">
            </a>
        </div>
    <nav class="navbar-top" data-aos="fade-left" data-aos-delay="100">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                                            <ul class="list-unstyled m-0 b-menu">
                                                                                                <li><a href="https://www.feelathome.com/en/summer"><span>Summer</span></a></li>
                                                                                                                                <li class="b-dropdowns">
                                        <div class="dropdown">
                                            <a href="https://www.feelathome.com/en/destinations"><span>Destinations</span></a>
                                            <div class="dropdown-content">
                                                                                                    <a href="https://www.feelathome.com/en/destinations/barcelona">Barcelona</a>
                                                                                                    <a href="https://www.feelathome.com/en/destinations/madrid">Madrid</a>
                                                                                                    <a href="https://www.feelathome.com/en/destinations/malaga">Málaga</a>
                                                                                                    <a href="https://www.feelathome.com/en/destinations/sevilla">Sevilla</a>
                                                                                                    <a href="https://www.feelathome.com/en/destinations/mallorca">Mallorca</a>
                                                                                                    <a href="https://www.feelathome.com/en/destinations/costa-del-sol">Costa del Sol</a>
                                                                                                    <a href="https://www.feelathome.com/en/destinations/costa-brava">Costa Brava</a>
                                                                                            </div>
                                        </div>
                                    </li>
                                                                                                                                <li><a href="https://www.feelathome.com/en/feelathome-club"><span>Club Feelathome</span></a></li>
                                                                                                                                <li><a href="https://feelathome.factorialhr.es/"><span>Work with us</span></a></li>
                                                                                    </ul>
                                        <ul class="list-unstyled m-0 b-social">
                                                    <li>
                                <a href="https://www.instagram.com/feelathomestays/" target="_blank">
                                    <img class="lazy" src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/icons/instagram.svg" height="18" width="18" alt="Instagram" title="Instagram"/>
                                </a>
                            </li>
                                                                            <li>
                                <a href="https://es.linkedin.com/company/feelathome-stays" target="_blank">
                                    <img class="lazy" src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/icons/linkedin.svg" height="18" width="18" alt="LinkedIn" title="LinkedIn"/>
                                </a>
                            </li>
                                                <!--
                        <li>
                            <a onclick="runLoyalty()" id="wit-loyalty">LOGIN</a>
                        </li>-->
                    </ul>
                    <ul class="list-unstyled m-0 b-dropdowns">
                        <li>
                            <div class="dropdown">
                                <p class="dropbtn">EN</p>
                                <div class="dropdown-content">
                                                                                                                            <a href="https://www.feelathome.com/blog">Español</a>
                                                                                                                                    <a href="https://www.feelathome.com/ca/blog">Català</a>
                                                                                                                                    <a href="https://www.feelathome.com/de/blog">Deutsch</a>
                                                                                                                                    <a href="https://www.feelathome.com/fr/blog">French</a>
                                                                                                                                                        </div>
                            </div>
                        </li>
                    </ul>
                    <ul class="list-unstyled m-0 b-hamburger">
                        <li>
                            <div class="menu">
                                <div class="_layer -top"></div>
                                <div class="_layer -bottom"></div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>
</header>

<nav class="site-nav__menu_desktop block-menu">
    <div class="site-nav__menu-inner">
        <div class="site-nav__main">
            <div class="container">
                                    <div class="row">
                        <div class="col-12 b-logo">
                            <a href="https://www.feelathome.com/en">
                                <img width="216" height="45" alt="" title="" src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1775658119_FAH_logo-horizontal.svg">
                            </a>
                        </div>
                    </div>
                                <div class="row">
                    <div class="col-3">
                        <div>
                                                                                        <ul class="list-unstyled mb-0 b-links">
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/summer"><span>Summer</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations"><span>Destinations</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/feelathome-club"><span>Club Feelathome</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/about-us"><span>About us</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/blog"><span>Blog</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/contact"><span>Contact</span></a></li>
                                                                    </ul>
                                                    </div>
                    </div>
                                        <div class="col-9">
                        <div class="row">
                            <div class="col-4">
                                <ul class="list-unstyled m-0 b-links destinos">
                                                                            <li data-filter="b-homes1" class="nav-item link nav-filter active"><p><span>Barcelona</span><span class="number">(7)</span></p></li>
                                                                            <li data-filter="b-homes2" class="nav-item link nav-filter"><p><span>Madrid</span><span class="number">(8)</span></p></li>
                                                                            <li data-filter="b-homes5" class="nav-item link nav-filter"><p><span>Malaga</span><span class="number">(5)</span></p></li>
                                                                            <li data-filter="b-homes6" class="nav-item link nav-filter"><p><span>Seville</span><span class="number">(4)</span></p></li>
                                                                            <li data-filter="b-homes7" class="nav-item link nav-filter"><p><span>Mallorca</span><span class="number">(1)</span></p></li>
                                                                            <li data-filter="b-homes8" class="nav-item link nav-filter"><p><span>Costa Brava</span><span class="number">(1)</span></p></li>
                                                                            <li data-filter="b-homes9" class="nav-item link nav-filter"><p><span>Costa del Sol</span><span class="number">(1)</span></p></li>
                                                                    </ul>
                            </div>
                            <div class="col-4">
                                                                    <ul class="list-unstyled m-0 b-homes b-homes1 active">
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/barcelona/feelathome-poblenou-beach-apartments-barcelona"><span>Feelathome Poblenou Beach Apartments</span></a></li>
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/barcelona/feelathome-marquet-beach-apartments-barcelona"><span>Feelathome Marquet Beach Apartments</span></a></li>
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/barcelona/feelathome-plaza-apartments-barcelona"><span>Feelathome Plaza Apartments</span></a></li>
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/barcelona/feelathome-mozart-apartments-barcelona"><span>Feelathome Mozart Apartments</span></a></li>
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/barcelona/feelathome-casa-bertrand"><span>Feelathome Casa Bertrand</span></a></li>
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/barcelona/feelathome-center-apartments-barcelona"><span>Feelathome Center Apartments</span></a></li>
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/barcelona/feelathome-stadium-apartments"><span>Feelathome Stadium Apartments </span></a></li>
                                                                            </ul>
                                                                    <ul class="list-unstyled m-0 b-homes b-homes2">
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-madrid-suites-apartments"><span>Feelathome Madrid Suites Apartments</span></a></li>
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-ventas-suites"><span>Feelathome Ventas Suites</span></a></li>
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-castilla-apartments"><span>Feelathome Castilla Apartments</span></a></li>
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-san-marcos-apartaments-madrid"><span>Feelathome San Marcos Apartments</span></a></li>
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-waldorf-suites-apartments-madrid"><span>Feelathome Waldorf Suites Apartments</span></a></li>
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-goya-apartments-madrid"><span>Feelathome Goya Apartments</span></a></li>
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-cortes"><span>Feelathome Cortes </span></a></li>
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-chamartin-apartments"><span>Feelathome Chamartín Apartments</span></a></li>
                                                                            </ul>
                                                                    <ul class="list-unstyled m-0 b-homes b-homes5">
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/malaga/feelathome-atarazanas-apartments"><span>Feelathome Atarazanas Apartments</span></a></li>
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/malaga/feelathome-conde-apartments"><span>Feelathome Conde Apartments</span></a></li>
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/malaga/feelathome-martires-apartments"><span>Feelathome Mártires Apartments</span></a></li>
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/malaga/feelathome-merced-apartments"><span>Feelathome Merced Apartments</span></a></li>
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/malaga/feelathome-palacio-de-alamos"><span>Feelathome Palacio de Álamos</span></a></li>
                                                                            </ul>
                                                                    <ul class="list-unstyled m-0 b-homes b-homes6">
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/sevilla/feelathome-san-lorenzo-apartments"><span>Feelathome San Lorenzo Apartments </span></a></li>
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/sevilla/feelathome-o-donnell-apartments"><span>Feelathome O'Donnell Apartments</span></a></li>
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/sevilla/feelathome-nervion-apartments"><span>Feelathome Nervión Apartments</span></a></li>
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/sevilla/feelathome-rivero-apartments"><span>Feelathome Rivero Apartments</span></a></li>
                                                                            </ul>
                                                                    <ul class="list-unstyled m-0 b-homes b-homes7">
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/mallorca/feelathome-tortuga-de-mar"><span>Feelathome Tortuga de Mar</span></a></li>
                                                                            </ul>
                                                                    <ul class="list-unstyled m-0 b-homes b-homes8">
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/costa-brava/feelathome-vil-la-romana"><span>Feelathome Vil·la Romana</span></a></li>
                                                                            </ul>
                                                                    <ul class="list-unstyled m-0 b-homes b-homes9">
                                                                                    <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/costa-del-sol/feelathome-casa-azahar"><span>Feelathome Casa Azahar</span></a></li>
                                                                            </ul>
                                                            </div>
                        </div>
                    </div>
                                    </div>
            </div>
        </div>
    </div>
</nav>

<div class="fondo-opacity"></div>

<nav class="site-nav__menu_mobil block-menu">
    <div class="site-nav__menu-inner">
        <div class="site-nav__main">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="b-menu1 b-homes active">
                            <ul class="list-unstyled mb-5 b-links">
                                <li data-filter="b-menu2" class="nav-item destinos nav-filter"><p>Destinations<img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/icons/arrow-right.svg" width="10" height="21" alt="Icon Arrow Back"></p></li>
                                                            </ul>
                                                            <ul class="list-unstyled mb-0 b-links">
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/summer"><span>Summer</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations"><span>Destinations</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/feelathome-club"><span>Club Feelathome</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/about-us"><span>About us</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/blog"><span>Blog</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/contact"><span>Contact</span></a></li>
                                                                    </ul>
                                                        <ul class="list-unstyled m-0 b-social">
                                                                    <li>
                                        <a href="https://www.instagram.com/feelathomestays/" target="_blank">
                                            <img class="lazy" src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/icons/instagram.svg" height="18" width="18" alt="Instagram" title="Instagram"/>
                                        </a>
                                    </li>
                                                                                                    <li>
                                        <a href="https://es.linkedin.com/company/feelathome-stays" target="_blank">
                                            <img class="lazy" src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/icons/facebook.svg" height="18" width="18" alt="Facebook" title="Facebook"/>
                                        </a>
                                    </li>
                                                            </ul>
                            <ul class="list-unstyled m-0 b-dropdowns">
                                                                                                                <li>
                                                <a href="https://www.feelathome.com/blog">Español</a>
                                            </li>
                                                                                                                        <li>
                                                <a href="https://www.feelathome.com/ca/blog">Català</a>
                                            </li>
                                                                                                                        <li>
                                                <a href="https://www.feelathome.com/de/blog">Deutsch</a>
                                            </li>
                                                                                                                        <li class='active'>
                                                <a href="https://www.feelathome.com/en/blog">English</a>
                                            </li>
                                                                                                                        <li>
                                                <a href="https://www.feelathome.com/fr/blog">French</a>
                                            </li>
                                                                                                                                            </li>
                            </ul>
                        </div>
                        <div class="b-menu2 b-homes">
                            <div class="back">
                                <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/icons/arrow-back.svg" width="24" height="10" alt="Icon Arrow Back">
                            </div>
                                                        <ul class="list-unstyled mb-5 b-links">
                                                                    <li data-filter="b-aco1" class="nav-item link nav-filter">
                                        <p>Barcelona                                                <span class="number">(7)</span>                                        </p>
                                            <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/icons/arrow-right.svg" width="10" height="21" alt="Icon Arrow Back">
                                    </li>
                                                                    <li data-filter="b-aco2" class="nav-item link nav-filter">
                                        <p>Madrid                                                <span class="number">(8)</span>                                        </p>
                                            <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/icons/arrow-right.svg" width="10" height="21" alt="Icon Arrow Back">
                                    </li>
                                                                    <li data-filter="b-aco5" class="nav-item link nav-filter">
                                        <p>Málaga                                                <span class="number">(5)</span>                                        </p>
                                            <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/icons/arrow-right.svg" width="10" height="21" alt="Icon Arrow Back">
                                    </li>
                                                                    <li data-filter="b-aco6" class="nav-item link nav-filter">
                                        <p>Sevilla                                                <span class="number">(4)</span>                                        </p>
                                            <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/icons/arrow-right.svg" width="10" height="21" alt="Icon Arrow Back">
                                    </li>
                                                                    <li data-filter="b-aco7" class="nav-item link nav-filter">
                                        <p>Mallorca                                                <span class="number">(1)</span>                                        </p>
                                            <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/icons/arrow-right.svg" width="10" height="21" alt="Icon Arrow Back">
                                    </li>
                                                                    <li data-filter="b-aco8" class="nav-item link nav-filter">
                                        <p>Costa Brava                                                <span class="number">(1)</span>                                        </p>
                                            <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/icons/arrow-right.svg" width="10" height="21" alt="Icon Arrow Back">
                                    </li>
                                                                    <li data-filter="b-aco9" class="nav-item link nav-filter">
                                        <p>Costa del Sol                                                <span class="number">(1)</span>                                        </p>
                                            <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/icons/arrow-right.svg" width="10" height="21" alt="Icon Arrow Back">
                                    </li>
                                                                                            </ul>
                                                    </div>
                                                    <div class="b-menu3 b-aco1 b-homes">
                                <div class="back">
                                    <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/icons/arrow-back.svg" width="24" height="10" alt="Icon Arrow Back">
                                </div>
                                <ul class="list-unstyled mb-5 b-links">
                                    <li class="nav-item">Barcelona</li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/barcelona/feelathome-poblenou-beach-apartments-barcelona"><span>Feelathome Poblenou Beach Apartments</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/barcelona/feelathome-marquet-beach-apartments-barcelona"><span>Feelathome Marquet Beach Apartments</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/barcelona/feelathome-plaza-apartments-barcelona"><span>Feelathome Plaza Apartments</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/barcelona/feelathome-mozart-apartments-barcelona"><span>Feelathome Mozart Apartments</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/barcelona/feelathome-casa-bertrand"><span>Feelathome Casa Bertrand</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/barcelona/feelathome-center-apartments-barcelona"><span>Feelathome Center Apartments</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/barcelona/feelathome-stadium-apartments"><span>Feelathome Stadium Apartments </span></a></li>
                                                                                                        </ul>
                            </div>
                                                    <div class="b-menu3 b-aco2 b-homes">
                                <div class="back">
                                    <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/icons/arrow-back.svg" width="24" height="10" alt="Icon Arrow Back">
                                </div>
                                <ul class="list-unstyled mb-5 b-links">
                                    <li class="nav-item">Madrid</li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-madrid-suites-apartments"><span>Feelathome Madrid Suites Apartments</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-ventas-suites"><span>Feelathome Ventas Suites</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-castilla-apartments"><span>Feelathome Castilla Apartments</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-san-marcos-apartaments-madrid"><span>Feelathome San Marcos Apartments</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-waldorf-suites-apartments-madrid"><span>Feelathome Waldorf Suites Apartments</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-goya-apartments-madrid"><span>Feelathome Goya Apartments</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-cortes"><span>Feelathome Cortes </span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-chamartin-apartments"><span>Feelathome Chamartín Apartments</span></a></li>
                                                                                                        </ul>
                            </div>
                                                    <div class="b-menu3 b-aco5 b-homes">
                                <div class="back">
                                    <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/icons/arrow-back.svg" width="24" height="10" alt="Icon Arrow Back">
                                </div>
                                <ul class="list-unstyled mb-5 b-links">
                                    <li class="nav-item">Málaga</li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/malaga/feelathome-atarazanas-apartments"><span>Feelathome Atarazanas Apartments</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/malaga/feelathome-conde-apartments"><span>Feelathome Conde Apartments</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/malaga/feelathome-martires-apartments"><span>Feelathome Mártires Apartments</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/malaga/feelathome-merced-apartments"><span>Feelathome Merced Apartments</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/malaga/feelathome-palacio-de-alamos"><span>Feelathome Palacio de Álamos</span></a></li>
                                                                                                        </ul>
                            </div>
                                                    <div class="b-menu3 b-aco6 b-homes">
                                <div class="back">
                                    <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/icons/arrow-back.svg" width="24" height="10" alt="Icon Arrow Back">
                                </div>
                                <ul class="list-unstyled mb-5 b-links">
                                    <li class="nav-item">Sevilla</li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/sevilla/feelathome-san-lorenzo-apartments"><span>Feelathome San Lorenzo Apartments </span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/sevilla/feelathome-o-donnell-apartments"><span>Feelathome O'Donnell Apartments</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/sevilla/feelathome-nervion-apartments"><span>Feelathome Nervión Apartments</span></a></li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/sevilla/feelathome-rivero-apartments"><span>Feelathome Rivero Apartments</span></a></li>
                                                                                                        </ul>
                            </div>
                                                    <div class="b-menu3 b-aco7 b-homes">
                                <div class="back">
                                    <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/icons/arrow-back.svg" width="24" height="10" alt="Icon Arrow Back">
                                </div>
                                <ul class="list-unstyled mb-5 b-links">
                                    <li class="nav-item">Mallorca</li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/mallorca/feelathome-tortuga-de-mar"><span>Feelathome Tortuga de Mar</span></a></li>
                                                                                                        </ul>
                            </div>
                                                    <div class="b-menu3 b-aco8 b-homes">
                                <div class="back">
                                    <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/icons/arrow-back.svg" width="24" height="10" alt="Icon Arrow Back">
                                </div>
                                <ul class="list-unstyled mb-5 b-links">
                                    <li class="nav-item">Costa Brava</li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/costa-brava/feelathome-vil-la-romana"><span>Feelathome Vil·la Romana</span></a></li>
                                                                                                        </ul>
                            </div>
                                                    <div class="b-menu3 b-aco9 b-homes">
                                <div class="back">
                                    <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/icons/arrow-back.svg" width="24" height="10" alt="Icon Arrow Back">
                                </div>
                                <ul class="list-unstyled mb-5 b-links">
                                    <li class="nav-item">Costa del Sol</li>
                                                                            <li class="nav-item"><a href="https://www.feelathome.com/en/destinations/costa-del-sol/feelathome-casa-azahar"><span>Feelathome Casa Azahar</span></a></li>
                                                                                                        </ul>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
    </div>
</nav><link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ─────────────────────────────────────────────
   DESKTOP SEARCH BAR
───────────────────────────────────────────── */
/* Scoped reset for widget — only box-sizing */
#fah-bar, #fah-bar * {
  box-sizing: border-box;
}

#fah-bar {
  position: fixed;
  bottom: 72px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  font-family: 'DM Sans', sans-serif;
  width: calc(100% - 40px);
  max-width: 1160px;
  min-width: 760px;
}

#fah-widget-panel {
  background: #fff;
  border-radius: 80px;
  box-shadow: 0 8px 48px rgba(0,0,0,0.16), 0 2px 8px rgba(0,0,0,0.08);
  display: flex;
  align-items: center;
  height: 88px;
  padding: 8px 8px 8px 0;
  gap: 0;
  animation: fahDrop 0.28s cubic-bezier(.22,.68,0,1.2);
}

@keyframes fahDrop {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Segments */
.fah-seg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 30px;
  cursor: pointer;
  border-radius: 70px;
  transition: background 0.15s;
  flex: 1;
  min-width: 140px;
  height: 100%;
  position: relative;
}
.fah-seg:hover  { background: #f5f5f5; }
.fah-seg.active { background: #f0f0f0; }

/* Dividers */
.fah-seg + .fah-seg::before {
  content: '';
  position: absolute;
  left: 0; top: 18px; bottom: 18px;
  width: 1px;
  background: #e5e5e5;
}
.fah-seg.active + .fah-seg::before,
.fah-seg + .fah-seg.active::before { opacity: 0; }

.fah-seg-label {
  font-size: 11px;
  font-weight: 600;
  color: #999;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 5px;
  white-space: nowrap;
}
.fah-seg-value {
  font-size: 17px;
  font-weight: 400;
  color: #111;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fah-seg-value.placeholder { color: #aaa; }

/* (guests inline replaced by desktop counters) */

/* Submit button — fixed width, never shrinks */
#fah-btn-submit {
  flex-shrink: 0;
  flex-grow: 0;
  width: 200px;
  background: #111;
  color: #fff;
  border: none;
  border-radius: 54px;
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 0 20px;
  height: 72px;
  cursor: pointer;
  transition: background 0.15s, transform 0.1s;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-left: 4px;
}
#fah-btn-submit:hover  { background: #333; }
#fah-btn-submit:active { transform: scale(0.98); }

/* Promo code segment — inside the bar, hidden until dates selected */
.fah-seg-promo {
  display: none;
  flex: 0 0 180px;
  min-width: 0;
  border-left: 1px solid #e5e5e5;
  animation: fahDrop 0.2s ease;
}
.fah-seg-promo.visible { display: flex; }
.fah-promo-input {
  all: unset;
  display: block;
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #111;
  width: 100%;
  cursor: text;
}
.fah-promo-input::placeholder { color: #bbb; }

/* Dest segment — purely custom, no native widget */
#fah-seg-dest { cursor: pointer; }

/* Destination custom dropdown */
.fah-dest-dropdown {
  display: none;
  position: fixed;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12);
  z-index: 100000;
  min-width: 200px;
  padding: 6px 0;
  animation: fahDrop 0.15s ease;
}
.fah-dest-dropdown.open { display: block; }
.fah-dest-item {
  padding: 11px 20px;
  font-size: 15px;
  font-family: 'DM Sans', sans-serif;
  color: #111;
  cursor: pointer;
  transition: background 0.12s;
  white-space: nowrap;
}
.fah-dest-item:first-child { color: #aaa; }
.fah-dest-item:hover { background: #f5f5f5; }
.fah-dest-item.selected { font-weight: 600; }

/* Desktop guests dropdown panel */
.fah-guests-dropdown {
  display: none;
  position: fixed;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12);
  z-index: 100000;
  min-width: 260px;
  padding: 8px 0;
  animation: fahDrop 0.15s ease;
}
.fah-guests-dropdown.open { display: block; }
.fah-gd-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  gap: 24px;
}
.fah-gd-row + .fah-gd-row { border-top: 1px solid #f0f0f0; }
.fah-gd-label { font-size: 15px; font-weight: 500; color: #111; }
.fah-gd-sub   { font-size: 12px; color: #aaa; margin-top: 2px; }

/* Guest selects — kept for legacy, hidden */
/* Desktop guest counter buttons (used inside dropdown panel) */
.fah-dt-counter {
  display: flex;
  align-items: center;
  gap: 12px;
}
.fah-dt-counter-btn {
  width: 28px; height: 28px;
  border-radius: 50%;
  border: 1.5px solid #ddd;
  background: #fff;
  color: #111;
  font-size: 16px;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: border-color 0.15s, background 0.15s;
  user-select: none;
  flex-shrink: 0;
  line-height: 1;
}
.fah-dt-counter-btn:hover { border-color: #999; background: #f5f5f5; }
.fah-dt-counter-btn.disabled { color: #ccc; border-color: #eee; cursor: default; pointer-events: none; }
.fah-dt-counter-val {
  font-size: 15px; font-weight: 500; color: #111;
  min-width: 16px; text-align: center;
}

/* ─────────────────────────────────────────────
   CALENDAR POPUP
───────────────────────────────────────────── */
#fah-cal-popup {
  position: fixed;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 20px;
  padding: 20px;
  width: 292px;
  box-shadow: 0 12px 48px rgba(0,0,0,0.14);
  z-index: 99999;
  display: none;
  font-family: 'DM Sans', sans-serif;
  animation: fahDrop 0.18s ease;
}
#fah-cal-popup.open { display: block; }

#fah-cal-backdrop {
  position: fixed; inset: 0;
  z-index: 99998; display: none;
}
#fah-cal-backdrop.open { display: block; }

.fah-cal-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.fah-cal-nav-btn {
  background: #f5f5f5; border: none; border-radius: 50%;
  color: #555; font-size: 18px;
  width: 32px; height: 32px;
  cursor: pointer; transition: background 0.15s, color 0.15s;
  display: flex; align-items: center; justify-content: center; padding: 0;
}
.fah-cal-nav-btn:hover { background: #e8e8e8; color: #111; }
.fah-cal-month-label { color: #111; font-size: 14px; font-weight: 600; }

.fah-cal-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
}
.fah-cal-dow {
  color: #bbb; font-size: 9px; font-weight: 600;
  letter-spacing: 0.08em; text-align: center;
  padding: 2px 0 8px; text-transform: uppercase;
}
.fah-cal-day {
  aspect-ratio: 1;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  font-size: 13px; font-weight: 400; color: #222;
  cursor: pointer; transition: background 0.1s, color 0.1s;
  user-select: none; position: relative;
}
.fah-cal-day:hover:not(.fah-disabled):not(.fah-empty) { background: #f0f0f0; }
.fah-cal-day.fah-empty,
.fah-cal-day.fah-disabled { color: #ddd; cursor: default; pointer-events: none; }
.fah-cal-day.fah-today { font-weight: 700; }
.fah-cal-day.fah-today::after {
  content: ''; position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
  width: 3px; height: 3px; border-radius: 50%; background: #bbb;
}
.fah-cal-day.fah-in-range { background: #f5f5f5; border-radius: 0; color: #333; }
.fah-cal-day.fah-sel-start,
.fah-cal-day.fah-sel-end {
  background: #111 !important; color: #fff !important;
  font-weight: 600; border-radius: 50% !important;
}
.fah-cal-hint { color: #bbb; font-size: 11px; text-align: center; margin-top: 14px; }

/* ─────────────────────────────────────────────
   MOBILE BOOKING-STYLE CARD  (≤ 640px)
───────────────────────────────────────────── */
@media (max-width: 640px) {

  /* Hide desktop bar entirely */
  #fah-bar { display: none !important; }

  /* ── Outer widget wrapper ── */
  #fah-mobile-widget {
    position: fixed;
    bottom: 0; left: 0; right: 0;
    z-index: 9999;
    font-family: 'DM Sans', sans-serif;
  }

  /* ── Collapsed pill (shows when card is hidden) ── */
  #fah-mobile-pill {
    margin: 0 16px 20px;
    background: #111;
    color: #fff;
    border-radius: 70px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px 0 24px;
    cursor: pointer;
    box-shadow: 0 6px 24px rgba(0,0,0,0.22);
    transition: background 0.15s;
  }
  #fah-mobile-pill:hover { background: #333; }
  #fah-mobile-pill-label {
    font-size: 15px; font-weight: 600; letter-spacing: 0.02em;
    display: flex; align-items: center; gap: 10px;
  }
  #fah-mobile-pill-summary {
    font-size: 12px; color: rgba(255,255,255,0.65); margin-top: 1px;
  }
  #fah-mobile-pill-icon {
    width: 36px; height: 36px; background: #fff;
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
  }
  #fah-mobile-pill-icon svg { color: #111; }

  /* ── Card container ── */
  #fah-mobile-sheet {
    background: #fff;
    border-radius: 20px 20px 0 0;
    padding: 0 0 env(safe-area-inset-bottom, 16px);
    box-shadow: 0 -8px 40px rgba(0,0,0,0.16);
    display: none;
    max-height: 92vh;
    overflow-y: auto;
  }
  #fah-mobile-sheet.open { display: block; }

  /* Top bar: handle + close */
  .fah-sheet-topbar {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 12px 16px 0;
  }
  .fah-sheet-handle {
    width: 36px; height: 4px; background: #e0e0e0; border-radius: 2px;
  }
  #fah-sheet-close {
    position: absolute;
    right: 16px; top: 50%;
    transform: translateY(-50%);
    background: #f0f0f0; border: none; border-radius: 50%;
    width: 30px; height: 30px; font-size: 12px; color: #555;
    cursor: pointer; display: flex; align-items: center; justify-content: center;
    transition: background 0.15s, color 0.15s;
  }
  #fah-sheet-close:hover { background: #e0e0e0; color: #111; }

  /* ── Card body ── */
  .fah-card-body {
    padding: 16px 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  /* Each field row */
  .fah-card-field {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border: 1.5px solid #e8e8e8;
    border-radius: 12px;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
    margin-bottom: 10px;
    background: #fff;
  }
  .fah-card-field:hover { border-color: #bbb; }
  .fah-card-field.active { border-color: #111; background: #fafafa; }

  /* Field icon */
  .fah-field-icon {
    color: #555;
    flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    width: 20px;
  }

  /* Field content */
  .fah-field-content { flex: 1; min-width: 0; }
  .fah-field-label {
    font-size: 10px; font-weight: 700; color: #999;
    letter-spacing: 0.08em; text-transform: uppercase;
    margin-bottom: 2px;
  }
  .fah-field-value {
    font-size: 15px; font-weight: 400; color: #111;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .fah-field-value.ph { color: #bbb; }

  /* Dates: two sub-fields side by side */
  .fah-dates-field {
    display: flex;
    align-items: center;
    gap: 14px;
    border: 1.5px solid #e8e8e8;
    border-radius: 12px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: border-color 0.15s;
    background: #fff;
    overflow: hidden;
  }
  .fah-dates-field:hover { border-color: #bbb; }
  .fah-dates-field.active { border-color: #111; background: #fafafa; }

  .fah-dates-half {
    flex: 1; padding: 14px 16px;
    display: flex; align-items: center; gap: 10px;
  }
  .fah-dates-half + .fah-dates-half {
    border-left: 1px solid #e8e8e8;
  }
  .fah-dates-half.active-half .fah-field-label { color: #111; }

  /* Dropdown panel (dest + guests) */
  .fah-card-panel {
    display: none;
    border: 1.5px solid #e8e8e8;
    border-radius: 12px;
    margin-top: -6px;
    margin-bottom: 10px;
    padding: 12px 16px;
    background: #fff;
  }
  .fah-card-panel.open { display: block; }

  /* Destination list inside panel */
  .fah-dest-list {
    display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
  }
  .fah-dest-option {
    border: 1.5px solid #e8e8e8; border-radius: 10px;
    padding: 11px 14px;
    cursor: pointer; transition: border-color 0.15s, background 0.15s;
    font-size: 14px; font-weight: 500; color: #111;
  }
  .fah-dest-option:hover { border-color: #aaa; background: #fafafa; }
  .fah-dest-option.selected { border-color: #111; background: #f5f5f5; }

  /* Inline calendar */
  #fah-mobile-cal {
    border: 1.5px solid #e8e8e8;
    border-radius: 12px;
    padding: 14px;
    margin-top: -6px;
    margin-bottom: 10px;
  }

  /* Guests panel */
  .fah-guest-row {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 0;
    border-bottom: 1px solid #f0f0f0;
  }
  .fah-guest-row:last-child { border-bottom: none; padding-bottom: 4px; }
  .fah-guest-type { font-size: 15px; font-weight: 500; color: #111; }
  .fah-guest-sub  { font-size: 12px; color: #aaa; margin-top: 1px; }
  .fah-counter { display: flex; align-items: center; gap: 14px; }
  .fah-counter-btn {
    width: 32px; height: 32px; border-radius: 50%;
    border: 1.5px solid #ddd; background: #fff; color: #111;
    font-size: 18px; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: border-color 0.15s;
    user-select: none;
  }
  .fah-counter-btn:hover { border-color: #999; }
  .fah-counter-btn.disabled { color: #ccc; border-color: #eee; cursor: default; pointer-events: none; }
  .fah-counter-val { font-size: 15px; font-weight: 500; color: #111; min-width: 16px; text-align: center; }

  /* Promo code field — mobile, hidden until dates selected */
  #mc-promo-wrap {
    display: none;
    align-items: center;
    gap: 10px;
    border: 1.5px solid #e8e8e8;
    border-radius: 12px;
    padding: 14px 16px;
    margin-bottom: 10px;
    background: #fff;
    transition: border-color 0.15s;
  }
  #mc-promo-wrap.visible { display: flex; }
  #mc-promo-wrap svg { color: #aaa; flex-shrink: 0; }
  #mc-promo-field {
    all: unset !important;
    display: block !important;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    color: #111;
    flex: 1;
  }
  #mc-promo-field::placeholder { color: #bbb; }
  .mc-promo-label {
    font-size: 10px; font-weight: 700; color: #999;
    letter-spacing: 0.08em; text-transform: uppercase;
    margin-bottom: 2px;
  }

  /* Submit button */
  #fah-mobile-submit {
    width: 100%;
    height: 52px;
    border-radius: 12px;
    border: none;
    background: #111;
    color: #fff;
    font-family: 'DM Sans', sans-serif;
    font-size: 15px; font-weight: 600; letter-spacing: 0.03em;
    cursor: pointer;
    transition: background 0.15s;
    display: flex; align-items: center; justify-content: center; gap: 8px;
    margin-top: 4px;
  }
  #fah-mobile-submit:hover { background: #333; }

  /* Hide steps (legacy) */
  .fah-step-panel, .fah-step-nav, #fah-steps-header { display: none !important; }

  /* Hidden on mobile */
  #fah-cal-popup { display: none !important; }
}

/* ── Desktop: hide mobile widget ── */
@media (min-width: 641px) {
  #fah-mobile-widget { display: none !important; }
}

</style>

<!-- ══════════════════════════════════════════
     DESKTOP BAR
══════════════════════════════════════════ -->
<div id="fah-bar">
  <div id="fah-widget-panel">

    <div class="fah-seg" id="fah-seg-dest" tabindex="0" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-label="Destination">
      <span class="fah-seg-label">Destination</span>
      <span class="fah-seg-value placeholder" id="fah-dest-display">Where are you going?</span>
    </div>

    <div class="fah-seg" id="fah-seg-in">
      <span class="fah-seg-label">Check-in</span>
      <span class="fah-seg-value" id="fah-btn-datein">—</span>
    </div>

    <div class="fah-seg" id="fah-seg-out">
      <span class="fah-seg-label">Check-out</span>
      <span class="fah-seg-value" id="fah-btn-dateout">—</span>
    </div>

    <div class="fah-seg" id="fah-seg-guests" tabindex="0" role="button" aria-haspopup="true" aria-label="Guests">
      <span class="fah-seg-label">Guests</span>
      <span class="fah-seg-value" id="dt-guests-summary">2 adults · 0 children</span>
    </div>

    <div class="fah-seg fah-seg-promo" id="fah-seg-promo">
      <span class="fah-seg-label">Promo code</span>
      <input id="fah-promo-input" class="fah-promo-input" type="text" placeholder="Do you have a promo code?" autocomplete="off" spellcheck="false" />
    </div>

    <button id="fah-btn-submit" aria-label="Check availability">
      <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
      Check availability
    </button>
  </div>
</div>

<!-- Destination dropdown — lives outside panel to avoid stacking context issues -->
<div id="fah-dest-dropdown" class="fah-dest-dropdown" role="listbox" aria-label="Select destination">
  <div class="fah-dest-item" data-value="" role="option">Where are you going?</div>
  <div class="fah-dest-item" data-value="barcelona" role="option">Barcelona</div>
  <div class="fah-dest-item" data-value="madrid" role="option">Madrid</div>
  <div class="fah-dest-item" data-value="sevilla" role="option">Sevilla</div>
  <div class="fah-dest-item" data-value="malaga" role="option">Málaga</div>
  <div class="fah-dest-item" data-value="mallorca" role="option">Mallorca</div>
  <div class="fah-dest-item" data-value="costa-brava" role="option">Costa Brava</div>
  <div class="fah-dest-item" data-value="costa-del-sol" role="option">Costa del Sol</div>
</div>

<!-- Guests dropdown — outside panel, same pattern as destination -->
<div id="fah-guests-dropdown" class="fah-guests-dropdown">
  <div class="fah-gd-row">
    <div class="fah-gd-info">
      <div class="fah-gd-label">Adults</div>
      <div class="fah-gd-sub">17 years or older</div>
    </div>
    <div class="fah-dt-counter">
      <button class="fah-dt-counter-btn disabled" id="dt-adult-minus" aria-label="Remove adult">−</button>
      <span class="fah-dt-counter-val" id="dt-adult-val">2</span>
      <button class="fah-dt-counter-btn" id="dt-adult-plus" aria-label="Add adult">+</button>
    </div>
  </div>
  <div class="fah-gd-row">
    <div class="fah-gd-info">
      <div class="fah-gd-label">Children</div>
      <div class="fah-gd-sub">3–16 years</div>
    </div>
    <div class="fah-dt-counter">
      <button class="fah-dt-counter-btn disabled" id="dt-child-minus" aria-label="Remove child">−</button>
      <span class="fah-dt-counter-val" id="dt-child-val">0</span>
      <button class="fah-dt-counter-btn" id="dt-child-plus" aria-label="Add child">+</button>
    </div>
  </div>
</div>

<!-- Calendar -->
<div id="fah-cal-backdrop"></div>
<div id="fah-cal-popup">
  <div class="fah-cal-nav">
    <button class="fah-cal-nav-btn" id="fah-cal-prev">&#8249;</button>
    <span class="fah-cal-month-label" id="fah-cal-month-label"></span>
    <button class="fah-cal-nav-btn" id="fah-cal-next">&#8250;</button>
  </div>
  <div class="fah-cal-grid" id="fah-cal-grid"></div>
  <div class="fah-cal-hint" id="fah-cal-hint"></div>
</div>

<!-- ══════════════════════════════════════════
     MOBILE BOOKING-STYLE CARD
══════════════════════════════════════════ -->
<div id="fah-mobile-widget">

  <!-- Collapsed pill -->
  <div id="fah-mobile-pill" role="button" aria-label="Search accommodation" tabindex="0">
    <div>
      <div id="fah-mobile-pill-label">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
        Search accommodation
      </div>
      <div id="fah-mobile-pill-summary">Select destination, dates and guests</div>
    </div>
    <div id="fah-mobile-pill-icon">
      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#111" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="18 15 12 9 6 15"/></svg>
    </div>
  </div>

  <!-- Card sheet -->
  <div id="fah-mobile-sheet" role="dialog" aria-modal="true" aria-label="Accommodation search">

    <!-- Handle + close -->
    <div class="fah-sheet-topbar">
      <div class="fah-sheet-handle"></div>
      <button id="fah-sheet-close" aria-label="Close search">✕</button>
    </div>

    <!-- Card body -->
    <div class="fah-card-body">

      <!-- DESTINO field -->
      <div class="fah-card-field" id="mc-dest-field" aria-label="Destination">
        <div class="fah-field-icon">
          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
        </div>
        <div class="fah-field-content">
          <div class="fah-field-label">Destination</div>
          <div class="fah-field-value ph" id="mc-dest-display">Where are you going?</div>
        </div>
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
      </div>

      <!-- Destination dropdown panel -->
      <div class="fah-card-panel" id="mc-dest-panel">
        <div class="fah-dest-list" id="mc-dest-grid">
          <div class="fah-dest-option" data-value="barcelona">Barcelona</div>
          <div class="fah-dest-option" data-value="madrid">Madrid</div>
          <div class="fah-dest-option" data-value="sevilla">Sevilla</div>
          <div class="fah-dest-option" data-value="malaga">Málaga</div>
          <div class="fah-dest-option" data-value="mallorca">Mallorca</div>
          <div class="fah-dest-option" data-value="costa-brava">Costa Brava</div>
          <div class="fah-dest-option" data-value="costa-del-sol">Costa del Sol</div>
        </div>
      </div>

      <!-- FECHAS field -->
      <div class="fah-dates-field" id="mc-dates-field" aria-label="Fechas">
        <div class="fah-dates-half" id="mc-half-in">
          <div class="fah-field-icon">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
          </div>
          <div class="fah-field-content">
            <div class="fah-field-label">Check-in</div>
            <div class="fah-field-value ph" id="mc-val-in">Add date</div>
          </div>
        </div>
        <div class="fah-dates-half" id="mc-half-out">
          <div class="fah-field-icon">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
          </div>
          <div class="fah-field-content">
            <div class="fah-field-label">Check-out</div>
            <div class="fah-field-value ph" id="mc-val-out">Add date</div>
          </div>
        </div>
      </div>

      <!-- Inline calendar -->
      <div id="fah-mobile-cal" style="display:none;">
        <div class="fah-cal-nav">
          <button class="fah-cal-nav-btn" id="fah-m-cal-prev">&#8249;</button>
          <span class="fah-cal-month-label" id="fah-m-cal-month-label"></span>
          <button class="fah-cal-nav-btn" id="fah-m-cal-next">&#8250;</button>
        </div>
        <div class="fah-cal-grid" id="fah-m-cal-grid"></div>
        <div class="fah-cal-hint" id="fah-m-cal-hint">Select check-in date</div>
      </div>

      <!-- HUÉSPEDES field -->
      <div class="fah-card-field" id="mc-guests-field" aria-label="Guests">
        <div class="fah-field-icon">
          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
        </div>
        <div class="fah-field-content">
          <div class="fah-field-label">Guests</div>
          <div class="fah-field-value" id="mc-guests-display">2 adults · 0 children</div>
        </div>
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#bbb" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
      </div>

      <!-- Guests panel -->
      <div class="fah-card-panel" id="mc-guests-panel">
        <div class="fah-guest-row">
          <div>
            <div class="fah-guest-type">Adults</div>
            <div class="fah-guest-sub">17 years or older</div>
          </div>
          <div class="fah-counter">
            <button class="fah-counter-btn disabled" id="m-adult-minus" aria-label="Remove adult">−</button>
            <span class="fah-counter-val" id="m-adult-val">2</span>
            <button class="fah-counter-btn" id="m-adult-plus" aria-label="Add adult">+</button>
          </div>
        </div>
        <div class="fah-guest-row">
          <div>
            <div class="fah-guest-type">Children</div>
            <div class="fah-guest-sub">3–16 years</div>
          </div>
          <div class="fah-counter">
            <button class="fah-counter-btn disabled" id="m-child-minus" aria-label="Remove child">−</button>
            <span class="fah-counter-val" id="m-child-val">0</span>
            <button class="fah-counter-btn" id="m-child-plus" aria-label="Add child">+</button>
          </div>
        </div>
      </div>

      <!-- Promo code — appears after dates selected -->
      <div id="mc-promo-wrap">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"/><line x1="7" y1="7" x2="7.01" y2="7"/></svg>
        <div style="flex:1">
          <div class="mc-promo-label">Promo code</div>
          <input id="mc-promo-field" type="text" placeholder="Do you have a promo code?" autocomplete="off" spellcheck="false" />
        </div>
      </div>

      <!-- Submit -->
      <button id="fah-mobile-submit" aria-label="Check availability">
        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
        Check availability
      </button>

    </div><!-- /card-body -->
  </div><!-- /sheet -->
</div><!-- /mobile-widget -->

<script>
(function () {

  /* ── Shared data ── */
  var DEST_HOTELS = {
    'barcelona':     'hotel=feelathome_casabertrand%2Cfeelathome_stadiumapartments%2Cfeelathome_plaza%2Cfeelathome_center%2Cfeelathome_poblenoubeach%2Cfeelathome_mozart',
    'madrid':        'hotel=feelathome_castilla%2Cfeelathome_goya%2Cfeelathome_madrid%2Cfeelathome_sanmarcos%2Cfeelathome_ventas%2Cfeelathome_waldorf%2Cfeelathome_cortes2',
    'sevilla':       'hotel=feelathome_sanlorenzo%2Cfeelathome_nervion%2Cfeelathome_rivero%2Cfeelathome_odonnell',
    'malaga':        'hotel=feelathome_martires%2Cfeelathome_merced%2Cfeelathome_atarazanas%2Cfeelathome_conde%2Cfeelathome_palaciodealamos',
    'mallorca':      'hotel=feelathome_tortugademar',
    'costa-brava':   'hotel=feelathome_villaromana',
    'costa-del-sol': 'hotel=Feelathome_casaazahar'
  };
  var DEST_LABELS = {
    'barcelona':'Barcelona','madrid':'Madrid','sevilla':'Sevilla',
    'malaga':'Málaga','mallorca':'Mallorca',
    'costa-brava':'Costa Brava','costa-del-sol':'Costa del Sol'
  };
  var BASE = 'https://reservations.feelathome.com/en/chain/feelathome_agr';

  function pad(n) { return String(n).padStart(2,'0'); }
  function toEngineDate(y,m,d){ return pad(d)+'-'+pad(m+1)+'-'+y; }

  var MONTH_NAMES = ['January','February','March','April','May','June',
                     'July','August','September','October','November','December'];
  var DOW  = ['Mo','Tu','We','Th','Fr','Sa','Su'];
  var DISP = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];

  function fmtDisplay(y,m,d){ return pad(d)+' '+DISP[m]; }
  function dateKey(y,m,d){ return y*10000+m*100+d; }

  var today    = new Date();
  var todayKey = dateKey(today.getFullYear(), today.getMonth(), today.getDate());

  /* shared state */
  var selStart = { y:today.getFullYear(), m:today.getMonth(), d:today.getDate() };
  var tmp = new Date(today); tmp.setDate(tmp.getDate()+2);
  var selEnd   = { y:tmp.getFullYear(), m:tmp.getMonth(), d:tmp.getDate() };
  var sharedDest = '';
  var userPickedDates = false; // promo only shows after user explicitly picks dates

  /* ════════════════════════════════════════
     DESKTOP
  ════════════════════════════════════════ */
  var calYear = today.getFullYear(), calMonth = today.getMonth();
  var picking = null;
  var popup    = document.getElementById('fah-cal-popup');
  var backdrop = document.getElementById('fah-cal-backdrop');
  var grid     = document.getElementById('fah-cal-grid');
  var hint     = document.getElementById('fah-cal-hint');
  var monthLbl = document.getElementById('fah-cal-month-label');
  var btnIn    = document.getElementById('fah-btn-datein');
  var btnOut   = document.getElementById('fah-btn-dateout');
  var segIn    = document.getElementById('fah-seg-in');
  var segOut   = document.getElementById('fah-seg-out');

  document.body.appendChild(backdrop);
  document.body.appendChild(popup);

  function updateBtns(){
    btnIn.textContent  = selStart ? fmtDisplay(selStart.y,selStart.m,selStart.d) : '—';
    btnOut.textContent = selEnd   ? fmtDisplay(selEnd.y,  selEnd.m,  selEnd.d)   : '—';
  }
  updateBtns();

  /* ── Custom destination dropdown ── */
  var destDisplay  = document.getElementById('fah-dest-display');
  var destSeg      = document.getElementById('fah-seg-dest');
  var destDropdown = document.getElementById('fah-dest-dropdown');
  var destItems    = destDropdown.querySelectorAll('.fah-dest-item');
  var destOpen     = false;

  function openDestDropdown(){
    // Close calendar if open
    closeDesktopCal();
    var rect = destSeg.getBoundingClientRect();
    destDropdown.style.left     = rect.left + 'px';
    destDropdown.style.minWidth = rect.width + 'px';
    destDropdown.style.top      = '-9999px'; // render offscreen first to measure height
    destDropdown.classList.add('open');
    var ddh = destDropdown.offsetHeight;
    destDropdown.style.top      = (rect.top - ddh - 8) + 'px';
    destSeg.setAttribute('aria-expanded','true');
    destSeg.classList.add('active');
    destOpen = true;
  }
  function closeDestDropdown(){
    if(!destOpen) return;
    destDropdown.classList.remove('open');
    destSeg.setAttribute('aria-expanded','false');
    destSeg.classList.remove('active');
    destOpen = false;
  }

  // Use mousedown on the segment so it fires before any blur/click propagation
  destSeg.addEventListener('mousedown', function(e){
    e.preventDefault(); // prevents focus loss issues
    e.stopPropagation();
    destOpen ? closeDestDropdown() : openDestDropdown();
  });
  destSeg.addEventListener('keydown', function(e){
    if(e.key==='Enter'||e.key===' '){ e.preventDefault(); destOpen ? closeDestDropdown() : openDestDropdown(); }
    if(e.key==='Escape') closeDestDropdown();
  });

  // Items use mousedown too — consistent, fires before document mousedown
  destItems.forEach(function(item){
    item.addEventListener('mousedown', function(e){
      e.preventDefault();
      e.stopPropagation();
      var val = item.dataset.value;
      destItems.forEach(function(i){ i.classList.remove('selected'); });
      if(val){
        item.classList.add('selected');
        destDisplay.textContent = DEST_LABELS[val] || val;
        destDisplay.classList.remove('placeholder');
        sharedDest = val;
      } else {
        destDisplay.textContent = 'Where are you going?';
        destDisplay.classList.add('placeholder');
        sharedDest = '';
      }
      closeDestDropdown();
    });
  });

  // Close on mousedown outside — mousedown fires before click, no race condition
  document.addEventListener('mousedown', function(e){
    if(destOpen && !destDropdown.contains(e.target) && e.target !== destSeg && !destSeg.contains(e.target)){
      closeDestDropdown();
    }
  });

  function renderDesktopCal(){
    monthLbl.textContent = MONTH_NAMES[calMonth]+' '+calYear;
    grid.innerHTML='';
    DOW.forEach(function(d){ var e=document.createElement('div'); e.className='fah-cal-dow'; e.textContent=d; grid.appendChild(e); });
    var firstDow=new Date(calYear,calMonth,1).getDay();
    var offset  =(firstDow===0?6:firstDow-1);
    var daysInMo=new Date(calYear,calMonth+1,0).getDate();
    var startKey=selStart?dateKey(selStart.y,selStart.m,selStart.d):null;
    var endKey  =selEnd  ?dateKey(selEnd.y,  selEnd.m,  selEnd.d)  :null;
    for(var i=0;i<offset;i++){var e2=document.createElement('div');e2.className='fah-cal-day fah-empty';grid.appendChild(e2);}
    for(var day=1;day<=daysInMo;day++){
      var el=document.createElement('div'); el.className='fah-cal-day'; el.textContent=day;
      var k=dateKey(calYear,calMonth,day);
      if(k<todayKey||(picking==='out'&&startKey&&k<=startKey)){ el.classList.add('fah-disabled'); }
      else{
        if(k===todayKey) el.classList.add('fah-today');
        if(k===startKey) el.classList.add('fah-sel-start');
        if(k===endKey)   el.classList.add('fah-sel-end');
        if(startKey&&endKey&&k>startKey&&k<endKey) el.classList.add('fah-in-range');
        (function(ky,km,kd,btn){ btn.addEventListener('click',function(e){e.stopPropagation();onPickDesktop(ky,km,kd);}); })(calYear,calMonth,day,el);
      }
      grid.appendChild(el);
    }
  }

  function onPickDesktop(y,m,d){
    if(picking==='in'){
      selStart={y:y,m:m,d:d};
      if(selEnd&&dateKey(selEnd.y,selEnd.m,selEnd.d)<=dateKey(y,m,d)) selEnd=null;
      updateBtns(); closeDesktopCal();
      if(!selEnd) setTimeout(function(){openDesktopCal('out');},120);
    } else {
      selEnd={y:y,m:m,d:d}; updateBtns(); closeDesktopCal();
      userPickedDates = true;
    }
    updateDesktopPromo();
  }

  function updateDesktopPromo(){
    var seg = document.getElementById('fah-seg-promo');
    if(seg) seg.classList.toggle('visible', !!(userPickedDates && selStart && selEnd));
  }
  updateDesktopPromo();

  function openDesktopCal(mode){
    picking=mode;
    if(mode==='in'){ calYear=selStart?selStart.y:today.getFullYear(); calMonth=selStart?selStart.m:today.getMonth(); hint.textContent='Select check-in date'; segIn.classList.add('active'); segOut.classList.remove('active'); }
    else           { calYear=selEnd?selEnd.y:(selStart?selStart.y:today.getFullYear()); calMonth=selEnd?selEnd.m:(selStart?selStart.m:today.getMonth()); hint.textContent='Select check-out date'; segOut.classList.add('active'); segIn.classList.remove('active'); }
    renderDesktopCal();
    positionPopup(mode==='in'?segIn:segOut);
    popup.classList.add('open');
    backdrop.classList.add('open');
  }

  function closeDesktopCal(){
    popup.classList.remove('open'); backdrop.classList.remove('open');
    segIn.classList.remove('active'); segOut.classList.remove('active');
    picking=null;
  }

  function positionPopup(anchor){
    var rect=anchor.getBoundingClientRect();
    var pw=popup.offsetWidth||292, ph=340;
    var top=rect.top-ph-10;
    var left=rect.left;
    if(top<8) top=rect.bottom+10;
    if(left+pw>window.innerWidth-8) left=window.innerWidth-pw-8;
    if(left<8) left=8;
    popup.style.top=top+'px';
    popup.style.left=left+'px';
  }

  document.getElementById('fah-cal-prev').addEventListener('click',function(e){e.stopPropagation();calMonth--;if(calMonth<0){calMonth=11;calYear--;}renderDesktopCal();});
  document.getElementById('fah-cal-next').addEventListener('click',function(e){e.stopPropagation();calMonth++;if(calMonth>11){calMonth=0;calYear++;}renderDesktopCal();});
  segIn.addEventListener('click',  function(e){e.stopPropagation();if(picking==='in'){closeDesktopCal();return;}openDesktopCal('in');});
  segOut.addEventListener('click', function(e){e.stopPropagation();if(picking==='out'){closeDesktopCal();return;}openDesktopCal('out');});
  backdrop.addEventListener('mousedown', function(e){ e.stopPropagation(); closeDesktopCal(); });

  function buildSearchURL(destino, sStart, sEnd, adultos, ninos, promo){
    var datein  = toEngineDate(sStart.y,sStart.m,sStart.d);
    var dateout = toEngineDate(sEnd.y,  sEnd.m,  sEnd.d);
    var hotelParam = (destino&&DEST_HOTELS[destino])?DEST_HOTELS[destino]+'&':'';
    var promoParam = (promo&&promo.trim()) ? '&prom='+encodeURIComponent(promo.trim()) : '';
    return BASE+'?'+hotelParam+'lang=en&datein='+datein+'&dateout='+dateout+'&adultos='+adultos+'&ninos='+ninos+(destino?'&destino='+destino:'')+promoParam;
  }

  document.getElementById('fah-btn-submit').addEventListener('click',function(){
    if(!selStart||!selEnd){alert('Please select your check-in and check-out dates.');return;}
    var adultos=dtAdults;
    var ninos  =dtChildren;
    var destino=sharedDest;
    var promo=(document.getElementById('fah-promo-input')||{}).value||'';
    window.open(buildSearchURL(destino,selStart,selEnd,adultos,ninos,promo),'_blank');
  });

  /* ── Desktop guest counter dropdown ── */
  var dtAdults = 2, dtChildren = 0;
  var guestsDropdown = document.getElementById('fah-guests-dropdown');
  var guestsSeg      = document.getElementById('fah-seg-guests');
  var guestsSummary  = document.getElementById('dt-guests-summary');
  var guestsOpen     = false;

  function updateDtCounters(){
    document.getElementById('dt-adult-val').textContent = dtAdults;
    document.getElementById('dt-child-val').textContent = dtChildren;
    document.getElementById('dt-adult-minus').className = 'fah-dt-counter-btn' + (dtAdults <= 1 ? ' disabled' : '');
    document.getElementById('dt-child-minus').className = 'fah-dt-counter-btn' + (dtChildren <= 0 ? ' disabled' : '');
    document.getElementById('dt-adult-plus').className  = 'fah-dt-counter-btn' + (dtAdults >= 10 ? ' disabled' : '');
    document.getElementById('dt-child-plus').className  = 'fah-dt-counter-btn' + (dtChildren >= 6 ? ' disabled' : '');
    guestsSummary.textContent = dtAdults + ' adult' + (dtAdults !== 1 ? 's' : '') + ' · ' + dtChildren + ' child' + (dtChildren !== 1 ? 'ren' : '');
  }

  function openGuestsDropdown(){
    closeDesktopCal();
    closeDestDropdown();
    var rect = guestsSeg.getBoundingClientRect();
    guestsDropdown.style.left     = rect.left + 'px';
    guestsDropdown.style.minWidth = rect.width + 'px';
    guestsDropdown.style.top      = '-9999px';
    guestsDropdown.classList.add('open');
    var ddh = guestsDropdown.offsetHeight;
    guestsDropdown.style.top = (rect.top - ddh - 8) + 'px';
    guestsSeg.classList.add('active');
    guestsOpen = true;
  }

  function closeGuestsDropdown(){
    if(!guestsOpen) return;
    guestsDropdown.classList.remove('open');
    guestsSeg.classList.remove('active');
    guestsOpen = false;
  }

  guestsSeg.addEventListener('mousedown', function(e){
    e.preventDefault(); e.stopPropagation();
    guestsOpen ? closeGuestsDropdown() : openGuestsDropdown();
  });
  guestsSeg.addEventListener('keydown', function(e){
    if(e.key==='Enter'||e.key===' '){ e.preventDefault(); guestsOpen ? closeGuestsDropdown() : openGuestsDropdown(); }
    if(e.key==='Escape') closeGuestsDropdown();
  });

  document.getElementById('dt-adult-minus').addEventListener('mousedown', function(e){ e.stopPropagation(); if(dtAdults>1){ dtAdults--; updateDtCounters(); }});
  document.getElementById('dt-adult-plus').addEventListener('mousedown',  function(e){ e.stopPropagation(); if(dtAdults<10){ dtAdults++; updateDtCounters(); }});
  document.getElementById('dt-child-minus').addEventListener('mousedown', function(e){ e.stopPropagation(); if(dtChildren>0){ dtChildren--; updateDtCounters(); }});
  document.getElementById('dt-child-plus').addEventListener('mousedown',  function(e){ e.stopPropagation(); if(dtChildren<6){ dtChildren++; updateDtCounters(); }});

  document.addEventListener('mousedown', function(e){
    if(guestsOpen && !guestsDropdown.contains(e.target) && e.target !== guestsSeg && !guestsSeg.contains(e.target)){
      closeGuestsDropdown();
    }
  });

  updateDtCounters();

  /* ════════════════════════════════════════
     MOBILE BOOKING-STYLE CARD
  ════════════════════════════════════════ */
  var mDest    = '';
  var mStart   = null, mEnd = null;
  var mAdults  = 2, mChildren = 0;
  var mPicking = 'in';
  var mCalYear = today.getFullYear(), mCalMonth = today.getMonth();

  var pill   = document.getElementById('fah-mobile-pill');
  var sheet  = document.getElementById('fah-mobile-sheet');
  var mcal   = document.getElementById('fah-mobile-cal');

  /* ── Pill open/close ── */
  pill.addEventListener('click', openSheet);
  pill.addEventListener('keydown', function(e){ if(e.key==='Enter'||e.key===' ') openSheet(); });

  function openSheet(){
    sheet.classList.add('open');
    pill.style.display='none';
    renderMobileCal();
  }
  function closeSheet(){
    sheet.classList.remove('open');
    pill.style.display='flex';
    closeAllPanels();
  }
  document.getElementById('fah-sheet-close').addEventListener('click', closeSheet);

  /* ── Panel open/close helpers ── */
  function closeAllPanels(){
    ['mc-dest-panel','mc-guests-panel'].forEach(function(id){
      var el=document.getElementById(id);
      if(el) el.classList.remove('open');
    });
    mcal.style.display='none';
    document.getElementById('mc-dest-field').classList.remove('active');
    document.getElementById('mc-dates-field').classList.remove('active');
    document.getElementById('mc-guests-field').classList.remove('active');
    document.getElementById('mc-half-in').classList.remove('active-half');
    document.getElementById('mc-half-out').classList.remove('active-half');
  }

  /* ── DESTINO ── */
  var mcDestField   = document.getElementById('mc-dest-field');
  var mcDestPanel   = document.getElementById('mc-dest-panel');
  var mcDestDisplay = document.getElementById('mc-dest-display');

  mcDestField.addEventListener('click', function(){
    var isOpen = mcDestPanel.classList.contains('open');
    closeAllPanels();
    if(!isOpen){
      mcDestPanel.classList.add('open');
      mcDestField.classList.add('active');
    }
  });

  var mcDestOptions = document.querySelectorAll('#mc-dest-grid .fah-dest-option');
  mcDestOptions.forEach(function(opt){
    opt.addEventListener('click', function(e){
      e.stopPropagation();
      mcDestOptions.forEach(function(o){ o.classList.remove('selected'); });
      opt.classList.add('selected');
      mDest = opt.dataset.value;
      mcDestDisplay.textContent = DEST_LABELS[mDest] || mDest;
      mcDestDisplay.classList.remove('ph');
      mcDestField.classList.remove('active');
      mcDestPanel.classList.remove('open');
    });
  });

  /* ── FECHAS ── */
  var mcDatesField = document.getElementById('mc-dates-field');
  var mcHalfIn     = document.getElementById('mc-half-in');
  var mcHalfOut    = document.getElementById('mc-half-out');
  var mcValIn      = document.getElementById('mc-val-in');
  var mcValOut     = document.getElementById('mc-val-out');

  function openCalFor(mode){
    closeAllPanels();
    mPicking = mode;
    mcDatesField.classList.add('active');
    if(mode==='in') mcHalfIn.classList.add('active-half');
    else            mcHalfOut.classList.add('active-half');
    document.getElementById('fah-m-cal-hint').textContent = (mode==='in') ? 'Select check-in date' : 'Select check-out date';
    renderMobileCal();
    mcal.style.display = 'block';
  }

  mcHalfIn.addEventListener('click', function(){ openCalFor('in'); });
  mcHalfOut.addEventListener('click', function(){ openCalFor('out'); });
  // Also open on dates field click (not on halves — handled above)
  mcDatesField.addEventListener('click', function(e){
    if(mcal.style.display==='block') return; // already open
    openCalFor('in');
  });

  document.getElementById('fah-m-cal-prev').addEventListener('click',function(e){
    e.stopPropagation(); mCalMonth--; if(mCalMonth<0){mCalMonth=11;mCalYear--;} renderMobileCal();
  });
  document.getElementById('fah-m-cal-next').addEventListener('click',function(e){
    e.stopPropagation(); mCalMonth++; if(mCalMonth>11){mCalMonth=0;mCalYear++;} renderMobileCal();
  });

  function renderMobileCal(){
    document.getElementById('fah-m-cal-month-label').textContent=MONTH_NAMES[mCalMonth]+' '+mCalYear;
    var g=document.getElementById('fah-m-cal-grid');
    g.innerHTML='';
    DOW.forEach(function(d){ var e=document.createElement('div'); e.className='fah-cal-dow'; e.textContent=d; g.appendChild(e); });
    var firstDow=new Date(mCalYear,mCalMonth,1).getDay();
    var offset  =(firstDow===0?6:firstDow-1);
    var daysInMo=new Date(mCalYear,mCalMonth+1,0).getDate();
    var startKey=mStart?dateKey(mStart.y,mStart.m,mStart.d):null;
    var endKey  =mEnd  ?dateKey(mEnd.y,  mEnd.m,  mEnd.d)  :null;
    for(var i=0;i<offset;i++){var e2=document.createElement('div');e2.className='fah-cal-day fah-empty';g.appendChild(e2);}
    for(var day=1;day<=daysInMo;day++){
      var el=document.createElement('div'); el.className='fah-cal-day'; el.textContent=day;
      var k=dateKey(mCalYear,mCalMonth,day);
      if(k<todayKey||(mPicking==='out'&&startKey&&k<=startKey)){ el.classList.add('fah-disabled'); }
      else{
        if(k===todayKey) el.classList.add('fah-today');
        if(k===startKey) el.classList.add('fah-sel-start');
        if(k===endKey)   el.classList.add('fah-sel-end');
        if(startKey&&endKey&&k>startKey&&k<endKey) el.classList.add('fah-in-range');
        (function(ky,km,kd,btn){ btn.addEventListener('click',function(){ onPickMobile(ky,km,kd); }); })(mCalYear,mCalMonth,day,el);
      }
      g.appendChild(el);
    }
  }

  function onPickMobile(y,m,d){
    if(mPicking==='in'){
      mStart={y:y,m:m,d:d};
      if(mEnd&&dateKey(mEnd.y,mEnd.m,mEnd.d)<=dateKey(y,m,d)) mEnd=null;
      mPicking='out';
      mcHalfIn.classList.remove('active-half');
      mcHalfOut.classList.add('active-half');
      document.getElementById('fah-m-cal-hint').textContent='Now select your check-out date';
    } else {
      mEnd={y:y,m:m,d:d};
      mPicking='in';
      // Close calendar once both dates are set
      mcal.style.display='none';
      mcDatesField.classList.remove('active');
      mcHalfIn.classList.remove('active-half');
      mcHalfOut.classList.remove('active-half');
      document.getElementById('fah-m-cal-hint').textContent='';
    }
    updateMobileDateDisplay();
    renderMobileCal();
    selStart=mStart; selEnd=mEnd; // sync to shared state
    updateMobilePromo();
  }

  function updateMobilePromo(){
    var wrap = document.getElementById('mc-promo-wrap');
    if(wrap) wrap.classList.toggle('visible', !!(mStart && mEnd));
  }

  function updateMobileDateDisplay(){
    if(mStart){ mcValIn.textContent=fmtDisplay(mStart.y,mStart.m,mStart.d); mcValIn.classList.remove('ph'); }
    else       { mcValIn.textContent='Add date'; mcValIn.classList.add('ph'); }
    if(mEnd)   { mcValOut.textContent=fmtDisplay(mEnd.y,mEnd.m,mEnd.d); mcValOut.classList.remove('ph'); }
    else       { mcValOut.textContent='Add date'; mcValOut.classList.add('ph'); }
  }

  /* ── HUÉSPEDES ── */
  var mcGuestsField   = document.getElementById('mc-guests-field');
  var mcGuestsPanel   = document.getElementById('mc-guests-panel');
  var mcGuestsDisplay = document.getElementById('mc-guests-display');

  mcGuestsField.addEventListener('click', function(){
    var isOpen = mcGuestsPanel.classList.contains('open');
    closeAllPanels();
    if(!isOpen){
      mcGuestsPanel.classList.add('open');
      mcGuestsField.classList.add('active');
    }
  });

  function updateCounters(){
    document.getElementById('m-adult-val').textContent=mAdults;
    document.getElementById('m-child-val').textContent=mChildren;
    document.getElementById('m-adult-minus').className='fah-counter-btn'+(mAdults<=1?' disabled':'');
    document.getElementById('m-child-minus').className='fah-counter-btn'+(mChildren<=0?' disabled':'');
    document.getElementById('m-adult-plus').className='fah-counter-btn'+(mAdults>=10?' disabled':'');
    document.getElementById('m-child-plus').className='fah-counter-btn'+(mChildren>=6?' disabled':'');
    mcGuestsDisplay.textContent = mAdults+' adult'+(mAdults!==1?'s':'')+' · '+mChildren+' child'+(mChildren!==1?'ren':'');
  }

  document.getElementById('m-adult-minus').addEventListener('click',function(e){ e.stopPropagation(); if(mAdults>1){ mAdults--; updateCounters(); }});
  document.getElementById('m-adult-plus').addEventListener('click',function(e){  e.stopPropagation(); if(mAdults<10){ mAdults++; updateCounters(); }});
  document.getElementById('m-child-minus').addEventListener('click',function(e){ e.stopPropagation(); if(mChildren>0){ mChildren--; updateCounters(); }});
  document.getElementById('m-child-plus').addEventListener('click',function(e){  e.stopPropagation(); if(mChildren<6){ mChildren++; updateCounters(); }});

  /* ── SUBMIT ── */
  document.getElementById('fah-mobile-submit').addEventListener('click',function(){
    if(!mStart||!mEnd){ alert('Please select your check-in and check-out dates.'); return; }
    var promo=(document.getElementById('mc-promo-field')||{}).value||'';
    var url=buildSearchURL(mDest,mStart,mEnd,mAdults,mChildren,promo);
    window.open(url,'_blank');
  });

  /* ── Init ── */
  updateMobileDateDisplay();
  updateCounters();
  renderMobileCal();

})();
</script>
<section class="d-blog d-offers d-grid d-slider-general">
            <div class="container">
                <div class="row">
                    <div class="col-12 b-filters aos-init aos-animate" data-aos="fade-up">
                        <ul class="list-unstyled list-inline m-0">
                            <li class="list-inline-item filter active" data-filter="filter-0"><span>Todas</span></li>
							                            <li class="list-inline-item filter" data-filter="filter-13"><span>Barcelona</span></li>
							                            <li class="list-inline-item filter" data-filter="filter-19"><span>Costa Brava</span></li>
							                            <li class="list-inline-item filter" data-filter="filter-18"><span>Costa del Sol</span></li>
							                            <li class="list-inline-item filter" data-filter="filter-14"><span>Madrid</span></li>
							                            <li class="list-inline-item filter" data-filter="filter-15"><span>Málaga</span></li>
							                            <li class="list-inline-item filter" data-filter="filter-17"><span>Mallorca</span></li>
							                            <li class="list-inline-item filter" data-filter="filter-16"><span>Sevilla</span></li>
							                        </ul>
                    </div>
																	

<div class="col-sm-6 col-lg-4 b-block filter-13 " data-aos="fade-up" data-filter-block="filter-0">
        <div class="img-div">
        <a href="https://www.feelathome.com/en/blog/christmas-in-barcelona-light-tradition-life-in-the-streets">
            
<picture >
            <source srcset="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1764599629_navidad%20bcn-min.thigh.webp" type="image/webp">
        <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1764599629_navidad%20bcn-min.thigh.webp"
         class="img-fluid lazy" width="264" height="485"         alt=""
         title="">
</picture>        </a>
    </div>
    	<p class="p-section">
	Barcelona	 – 	Barcelona	</p>
	<div class="text">
				<h3 class="title">Christmas in Barcelona: light, tradition and life in the streets</h3>
						<p><p>If you&rsquo;re looking for holidays that feel real, warm, and deeply local, Barcelona gives you exactly that: a Christmas that doesn&rsquo;t show off, but stays with you.</p>
</p>
			</div>
            <div class="b-btn">
            <a href="https://www.feelathome.com/en/blog/christmas-in-barcelona-light-tradition-life-in-the-streets" class="btn btn-5 hover-border-11">
                <span>Read more</span>
            </a>
        </div>
    </div>																							

<div class="col-sm-6 col-lg-4 b-block filter-16 " data-aos="fade-up" data-filter-block="filter-0">
        <div class="img-div">
        <a href="https://www.feelathome.com/en/blog/seville-christmas-in-seville-light-flavor-and-the-joy-of-being-outside">
            
<picture >
            <source srcset="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1762953917_sevilla_navidad.thigh.webp" type="image/webp">
        <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1762953917_sevilla_navidad.thigh.webp"
         class="img-fluid lazy" width="264" height="485"         alt=""
         title="">
</picture>        </a>
    </div>
    	<p class="p-section">
	Sevilla	 – 	Sevilla	</p>
	<div class="text">
				<h3 class="title">Christmas in Seville: light, flavour and a city made for being outdoors</h3>
						<p><p>Seville shines all year round, but at Christmas it has something special: lively streets, mild air, and that blend of light and joy that turns every walk into a celebration.</p>
</p>
			</div>
            <div class="b-btn">
            <a href="https://www.feelathome.com/en/blog/seville-christmas-in-seville-light-flavor-and-the-joy-of-being-outside" class="btn btn-5 hover-border-11">
                <span>Read more</span>
            </a>
        </div>
    </div>																							

<div class="col-sm-6 col-lg-4 b-block filter-17 " data-aos="fade-up" data-filter-block="filter-0">
        <div class="img-div">
        <a href="https://www.feelathome.com/en/blog/things-to-do-in-mallorca-in-winter">
            
<picture >
            <source srcset="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1763459917_sonnenuntergang-molinar-palma-1.thigh.webp" type="image/webp">
        <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1763459917_sonnenuntergang-molinar-palma-1.thigh.webp"
         class="img-fluid lazy" width="264" height="485"         alt=""
         title="">
</picture>        </a>
    </div>
    	<p class="p-section">
	Mallorca	 – 	Mallorca	</p>
	<div class="text">
				<h3 class="title">Discover the Mallorca that only reveals itself in winter</h3>
						<p><p>Mallorca in winter shines with a quiet charm: soft light, calm seas, and villages that breathe authenticity, inviting you to experience the island with a slower, more genuine perspective.</p>
</p>
			</div>
            <div class="b-btn">
            <a href="https://www.feelathome.com/en/blog/things-to-do-in-mallorca-in-winter" class="btn btn-5 hover-border-11">
                <span>Read more</span>
            </a>
        </div>
    </div>																							

<div class="col-sm-6 col-lg-4 b-block filter-16 " data-aos="fade-up" data-filter-block="filter-0">
        <div class="img-div">
        <a href="https://www.feelathome.com/en/blog/unique-experiences-in-seville">
            
<picture >
            <source srcset="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1758191860_Sevilla%20magical%20plaza.thigh.webp" type="image/webp">
        <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1758191860_Sevilla%20magical%20plaza.thigh.webp"
         class="img-fluid lazy" width="264" height="485"         alt=""
         title="">
</picture>        </a>
    </div>
    	<p class="p-section">
	Sevilla	 – 	Sevilla	</p>
	<div class="text">
				<h3 class="title">Unique Experiences in Seville</h3>
						<p><p>Experience Seville full of history, culture, and flavors: from impressive monuments to delicious tapas and charming streets.</p>
</p>
			</div>
            <div class="b-btn">
            <a href="https://www.feelathome.com/en/blog/unique-experiences-in-seville" class="btn btn-5 hover-border-11">
                <span>Read more</span>
            </a>
        </div>
    </div>																							

<div class="col-sm-6 col-lg-4 b-block filter-16 " data-aos="fade-up" data-filter-block="filter-0">
        <div class="img-div">
        <a href="https://www.feelathome.com/en/blog/flamenco-in-seville-passion-and-culture">
            
<picture >
            <source srcset="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1758197227_Flameco%20de%20Sevilla.thigh.webp" type="image/webp">
        <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1758197227_Flameco%20de%20Sevilla.thigh.webp"
         class="img-fluid lazy" width="264" height="485"         alt=""
         title="">
</picture>        </a>
    </div>
    	<p class="p-section">
	Sevilla	 – 	Sevilla	</p>
	<div class="text">
				<h3 class="title">Flamenco in Seville: Passion and Culture</h3>
						<p><p>Experience the passion of flamenco in Seville, from stunning performances to workshops where you can dance yourself. Discover the atmosphere, the music, and the tradition that make this Andalusian art so special.</p>
</p>
			</div>
            <div class="b-btn">
            <a href="https://www.feelathome.com/en/blog/flamenco-in-seville-passion-and-culture" class="btn btn-5 hover-border-11">
                <span>Read more</span>
            </a>
        </div>
    </div>																							

<div class="col-sm-6 col-lg-4 b-block " data-aos="fade-up" data-filter-block="filter-0">
        <div class="img-div">
        <a href="https://www.feelathome.com/en/blog/caminito-del-rey-the-most-impressive-hike-in-andalusia">
            
<picture >
            <source srcset="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1758013993_Caminito%20del%20rey.thigh.webp" type="image/webp">
        <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1758013993_Caminito%20del%20rey.thigh.webp"
         class="img-fluid lazy" width="264" height="485"         alt=""
         title="">
</picture>        </a>
    </div>
    	<p class="p-section">
	Costa del Sol			</p>
	<div class="text">
				<h3 class="title">Caminito del Rey: The Must-Do Hike</h3>
						<p><p>Experience a unique adventure on the Caminito del Rey, with spectacular views and hanging bridges over the river.</p>

<p>&nbsp;</p>
</p>
			</div>
            <div class="b-btn">
            <a href="https://www.feelathome.com/en/blog/caminito-del-rey-the-most-impressive-hike-in-andalusia" class="btn btn-5 hover-border-11">
                <span>Read more</span>
            </a>
        </div>
    </div>																							

<div class="col-sm-6 col-lg-4 b-block filter-19 " data-aos="fade-up" data-filter-block="filter-0">
        <div class="img-div">
        <a href="https://www.feelathome.com/en/blog/what-to-see-on-the-costa-brava-sea-light-and-villages-with-soul">
            
<picture >
            <source srcset="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1758021350_costa%20brava-min.thigh.webp" type="image/webp">
        <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1758021350_costa%20brava-min.thigh.webp"
         class="img-fluid lazy" width="264" height="485"         alt=""
         title="">
</picture>        </a>
    </div>
    	<p class="p-section">
	Costa Brava	 – 	Costa Brava	</p>
	<div class="text">
				<h3 class="title">What to see on the Costa Brava: sea, light, and villages with soul</h3>
						<p><p>The Costa Brava is lived slowly: hidden coves, villages that breathe history, and cuisine that tastes like the Mediterranean. A curated guide to experience this place like those who truly love it.</p>
</p>
			</div>
            <div class="b-btn">
            <a href="https://www.feelathome.com/en/blog/what-to-see-on-the-costa-brava-sea-light-and-villages-with-soul" class="btn btn-5 hover-border-11">
                <span>Read more</span>
            </a>
        </div>
    </div>																							

<div class="col-sm-6 col-lg-4 b-block " data-aos="fade-up" data-filter-block="filter-0">
        <div class="img-div">
        <a href="https://www.feelathome.com/en/blog/discover-the-magic-of-estepona-at-sunset">
            
<picture >
            <source srcset="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1757667036_IMG_3869%202-min.thigh.webp" type="image/webp">
        <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1757667036_IMG_3869%202-min.thigh.webp"
         class="img-fluid lazy" width="264" height="485"         alt=""
         title="">
</picture>        </a>
    </div>
    	<p class="p-section">
	Costa del Sol			</p>
	<div class="text">
				<h3 class="title">Where the sea meets the sky</h3>
						<p><p>Experience Estepona at sunset: palm trees, sea breeze, and ice cream at&nbsp;Ambrosia, one of the town&rsquo;s popular parlors.</p>
</p>
			</div>
            <div class="b-btn">
            <a href="https://www.feelathome.com/en/blog/discover-the-magic-of-estepona-at-sunset" class="btn btn-5 hover-border-11">
                <span>Read more</span>
            </a>
        </div>
    </div>																							

<div class="col-sm-6 col-lg-4 b-block " data-aos="fade-up" data-filter-block="filter-0">
        <div class="img-div">
        <a href="https://www.feelathome.com/en/blog/visit-orchidarium-estepona-unique-botanical-experience">
            
<picture >
        <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1757588103_IMG_4388.thigh.JPG"
         class="img-fluid lazy" width="264" height="485"         alt=""
         title="">
</picture>        </a>
    </div>
    	<p class="p-section">
	Costa del Sol			</p>
	<div class="text">
				<h3 class="title">Visit the Botanical Garden: Orchidarium</h3>
						<p><p>Access the beautiful botanical garden where thousands of orchid species grow. Even from the outside, the glass building is already worth a visit!</p>

<p>&nbsp;</p>
</p>
			</div>
            <div class="b-btn">
            <a href="https://www.feelathome.com/en/blog/visit-orchidarium-estepona-unique-botanical-experience" class="btn btn-5 hover-border-11">
                <span>Read more</span>
            </a>
        </div>
    </div>																							

<div class="col-sm-6 col-lg-4 b-block " data-aos="fade-up" data-filter-block="filter-0">
        <div class="img-div">
        <a href="https://www.feelathome.com/en/blog/the-magic-of-estepona-old-town">
            
<picture >
            <source srcset="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1757680101_6a516f9015f4abd7e8733e4317747560.thigh.webp" type="image/webp">
        <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1757680101_6a516f9015f4abd7e8733e4317747560.thigh.webp"
         class="img-fluid lazy" width="264" height="485"         alt=""
         title="">
</picture>        </a>
    </div>
    	<p class="p-section">
	Costa del Sol			</p>
	<div class="text">
				<h3 class="title">The magic of Estepona’s old town</h3>
						<p><p>Stroll through Estepona&rsquo;s charming old town, discover cozy streets and squares like&nbsp;<strong>Plaza de las Flores</strong>, and enjoy delicious tapas. Immerse yourself in the authentic atmosphere and book in advance during high season.</p>
</p>
			</div>
            <div class="b-btn">
            <a href="https://www.feelathome.com/en/blog/the-magic-of-estepona-old-town" class="btn btn-5 hover-border-11">
                <span>Read more</span>
            </a>
        </div>
    </div>																							

<div class="col-sm-6 col-lg-4 b-block " data-aos="fade-up" data-filter-block="filter-0">
        <div class="img-div">
        <a href="https://www.feelathome.com/en/blog/plans-with-children-in-madrid">
            
<picture >
            <source srcset="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1707385822_madrid-167956_1280.thigh.webp" type="image/webp">
        <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1707385822_madrid-167956_1280.thigh.webp"
         class="img-fluid lazy" width="264" height="485"         alt=""
         title="">
</picture>        </a>
    </div>
    	<p class="p-section">
	Madrid			</p>
	<div class="text">
				<h3 class="title">Plans with children in Madrid</h3>
						<p><p>We tell you what are the plans that you can not miss if you come to Madrid with children. Museums, nature, amusement parks and more.</p>
</p>
			</div>
            <div class="b-btn">
            <a href="https://www.feelathome.com/en/blog/plans-with-children-in-madrid" class="btn btn-5 hover-border-11">
                <span>Read more</span>
            </a>
        </div>
    </div>																							

<div class="col-sm-6 col-lg-4 b-block " data-aos="fade-up" data-filter-block="filter-0">
        <div class="img-div">
        <a href="https://www.feelathome.com/en/blog/wandering-through-the-streets-of-madrid">
            
<picture >
        <img src="https://www.feelathome.com/assets/wp-content/uploads/florian-wehde-WBGjg0DsO_g-unsplash-1.jpg"
         class="img-fluid lazy" width="264" height="485"         alt=""
         title="">
</picture>        </a>
    </div>
    	<p class="p-section">
	Madrid			</p>
	<div class="text">
				<h3 class="title">Wandering through the streets of Madrid</h3>
						<p><p>Do you want to know some of the best corners in Madrid? Check this list of the most popular streets of Madrid. You&#39;ll love wandering through its streets!</p>
</p>
			</div>
            <div class="b-btn">
            <a href="https://www.feelathome.com/en/blog/wandering-through-the-streets-of-madrid" class="btn btn-5 hover-border-11">
                <span>Read more</span>
            </a>
        </div>
    </div>																							

<div class="col-sm-6 col-lg-4 b-block " data-aos="fade-up" data-filter-block="filter-0">
        <div class="img-div">
        <a href="https://www.feelathome.com/en/blog/barcelona-with-children-plans-family">
            
<picture >
        <img src="https://www.feelathome.com/assets/wp-content/uploads/boris-yue-u1USVjZrPdY-unsplash-1.jpg"
         class="img-fluid lazy" width="264" height="485"         alt=""
         title="">
</picture>        </a>
    </div>
    	<p class="p-section">
	Barcelona			</p>
	<div class="text">
				<h3 class="title">Barcelona with kids: lovely experiences to enjoy the city as a family</h3>
						<p><p>Barcelona is a city made to be discovered together: light, sea, parks, science, quiet squares, and small moments that stay in your memory. Traveling as a family here means living with curiosity, calm, and that Mediterranean spark that makes everything easier.</p>
</p>
			</div>
            <div class="b-btn">
            <a href="https://www.feelathome.com/en/blog/barcelona-with-children-plans-family" class="btn btn-5 hover-border-11">
                <span>Read more</span>
            </a>
        </div>
    </div>																							

<div class="col-sm-6 col-lg-4 b-block " data-aos="fade-up" data-filter-block="filter-0">
        <div class="img-div">
        <a href="https://www.feelathome.com/en/blog/where-to-eat-in-malaga">
            
<picture >
            <source srcset="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1762270814_donde-comer-en-malaga-restaurantes-locales.jpg.thigh.webp" type="image/webp">
        <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1762270814_donde-comer-en-malaga-restaurantes-locales.jpg.thigh.webp"
         class="img-fluid lazy" width="264" height="485"         alt=""
         title="">
</picture>        </a>
    </div>
    	<p class="p-section">
	Málaga			</p>
	<div class="text">
				<h3 class="title">Where to eat in Málaga: places to taste the city like a local</h3>
						<p><p>Sea, grill, olive oil, crusty bread and Andalusian rhythm. A guide to eating well in M&aacute;laga: from historic taverns to creative seaside cuisine.</p>
</p>
			</div>
            <div class="b-btn">
            <a href="https://www.feelathome.com/en/blog/where-to-eat-in-malaga" class="btn btn-5 hover-border-11">
                <span>Read more</span>
            </a>
        </div>
    </div>																							

<div class="col-sm-6 col-lg-4 b-block " data-aos="fade-up" data-filter-block="filter-0">
        <div class="img-div">
        <a href="https://www.feelathome.com/en/blog/how-does-the-metro-work-in-barcelona">
            
<picture >
        <img src="https://www.feelathome.com/assets/wp-content/uploads/emrecan-arik-w0lOjzINXQk-unsplash-1024x683.jpg"
         class="img-fluid lazy" width="264" height="485"         alt=""
         title="">
</picture>        </a>
    </div>
    	<p class="p-section">
	Barcelona			</p>
	<div class="text">
				<h3 class="title">Move around Barcelona like a local</h3>
						<p><p>Discover how to use the Barcelona metro like a true local: tickets, lines, essential routes, and simple tricks to move around the city with freedom, comfort, and the Mediterranean rhythm that makes it unique.</p>
</p>
			</div>
            <div class="b-btn">
            <a href="https://www.feelathome.com/en/blog/how-does-the-metro-work-in-barcelona" class="btn btn-5 hover-border-11">
                <span>Read more</span>
            </a>
        </div>
    </div>																							

<div class="col-sm-6 col-lg-4 b-block " data-aos="fade-up" data-filter-block="filter-0">
        <div class="img-div">
        <a href="https://www.feelathome.com/en/blog/discover-the-malaga-festival">
            
<picture >
            <source srcset="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1762271151_malaga-centro-vista-mar.thigh.webp" type="image/webp">
        <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1762271151_malaga-centro-vista-mar.thigh.webp"
         class="img-fluid lazy" width="264" height="485"         alt=""
         title="Malaga centro vista mar - feelathome">
</picture>        </a>
    </div>
    	<p class="p-section">
	Málaga			</p>
	<div class="text">
				<h3 class="title">Málaga Festival: film, culture and a city to experience</h3>
						<p><p>Discover all the information you need to know if you&rsquo;re attending the world-renowned M&aacute;laga Film Festival. Book your stay!</p>
</p>
			</div>
            <div class="b-btn">
            <a href="https://www.feelathome.com/en/blog/discover-the-malaga-festival" class="btn btn-5 hover-border-11">
                <span>Read more</span>
            </a>
        </div>
    </div>																							

<div class="col-sm-6 col-lg-4 b-block " data-aos="fade-up" data-filter-block="filter-0">
        <div class="img-div">
        <a href="https://www.feelathome.com/en/blog/live-the-holy-week-in-malaga">
            
<picture >
        <img src="https://www.feelathome.com/assets/wp-content/uploads/semana-santa.jpg"
         class="img-fluid lazy" width="264" height="485"         alt=""
         title="">
</picture>        </a>
    </div>
    	<p class="p-section">
	Málaga			</p>
	<div class="text">
				<h3 class="title">Live the Holy Week in Malaga</h3>
						<p><p>Find out more about one of the biggest events that take place in M&aacute;laga: Semana Santa (Holy week) in this post.</p>
</p>
			</div>
            <div class="b-btn">
            <a href="https://www.feelathome.com/en/blog/live-the-holy-week-in-malaga" class="btn btn-5 hover-border-11">
                <span>Read more</span>
            </a>
        </div>
    </div>																							

<div class="col-sm-6 col-lg-4 b-block " data-aos="fade-up" data-filter-block="filter-0">
        <div class="img-div">
        <a href="https://www.feelathome.com/en/blog/what-to-see-in-madrid-in-3-days">
            
<picture >
            <source srcset="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1707387852_crystal-palace-3646684_1920.thigh.webp" type="image/webp">
        <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1707387852_crystal-palace-3646684_1920.thigh.webp"
         class="img-fluid lazy" width="264" height="485"         alt=""
         title="">
</picture>        </a>
    </div>
    	<p class="p-section">
	Madrid			</p>
	<div class="text">
				<h3 class="title">What to see in Madrid in 3 days?</h3>
						<p><p>If you are coming to Madrid for 3 days, this post is for you: we tell you what you can&#39;t miss during your visit. Discover all the plans!</p>
</p>
			</div>
            <div class="b-btn">
            <a href="https://www.feelathome.com/en/blog/what-to-see-in-madrid-in-3-days" class="btn btn-5 hover-border-11">
                <span>Read more</span>
            </a>
        </div>
    </div>																							

<div class="col-sm-6 col-lg-4 b-block " data-aos="fade-up" data-filter-block="filter-0">
        <div class="img-div">
        <a href="https://www.feelathome.com/en/blog/what-to-see-in-barcelona-local-guide">
            
<picture >
            <source srcset="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1707390648_sagrada-familia-552084.thigh.webp" type="image/webp">
        <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1707390648_sagrada-familia-552084.thigh.webp"
         class="img-fluid lazy" width="264" height="485"         alt=""
         title="">
</picture>        </a>
    </div>
    	<p class="p-section">
	Barcelona			</p>
	<div class="text">
				<h3 class="title">What to see in Barcelona: live the city like a local</h3>
						<p><p>Barcelona is light, sea, and corners to be discovered by walking. From Gaud&iacute;&#39;s icons to quiet squares and vibrant neighborhoods, this guide will accompany you to experience the city like those who call it home.</p>
</p>
			</div>
            <div class="b-btn">
            <a href="https://www.feelathome.com/en/blog/what-to-see-in-barcelona-local-guide" class="btn btn-5 hover-border-11">
                <span>Read more</span>
            </a>
        </div>
    </div>																							

<div class="col-sm-6 col-lg-4 b-block filter-13 " data-aos="fade-up" data-filter-block="filter-0">
        <div class="img-div">
        <a href="https://www.feelathome.com/en/blog/how-to-get-around-the-city">
            
<picture >
            <source srcset="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1708617817_barcelona-3388122_1920_retouched.thigh.webp" type="image/webp">
        <img src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1708617817_barcelona-3388122_1920_retouched.thigh.webp"
         class="img-fluid lazy" width="264" height="485"         alt=""
         title="">
</picture>        </a>
    </div>
    	<p class="p-section">
	Barcelona	 – 	Barcelona	</p>
	<div class="text">
				<h3 class="title">The most beautiful way to move around Barcelona</h3>
						<p><p>There&rsquo;s no better city to get lost in or to find yourself. Barcelona invites you to walk, observe, pause, and start again.</p>
</p>
			</div>
            <div class="b-btn">
            <a href="https://www.feelathome.com/en/blog/how-to-get-around-the-city" class="btn btn-5 hover-border-11">
                <span>Read more</span>
            </a>
        </div>
    </div>											                </div>
            </div>
        </section>
		<script>
		function errorGridPostImage (){
			this.parentNode.parentNode.parentNode.style.display='none'
		}
		function loadGridPosts () {
			gridpostimages = document.querySelectorAll('.d-blog img');
			for (var i in gridpostimages) {
				gridpostimages[i].onerror = errorGridPostImage;
			}
		}
		loadGridPosts ()

		</script>
<footer>
    <div class="container">
        <div class="row" data-aos="fade-up">
                            <div class="col-12 b-logo">
                    <a href="https://www.feelathome.com/en">
                        <img width="380" height="50" alt="" title="" src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1775658119_FAH_logo-horizontal.svg">
                    </a>
                </div>
                        <div class="col-12 b-legal">
                <p>© 2026 Feelathome Hospitality Group | by <a href="https://emexs.es/" target="_blank">EMEXS</a>. <a href="https://www.feelathome.com/en/privacy-policy">Privacy Policy</a>. <a href="https://www.feelathome.com/en/privacy-policy-in-social-networks">Privacy policy in social networks</a>. <a href="https://www.feelathome.com/en/cookies-policy">Cookies Policy</a>. <a href="https://www.feelathome.com/en/legal-notice">Legal Notice</a>. <a href="https://www.feelathome.com/en/consent-for-processing-personal-data">Consent for data processing</a>. </p>
            </div>
                            <div class="col-12 b-menu-footer">
                                            <ul class="list-unstyled">
                            <li><a href="https://www.feelathome.com/en/destinations/barcelona">Barcelona</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/barcelona/feelathome-poblenou-beach-apartments-barcelona">Feelathome Poblenou Beach Apartments</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/barcelona/feelathome-marquet-beach-apartments-barcelona">Feelathome Marquet Beach Apartments</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/barcelona/feelathome-plaza-apartments-barcelona">Feelathome Plaza Apartments</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/barcelona/feelathome-mozart-apartments-barcelona">Feelathome Mozart Apartments</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/barcelona/feelathome-casa-bertrand">Feelathome Casa Bertrand</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/barcelona/feelathome-center-apartments-barcelona">Feelathome Center Apartments</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/barcelona/feelathome-stadium-apartments">Feelathome Stadium Apartments </a></li>
                                                    </ul>
                                            <ul class="list-unstyled">
                            <li><a href="https://www.feelathome.com/en/destinations/madrid">Madrid</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-madrid-suites-apartments">Feelathome Madrid Suites Apartments</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-ventas-suites">Feelathome Ventas Suites</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-castilla-apartments">Feelathome Castilla Apartments</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-san-marcos-apartaments-madrid">Feelathome San Marcos Apartments</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-waldorf-suites-apartments-madrid">Feelathome Waldorf Suites Apartments</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-goya-apartments-madrid">Feelathome Goya Apartments</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-cortes">Feelathome Cortes </a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/madrid/feelathome-chamartin-apartments">Feelathome Chamartín Apartments</a></li>
                                                    </ul>
                                            <ul class="list-unstyled">
                            <li><a href="https://www.feelathome.com/en/destinations/malaga">Malaga</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/malaga/feelathome-atarazanas-apartments">Feelathome Atarazanas Apartments</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/malaga/feelathome-conde-apartments">Feelathome Conde Apartments</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/malaga/feelathome-martires-apartments">Feelathome Mártires Apartments</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/malaga/feelathome-merced-apartments">Feelathome Merced Apartments</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/malaga/feelathome-palacio-de-alamos">Feelathome Palacio de Álamos</a></li>
                                                    </ul>
                                            <ul class="list-unstyled">
                            <li><a href="https://www.feelathome.com/en/destinations/sevilla">Seville</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/sevilla/feelathome-san-lorenzo-apartments">Feelathome San Lorenzo Apartments </a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/sevilla/feelathome-o-donnell-apartments">Feelathome O'Donnell Apartments</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/sevilla/feelathome-nervion-apartments">Feelathome Nervión Apartments</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/sevilla/feelathome-rivero-apartments">Feelathome Rivero Apartments</a></li>
                                                    </ul>
                                            <ul class="list-unstyled">
                            <li><a href="https://www.feelathome.com/en/destinations/mallorca">Mallorca</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/mallorca/feelathome-tortuga-de-mar">Feelathome Tortuga de Mar</a></li>
                                                    </ul>
                                            <ul class="list-unstyled">
                            <li><a href="https://www.feelathome.com/en/destinations/costa-brava">Costa Brava</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/costa-brava/feelathome-vil-la-romana">Feelathome Vil·la Romana</a></li>
                                                    </ul>
                                            <ul class="list-unstyled">
                            <li><a href="https://www.feelathome.com/en/destinations/costa-del-sol">Costa del Sol</a></li>
                                                            <li><a href="https://www.feelathome.com/en/destinations/costa-del-sol/feelathome-casa-azahar">Feelathome Casa Azahar</a></li>
                                                    </ul>
                                    </div>
                        <div class="col-12 b-contact">
                <style> /* Oculta solo el enlace a EMEXS */ .b-legal a[href*="emexs.es"] {     display: none !important; } </style>  <script> /* Borra el texto " | by" que se queda suelto */ document.addEventListener('DOMContentLoaded', function() {     var p = document.querySelector('.b-legal p');     if (p) {         p.innerHTML = p.innerHTML.replace(' | by', '');     } }); </script>            </div>
                        <div class="col-12 b-links">
                <ul class="list-unstyled">
                                            <li><a href="https://www.feelathome.com/en/faqs"><span>FAQs</span></a></li>
                                                                    <li><a href="https://www.feelathome.com/en/terms-and-conditions"><span>Terms and Conditions</span></a></li>
                                                                    <li><a href="https://www.feelathome.com/en/about-us"><span>About us</span></a></li>
                                                    </ul>
                            <ul class="list-unstyled">
                                                                    <li><a href="https://www.feelathome.com/en/contact#Contact"><span>Contact</span></a></li>
                                                            </ul>
            </div>
                        <div class="col-md-6 b-bottom-left">
                <div>
                                            <img class="lazy" data-src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1704192912_logo-apartur-member.png" alt="" title="" width="166" height="50"/>
                                            <img class="lazy" data-src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1704196154_solidarity.png" alt="" title="" width="166" height="50"/>
                                    </div>
            </div>
                                    <div class="col-md-6 b-bottom-right">
                <div>
                                            <img class="lazy" data-src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1704192526_visa-mastercard_0.gif" alt="" title="" width="166" height="50"/>
                                            <img class="lazy" data-src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1704192623_thawte-seal-sm.png" alt="" title="" width="166" height="50"/>
                                            <img class="lazy" data-src="https://www.feelathome.com/assets/themes/www.feelathome.com/img/media/1704293856_23456684_kit.png" alt="" title="" width="166" height="50"/>
                                    </div>
            </div>
                    </div>
    </div>
</footer>



<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "ItemList",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "item": {
                "@type": "BlogPosting",
                "headline": "How does the metro work in Barcelona?",
                "url": "https://www.feelathome.com/en/blog/how-does-the-metro-work-in-barcelona"
            }
        },
        {
            "@type": "ListItem",
            "position": 2,
            "item": {
                "@type": "BlogPosting",
                "headline": "Where to eat in Malaga",
                "url": "https://www.feelathome.com/en/blog/where-to-eat-in-malaga"
            }
        },
        {
            "@type": "ListItem",
            "position": 3,
            "item": {
                "@type": "BlogPosting",
                "headline": "What to see in Madrid in 3 days",
                "url": "https://www.feelathome.com/en/blog/what-to-see-in-madrid-in-3-days"
            }
        },
        {
            "@type": "ListItem",
            "position": 4,
            "item": {
                "@type": "BlogPosting",
                "headline": "What to see and do in Barcelona",
                "url": "https://www.feelathome.com/en/blog/what-to-see-in-barcelona-local-guide"
            }
        }
    ]
}
</script>
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
        {
            "@type": "Question",
            "name": "What kind of content can I find in the blog?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "You can find local guides, travel tips, destination ideas and practical articles about what to see, where to eat and how to move around different Spanish destinations."
            }
        },
        {
            "@type": "Question",
            "name": "Which destinations are covered in the blog?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "The blog covers destinations such as Barcelona, Madrid, Málaga, Seville, Mallorca and Costa Brava."
            }
        },
        {
            "@type": "Question",
            "name": "Why is the blog useful before booking a stay?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "It helps travellers understand destinations better, discover neighbourhoods and experiences, and make more informed decisions about where to stay."
            }
        }
    ]
}
</script>
<!-- CSS -->
<noscript id="deferred-styles">
    </noscript>
<script>
    var loadDeferredStyles = function() {
        var addStylesNode = document.getElementById("deferred-styles");
        var replacement = document.createElement("div");
        replacement.innerHTML = addStylesNode.textContent;
        document.body.appendChild(replacement)
        addStylesNode.parentElement.removeChild(addStylesNode);
    };
    var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
        window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
    if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 10); });
    else window.addEventListener('load', loadDeferredStyles);
</script>

<!-- JS -->
<!--<script src=""></script>-->
<script defer src="https://www.feelathome.com/assets/themes/www.feelathome.com/js/swiper-bundle.min.js"></script>
<script src="https://www.feelathome.com/assets/themes/www.feelathome.com/js/flatpickr.js"></script>
<script src="https://www.feelathome.com/assets/themes/www.feelathome.com/js/aos.min.js"></script>
<script defer src="https://www.feelathome.com/assets/themes/www.feelathome.com/js/lazyload.js" ></script>
<script defer src="https://www.feelathome.com/assets/themes/www.feelathome.com/js/bootstrap.min.js" ></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.js"></script>
<script defer src="https://unpkg.com/leaflet.markercluster@1.5.3/dist/leaflet.markercluster.js"></script>
<!--<script src="?"></script>-->
<script src="https://www.feelathome.com/assets/themes/www.feelathome.com/js/custom-vanilla.min.js"></script>


<script>
    AOS.init({
        once: true,
        duration: 800,
        delay: 100,
        /*disable: 'mobile'*/
    });

    window.addEventListener('scroll', function () {
        AOS.refresh();
    });
</script>

<script>
    // Define el idioma actual. Puedes obtenerlo dinámicamente, por ejemplo:
    // let site_lang = document.documentElement.lang || 'es';
    let site_lang = 'es';

    let flatParameters = function (type) {
        if (site_lang === 'es') {
            if (type == 'weekdays') {
                return {
                    shorthand: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'],
                    longhand: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
                };
            }
            if (type == 'months') {
                return {
                    shorthand: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Оct', 'Nov', 'Dic'],
                    longhand: ['Enero', 'Febrero', 'Мarzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
                };
            }
        }

        if (site_lang === 'ca') {
            if (type == 'weekdays') {
                return {
                    shorthand: ['Dg', 'Dl', 'Dm', 'Dc', 'Dj', 'Dv', 'Ds'],
                    longhand: ['Diumenge', 'Dilluns', 'Dimarts', 'Dimecres', 'Dijous', 'Divendres', 'Dissabte']
                };
            }
            if (type == 'months') {
                return {
                    shorthand: ['Gen', 'Feb', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Оct', 'Nov', 'Des'],
                    longhand: ['Gener', 'Febrer', 'Març', 'Abril', 'Maig', 'Juny', 'Juliol', 'Agost', 'Setembre', 'Octubre', 'Novembre', 'Desembre']
                };
            }
        }

        if (site_lang === 'fr') {
            if (type == 'weekdays') {
                return {
                    shorthand: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'],
                    longhand: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
                };
            }
            if (type == 'months') {
                return {
                    shorthand: ['Jan', 'Fév', 'Mar', 'Avr', 'Mai', 'Jui', 'Jui', 'Aoû', 'Sep', 'Оct', 'Nov', 'Déc'],
                    longhand: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octubre', 'Novembre', 'Décembre'],
                };
            }
        }

        if (site_lang === 'en') {
            if (type == 'weekdays') {
                return {
                    shorthand: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
                    longhand: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
                };
            }
            if (type == 'months') {
                return {
                    shorthand: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Оct', 'Nov', 'Dec'],
                    longhand: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
                };
            }
        }

        if (site_lang === 'de') {
            if (type == 'weekdays') {
                return {
                    shorthand: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],
                    longhand: ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'],
                };
            }
            if (type == 'months') {
                return {
                    shorthand: ['Jan', 'Feb', 'März', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Оkt', 'Nov', 'Dez'],
                    longhand: ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'],
                };
            }
        }
    };

    var date = new Date();

    let checkin = flatpickr(".b-checkin", {
        locale: {
            firstDayOfWeek: 1,
            weekdays: flatParameters('weekdays'),
            months: flatParameters('months')
        },
        dateFormat: "d-m-Y",
        defaultDate: date,
        minDate: "today",
        onChange: function(selectedDates, dateStr, instance) {
            checkout.clear();
            checkout.set('minDate', dateStr);
            checkout.open();
        }
    });

    let checkout = flatpickr(".b-checkout", {
        locale: {
            firstDayOfWeek: 1,
            weekdays: flatParameters('weekdays'),
            months: flatParameters('months')
        },
        defaultDate: date.setDate(date.getDate() + 2),
        dateFormat: "d-m-Y",
        minDate: "today",
        /*onChange: function(selectedDates, dateStr, instance) {
            checkin.set('maxDate', dateStr);
        }*/
    });
</script>

<script>
    alturaPantalla();

    function alturaPantalla() {
        var altoventana = window.innerHeight;
        if (window.innerWidth > 991) {
            if (altoventana < 940) {
                document.querySelectorAll(".site-nav__menu_desktop").forEach(function (element) {
                    element.classList.add("altoventana");
                });
            }
            /* if (altoventana < 890) {
                 document.querySelectorAll(".site-nav__menu-inner").forEach(function (element) {
                     element.classList.add("altoventana2");
                 });
             }*/
        }
    }
</script>

<script>
      (function (w, d) {
        if (w.WitBooking) {
          console.error("WitBooking embed already included");
          return;
        }
        w.WitBooking = { _c: [] };
        [
          "init",
          "login",
          "getCurrentUser",
          "logout",
          "showOptionsWidget",
          "setOptionsWidgetConfig",
          "setTheme",
          "setCustomization",
        ].forEach(
          (me) =>
            (w.WitBooking[me] = function () {
              w.WitBooking._c.push([me, arguments]);
            })
        );
        var sc = d.createElement("script");
        sc.type = "text/javascript";
        sc.async = true;
        sc.src = "https://widgets.dev.witbooking.com/beta/1.0.0-beta.1/sdk.js";
        var before = d.getElementsByTagName("script")[0];
        before.parentNode.insertBefore(sc, before);
      })(window, document);

      WitBooking.init({
        hostWidgets: "https://wit-widgets.feelathome.com",
        hostMain: "reservations.feelathomeapartments.com",
        hostLoyalty: "auth-loyalty.dev.witbooking.com",
        brand: "feelathome",
        propertyTicker: "feelathome_agr",
        formType: "customer",
      });

      function loading() {
        if (document.getElementById("wit-loyalty")) {
            document.getElementById("wit-loyalty").innerHTML = "...";
        }
      }

      function restart() {
        if (document.getElementById("wit-loyalty")) {
            document.getElementById("wit-loyalty").innerHTML = "LOGIN";
        }
      }

      function loadUser(name) {
        if (name) {
          document.getElementById("wit-loyalty").innerHTML = name;
        }
      }

      function setCheckAvailability(sessionId) {
        document.getElementById(
          "check-availability"
        ).href = `https://reservations.feelathomeapartments.com/chain/feelathome_agr?session=${sessionId}`;
      }

      function runLoyalty() {
        WitBooking.showOptionsWidget();
      }

      WitBooking.onload = () => {
        console.log("WitBooking loaded", WitBooking);
        const login = WitBooking.isLoggedIn();
        if (!login) {
          restart();
          return;
        }

        WitBooking.getCurrentUser()
          .then((session) => {
            loadUser(session.guestData.name);
            setCheckAvailability(session.id);
          })
          .catch((err) => {
            restart();
            window.alert("Get User Error" + err);
          });
      };

      WitBooking.onLogout = () => {
        restart();
      };

      WitBooking.onLogin = (session) => {
        loadUser(session.guestData.name);
        setCheckAvailability(session.id);
      };
      loading();

    </script>

<style>
    .grecaptcha-badge {
        visibility: hidden;
    }
</style>


<style>
.d-offers.d-slider-general.d-grid .b-block.filter-10[data-filter-block="filter-10"] {
  display: block !important;
}
.d-offers.d-slider-general.d-grid .b-block.filter-11[data-filter-block="filter-11"] {
  display: block !important;
}
.d-offers.d-slider-general.d-grid .b-block.filter-12[data-filter-block="filter-12"] {
  display: block !important;
}
.d-offers.d-slider-general.d-grid .b-block.filter-13[data-filter-block="filter-13"] {
  display: block !important;
}
.d-offers.d-slider-general.d-grid .b-block.filter-14[data-filter-block="filter-14"] {
  display: block !important;
}
.d-offers.d-slider-general.d-grid .b-block.filter-15[data-filter-block="filter-15"] {
  display: block !important;
}
.d-offers.d-slider-general.d-grid .b-block.filter-16[data-filter-block="filter-16"] {
  display: block !important;
}
.d-offers.d-slider-general.d-grid .b-block.filter-17[data-filter-block="filter-17"] {
  display: block !important;
}
.d-offers.d-slider-general.d-grid .b-block.filter-18[data-filter-block="filter-18"] {
  display: block !important;
}
.d-offers.d-slider-general.d-grid .b-block.filter-19[data-filter-block="filter-19"] {
  display: block !important;
}
.d-offers.d-slider-general.d-grid .b-block.filter-20[data-filter-block="filter-20"] {
  display: block !important;
}
.d-offers.d-slider-general.d-grid .b-block.filter-21[data-filter-block="filter-21"] {
  display: block !important;
}
.d-offers.d-slider-general.d-grid .b-block.filter-22[data-filter-block="filter-22"] {
  display: block !important;
}
.d-offers.d-slider-general.d-grid .b-block.filter-23[data-filter-block="filter-23"] {
  display: block !important;
}
.d-offers.d-slider-general.d-grid .b-block.filter-24[data-filter-block="filter-24"] {
  display: block !important;
}
.d-offers.d-slider-general.d-grid .b-block.filter-25[data-filter-block="filter-25"] {
  display: block !important;
}
.d-offers.d-slider-general.d-grid .b-block.filter-26[data-filter-block="filter-26"] {
  display: block !important;
}
.d-offers.d-slider-general.d-grid .b-block.filter-27[data-filter-block="filter-27"] {
  display: block !important;
}
.d-offers.d-slider-general.d-grid .b-block.filter-28[data-filter-block="filter-28"] {
  display: block !important;
}
.d-offers.d-slider-general.d-grid .b-block.filter-29[data-filter-block="filter-29"] {
  display: block !important;
}
.d-offers.d-slider-general.d-grid .b-block.filter-30[data-filter-block="filter-30"] {
  display: block !important;
}
  html:not(.no-js) .d-offers [data-aos^=fade][data-aos^=fade] {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
  @media (max-width: 991px) {
    .d-hero .b-text div:first-child {
        display: block;
    }
}
</style>
<script src="https://www.google.com/recaptcha/api.js?render=6LdFjiUpAAAAAJEonhvYtpqY8Y-1tjukRL_kzi2F" async defer></script>
<script>
    let captchaReady = false;
    function CaptchaCallback() {
        captchaReady = true;
    }
</script>
</body>

</html>
