{"id":316,"date":"2025-11-13T22:30:35","date_gmt":"2025-11-14T01:30:35","guid":{"rendered":"https:\/\/bosquesdesumalao.com\/bosques\/?page_id=316"},"modified":"2025-11-13T23:13:56","modified_gmt":"2025-11-14T02:13:56","slug":"golf","status":"publish","type":"page","link":"https:\/\/bosquesdesumalao.com\/bosques\/golf\/","title":{"rendered":"golf"},"content":{"rendered":"\n<p>club_golf<\/p>\n\n\n<nav class=\"bosques-navbar\">\n        <div class=\"navbar-container\">\n            <!-- Logo -->\n            <a href=\"https:\/\/bosquesdesumalao.com\/bosques\/\" class=\"navbar-logo\">\n                <img decoding=\"async\" src=\"https:\/\/bosquesdesumalao.com\/bosques\/wp-content\/uploads\/2025\/07\/logo-bosques-131.png\" alt=\"Logo Bosques de Sumalao\">\n            <\/a>\n\n            <!-- Men\u00fa Desktop -->\n            <ul class=\"navbar-links\">\n                <li><a href=\"https:\/\/bosquesdesumalao.com\/bosques\/\">Inicio<\/a><\/li>\n                <li class=\"dropdown\">\n                    <a href=\"#\" class=\"dropdown-toggle\">\n                        Proyectos <i class=\"fas fa-chevron-down dropdown-icon\"><\/i>\n                    <\/a>\n                    <ul class=\"dropdown-menu\">\n                        <li><a href=\"https:\/\/bosquesdesumalao.com\/bosques\/bosques-1\/\">Bosques n\u00b01<\/a><\/li>\n                        <li><a href=\"https:\/\/bosquesdesumalao.com\/bosques\/lotes-nodo-empresarial\">Terrenos en Nodo Empresarial<\/a><\/li>\n                       <li><a href=\"https:\/\/bosquesdesumalao.com\/bosques\/estacion-de-servicio\">Estaci\u00f3n de Servicio en Nodo Empresarial<\/a><\/li>\n\t\t\t\t\t\t <li><a href=\"https:\/\/bosquesdesumalao.com\/bosques\/golf\/\">Club de Golf Nodo Empresarial<\/a><\/li>\n                    <\/ul>\n                <\/li>\n                <li><a href=\"https:\/\/bosquesdesumalao.com\/bosques\/uvi\/\">Calculadora UVI<\/a><\/li>\n                <li><a href=\"https:\/\/bosquesdesumalao.com\/bosques\/contacto-2\/\">Contacto<\/a><\/li>\n                <li><a href=\"https:\/\/bosquesdesumalao.com\/bosques\/#empresa\">Empresa<\/a><\/li>\n                <li><a href=\"https:\/\/bosquesdesumalao.com\/bosques\/postulantes\">Trabaja con nosotros<\/a><\/li>\n            <\/ul>\n\n            <!-- CTA Desktop -->\n            <div class=\"navbar-cta\">\n                <a href=\"https:\/\/bosquesdesumalao.com\/bosques\/portal\" class=\"cta-button\">\n                    <i class=\"fas fa-user-circle\"><\/i> Portal Cliente\n                <\/a>\n            <\/div>\n\n            <!-- Men\u00fa Mobile -->\n            <div class=\"mobile-menu-toggle\">\n                <button class=\"hamburger\">\n                    <span class=\"hamburger-line\"><\/span>\n                    <span class=\"hamburger-line\"><\/span>\n                    <span class=\"hamburger-line\"><\/span>\n                <\/button>\n            <\/div>\n        <\/div>\n\n        <!-- Men\u00fa Mobile Content -->\n        <div class=\"mobile-menu\">\n            <div class=\"mobile-menu-header\">\n                <div class=\"mobile-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/bosquesdesumalao.com\/bosques\/wp-content\/uploads\/2025\/07\/logo-bosques-131.png\" alt=\"Logo Bosques de Sumalao\">\n                <\/div>\n                <button class=\"mobile-close\">\n                    <span class=\"close-icon\">&times;<\/span>\n                <\/button>\n            <\/div>\n            \n            <div class=\"mobile-menu-content\">\n                <ul class=\"mobile-nav-links\">\n                    <li>\n                        <a href=\"https:\/\/bosquesdesumalao.com\/bosques\/\">\n                            <i class=\"fas fa-home\"><\/i>\n                            <span>Inicio<\/span>\n                        <\/a>\n                    <\/li>\n                    <li class=\"mobile-dropdown\">\n                        <a href=\"#\" class=\"mobile-dropdown-toggle\">\n                            <i class=\"fas fa-building\"><\/i>\n                            <span>Proyectos<\/span>\n                            <i class=\"fas fa-chevron-down mobile-dropdown-icon\"><\/i>\n                        <\/a>\n                        <ul class=\"mobile-dropdown-menu\">\n                            <li>\n                                <a href=\"https:\/\/bosquesdesumalao.com\/bosques\/bosques-1\/\">\n                                    <i class=\"fas fa-tree\"><\/i>\n                                    <span>Bosques n\u00b01<\/span>\n                                <\/a>\n                            <\/li>\n                            <li>\n                                <a href=\"https:\/\/bosquesdesumalao.com\/bosques\/lotes-nodo-empresarial\">\n                                    <i class=\"fas fa-industry\"><\/i>\n                                    <span>Terrenos en Nodo Empresarial<\/span>\n                                <\/a>\n                            <\/li>\n\t\t\t\t\t\t\t<li>\n                                <a href=\"https:\/\/bosquesdesumalao.com\/bosques\/estacion-de-servicio\">\n                                    <i class=\"fas fa-industry\"><\/i>\n                                    <span>Estaci\u00f3n de Servicio en Nodo Empresarial<\/span>\n                                <\/a>\n                            <\/li>\n\t\t\t\t\t\t\t<li>\n                                <a href=\"https:\/\/bosquesdesumalao.com\/bosques\/golf\">\n                                    <i class=\"fas fa-industry\"><\/i>\n                                    <span>Club de Golf Nodo Empresarial<\/span>\n                                <\/a>\n                            <\/li>\t\n                        <\/ul>\n                    <\/li>\n                    <li>\n                        <a href=\"https:\/\/bosquesdesumalao.com\/bosques\/uvi\/\">\n                            <i class=\"fas fa-calculator\"><\/i>\n                            <span>Calculadora UVI<\/span>\n                        <\/a>\n                    <\/li>\n                    <li>\n                        <a href=\"https:\/\/bosquesdesumalao.com\/bosques\/contacto-2\/\">\n                            <i class=\"fas fa-envelope\"><\/i>\n                            <span>Contacto<\/span>\n                        <\/a>\n                    <\/li>\n                    <li>\n                        <a href=\"https:\/\/bosquesdesumalao.com\/bosques\/#empresa\">\n                            <i class=\"fas fa-info-circle\"><\/i>\n                            <span>Empresa<\/span>\n                        <\/a>\n                    <\/li>\n                    <li>\n                        <a href=\"https:\/\/bosquesdesumalao.com\/bosques\/postulantes\">\n                            <i class=\"fas fa-briefcase\"><\/i>\n                            <span>Trabaja con nosotros<\/span>\n                        <\/a>\n                    <\/li>\n                <\/ul>\n                \n                <div class=\"mobile-cta\">\n                    <a href=\"https:\/\/bosquesdesumalao.com\/bosques\/portal\" class=\"mobile-cta-button\">\n                        <i class=\"fas fa-user-circle\"><\/i> Portal Cliente\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Overlay para cuando el men\u00fa est\u00e1 abierto -->\n        <div class=\"mobile-overlay\"><\/div>\n    <\/nav>\n\n    <style>\n        \/* Importar Font Awesome *\/\n        @import url(\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\");\n        \n        \/* Variables de paleta Bosques de Sumalao *\/\n        :root {\n            --text-primary: #213026;\n            --bg-primary: #f6f8f4;\n            --bg-secondary: #0c1511;\n            --text-secondary: #37483a;\n            --accent-green: #4a6741;\n            --accent-light: #6b8e5a;\n            --white: #ffffff;\n            --transition-duration: 0.4s;\n            --easing: cubic-bezier(0.23, 1, 0.32, 1);\n        }\n\n        \/* Estilos generales del navbar *\/\n        .bosques-navbar {\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            z-index: 1000;\n            background: rgba(246, 248, 244, 0.95);\n            backdrop-filter: blur(12px);\n            box-shadow: 0 4px 20px rgba(33, 48, 38, 0.08);\n            padding: 1rem 0;\n            transition: all var(--transition-duration) var(--easing);\n            font-family: \"Arial\", sans-serif;\n        }\n\n        .navbar-container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 2rem;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n\n        \/* Logo *\/\n        .navbar-logo img {\n            height: 60px;\n            transition: transform var(--transition-duration) var(--easing);\n        }\n\n        .navbar-logo:hover img {\n            transform: scale(1.05);\n        }\n\n        \/* Men\u00fa Desktop *\/\n        .navbar-links {\n            display: flex;\n            gap: 2rem;\n            list-style: none;\n            margin: 0;\n            padding: 0;\n        }\n\n        .navbar-links > li {\n            position: relative;\n        }\n\n        .navbar-links a {\n            color: var(--text-primary);\n            text-decoration: none;\n            font-weight: 500;\n            font-size: 0.95rem;\n            position: relative;\n            padding: 0.5rem 0;\n            transition: color var(--transition-duration) var(--easing);\n            display: flex;\n            align-items: center;\n            gap: 5px;\n        }\n\n        .navbar-links a::after {\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 0;\n            height: 2px;\n            background: var(--accent-green);\n            transition: width var(--transition-duration) var(--easing);\n        }\n\n        .navbar-links a:hover {\n            color: var(--accent-green);\n        }\n\n        .navbar-links a:hover::after {\n            width: 100%;\n        }\n\n        \/* Dropdown Desktop *\/\n        .dropdown-icon {\n            font-size: 0.7rem;\n            transition: transform var(--transition-duration) var(--easing);\n        }\n\n        .dropdown:hover .dropdown-icon {\n            transform: rotate(180deg);\n        }\n\n        .dropdown-menu {\n            position: absolute;\n            top: 100%;\n            left: 0;\n            background: var(--white);\n            box-shadow: 0 8px 25px rgba(33, 48, 38, 0.15);\n            border-radius: 8px;\n            padding: 0.5rem 0;\n            opacity: 0;\n            visibility: hidden;\n            transform: translateY(-10px);\n            transition: all var(--transition-duration) var(--easing);\n            min-width: 220px;\n            z-index: 100;\n            list-style: none;\n            margin: 0;\n        }\n\n        .dropdown:hover .dropdown-menu {\n            opacity: 1;\n            visibility: visible;\n            transform: translateY(0);\n        }\n\n        .dropdown-menu li {\n            margin: 0;\n        }\n\n        .dropdown-menu a {\n            padding: 0.75rem 1.25rem;\n            color: var(--text-primary);\n            border-radius: 0;\n            display: block;\n            transition: all 0.3s ease;\n        }\n\n        .dropdown-menu a::after {\n            display: none;\n        }\n\n        .dropdown-menu a:hover {\n            background: var(--bg-primary);\n            color: var(--accent-green);\n            padding-left: 1.5rem;\n        }\n\n        \/* Bot\u00f3n CTA Desktop *\/\n        .cta-button {\n            background: linear-gradient(135deg, var(--accent-green), var(--accent-light));\n            color: var(--white);\n            padding: 0.8rem 1.8rem;\n            border-radius: 25px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 0.9rem;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            transition: all var(--transition-duration) var(--easing);\n            box-shadow: 0 4px 15px rgba(74, 103, 65, 0.25);\n            border: 2px solid transparent;\n        }\n\n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(74, 103, 65, 0.35);\n            background: var(--white);\n            color: var(--accent-green);\n            border-color: var(--accent-green);\n        }\n\n        \/* Bot\u00f3n hamburguesa *\/        \n        .mobile-menu-toggle {\n            display: none;\n            position: relative;\n            z-index: 1002;\n        }\n\n        .hamburger {\n            background: transparent;\n            border: none;\n            cursor: pointer;\n            padding: 0.5rem;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .hamburger-line {\n            display: block;\n            width: 28px;\n            height: 3px;\n            background: var(--text-primary);\n            margin: 4px 0;\n            border-radius: 3px;\n            transition: all var(--transition-duration) var(--easing);\n        }\n\n        .hamburger:hover .hamburger-line {\n            background: var(--accent-green);\n        }\n\n        \/* VERSI\u00d3N M\u00d3VIL DEL MEN\u00da *\/\n        .mobile-menu {\n            position: fixed;\n            top: 0;\n            right: -100%;\n            bottom: 0;\n            width: 85%;\n            max-width: 350px;\n            height: 100vh;\n            background: var(--white);\n            z-index: 1005;\n            transition: right var(--transition-duration) var(--easing);\n            box-shadow: -5px 0 25px rgba(33, 48, 38, 0.15);\n            display: flex;\n            flex-direction: column;\n            overflow-y: auto;\n        }\n\n        .mobile-menu.active {\n            right: 0;\n        }\n\n        \/* Encabezado del men\u00fa m\u00f3vil *\/\n        .mobile-menu-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 20px;\n            border-bottom: 1px solid var(--bg-primary);\n            position: sticky;\n            top: 0;\n            background: var(--white);\n            z-index: 2;\n        }\n\n        .mobile-logo img {\n            height: 32px;\n        }\n\n        .mobile-close {\n            background: var(--bg-primary);\n            border: none;\n            cursor: pointer;\n            width: 36px;\n            height: 36px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.3s ease;\n        }\n\n        .mobile-close:hover {\n            background: var(--accent-green);\n        }\n\n        .close-icon {\n            font-size: 24px;\n            color: var(--text-primary);\n            line-height: 1;\n        }\n\n        \/* Contenido del men\u00fa m\u00f3vil *\/\n        .mobile-menu-content {\n            padding: 25px 20px;\n            display: flex;\n            flex-direction: column;\n            flex-grow: 1;\n            overflow-y: auto;\n        }\n\n        .mobile-nav-links {\n            list-style: none;\n            padding: 0;\n            margin: 0 0 30px 0;\n        }\n\n        .mobile-nav-links > li {\n            margin-bottom: 10px;\n        }\n\n        .mobile-nav-links a {\n            display: flex;\n            align-items: center;\n            color: var(--text-primary);\n            text-decoration: none;\n            font-size: 1rem;\n            font-weight: 500;\n            padding: 12px 15px;\n            border-radius: 8px;\n            transition: all 0.3s ease;\n            border: 1px solid transparent;\n        }\n\n        .mobile-nav-links a:hover {\n            background-color: var(--bg-primary);\n            color: var(--accent-green);\n            border-color: var(--accent-green);\n        }\n\n        .mobile-nav-links i {\n            font-size: 1.1rem;\n            width: 24px;\n            margin-right: 15px;\n            color: var(--accent-green);\n        }\n\n        \/* Dropdown m\u00f3vil *\/\n        .mobile-dropdown-menu {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n            padding-left: 20px;\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s ease;\n        }\n\n        .mobile-dropdown-menu.active {\n            max-height: 200px;\n            margin-top: 10px;\n        }\n\n        .mobile-dropdown-menu a {\n            font-size: 0.9rem;\n            padding: 8px 12px;\n            color: var(--text-secondary);\n        }\n\n        .mobile-dropdown-icon {\n            margin-left: auto;\n            font-size: 0.8rem;\n            transition: transform 0.3s ease;\n        }\n\n        .mobile-dropdown-toggle.active .mobile-dropdown-icon {\n            transform: rotate(180deg);\n        }\n\n        \/* CTA m\u00f3vil *\/\n        .mobile-cta {\n            margin: auto 0 25px 0;\n            padding: 15px 0;\n        }\n\n        .mobile-cta-button {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            width: 100%;\n            padding: 15px 20px;\n            background: var(--accent-green);\n            color: var(--white);\n            text-decoration: none;\n            font-weight: 600;\n            border-radius: 8px;\n            text-align: center;\n            box-shadow: 0 4px 12px rgba(74, 103, 65, 0.3);\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n        }\n\n        .mobile-cta-button:hover {\n            background: var(--white);\n            color: var(--accent-green);\n            border-color: var(--accent-green);\n            transform: translateY(-2px);\n        }\n\n        \/* Overlay para cuando el men\u00fa est\u00e1 abierto *\/\n        .mobile-overlay {\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: rgba(12, 21, 17, 0.6);\n            z-index: 1004;\n            opacity: 0;\n            visibility: hidden;\n            transition: all 0.3s ease;\n        }\n\n        .mobile-overlay.active {\n            opacity: 1;\n            visibility: visible;\n        }\n\n        \/* Scroll Effect *\/\n        .scrolled {\n            padding: 0.5rem 0;\n            backdrop-filter: blur(16px);\n            background: rgba(246, 248, 244, 0.98);\n            box-shadow: 0 4px 25px rgba(33, 48, 38, 0.12);\n        }\n\n\/* Ajuste para el bot\u00f3n CTA en mobile *\/\n.mobile-cta {\n    margin: 20px 0; \/* antes estaba auto 0 25px 0 *\/\n    padding: 0 15px; \/* le damos respiraci\u00f3n lateral *\/\n}\n\n.mobile-cta-button {\n    padding: 14px 16px; \/* un poco m\u00e1s compacto que los 15px 20px *\/\n    font-size: 1rem; \/* tama\u00f1o de texto fijo para que no se corte *\/\n    max-width: 100%; \/* se adapta al ancho del contenedor *\/\n    box-sizing: border-box; \/* asegura que respete el ancho *\/\n}\n\n        \/* Responsive *\/\n        @media (max-width: 1200px) {\n            .navbar-links {\n                gap: 1.5rem;\n            }\n            \n            .navbar-links a {\n                font-size: 0.9rem;\n            }\n        }\n\n        @media (max-width: 1024px) {\n            .navbar-links,\n            .navbar-cta {\n                display: none;\n            }\n\n            .mobile-menu-toggle {\n                display: block;\n            }\n        }\n\n        \/* Ajustes adicionales para m\u00f3viles peque\u00f1os *\/\n        @media (max-width: 480px) {\n            .navbar-container {\n                padding: 0 1rem;\n            }\n            \n            .mobile-menu {\n                width: 100%;\n                max-width: none;\n            }\n        }\n\n        \/* Mejoras de accesibilidad *\/\n        @media (prefers-reduced-motion: reduce) {\n            * {\n                animation-duration: 0.01ms !important;\n                animation-iteration-count: 1 !important;\n                transition-duration: 0.01ms !important;\n            }\n        }\n    <\/style>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \/\/ Elementos del DOM\n            const hamburger = document.querySelector(\".hamburger\");\n            const mobileMenu = document.querySelector(\".mobile-menu\");\n            const mobileClose = document.querySelector(\".mobile-close\");\n            const mobileOverlay = document.querySelector(\".mobile-overlay\");\n            const mobileLinks = document.querySelectorAll(\".mobile-nav-links a:not(.mobile-dropdown-toggle), .mobile-cta-button\");\n            const mobileDropdownToggles = document.querySelectorAll(\".mobile-dropdown-toggle\");\n            \n            \/\/ Funci\u00f3n para abrir el men\u00fa\n            function openMenu() {\n                mobileMenu.classList.add(\"active\");\n                mobileOverlay.classList.add(\"active\");\n                document.body.style.overflow = \"hidden\";\n                \n                \/\/ Asegurarse de que el men\u00fa est\u00e9 en la parte superior\n                window.scrollTo(0, 0);\n                \n                \/\/ Restablecer la posici\u00f3n de scroll del men\u00fa m\u00f3vil\n                mobileMenu.scrollTop = 0;\n            }\n            \n            \/\/ Funci\u00f3n para cerrar el men\u00fa\n            function closeMenu() {\n                mobileMenu.classList.remove(\"active\");\n                mobileOverlay.classList.remove(\"active\");\n                document.body.style.overflow = \"\";\n                \n                \/\/ Cerrar todos los dropdowns m\u00f3viles\n                mobileDropdownToggles.forEach(toggle => {\n                    toggle.classList.remove(\"active\");\n                    const menu = toggle.parentElement.querySelector(\".mobile-dropdown-menu\");\n                    if (menu) menu.classList.remove(\"active\");\n                });\n            }\n            \n            \/\/ Eventos para abrir\/cerrar men\u00fa\n            hamburger.addEventListener(\"click\", openMenu);\n            mobileClose.addEventListener(\"click\", closeMenu);\n            mobileOverlay.addEventListener(\"click\", closeMenu);\n            \n            \/\/ Manejo de dropdowns m\u00f3viles\n            mobileDropdownToggles.forEach(toggle => {\n                toggle.addEventListener(\"click\", (e) => {\n                    e.preventDefault();\n                    \n                    const isActive = toggle.classList.contains(\"active\");\n                    const dropdownMenu = toggle.parentElement.querySelector(\".mobile-dropdown-menu\");\n                    \n                    \/\/ Cerrar otros dropdowns\n                    mobileDropdownToggles.forEach(otherToggle => {\n                        if (otherToggle !== toggle) {\n                            otherToggle.classList.remove(\"active\");\n                            const otherMenu = otherToggle.parentElement.querySelector(\".mobile-dropdown-menu\");\n                            if (otherMenu) otherMenu.classList.remove(\"active\");\n                        }\n                    });\n                    \n                    \/\/ Toggle el dropdown actual\n                    if (isActive) {\n                        toggle.classList.remove(\"active\");\n                        if (dropdownMenu) dropdownMenu.classList.remove(\"active\");\n                    } else {\n                        toggle.classList.add(\"active\");\n                        if (dropdownMenu) dropdownMenu.classList.add(\"active\");\n                    }\n                });\n            });\n            \n            \/\/ Cerrar el men\u00fa cuando se hace clic en un enlace\n            mobileLinks.forEach(link => {\n                link.addEventListener(\"click\", () => {\n                    closeMenu();\n                    \n                    \/\/ Si es un enlace interno, realizar scroll suave\n                    const href = link.getAttribute(\"href\");\n                    if (href.includes(\"#\") && !href.startsWith(\"http\")) {\n                        const targetId = href.split(\"#\")[1];\n                        if (targetId) {\n                            const targetElement = document.getElementById(targetId);\n                            if (targetElement) {\n                                setTimeout(() => {\n                                    targetElement.scrollIntoView({\n                                        behavior: \"smooth\",\n                                        block: \"start\"\n                                    });\n                                }, 300);\n                            }\n                        }\n                    }\n                });\n            });\n\n            \/\/ Efecto de scroll en la Navbar\n            window.addEventListener(\"scroll\", () => {\n                const navbar = document.querySelector(\".bosques-navbar\");\n                if (window.scrollY > 50) {\n                    navbar.classList.add(\"scrolled\");\n                } else {\n                    navbar.classList.remove(\"scrolled\");\n                }\n            });\n        });\n    <\/script>\n\n\n<section class=\"club-golf-section\" id=\"club-golf\">\n        <div class=\"club-golf-container\">\n            <div class=\"club-golf-header\">\n                <h2 class=\"club-golf-title\">Club de Golf \u2014 Polo Empresarial Catamarca<\/h2>\n                <p class=\"club-golf-subtitle\">Arquitectura integrada al paisaje \u2022 Look & feel: serenidad, texturas y luz<\/p>\n                <div class=\"club-golf-decorative-line\"><\/div>\n            <\/div>\n\n            <div class=\"club-golf-content\">\n                <!-- Hero -->\n                <div class=\"club-golf-hero\">\n                    <img decoding=\"async\" src=\"https:\/\/bosquesdesumalao.com\/bosques\/wp-content\/uploads\/2025\/11\/club-golf-hero.jpg\" \n                         alt=\"Club de Golf \u2014 Polo Empresarial Catamarca\" \n                         class=\"club-golf-hero-image\">\n                    <div class=\"club-golf-hero-overlay\">\n                        <div class=\"club-golf-hero-text\">\n                            <h3>Arquitectura que dialoga con la monta\u00f1a<\/h3>\n                            <p>Dise\u00f1o abierto, materiales locales y espacios flexibles para eventos, restaurante y driving range.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Tabs -->\n                <div class=\"club-golf-tabs\">\n                    <div class=\"club-golf-tabs-nav\">\n                        <button class=\"club-golf-tab-btn active\" data-tab=\"proyecto\">El Proyecto<\/button>\n                        <button class=\"club-golf-tab-btn\" data-tab=\"programa\">Programa<\/button>\n                        <button class=\"club-golf-tab-btn\" data-tab=\"estrategia\">Estrategia Espacial<\/button>\n                        <button class=\"club-golf-tab-btn\" data-tab=\"moodboard\">Moodboard<\/button>\n                        <button class=\"club-golf-tab-btn\" data-tab=\"ubicacion\">Ubicaci\u00f3n<\/button>\n                        <button class=\"club-golf-tab-btn\" data-tab=\"inversion\">Inversi\u00f3n<\/button>\n                    <\/div>\n\n                    <div class=\"club-golf-tabs-content\">\n                        <!-- Proyecto -->\n                        <div class=\"club-golf-tab-pane active\" id=\"proyecto\">\n                            <div class=\"club-golf-grid\">\n                                <div class=\"club-golf-info\">\n                                    <h4>Un proyecto anclado en el paisaje<\/h4>\n                                    <p>El Club de Golf se propone como un polo empresarial y de esparcimiento, con vol\u00famenes abiertos que enmarcan vistas hacia las sierras, materiales regionales (piedra, madera, revoques en tonos tierra) y una estrategia de dise\u00f1o pensada para el clima \u00e1rido de la regi\u00f3n.<\/p>\n\n                                    <ul class=\"club-golf-highlights\">\n                                        <li><strong>Look & Feel:<\/strong> Paisaje, serenidad, texturas y luz.<\/li>\n                                        <li><strong>Materialidad:<\/strong> Piedra regional, madera y tonos terracota.<\/li>\n                                        <li><strong>Experiencia:<\/strong> Espacios para contemplaci\u00f3n, eventos y pr\u00e1ctica deportiva.<\/li>\n                                    <\/ul>\n                                <\/div>\n\n                                <div class=\"club-golf-stats\">\n                                    <div class=\"club-golf-stat\">\n                                        <span class=\"number\">Bloques<\/span>\n                                        <span class=\"label\">Sal\u00f3n de eventos + Restaurante + N\u00facleo de servicios<\/span>\n                                    <\/div>\n                                    <div class=\"club-golf-stat\">\n                                        <span class=\"number\">Driving<\/span>\n                                        <span class=\"label\">10 boxes de pr\u00e1ctica y \u00e1reas VIP<\/span>\n                                    <\/div>\n                                    <div class=\"club-golf-stat\">\n                                        <span class=\"number\">Clima<\/span>\n                                        <span class=\"label\">Seco, alta radiaci\u00f3n solar, vientos NW<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Programa -->\n                        <div class=\"club-golf-tab-pane\" id=\"programa\">\n                            <h4>Organizaci\u00f3n funcional<\/h4>\n                            <p>El conjunto se organiza en dos vol\u00famenes principales (sal\u00f3n de eventos y restaurante) unidos por un n\u00facleo de servicios (cocina, sanitarios, dep\u00f3sitos) y articulados por una galer\u00eda perimetral. Accesos independientes permiten usos simult\u00e1neos y aut\u00f3nomos.<\/p>\n\n                            <div class=\"club-golf-program-grid\">\n                                <div class=\"card\">\n                                    <h5>Sal\u00f3n de Eventos<\/h5>\n                                    <p>Espacio flexible 15 x 30 m, divisible y adaptable a distintos formatos.<\/p>\n                                <\/div>\n                                <div class=\"card\">\n                                    <h5>Restaurante & Sal\u00f3n<\/h5>\n                                    <p>Restaurante panor\u00e1mico con terraza y vistas hacia la sierra.<\/p>\n                                <\/div>\n                                <div class=\"card\">\n                                    <h5>N\u00facleo de Servicios<\/h5>\n                                    <p>Cocina, dep\u00f3sitos y patios internos que ventilan e iluminan naturalmente.<\/p>\n                                <\/div>\n                                <div class=\"card\">\n                                    <h5>Driving Range<\/h5>\n                                    <p>10 boxes, estructura liviana y livings VIP de apoyo.<\/p>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Nueva imagen para Programa -->\n                            <div class=\"club-golf-program-image\" style=\"margin-top: 30px;\">\n                                <img decoding=\"async\" src=\"https:\/\/bosquesdesumalao.com\/bosques\/wp-content\/uploads\/2025\/11\/Captura-de-pantalla-2025-11-14-001256.png\" \n                                     alt=\"Visualizaci\u00f3n del Programa Club de Golf\" \n                                     style=\"width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);\">\n                            <\/div>\n                        <\/div>\n\n                        <!-- Estrategia Espacial -->\n                        <div class=\"club-golf-tab-pane\" id=\"estrategia\">\n                            <h4>Estrategia espacial y dise\u00f1o<\/h4>\n                            <p>El proyecto prioriza la integraci\u00f3n con el relieve y la orientaci\u00f3n: pergolados que generan sombra, escalinatas perimetrales que adaptan el basamento a la topograf\u00eda y elementos filtrantes (celos\u00edas, pergolados de madera) que modulan la luz y mejoran el confort.<\/p>\n\n                            <ul class=\"club-golf-design-points\">\n                                <li>Estructura abierta y modular para m\u00e1xima flexibilidad.<\/li>\n                                <li>Combinaci\u00f3n de estructura met\u00e1lica con mamposter\u00eda y paneles livianos.<\/li>\n                                <li>Materiales que evocan la paleta de la sierra: terracotas, piedras y maderas.<\/li>\n                                <li>Eficiencia energ\u00e9tica: ventilaci\u00f3n cruzada y patios internos.<\/li>\n                            <\/ul>\n\n                            <!-- Nuevas im\u00e1genes para Estrategia Espacial -->\n                            <div class=\"club-golf-strategy-images\" style=\"margin-top: 30px;\">\n                                <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\">\n                                    <div>\n                                        <img decoding=\"async\" src=\"https:\/\/bosquesdesumalao.com\/bosques\/wp-content\/uploads\/2025\/11\/club-golf-restaurante.jpg\" \n                                             alt=\"Estrategia espacial - Restaurante\" \n                                             style=\"width: 100%; height: 300px; object-fit: cover; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);\">\n                                    <\/div>\n                                    <div>\n                                        <img decoding=\"async\" src=\"https:\/\/bosquesdesumalao.com\/bosques\/wp-content\/uploads\/2025\/11\/club-golf-driving.jpg\" \n                                             alt=\"Estrategia espacial - Driving Range\" \n                                             style=\"width: 100%; height: 300px; object-fit: cover; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);\">\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Moodboard -->\n                        <div class=\"club-golf-tab-pane\" id=\"moodboard\">\n                            <h4>Moodboard & Materialidad<\/h4>\n                            <p>Texturas c\u00e1lidas, muros en piedra, pisos en madera y porcelanato, y vegetaci\u00f3n aut\u00f3ctona.<\/p>\n\n                            <div class=\"club-golf-moodboard\">\n                                <img decoding=\"async\" src=\"https:\/\/bosquesdesumalao.com\/bosques\/wp-content\/uploads\/2025\/11\/club-golf-moodboard.jpg\" alt=\"Moodboard Club de Golf\" class=\"club-golf-mood-img\">\n                                <div class=\"club-golf-mood-list\">\n                                    <div><strong>Muros:<\/strong> Piedra regional, revoques r\u00fasticos en tonos neutros y terracota.<\/div>\n                                    <div><strong>Pisos:<\/strong> Cer\u00e1mico\/porcelanato, cemento alisado y madera.<\/div>\n                                    <div><strong>Vegetaci\u00f3n:<\/strong> Aut\u00f3ctona, xer\u00f3fila y de bajo mantenimiento.<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Ubicaci\u00f3n -->\n                        <div class=\"club-golf-tab-pane\" id=\"ubicacion\">\n                            <div class=\"club-golf-location-grid\">\n                                <div class=\"club-golf-map\">\n                                    <img decoding=\"async\" src=\"https:\/\/bosquesdesumalao.com\/bosques\/wp-content\/uploads\/2025\/11\/club-golf-map.jpg\" alt=\"Ubicaci\u00f3n Club de Golf\" style=\"width:100%;height:100%;object-fit:cover;border-radius:8px;\">\n                                <\/div>\n\n                                <div class=\"club-golf-location-details\">\n                                    <h4>Ubicaci\u00f3n<\/h4>\n                                    <p>Implantado en las cercan\u00edas del predio ferial y el estadio de San Fernando del Valle de Catamarca, en un \u00e1rea en expansi\u00f3n urbana con f\u00e1cil accesibilidad desde el centro por avenidas principales.<\/p>\n\n                                    <h5>Puntos clave<\/h5>\n                                    <ul>\n                                        <li>Contexto natural y vistas abiertas hacia las sierras del oeste.<\/li>\n                                        <li>Proximidad a un nuevo polo de servicios (estaci\u00f3n de servicio en desarrollo).<\/li>\n                                        <li>Condiciones clim\u00e1ticas que orientan soluciones pasivas (radiaci\u00f3n alta y vientos NW).<\/li>\n                                    <\/ul>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Inversi\u00f3n -->\n                        <div class=\"club-golf-tab-pane\" id=\"inversion\">\n                            <h4>Inversi\u00f3n y oportunidades<\/h4>\n                            <p>Proyecto con potencial de consolidarse como polo empresarial y de esparcimiento. Modalidades de participaci\u00f3n, etapas de obra y an\u00e1lisis de rentabilidad pueden definirse en conjunto con inversores y desarrolladores.<\/p>\n\n                            <div class=\"club-golf-invest-grid\">\n                                <div class=\"card\">\n                                    <h5>Modalidades<\/h5>\n                                    <ul>\n                                        <li>Inversi\u00f3n integral<\/li>\n                                        <li>Participaci\u00f3n por m\u00f3dulos<\/li>\n                                        <li>Joint venture con desarrollador<\/li>\n                                    <\/ul>\n                                <\/div>\n                                <div class=\"card\">\n                                    <h5>Ventajas<\/h5>\n                                    <ul>\n                                        <li>Integraci\u00f3n paisaje-territorio<\/li>\n                                        <li>Programas m\u00faltiples: eventos, gastronom\u00eda y deporte<\/li>\n                                        <li>Posible sinergia con el nuevo polo de servicios<\/li>\n                                    <\/ul>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n\n                <!-- CTA -->\n                <div class=\"club-golf-cta\">\n                    <h3>\u00bfQuer\u00e9s m\u00e1s informaci\u00f3n o ser parte del proyecto?<\/h3>\n                    <p>Contactanos para recibir la presentaci\u00f3n completa y opciones de participaci\u00f3n.<\/p>\n                    <a href=\"https:\/\/bosquesdesumalao.com\/bosques\/contacto-2\/\" class=\"club-golf-cta-btn\">\n                        <span>Solicitar Presentaci\u00f3n<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <style>\n            \/* Paleta: tonos verdes como Bosques N1 *\/\n            .club-golf-section {\n                --cg-bg: #f6f8f4;\n                --cg-text: #213026;\n                --cg-muted: #37483a;\n                --cg-accent: #4a6741; \/* verde acento *\/\n                --cg-stone: #6b8e5a; \/* verde claro *\/\n                padding: 72px 20px;\n                background: var(--cg-bg);\n                font-family: \"Inter\", \"Segoe UI\", sans-serif;\n                color: var(--cg-text);\n            }\n\n            .club-golf-container { max-width: 1200px; margin: 0 auto; }\n            .club-golf-header { text-align:center; margin-bottom:48px; }\n            .club-golf-title { font-size:2.4rem; margin-bottom:8px; font-weight:700; }\n            .club-golf-subtitle { color:var(--cg-muted); margin-bottom:12px; font-size:1.05rem; }\n            .club-golf-decorative-line { width:80px;height:4px;background:var(--cg-accent);margin:0 auto;border-radius:2px; }\n\n            .club-golf-hero { position:relative;height:420px;border-radius:12px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,0.08);margin-bottom:36px; }\n            .club-golf-hero-image { width:100%;height:100%;object-fit:cover;display:block; }\n            .club-golf-hero-overlay { position:absolute;inset:0;background:linear-gradient(135deg, rgba(12,10,8,0.45), rgba(164,91,42,0.15));display:flex;align-items:flex-end;padding:28px; }\n            .club-golf-hero-text h3 { color:white;margin:0;font-size:1.6rem; }\n            .club-golf-hero-text p { color: rgba(255,255,255,0.9); margin:6px 0 0; }\n\n            .club-golf-tabs { background:white;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,0.06);overflow:hidden;margin-bottom:32px; }\n            .club-golf-tabs-nav { display:flex;background:var(--cg-stone);flex-wrap:wrap; }\n            .club-golf-tab-btn { flex:1;padding:14px 18px;background:transparent;border:none;color:rgba(255,255,255,0.8);cursor:pointer;font-weight:600; min-width:160px; }\n            .club-golf-tab-btn.active, .club-golf-tab-btn:hover { background:var(--cg-accent); color:white; }\n\n            .club-golf-tabs-content { padding:32px; }\n            .club-golf-tab-pane { display:none; }\n            .club-golf-tab-pane.active { display:block; }\n\n            .club-golf-grid { display:grid; grid-template-columns:2fr 1fr; gap:28px; align-items:start; }\n            .club-golf-info h4 { margin-top:0; font-size:1.25rem; color:var(--cg-text); }\n            .club-golf-info p { color:var(--cg-muted); line-height:1.6; }\n            .club-golf-highlights { margin-top:16px; padding-left:18px; color:var(--cg-muted); }\n\n            .club-golf-stats { display:flex; flex-direction:column; gap:16px; }\n            .club-golf-stat { background:linear-gradient(180deg, rgba(164,91,42,0.08), rgba(136,119,107,0.03)); padding:18px;border-radius:8px; }\n            .club-golf-stat .number { display:block;font-weight:700;color:var(--cg-accent); margin-bottom:6px; }\n            .club-golf-stat .label { color:var(--cg-muted); font-size:0.95rem; }\n\n            .club-golf-program-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap:18px; margin-top:18px; }\n            .club-golf-program-grid .card { background:#faf7f5;padding:18px;border-radius:8px; border-left:4px solid var(--cg-accent); }\n\n            .club-golf-design-points { margin-top:12px; color:var(--cg-muted); }\n\n            .club-golf-moodboard { display:grid; grid-template-columns: 1fr 1fr; gap:16px; align-items:center; margin-top:12px; }\n            .club-golf-mood-img { width:100%; border-radius:8px; height:240px; object-fit:cover; }\n            .club-golf-mood-list div { padding:6px 0; color:var(--cg-muted); }\n\n            .club-golf-location-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:stretch; }\n            .club-golf-location-details h4 { margin-top:0; }\n\n            .club-golf-invest-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:12px; }\n            .club-golf-invest-grid .card { background:#faf7f5;padding:18px;border-radius:8px;border-left:4px solid var(--cg-accent); }\n\n            .club-golf-cta { background:var(--cg-accent); color:white; padding:34px; border-radius:10px; text-align:center; margin-top:24px; }\n            .club-golf-cta h3 { margin:0 0 8px; }\n            .club-golf-cta p { margin:0 0 18px; opacity:0.95; }\n\n            .club-golf-cta-btn { display:inline-block;background:white;color:var(--cg-accent);padding:12px 20px;border-radius:8px;font-weight:700;text-decoration:none; }\n\n            \/* Responsive *\/\n            @media (max-width: 900px) {\n                .club-golf-grid { grid-template-columns: 1fr; }\n                .club-golf-moodboard { grid-template-columns: 1fr; }\n                .club-golf-location-grid { grid-template-columns: 1fr; }\n                .club-golf-hero { height:320px; }\n                \n                \/* Responsive para las nuevas im\u00e1genes de estrategia *\/\n                .club-golf-strategy-images div {\n                    grid-template-columns: 1fr !important;\n                }\n                .club-golf-strategy-images img {\n                    height: 250px !important;\n                }\n            }\n            @media (max-width: 480px) {\n                .club-golf-hero { height:260px; }\n                .club-golf-title { font-size:1.6rem; }\n                .club-golf-tabs-nav { flex-direction:column; }\n                \n                \/* Ajustes adicionales para m\u00f3viles *\/\n                .club-golf-strategy-images img {\n                    height: 200px !important;\n                }\n            }\n        <\/style>\n\n        <script>\n            document.addEventListener(\"DOMContentLoaded\", function() {\n                const tabBtns = document.querySelectorAll(\".club-golf-tab-btn\");\n                const tabPanes = document.querySelectorAll(\".club-golf-tab-pane\");\n\n                tabBtns.forEach(btn => {\n                    btn.addEventListener(\"click\", function() {\n                        const id = this.dataset.tab;\n                        tabBtns.forEach(b => b.classList.remove(\"active\"));\n                        tabPanes.forEach(p => p.classList.remove(\"active\"));\n\n                        this.classList.add(\"active\");\n                        const pane = document.getElementById(id);\n                        if (pane) pane.classList.add(\"active\");\n                    });\n                });\n\n                \/\/ Smooth scroll\n                const internalLinks = document.querySelectorAll('a[href^=\"#\"]');\n                internalLinks.forEach(link => {\n                    link.addEventListener(\"click\", function(e) {\n                        e.preventDefault();\n                        const target = document.querySelector(this.getAttribute(\"href\"));\n                        if (target) {\n                            target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n                        }\n                    });\n                });\n\n                \/\/ Lazy load hero image\n                const heroImg = document.querySelector(\".club-golf-hero-image\");\n                if (\"IntersectionObserver\" in window && heroImg) {\n                    const obs = new IntersectionObserver((entries, o) => {\n                        entries.forEach(entry => {\n                            if (entry.isIntersecting) {\n                                entry.target.classList.add(\"loaded\");\n                                o.unobserve(entry.target);\n                            }\n                        });\n                    }, { threshold: 0.2 });\n                    obs.observe(heroImg);\n                }\n            });\n        <\/script>\n    <\/section>\n\n\n<footer class=\"bosques-footer\">\n        <div class=\"footer-container\" id=\"footer\">\n            <div class=\"footer-grid\">\n                <!-- Columna Informaci\u00f3n -->\n                <div class=\"footer-col\">\n                    <div class=\"footer-logo\">\n                        <img decoding=\"async\" src=\"https:\/\/bosquesdesumalao.com\/bosques\/wp-content\/uploads\/2025\/07\/logo-bosques-131.png\" alt=\"Bosques de Sumalao\" class=\"logo-img\">\n                    <\/div>\n                    <p class=\"footer-slogan\">\"Tu nuevo hogar te espera\"<\/p>\n                    <div class=\"footer-contact\">\n                        <div class=\"contact-item\">\n                            <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/50\/phone.png\" alt=\"Tel\u00e9fono\" class=\"contact-icon\">\n                            <span>(3834) 543084<\/span>\n                        <\/div>\n                        <div class=\"contact-item\">\n                            <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/50\/email.png\" alt=\"Email\" class=\"contact-icon\">\n\t\t\t\t\t\t\t<span>info@bosquesdesumalao.com<\/span>\n                        <\/div>\n                        <div class=\"contact-item\">\n                            <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/50\/marker.png\" alt=\"Direcci\u00f3n\" class=\"contact-icon\">\n                            <span>Mariano Moreno 554, SFVC, Catamarca, Argentina<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Columna Enlaces -->\n                <div class=\"footer-col\">\n                    <h4 class=\"footer-title\">Navegaci\u00f3n<\/h4>\n                    <ul class=\"footer-links\">\n                        <li><a href=\"#inicio\">Inicio<\/a><\/li>\n                        <li><a href=\"#modelos\">Modelos Disponibles<\/a><\/li>\n                        <li><a href=\"#proyecto\">El Proyecto<\/a><\/li>\n                        <li><a href=\"#beneficios\">Beneficios<\/a><\/li>\n                        <li><a href=\"#contacto\">Contacto<\/a><\/li>\n                        <li><a href=\"#legal\">Aviso Legal<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Columna Redes -->\n                <div class=\"footer-col\">\n                    <h4 class=\"footer-title\">Conectemos<\/h4>\n                    <div class=\"social-links\">\n                        <a href=\"#\" target=\"_blank\" class=\"social-item\">\n                            <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/50\/instagram.png\" alt=\"Instagram\">\n                            <span>Instagram<\/span>\n                        <\/a>\n                       \n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Copyright -->\n            <div class=\"footer-bottom\">\n                <div class=\"copyright\">\n                    \u00a9 2025 Bosques de Sumalao. Todos los derechos reservados.\n                <\/div>\n                <div class=\"credits\">\n                    Dise\u00f1o y Desarrollo por Guishex2001\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Bot\u00f3n Scroll Top -->\n        <button class=\"scroll-top\">\n            <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/50\/chevron-up.png\" alt=\"Subir\">\n        <\/button>\n\n        <style>\n            .bosques-footer {\n                background: var(--bg-secondary);\n                color: var(--bg-primary);\n                padding: 4rem 1rem 2rem;\n                position: relative;\n                border-top: 1px solid rgba(246,248,244,0.1);\n            }\n\n            .footer-container {\n                max-width: 1200px;\n                margin: 0 auto;\n            }\n\n            .footer-grid {\n                display: grid;\n                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n                gap: 3rem;\n                margin-bottom: 4rem;\n            }\n\n            .footer-col {\n                padding: 1.5rem;\n            }\n\n            .footer-logo img {\n                width: 180px;\n                margin-bottom: 1.5rem;\n                filter: brightness(0) invert(1);\n            }\n\n            .footer-slogan {\n                font-style: italic;\n                opacity: 0.8;\n                margin-bottom: 2rem;\n            }\n\n            .footer-title {\n                font-size: 1.25rem;\n                margin-bottom: 1.5rem;\n                position: relative;\n                padding-bottom: 0.5rem;\n            }\n\n            .footer-title::after {\n                content: \"\";\n                position: absolute;\n                bottom: 0;\n                left: 0;\n                width: 40px;\n                height: 2px;\n                background: var(--bg-primary);\n            }\n\n            .footer-links {\n                list-style: none;\n                padding: 0;\n            }\n\n            .footer-links li {\n                margin-bottom: 0.8rem;\n            }\n\n            .footer-links a {\n                color: var(--bg-primary);\n                text-decoration: none;\n                transition: all 0.3s ease;\n                position: relative;\n            }\n\n            .footer-links a::after {\n                content: \"\";\n                position: absolute;\n                bottom: -2px;\n                left: 0;\n                width: 0;\n                height: 1px;\n                background: var(--bg-primary);\n                transition: width 0.3s ease;\n            }\n\n            .footer-links a:hover::after {\n                width: 100%;\n            }\n\n            .contact-item {\n                display: flex;\n                align-items: center;\n                gap: 1rem;\n                margin-bottom: 1.2rem;\n            }\n\n            .contact-icon {\n                width: 24px;\n                filter: brightness(0) invert(1);\n            }\n\n            .social-links {\n                display: flex;\n                flex-direction: column;\n                gap: 1rem;\n            }\n\n            .social-item {\n                display: flex;\n                align-items: center;\n                gap: 1rem;\n                color: var(--bg-primary);\n                text-decoration: none;\n                transition: transform 0.3s ease;\n            }\n\n            .social-item img {\n                width: 30px;\n                filter: brightness(0) invert(1);\n            }\n\n            .social-item:hover {\n                transform: translateX(5px);\n            }\n\n            .footer-bottom {\n                border-top: 1px solid rgba(246,248,244,0.1);\n                padding-top: 2rem;\n                text-align: center;\n                opacity: 0.7;\n                font-size: 0.9rem;\n            }\n\n            .scroll-top {\n                position: fixed;\n                bottom: 2rem;\n                right: 2rem;\n                background: var(--bg-primary);\n                border: none;\n                border-radius: 50%;\n                width: 45px;\n                height: 45px;\n                cursor: pointer;\n                opacity: 0;\n                transition: all 0.3s ease;\n                box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n            }\n\n            .scroll-top img {\n                width: 24px;\n                filter: brightness(0) invert(0);\n            }\n\n            .scroll-top.visible {\n                opacity: 1;\n                transform: translateY(0);\n            }\n\n            @media (max-width: 768px) {\n                .footer-grid {\n                    grid-template-columns: 1fr;\n                    gap: 2rem;\n                }\n                \n                .footer-col {\n                    padding: 1rem;\n                }\n                \n                .scroll-top {\n                    bottom: 1rem;\n                    right: 1rem;\n                }\n            }\n        <\/style>\n\n        <script>\n            document.addEventListener(\"DOMContentLoaded\", function() {\n                \/\/ Scroll Top Button\n                const scrollTop = document.querySelector(\".scroll-top\");\n                \n                window.addEventListener(\"scroll\", () => {\n                    if (window.scrollY > 300) {\n                        scrollTop.classList.add(\"visible\");\n                    } else {\n                        scrollTop.classList.remove(\"visible\");\n                    }\n                });\n\n                scrollTop.addEventListener(\"click\", () => {\n                    window.scrollTo({\n                        top: 0,\n                        behavior: \"smooth\"\n                    });\n                });\n            });\n        <\/script>\n    <\/footer>\n","protected":false},"excerpt":{"rendered":"<p>club_golf<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"..\/public\/views\/revslider-page-template.php","meta":{"footnotes":""},"class_list":["post-316","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bosquesdesumalao.com\/bosques\/wp-json\/wp\/v2\/pages\/316","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bosquesdesumalao.com\/bosques\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bosquesdesumalao.com\/bosques\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bosquesdesumalao.com\/bosques\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bosquesdesumalao.com\/bosques\/wp-json\/wp\/v2\/comments?post=316"}],"version-history":[{"count":1,"href":"https:\/\/bosquesdesumalao.com\/bosques\/wp-json\/wp\/v2\/pages\/316\/revisions"}],"predecessor-version":[{"id":317,"href":"https:\/\/bosquesdesumalao.com\/bosques\/wp-json\/wp\/v2\/pages\/316\/revisions\/317"}],"wp:attachment":[{"href":"https:\/\/bosquesdesumalao.com\/bosques\/wp-json\/wp\/v2\/media?parent=316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}