{"id":273,"date":"2026-01-06T03:13:59","date_gmt":"2026-01-06T03:13:59","guid":{"rendered":"https:\/\/buenosvientosapart.anquid.com.ar\/?page_id=273"},"modified":"2026-02-10T02:45:26","modified_gmt":"2026-02-10T05:45:26","slug":"servicios","status":"publish","type":"page","link":"https:\/\/buenosvientosapart.com.ar\/en\/servicios\/","title":{"rendered":"Servicios"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"273\" class=\"elementor elementor-273\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c028919 e-con-full e-flex e-con e-parent\" data-id=\"c028919\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f93bc3 elementor-widget elementor-widget-html\" data-id=\"0f93bc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Buenos Vientos - Servicios (Fixed Header) -->\n<section id=\"bv-servicios\" class=\"bv\">\n    <!-- Fuentes -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link\n        href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&family=Lora:ital,wght@0,400;0,600;1,400&display=swap\"\n        rel=\"stylesheet\">\n\n    <!-- Font Awesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n    <style>\n        \/* ===== Buenos Vientos - Servicios (Encapsulado) ===== *\/\n        #bv-servicios {\n            --primary-color: #D09A40;\n            --secondary-color: #D09A40;\n            --text-dark: #3D405B;\n            --bg-light: #FAFAF9;\n            --bg-white: #FFFFFF;\n\n            \/* Variable para altura del header (Fallback seguro) *\/\n            --bv-header-h: 90px;\n\n            font-family: 'Lora', serif;\n            font-weight: 400;\n            color: var(--text-dark);\n            background: var(--bg-light);\n\n            \/* full width *\/\n            width: 100vw;\n            max-width: 100vw;\n            margin-left: calc(50% - 50vw);\n            margin-right: calc(50% - 50vw);\n\n            line-height: 1.7;\n            overflow-x: clip;\n        }\n\n        \/* Reset interno *\/\n        #bv-servicios * {\n            box-sizing: border-box;\n        }\n\n        #bv-servicios img {\n            width: 100%;\n            height: auto;\n            display: block;\n        }\n\n        #bv-servicios .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        \/* Tipograf\u00edas *\/\n        #bv-servicios h1,\n        #bv-servicios h2,\n        #bv-servicios h3 {\n            font-family: 'Montserrat', sans-serif;\n            font-weight: 700;\n            color: var(--primary-color);\n            letter-spacing: 0.2px;\n        }\n\n        #bv-servicios p,\n        #bv-servicios li,\n        #bv-servicios small {\n            font-family: 'Lora', serif;\n            font-weight: 400;\n            color: var(--text-dark);\n        }\n\n        \/* HERO - ARREGLO HEADER *\/\n        #bv-servicios .hero {\n            min-height: 55vh;\n            display: flex;\n            align-items: center;\n            \/* Centrado vertical *\/\n            justify-content: center;\n            text-align: center;\n            color: #fff;\n            position: relative;\n\n            \/* Padding inteligente: M\u00ednimo visual (220px) vs Altura Header calculada *\/\n            padding-top: max(220px, calc(var(--bv-header-h) + 100px));\n            padding-bottom: 80px;\n            padding-left: 16px;\n            padding-right: 16px;\n\n            background:\n                linear-gradient(rgba(0, 0, 0, .28), rgba(0, 0, 0, .58)),\n                url(\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/01\/Pileta-BV-1-scaled.webp\") center\/cover no-repeat;\n        }\n\n        #bv-servicios .hero h1 {\n            font-size: 3rem;\n            margin: 0 0 10px;\n            color: #fff;\n            text-shadow: 0 2px 18px rgba(0, 0, 0, .35);\n        }\n\n        #bv-servicios .hero p {\n            margin: 0 auto;\n            max-width: 780px;\n            font-size: 1.15rem;\n            color: rgba(255, 255, 255, .92);\n        }\n\n        \/* Secciones *\/\n        #bv-servicios .section {\n            padding: 80px 0;\n        }\n\n        \/* T\u00edtulo *\/\n        #bv-servicios .section-title {\n            font-size: 2.5rem;\n            margin: 0;\n            position: relative;\n            display: inline-block;\n            text-align: center;\n        }\n\n        #bv-servicios .section-title::after {\n            content: '';\n            display: block;\n            width: 80px;\n            height: 3px;\n            background-color: var(--secondary-color);\n            margin: 15px auto 0;\n        }\n\n        #bv-servicios .title-wrap {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n\n        \/* ===== Servicios grid ===== *\/\n        #bv-servicios .services-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 40px;\n        }\n\n        #bv-servicios .service-item {\n            text-align: center;\n            padding: 10px 6px;\n        }\n\n        #bv-servicios .service-item h3 {\n            font-size: 1.15rem;\n            margin: 0 0 8px;\n            color: var(--primary-color);\n        }\n\n        #bv-servicios .service-item p {\n            margin: 0;\n            color: #666;\n            font-size: 1.02rem;\n        }\n\n        #bv-servicios .service-icon {\n            width: 70px;\n            height: 70px;\n            margin: 0 auto 18px;\n            border-radius: 50%;\n            background: rgba(208, 154, 64, .15);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.7rem;\n            color: var(--primary-color);\n            transition: transform .25s ease, background-color .25s ease, color .25s ease;\n        }\n\n        #bv-servicios .service-item:hover .service-icon {\n            background: var(--primary-color);\n            color: #fff;\n            transform: translateY(-2px);\n        }\n\n        #bv-servicios .service-item {\n            cursor: pointer;\n        }\n\n        \/* ===== Service Lightbox (\u00c1lbum de fotos) ===== *\/\n        #bv-servicios .slb {\n            position: fixed;\n            inset: 0;\n            background: rgba(0, 0, 0, .88);\n            display: none;\n            align-items: center;\n            justify-content: center;\n            padding: 22px;\n            z-index: 99999;\n        }\n\n        #bv-servicios .slb.open {\n            display: flex;\n        }\n\n        #bv-servicios .slb-dialog {\n            width: min(1100px, 96vw);\n            max-height: 92vh;\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }\n\n        #bv-servicios .slb-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        #bv-servicios .slb-title {\n            font-family: 'Montserrat', sans-serif;\n            font-weight: 700;\n            font-size: 1.4rem;\n            color: #fff;\n            margin: 0;\n        }\n\n        #bv-servicios .slb-main-wrap {\n            position: relative;\n            flex: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 300px;\n        }\n\n        #bv-servicios .slb-main-img {\n            width: 100%;\n            max-height: 65vh;\n            object-fit: contain;\n            border-radius: 14px;\n            box-shadow: 0 18px 60px rgba(0, 0, 0, .45);\n            background: rgba(0, 0, 0, .35);\n            transition: opacity .3s ease;\n        }\n\n        #bv-servicios .slb-thumbs {\n            display: flex;\n            gap: 12px;\n            justify-content: center;\n            flex-wrap: wrap;\n        }\n\n        #bv-servicios .slb-thumb {\n            width: 90px;\n            height: 65px;\n            border-radius: 8px;\n            overflow: hidden;\n            cursor: pointer;\n            border: 3px solid transparent;\n            transition: border-color .25s ease, transform .2s ease;\n            opacity: 0.6;\n        }\n\n        #bv-servicios .slb-thumb:hover {\n            opacity: 1;\n            transform: translateY(-2px);\n        }\n\n        #bv-servicios .slb-thumb.active {\n            border-color: var(--primary-color);\n            opacity: 1;\n        }\n\n        #bv-servicios .slb-thumb img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        #bv-servicios .slb-btn {\n            position: absolute;\n            width: 48px;\n            height: 48px;\n            border: 0;\n            border-radius: 999px;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: rgba(255, 255, 255, .95);\n            color: var(--text-dark);\n            box-shadow: 0 10px 28px rgba(0, 0, 0, .35);\n            transition: transform .2s ease, background-color .2s ease;\n            z-index: 10;\n        }\n\n        #bv-servicios .slb-btn:hover {\n            transform: scale(1.08);\n            background: var(--primary-color);\n            color: #fff;\n        }\n\n        #bv-servicios .slb-close {\n            position: relative;\n            background: rgba(255, 255, 255, .15);\n            color: #fff;\n        }\n\n        #bv-servicios .slb-close:hover {\n            background: rgba(255, 255, 255, .25);\n        }\n\n        #bv-servicios .slb-prev {\n            left: -24px;\n            top: 50%;\n            transform: translateY(-50%);\n        }\n\n        #bv-servicios .slb-next {\n            right: -24px;\n            top: 50%;\n            transform: translateY(-50%);\n        }\n\n        #bv-servicios .slb-counter {\n            font-family: 'Montserrat', sans-serif;\n            font-weight: 600;\n            font-size: .9rem;\n            color: rgba(255, 255, 255, .7);\n            text-align: center;\n            margin-top: 8px;\n        }\n\n        \/* Responsive Service Lightbox *\/\n        @media (max-width: 768px) {\n\n            #bv-servicios .slb-prev,\n            #bv-servicios .slb-next {\n                width: 40px;\n                height: 40px;\n            }\n\n            #bv-servicios .slb-prev {\n                left: 8px;\n            }\n\n            #bv-servicios .slb-next {\n                right: 8px;\n            }\n\n            #bv-servicios .slb-thumb {\n                width: 70px;\n                height: 50px;\n            }\n\n            #bv-servicios .slb-title {\n                font-size: 1.1rem;\n            }\n        }\n\n        \/* ===== Galer\u00eda moderna + interactiva ===== *\/\n        #bv-servicios .gallery-wrap {\n            background: #F4F3EE;\n        }\n\n        #bv-servicios .gallery {\n            display: grid;\n            grid-template-columns: repeat(12, 1fr);\n            gap: 18px;\n        }\n\n        #bv-servicios .g-item {\n            position: relative;\n            border-radius: 14px;\n            overflow: hidden;\n            box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);\n            background: #ddd;\n            cursor: pointer;\n            isolation: isolate;\n            min-height: 220px;\n        }\n\n        #bv-servicios .g-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transform: scale(1.01);\n            transition: transform .7s ease, filter .7s ease;\n        }\n\n        #bv-servicios .g-item::after {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(to top, rgba(0, 0, 0, .28), rgba(0, 0, 0, 0));\n            opacity: .55;\n            pointer-events: none;\n            transition: opacity .35s ease;\n        }\n\n        #bv-servicios .g-item:hover::after {\n            opacity: .75;\n        }\n\n        #bv-servicios .g-item:hover img {\n            transform: scale(1.06);\n            filter: saturate(1.05);\n        }\n\n        \/* Icono \"expand\" *\/\n        #bv-servicios .g-item .zoom {\n            position: absolute;\n            right: 14px;\n            bottom: 14px;\n            width: 40px;\n            height: 40px;\n            border-radius: 999px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: rgba(255, 255, 255, .92);\n            color: var(--text-dark);\n            box-shadow: 0 10px 22px rgba(0, 0, 0, .18);\n            transform: translateY(6px);\n            opacity: 0;\n            transition: opacity .25s ease, transform .25s ease;\n            z-index: 2;\n        }\n\n        #bv-servicios .g-item:hover .zoom {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Layout editorial (6 fotos) *\/\n        #bv-servicios .g-1 {\n            grid-column: 1 \/ span 7;\n            min-height: 360px;\n        }\n\n        #bv-servicios .g-2 {\n            grid-column: 8 \/ span 5;\n            min-height: 360px;\n        }\n\n        #bv-servicios .g-3 {\n            grid-column: 1 \/ span 4;\n        }\n\n        #bv-servicios .g-4 {\n            grid-column: 5 \/ span 4;\n        }\n\n        #bv-servicios .g-5 {\n            grid-column: 9 \/ span 4;\n        }\n\n        #bv-servicios .g-6 {\n            grid-column: 1 \/ span 12;\n            min-height: 360px;\n        }\n\n        #bv-servicios .g-7 {\n            grid-column: 1 \/ span 5;\n            min-height: 320px;\n        }\n\n        #bv-servicios .g-8 {\n            grid-column: 6 \/ span 7;\n            min-height: 320px;\n        }\n\n        #bv-servicios .g-9 {\n            grid-column: 1 \/ span 12;\n            min-height: 360px;\n        }\n\n        \/* ===== Lightbox ===== *\/\n        #bv-servicios .lb {\n            position: fixed;\n            inset: 0;\n            background: rgba(0, 0, 0, .78);\n            display: none;\n            align-items: center;\n            justify-content: center;\n            padding: 22px;\n            z-index: 99999;\n        }\n\n        #bv-servicios .lb.open {\n            display: flex;\n        }\n\n        #bv-servicios .lb-dialog {\n            width: min(1050px, 96vw);\n            max-height: 86vh;\n            position: relative;\n        }\n\n        #bv-servicios .lb-img {\n            width: 100%;\n            height: 86vh;\n            max-height: 86vh;\n            object-fit: contain;\n            border-radius: 14px;\n            box-shadow: 0 18px 60px rgba(0, 0, 0, .35);\n            background: rgba(0, 0, 0, .25);\n        }\n\n        #bv-servicios .lb-btn {\n            position: absolute;\n            top: 14px;\n            width: 44px;\n            height: 44px;\n            border: 0;\n            border-radius: 999px;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: rgba(255, 255, 255, .92);\n            color: var(--text-dark);\n            box-shadow: 0 10px 22px rgba(0, 0, 0, .25);\n            transition: transform .2s ease;\n        }\n\n        #bv-servicios .lb-btn:hover {\n            transform: translateY(-1px);\n        }\n\n        #bv-servicios .lb-close {\n            right: 14px;\n        }\n\n        #bv-servicios .lb-prev {\n            left: 14px;\n            top: 50%;\n            transform: translateY(-50%);\n        }\n\n        #bv-servicios .lb-next {\n            right: 14px;\n            top: 50%;\n            transform: translateY(-50%);\n        }\n\n        #bv-servicios .lb-hint {\n            position: absolute;\n            left: 14px;\n            bottom: -34px;\n            font-family: 'Montserrat', sans-serif;\n            font-weight: 600;\n            font-size: .85rem;\n            color: rgba(255, 255, 255, .8);\n        }\n\n        \/* CTA *\/\n        #bv-servicios .cta {\n            text-align: center;\n            padding: 90px 20px;\n            background: #F4F3EE;\n        }\n\n        #bv-servicios .cta h2 {\n            margin: 0 0 12px;\n            font-size: 2.2rem;\n            color: var(--primary-color);\n        }\n\n        #bv-servicios .cta a {\n            display: inline-block;\n            margin-top: 20px;\n            padding: 14px 36px;\n            background: var(--primary-color);\n            color: #fff;\n            text-decoration: none;\n            font-family: 'Montserrat', sans-serif;\n            font-weight: 700;\n            border-radius: 6px;\n            transition: transform .2s ease, background-color .2s ease;\n        }\n\n        #bv-servicios .cta a:hover {\n            background: #96501a;\n            transform: translateY(-2px);\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 900px) {\n            #bv-servicios .hero {\n                \/* Padding ajustado para m\u00f3vil *\/\n                padding-top: max(160px, calc(var(--bv-header-h) + 60px));\n                padding-bottom: 70px;\n            }\n\n            #bv-servicios .hero h1 {\n                font-size: 2.4rem;\n            }\n\n            #bv-servicios .hero p {\n                font-size: 1.05rem;\n            }\n\n            \/* Galer\u00eda 1 columna *\/\n            #bv-servicios .gallery {\n                grid-template-columns: 1fr;\n                display: grid;\n            }\n\n            #bv-servicios .g-1,\n            #bv-servicios .g-2,\n            #bv-servicios .g-3,\n            #bv-servicios .g-4,\n            #bv-servicios .g-5,\n            #bv-servicios .g-6,\n            #bv-servicios .g-7,\n            #bv-servicios .g-8,\n            #bv-servicios .g-9 {\n                grid-column: 1 \/ -1;\n                min-height: 260px;\n            }\n\n            #bv-servicios .lb-prev,\n            #bv-servicios .lb-next {\n                top: auto;\n                bottom: 14px;\n                transform: none;\n            }\n\n            #bv-servicios .lb-prev {\n                left: 14px;\n            }\n\n            #bv-servicios .lb-next {\n                right: 14px;\n            }\n\n            #bv-servicios .lb-hint {\n                display: none;\n            }\n        }\n\n        @media (max-width: 768px) {\n            #bv-servicios .section {\n                padding: 60px 0;\n            }\n\n            #bv-servicios .section-title {\n                font-size: 2rem;\n            }\n        }\n    <\/style>\n\n    <!-- HERO -->\n    <section class=\"hero\">\n        <div class=\"container\">\n            <h1>Servicios &amp; Comodidades<\/h1>\n            <p>El complejo cuenta con 5 departamentos totalmente equipados: unidades para 2 y 4 personas, rodeadas de\n                naturaleza y tranquilidad.<\/p>\n        <\/div>\n    <\/section>\n\n    <!-- SERVICIOS DEL PREDIO -->\n    <section class=\"section\">\n        <div class=\"container\">\n            <div class=\"title-wrap\">\n                <h2 class=\"section-title\">Servicios del Predio<\/h2>\n\n            <\/div>\n\n            <div class=\"services-grid\">\n                <!-- PILETA Y SOL\u00c1RIUM - 4 fotos-->\n                <div class=\"service-item\" data-title=\"Pileta y Sol\u00e1rium\" data-images='[\n                        \"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/01\/piscina_personas-1.webp\",\n                        \"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/Pileta_3.webp\",\n                        \"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/piscina_noche.webp\",\n                        \"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/piscina_4.webp\"\n                    ]'>\n                    <div class=\"service-icon\"><i class=\"fa-solid fa-water-ladder\"><\/i><\/div>\n                    <h3>Pileta y Sol\u00e1rium<\/h3>\n                    <p>Un espacio moderno al aire libre con reposeras y sombrillas.<\/p>\n                <\/div>\n\n                <!-- ASADORES - fotos -->\n                <div class=\"service-item\" data-title=\"Asadores\" data-images='[\n                        \"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/terraza_juego_de_cartas.webp\",\n                        \"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/asador6.webp\",\n                        \"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/asador_dpto_4pers_0001.webp\"\n                    ]'>\n                    <div class=\"service-icon\"><i class=\"fa-solid fa-fire\"><\/i><\/div>\n                    <h3>Asadores<\/h3>\n                    <p>Cada unidad est\u00e1 equipada con su asador privado al aire libre.<\/p>\n                <\/div>\n\n                <!-- COCHERA - fotos reales -->\n                <div class=\"service-item\" data-title=\"Cochera\" data-images='[\n                        \"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/cochera_1.webp\",\n                        \"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/01\/estacionamiento2.webp\",\n                        \"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/cohera_3.webp\",\n                        \"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/01\/estacionamiento2.webp\"\n                    ]'>\n                    <div class=\"service-icon\"><i class=\"fa-solid fa-car\"><\/i><\/div>\n                    <h3>Cochera<\/h3>\n                    <p>Estacionamiento exclusivo, techado y seguro para cada apart.<\/p>\n                <\/div>\n\n                <!-- CONFORT -  fotos reales -->\n                <div class=\"service-item\" data-title=\"Confort y Descanso\" data-images='[\n                        \"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/01\/doble_puerta.webp\",\n                        \"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/01\/habitacion-para-4_2.webp\",\n                        \"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/habitacion_doble_cama-scaled.webp\",\n                        \"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/01\/habitacion_para-2_cama-doble-scaled.webp\"\n                    ]'>\n                    <div class=\"service-icon\"><i class=\"fa-solid fa-bed\"><\/i><\/div>\n                    <h3>Confort y Descanso<\/h3>\n                    <p>Habitaciones equipadas con sommiers de alta calidad y climatizaci\u00f3n.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- GALER\u00cdA -->\n    <section class=\"section gallery-wrap\">\n        <div class=\"container\">\n            <div class=\"title-wrap\">\n                <h2 class=\"section-title\">El Espacio<\/h2>\n            <\/div>\n\n            <div class=\"gallery\" id=\"bv-gallery\">\n                <!-- IMPORTANTE: URL_FOTO_X.webp  -->\n                <a class=\"g-item g-1\"\n                    href=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/01\/piscina_personas-1.webp\"\n                    data-full=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/01\/piscina_personas-1.webp\"\n                    aria-label=\"Abrir foto 1\">\n                    <img src=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/01\/piscina_personas-1.webp\"\n                        alt=\"Buenos Vientos - Foto 1\" loading=\"lazy\" decoding=\"async\">\n                    <span class=\"zoom\"><i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i><\/span>\n                <\/a>\n\n                <a class=\"g-item g-2\"\n                    href=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/Asador_dpto_2pers.webp\"\n                    data-full=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/Asador_dpto_2pers.webp\"\n                    aria-label=\"Abrir foto 2\">\n                    <img src=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/Asador_dpto_2pers.webp\"\n                        alt=\"Buenos Vientos - Foto 2\" loading=\"lazy\" decoding=\"async\">\n                    <span class=\"zoom\"><i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i><\/span>\n                <\/a>\n\n                <a class=\"g-item g-3\" href=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/01\/cocina.webp\"\n                    data-full=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/01\/cocina.webp\"\n                    aria-label=\"Abrir foto 3\">\n                    <img src=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/01\/cocina.webp\"\n                        alt=\"Buenos Vientos - Foto 3\" loading=\"lazy\" decoding=\"async\">\n                    <span class=\"zoom\"><i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i><\/span>\n                <\/a>\n\n                <a class=\"g-item g-4\"\n                    href=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/01\/estacionamiento2.webp\"\n                    data-full=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/01\/estacionamiento2.webp\"\n                    aria-label=\"Abrir foto 4\">\n                    <img src=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/01\/estacionamiento2.webp\"\n                        loading=\"lazy\" decoding=\"async\">\n                    <span class=\"zoom\"><i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i><\/span>\n                <\/a>\n\n                <a class=\"g-item g-5\"\n                    href=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/01\/habitacion-para-4_2.webp\"\n                    data-full=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/01\/habitacion-para-4_2.webp\"\n                    aria-label=\"Abrir foto 5\">\n                    <img src=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/01\/habitacion-para-4_2.webp\"\n                        alt=\"Buenos Vientos - Foto 5\" loading=\"lazy\" decoding=\"async\">\n                    <span class=\"zoom\"><i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i><\/span>\n                <\/a>\n\n                <a class=\"g-item g-6\"\n                    href=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/habitacion_doble_cama-scaled.webp\"\n                    data-full=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/habitacion_doble_cama-scaled.webp\"\n                    aria-label=\"Abrir foto 6\">\n                    <img src=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/habitacion_doble_cama-scaled.webp\"\n                        alt=\"Buenos Vientos - Foto 6\" loading=\"lazy\" decoding=\"async\">\n                    <span class=\"zoom\"><i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i><\/span>\n                <\/a>\n\n                <!-- NUEVAS IM\u00c1GENES - Reemplazar URLs con las reales -->\n                <a class=\"g-item g-7\"\n                    href=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/piscina_noche.webp\"\n                    data-full=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/piscina_noche.webp\"\n                    aria-label=\"Abrir foto 7\">\n                    <img src=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/piscina_noche.webp\"\n                        alt=\"Foto 7 - piscina_noche\" loading=\"lazy\" decoding=\"async\">\n                    <span class=\"zoom\"><i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i><\/span>\n                <\/a>\n\n                <a class=\"g-item g-8\"\n                    href=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/frente_noche.webp\"\n                    data-full=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/frente_noche.webp\"\n                    aria-label=\"Abrir foto 8\">\n                    <img src=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/frente_noche.webp\"\n                        alt=\"Foto 8 - Foto entrada de noche\" loading=\"lazy\" decoding=\"async\">\n                    <span class=\"zoom\"><i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i><\/span>\n                <\/a>\n\n                <a class=\"g-item g-9\"\n                    href=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/frente_calle_noche.webp\"\n                    data-full=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/frente_calle_noche.webp\"\n                    aria-label=\"Abrir foto 9\">\n                    <img src=\"https:\/\/buenosvientosapart.com.ar\/wp-content\/uploads\/2026\/02\/frente_calle_noche.webp\"\n                        alt=\"Buenos Vientos - Foto 9\" loading=\"lazy\" decoding=\"async\">\n                    <span class=\"zoom\"><i class=\"fa-solid fa-up-right-and-down-left-from-center\"><\/i><\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CTA -->\n    <section class=\"cta\">\n        <div class=\"container\">\n            <h2>Viv\u00ed Cafayate a tu ritmo<\/h2>\n            <p> Consultanos disponibilidad, tarifas y promociones especiales.<\/p>\n            <a href=\"https:\/\/buenosvientosapart.com.ar\/contacto\/\">Consultar disponibilidad<\/a>\n            <\/p>\n\n        <\/div>\n    <\/section>\n\n    <!-- Lightbox (Galer\u00eda) -->\n    <div class=\"lb\" id=\"bv-lb\" aria-hidden=\"true\">\n        <div class=\"lb-dialog\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Galer\u00eda de im\u00e1genes\">\n            <button class=\"lb-btn lb-close\" type=\"button\" aria-label=\"Cerrar\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\n            <button class=\"lb-btn lb-prev\" type=\"button\" aria-label=\"Anterior\"><i\n                    class=\"fa-solid fa-chevron-left\"><\/i><\/button>\n            <button class=\"lb-btn lb-next\" type=\"button\" aria-label=\"Siguiente\"><i\n                    class=\"fa-solid fa-chevron-right\"><\/i><\/button>\n            <img decoding=\"async\" class=\"lb-img\" id=\"bv-lb-img\" src=\"\" alt=\"\">\n            <div class=\"lb-hint\">Us\u00e1 \u2190 \u2192 o ESC<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Service Lightbox (\u00c1lbum de fotos para servicios) -->\n    <div class=\"slb\" id=\"bv-slb\" aria-hidden=\"true\">\n        <div class=\"slb-dialog\" role=\"dialog\" aria-modal=\"true\" aria-label=\"\u00c1lbum de fotos del servicio\">\n            <!-- Header -->\n            <div class=\"slb-header\">\n                <h3 class=\"slb-title\" id=\"bv-slb-title\">Servicio<\/h3>\n                <button class=\"slb-btn slb-close\" type=\"button\" aria-label=\"Cerrar\">\n                    <i class=\"fa-solid fa-xmark\"><\/i>\n                <\/button>\n            <\/div>\n\n            <!-- Imagen principal con navegaci\u00f3n -->\n            <div class=\"slb-main-wrap\">\n                <button class=\"slb-btn slb-prev\" type=\"button\" aria-label=\"Anterior\">\n                    <i class=\"fa-solid fa-chevron-left\"><\/i>\n                <\/button>\n                <img decoding=\"async\" class=\"slb-main-img\" id=\"bv-slb-img\" src=\"\" alt=\"\">\n                <button class=\"slb-btn slb-next\" type=\"button\" aria-label=\"Siguiente\">\n                    <i class=\"fa-solid fa-chevron-right\"><\/i>\n                <\/button>\n            <\/div>\n\n            <!-- Miniaturas -->\n            <div class=\"slb-thumbs\" id=\"bv-slb-thumbs\"><\/div>\n\n            <!-- Contador -->\n            <div class=\"slb-counter\" id=\"bv-slb-counter\">1 \/ 4<\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/* ===== Lightbox Logic ===== *\/\n        (function () {\n            const root = document.getElementById('bv-servicios');\n            if (!root) return;\n\n            const gallery = root.querySelector('#bv-gallery');\n            const lb = root.querySelector('#bv-lb');\n            const lbImg = root.querySelector('#bv-lb-img');\n            const btnClose = root.querySelector('.lb-close');\n            const btnPrev = root.querySelector('.lb-prev');\n            const btnNext = root.querySelector('.lb-next');\n\n            if (!gallery || !lb || !lbImg) return;\n\n            const items = Array.from(gallery.querySelectorAll('.g-item'));\n            if (!items.length) return;\n\n            let index = 0;\n\n            function openAt(i) {\n                index = (i + items.length) % items.length;\n                const a = items[index];\n                const full = a.getAttribute('data-full') || a.getAttribute('href');\n                const alt = a.querySelector('img')?.getAttribute('alt') || 'Imagen';\n                lbImg.src = full;\n                lbImg.alt = alt;\n                lb.classList.add('open');\n                lb.setAttribute('aria-hidden', 'false');\n                document.body.style.overflow = 'hidden';\n            }\n\n            function close() {\n                lb.classList.remove('open');\n                lb.setAttribute('aria-hidden', 'true');\n                lbImg.src = '';\n                document.body.style.overflow = '';\n            }\n\n            function prev() { openAt(index - 1); }\n            function next() { openAt(index + 1); }\n\n            items.forEach((a, i) => {\n                a.addEventListener('click', (e) => {\n                    e.preventDefault();\n                    openAt(i);\n                });\n            });\n\n            btnClose && btnClose.addEventListener('click', close);\n            btnPrev && btnPrev.addEventListener('click', prev);\n            btnNext && btnNext.addEventListener('click', next);\n\n            lb.addEventListener('click', (e) => {\n                if (e.target === lb) close();\n            });\n\n            document.addEventListener('keydown', (e) => {\n                if (!lb.classList.contains('open')) return;\n                if (e.key === 'Escape') close();\n                if (e.key === 'ArrowLeft') prev();\n                if (e.key === 'ArrowRight') next();\n            });\n        })();\n    <\/script>\n\n    <script>\n        \/* ===== Service Lightbox Logic (\u00c1lbum de servicios) ===== *\/\n        (function () {\n            const root = document.getElementById('bv-servicios');\n            if (!root) return;\n\n            \/\/ Elementos del lightbox\n            const slb = root.querySelector('#bv-slb');\n            const slbTitle = root.querySelector('#bv-slb-title');\n            const slbImg = root.querySelector('#bv-slb-img');\n            const slbThumbs = root.querySelector('#bv-slb-thumbs');\n            const slbCounter = root.querySelector('#bv-slb-counter');\n            const btnClose = root.querySelector('.slb-close');\n            const btnPrev = root.querySelector('.slb-prev');\n            const btnNext = root.querySelector('.slb-next');\n\n            if (!slb || !slbImg) return;\n\n            \/\/ Service items con data-images\n            const serviceItems = Array.from(root.querySelectorAll('.service-item[data-images]'));\n            if (!serviceItems.length) return;\n\n            let currentImages = [];\n            let currentIndex = 0;\n\n            \/\/ Funci\u00f3n para renderizar miniaturas\n            function renderThumbs() {\n                slbThumbs.innerHTML = '';\n                currentImages.forEach((src, i) => {\n                    const thumb = document.createElement('div');\n                    thumb.className = 'slb-thumb' + (i === currentIndex ? ' active' : '');\n                    thumb.innerHTML = `<img decoding=\"async\" src=\"${src}\" alt=\"Miniatura ${i + 1}\" loading=\"lazy\">`;\n                    thumb.addEventListener('click', () => goTo(i));\n                    slbThumbs.appendChild(thumb);\n                });\n            }\n\n            \/\/ Funci\u00f3n para actualizar imagen activa\n            function updateActiveThumb() {\n                const thumbs = slbThumbs.querySelectorAll('.slb-thumb');\n                thumbs.forEach((t, i) => {\n                    t.classList.toggle('active', i === currentIndex);\n                });\n            }\n\n            \/\/ Funci\u00f3n para ir a una imagen espec\u00edfica\n            function goTo(i) {\n                currentIndex = (i + currentImages.length) % currentImages.length;\n                slbImg.src = currentImages[currentIndex];\n                slbImg.alt = `Foto ${currentIndex + 1}`;\n                slbCounter.textContent = `${currentIndex + 1} \/ ${currentImages.length}`;\n                updateActiveThumb();\n            }\n\n            \/\/ Abrir lightbox con las im\u00e1genes de un servicio\n            function openServiceAlbum(serviceItem) {\n                try {\n                    const imagesData = serviceItem.getAttribute('data-images');\n                    const title = serviceItem.getAttribute('data-title') || 'Galer\u00eda';\n\n                    currentImages = JSON.parse(imagesData);\n                    if (!currentImages || currentImages.length === 0) return;\n\n                    currentIndex = 0;\n                    slbTitle.textContent = title;\n                    slbImg.src = currentImages[0];\n                    slbImg.alt = `${title} - Foto 1`;\n                    slbCounter.textContent = `1 \/ ${currentImages.length}`;\n\n                    renderThumbs();\n\n                    slb.classList.add('open');\n                    slb.setAttribute('aria-hidden', 'false');\n                    document.body.style.overflow = 'hidden';\n                } catch (e) {\n                    console.error('Error abriendo \u00e1lbum de servicio:', e);\n                }\n            }\n\n            \/\/ Cerrar lightbox\n            function close() {\n                slb.classList.remove('open');\n                slb.setAttribute('aria-hidden', 'true');\n                slbImg.src = '';\n                slbThumbs.innerHTML = '';\n                document.body.style.overflow = '';\n                currentImages = [];\n                currentIndex = 0;\n            }\n\n            function prev() { goTo(currentIndex - 1); }\n            function next() { goTo(currentIndex + 1); }\n\n            \/\/ Event listeners para service items\n            serviceItems.forEach(item => {\n                item.addEventListener('click', () => openServiceAlbum(item));\n            });\n\n            \/\/ Botones de navegaci\u00f3n\n            btnClose && btnClose.addEventListener('click', close);\n            btnPrev && btnPrev.addEventListener('click', prev);\n            btnNext && btnNext.addEventListener('click', next);\n\n            \/\/ Cerrar al clickear fuera del di\u00e1logo\n            slb.addEventListener('click', (e) => {\n                if (e.target === slb) close();\n            });\n\n            \/\/ Navegaci\u00f3n con teclado\n            document.addEventListener('keydown', (e) => {\n                if (!slb.classList.contains('open')) return;\n                if (e.key === 'Escape') close();\n                if (e.key === 'ArrowLeft') prev();\n                if (e.key === 'ArrowRight') next();\n            });\n        })();\n    <\/script>\n\n    <script>\n        \/* ===== Header Height Fix (Igual que en Home) ===== *\/\n        (function () {\n            const root = document.getElementById('bv-servicios');\n            if (!root) return;\n\n            \/\/ Selector para detectar header de Astra\n            const header =\n                document.querySelector('#masthead.site-header') ||\n                document.querySelector('#masthead') ||\n                document.querySelector('.site-header');\n\n            function updateHeaderHeight() {\n                if (!header) {\n                    \/\/ Si no encuentra header, mantiene el fallback del CSS (90px)\n                    return;\n                }\n\n                const pos = getComputedStyle(header).position;\n                const overlay = (pos === 'fixed' || pos === 'sticky' || pos === 'absolute');\n\n                \/\/ Medir altura real\n                const h = Math.ceil(header.getBoundingClientRect().height);\n\n                \/\/ Si el header es sticky\/fixed, usamos su altura real. Si no, 0.\n                root.style.setProperty('--bv-header-h', overlay ? `${h}px` : '0px');\n            }\n\n            \/\/ 1) Ejecutar al inicio\n            updateHeaderHeight();\n\n            \/\/ 2) Al cargar todo (fonts\/imagenes)\n            window.addEventListener('load', updateHeaderHeight, { passive: true });\n\n            \/\/ 3) Resize\n            window.addEventListener('resize', updateHeaderHeight, { passive: true });\n\n            \/\/ 4) Observer si el header cambia din\u00e1micamente\n            if ('ResizeObserver' in window && header) {\n                const ro = new ResizeObserver(updateHeaderHeight);\n                ro.observe(header);\n            }\n        })();\n    <\/script>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Servicios &amp; Comodidades El complejo cuenta con 5 departamentos totalmente equipados: unidades para 2 y 4 personas, rodeadas de naturaleza [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-273","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/buenosvientosapart.com.ar\/en\/wp-json\/wp\/v2\/pages\/273","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buenosvientosapart.com.ar\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buenosvientosapart.com.ar\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buenosvientosapart.com.ar\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buenosvientosapart.com.ar\/en\/wp-json\/wp\/v2\/comments?post=273"}],"version-history":[{"count":198,"href":"https:\/\/buenosvientosapart.com.ar\/en\/wp-json\/wp\/v2\/pages\/273\/revisions"}],"predecessor-version":[{"id":2272,"href":"https:\/\/buenosvientosapart.com.ar\/en\/wp-json\/wp\/v2\/pages\/273\/revisions\/2272"}],"wp:attachment":[{"href":"https:\/\/buenosvientosapart.com.ar\/en\/wp-json\/wp\/v2\/media?parent=273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}