{"id":329,"date":"2025-12-30T13:26:56","date_gmt":"2025-12-30T19:26:56","guid":{"rendered":"https:\/\/valledelgeneral.com\/?page_id=329"},"modified":"2026-03-30T20:42:33","modified_gmt":"2026-03-31T02:42:33","slug":"nosotros","status":"publish","type":"page","link":"https:\/\/valledelgeneral.com\/es\/nosotros\/","title":{"rendered":"Nosotros"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"329\" class=\"elementor elementor-329\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8d7423 e-con-full e-flex e-con e-parent\" data-id=\"a8d7423\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58f14e7 elementor-widget elementor-widget-html\" data-id=\"58f14e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --forest: #2d4a1c;\r\n            --forest-dark: #1a2e10;\r\n            --gold: #c9a962;\r\n            --gold-light: #dbc07a;\r\n            --cream: #faf8f5;\r\n            --cream-dark: #f0ebe3;\r\n            --text: #2a2a2a;\r\n            --text-muted: #6b6b6b;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n            color: var(--text);\r\n            background: var(--cream);\r\n            line-height: 1.6;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* ===== HEADER ===== *\/\r\n        .header {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            z-index: 1000;\r\n            padding: 1.25rem 3rem;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .header.scrolled {\r\n            background: rgba(26, 46, 16, 0.95);\r\n            backdrop-filter: blur(20px);\r\n            padding: 1rem 3rem;\r\n        }\r\n\r\n        .logo {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.75rem;\r\n            color: white;\r\n            text-decoration: none;\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 1.35rem;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .logo svg {\r\n            width: 36px;\r\n            height: 36px;\r\n            color: var(--gold);\r\n        }\r\n\r\n        .nav {\r\n            display: flex;\r\n            gap: 2.5rem;\r\n            align-items: center;\r\n        }\r\n\r\n        .nav a {\r\n            color: rgba(255,255,255,0.85);\r\n            text-decoration: none;\r\n            font-size: 0.9rem;\r\n            font-weight: 500;\r\n            position: relative;\r\n            transition: color 0.3s;\r\n        }\r\n\r\n        .nav a::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -4px;\r\n            left: 0;\r\n            width: 0;\r\n            height: 2px;\r\n            background: var(--gold);\r\n            transition: width 0.3s;\r\n        }\r\n\r\n        .nav a:hover {\r\n            color: white;\r\n        }\r\n\r\n        .nav a:hover::after {\r\n            width: 100%;\r\n        }\r\n\r\n        .btn-cta {\r\n            background: var(--gold);\r\n            color: var(--forest-dark);\r\n            padding: 0.85rem 1.75rem;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            font-size: 0.9rem;\r\n            transition: all 0.3s;\r\n            border: none;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .btn-cta:hover {\r\n            background: var(--gold-light);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 25px rgba(201, 169, 98, 0.35);\r\n        }\r\n\r\n        \/* ===== HERO SPLIT ===== *\/\r\n        .hero-split {\r\n            min-height: 100vh;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            position: relative;\r\n        }\r\n\r\n        .hero-content {\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            padding: 8rem 5rem 4rem;\r\n            background: var(--forest);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .hero-content::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: radial-gradient(circle, rgba(201,169,98,0.08) 0%, transparent 50%);\r\n            animation: pulse 8s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes pulse {\r\n            0%, 100% { transform: scale(1); opacity: 0.5; }\r\n            50% { transform: scale(1.1); opacity: 1; }\r\n        }\r\n\r\n        .hero-tag {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            background: rgba(201, 169, 98, 0.15);\r\n            border: 1px solid rgba(201, 169, 98, 0.3);\r\n            color: var(--gold);\r\n            padding: 0.6rem 1.25rem;\r\n            border-radius: 50px;\r\n            font-size: 0.8rem;\r\n            font-weight: 600;\r\n            letter-spacing: 0.5px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 2rem;\r\n            width: fit-content;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .hero-tag svg {\r\n            width: 16px;\r\n            height: 16px;\r\n        }\r\n\r\n        .hero-title {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: clamp(2.2rem, 4vw, 3.5rem);\r\n            font-weight: 600;\r\n            color: white;\r\n            line-height: 1.15;\r\n            margin-bottom: 1.75rem;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .hero-title span {\r\n            display: block;\r\n            color: var(--gold);\r\n            font-style: italic;\r\n        }\r\n\r\n        .hero-desc {\r\n            font-size: 1.05rem;\r\n            color: rgba(255,255,255,0.75);\r\n            line-height: 1.8;\r\n            margin-bottom: 2rem;\r\n            max-width: 520px;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .hero-section-label {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            color: var(--gold);\r\n            font-size: 0.75rem;\r\n            font-weight: 700;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n            margin-top: 1.5rem;\r\n            margin-bottom: 0.75rem;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .hero-section-label svg {\r\n            width: 16px;\r\n            height: 16px;\r\n        }\r\n\r\n        .hero-detail-text {\r\n            font-size: 0.95rem;\r\n            color: rgba(255,255,255,0.65);\r\n            line-height: 1.85;\r\n            max-width: 520px;\r\n            position: relative;\r\n            z-index: 1;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        .hero-detail-text em {\r\n            color: var(--gold-light);\r\n            font-style: italic;\r\n        }\r\n\r\n        .hero-detail-text strong {\r\n            color: rgba(255,255,255,0.9);\r\n        }\r\n\r\n        .hero-divider {\r\n            width: 60px;\r\n            height: 2px;\r\n            background: var(--gold);\r\n            opacity: 0.4;\r\n            margin: 1.5rem 0;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .hero-buttons {\r\n            display: flex;\r\n            gap: 1rem;\r\n            position: relative;\r\n            z-index: 1;\r\n            margin-top: 2rem;\r\n        }\r\n\r\n        .btn-outline {\r\n            background: transparent;\r\n            color: white;\r\n            padding: 0.85rem 1.75rem;\r\n            border-radius: 50px;\r\n            font-weight: 500;\r\n            text-decoration: none;\r\n            font-size: 0.9rem;\r\n            border: 1px solid rgba(255,255,255,0.3);\r\n            transition: all 0.3s;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n        }\r\n\r\n        .btn-outline:hover {\r\n            background: rgba(255,255,255,0.1);\r\n            border-color: rgba(255,255,255,0.5);\r\n        }\r\n\r\n        \/* ===== HERO IMAGE SIDE ===== *\/\r\n        .hero-image {\r\n            position: relative;\r\n            overflow: hidden;\r\n            min-height: 100%;\r\n        }\r\n\r\n        .hero-image img {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .hero-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(135deg, rgba(45,74,28,0.3) 0%, transparent 60%);\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Floating Stats *\/\r\n        .floating-stats {\r\n            position: absolute;\r\n            bottom: 3rem;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            display: flex;\r\n            flex-direction: row;\r\n            gap: 1rem;\r\n            z-index: 10;\r\n        }\r\n\r\n        .float-stat {\r\n            background: white;\r\n            padding: 1rem 1.5rem;\r\n            border-radius: 16px;\r\n            box-shadow: 0 20px 50px rgba(0,0,0,0.15);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.85rem;\r\n            animation: float 6s ease-in-out infinite;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .float-stat:nth-child(2) {\r\n            animation-delay: -2s;\r\n        }\r\n\r\n        .float-stat:nth-child(3) {\r\n            animation-delay: -4s;\r\n        }\r\n\r\n        @keyframes float {\r\n            0%, 100% { transform: translateY(0); }\r\n            50% { transform: translateY(-8px); }\r\n        }\r\n\r\n        .float-stat-icon {\r\n            width: 44px;\r\n            height: 44px;\r\n            background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .float-stat-icon svg {\r\n            width: 22px;\r\n            height: 22px;\r\n            color: var(--forest-dark);\r\n        }\r\n\r\n        .float-stat-content strong {\r\n            display: block;\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 1.35rem;\r\n            color: var(--forest);\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .float-stat-content span {\r\n            font-size: 0.75rem;\r\n            color: var(--text-muted);\r\n        }\r\n\r\n        \/* ===== STORY SECTION ===== *\/\r\n        .story-section {\r\n            padding: 8rem 3rem;\r\n            background: var(--cream);\r\n        }\r\n\r\n        .story-wrapper {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1.2fr;\r\n            gap: 6rem;\r\n            align-items: center;\r\n        }\r\n\r\n        .story-visual {\r\n            position: relative;\r\n        }\r\n\r\n        .story-main-img {\r\n            width: 100%;\r\n            aspect-ratio: 4\/5;\r\n            object-fit: cover;\r\n            border-radius: 24px;\r\n            box-shadow: 0 30px 60px rgba(0,0,0,0.12);\r\n        }\r\n\r\n        .story-badge {\r\n            position: absolute;\r\n            top: 2rem;\r\n            right: -2rem;\r\n            background: var(--forest);\r\n            color: white;\r\n            padding: 1.5rem;\r\n            border-radius: 20px;\r\n            text-align: center;\r\n            box-shadow: 0 15px 40px rgba(45,74,28,0.3);\r\n        }\r\n\r\n        .story-badge strong {\r\n            display: block;\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 3rem;\r\n            color: var(--gold);\r\n            line-height: 1;\r\n        }\r\n\r\n        .story-badge span {\r\n            font-size: 0.85rem;\r\n            opacity: 0.8;\r\n        }\r\n\r\n        .story-accent {\r\n            position: absolute;\r\n            bottom: -2rem;\r\n            left: -2rem;\r\n            width: 180px;\r\n            height: 180px;\r\n            border: 3px solid var(--gold);\r\n            border-radius: 20px;\r\n            z-index: -1;\r\n        }\r\n\r\n        .story-content .section-label {\r\n            display: inline-block;\r\n            color: var(--gold);\r\n            font-size: 0.8rem;\r\n            font-weight: 700;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 1rem;\r\n            position: relative;\r\n            padding-left: 3rem;\r\n        }\r\n\r\n        .story-content .section-label::before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 0;\r\n            top: 50%;\r\n            width: 2rem;\r\n            height: 2px;\r\n            background: var(--gold);\r\n        }\r\n\r\n        .story-content h2 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: clamp(2rem, 3.5vw, 3rem);\r\n            color: var(--forest);\r\n            line-height: 1.2;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .story-content h2 span {\r\n            color: var(--gold);\r\n            font-style: italic;\r\n        }\r\n\r\n        .story-content p {\r\n            font-size: 1.05rem;\r\n            color: var(--text-muted);\r\n            line-height: 1.9;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .story-content p strong {\r\n            color: var(--text);\r\n        }\r\n\r\n        .story-highlights {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 1.5rem;\r\n            margin-top: 2.5rem;\r\n        }\r\n\r\n        .highlight-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .highlight-icon {\r\n            width: 44px;\r\n            height: 44px;\r\n            background: linear-gradient(135deg, var(--cream-dark) 0%, white 100%);\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .highlight-icon svg {\r\n            width: 22px;\r\n            height: 22px;\r\n            color: var(--gold);\r\n        }\r\n\r\n        .highlight-text strong {\r\n            display: block;\r\n            font-size: 0.95rem;\r\n            color: var(--forest);\r\n            margin-bottom: 0.25rem;\r\n        }\r\n\r\n        .highlight-text span {\r\n            font-size: 0.85rem;\r\n            color: var(--text-muted);\r\n        }\r\n\r\n        \/* ===== EXPERIENCE CARDS ===== *\/\r\n        .experience-section {\r\n            padding: 8rem 3rem;\r\n            background:var(--cream-dark);\r\n        }\r\n\r\n        .experience-header {\r\n            text-align: center;\r\n            max-width: 700px;\r\n            margin: 0 auto 4rem;\r\n        }\r\n\r\n        .experience-header .section-label {\r\n            display: inline-block;\r\n            color: var(--gold);\r\n            font-size: 0.8rem;\r\n            font-weight: 700;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .experience-header h2 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: clamp(2rem, 3.5vw, 2.75rem);\r\n            color: var(--forest);\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .experience-header p {\r\n            color: var(--text-muted);\r\n            font-size: 1.05rem;\r\n        }\r\n\r\n        .experience-grid {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 2rem;\r\n        }\r\n\r\n        .exp-card {\r\n            background: white;\r\n            border-radius: 24px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 40px rgba(0,0,0,0.06);\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n        }\r\n\r\n        .exp-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 25px 60px rgba(0,0,0,0.12);\r\n        }\r\n\r\n        .exp-card-img {\r\n            height: 220px;\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n\r\n        .exp-card-img img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .exp-card:hover .exp-card-img img {\r\n            transform: scale(1.08);\r\n        }\r\n\r\n        .exp-card-number {\r\n            position: absolute;\r\n            top: 1rem;\r\n            left: 1rem;\r\n            width: 40px;\r\n            height: 40px;\r\n            background: white;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-family: 'Playfair Display', serif;\r\n            font-weight: 700;\r\n            color: var(--forest);\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .exp-card-body {\r\n            padding: 2rem;\r\n        }\r\n\r\n        .exp-card-body h3 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 1.4rem;\r\n            color: var(--forest);\r\n            margin-bottom: 0.75rem;\r\n        }\r\n\r\n        .exp-card-body p {\r\n            font-size: 0.95rem;\r\n            color: var(--text-muted);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .exp-card-icon {\r\n            position: absolute;\r\n            bottom: 1.5rem;\r\n            right: 1.5rem;\r\n            width: 50px;\r\n            height: 50px;\r\n            background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: transform 0.3s;\r\n        }\r\n\r\n        .exp-card:hover .exp-card-icon {\r\n            transform: rotate(45deg);\r\n        }\r\n\r\n        .exp-card-icon svg {\r\n            width: 22px;\r\n            height: 22px;\r\n            color: var(--forest-dark);\r\n        }\r\n\r\n        \/* ===== VALUES SECTION ===== *\/\r\n        .values-section {\r\n            padding: 8rem 3rem;\r\n            background: var(--forest);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .values-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\r\n        }\r\n\r\n        .values-wrapper {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .values-header {\r\n            text-align: center;\r\n            margin-bottom: 5rem;\r\n        }\r\n\r\n        .values-header .section-label {\r\n            color: var(--gold);\r\n            font-size: 0.8rem;\r\n            font-weight: 700;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 1rem;\r\n            display: block;\r\n        }\r\n\r\n        .values-header h2 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: clamp(2rem, 3.5vw, 2.75rem);\r\n            color: white;\r\n        }\r\n\r\n        .values-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 2.5rem;\r\n        }\r\n\r\n        .value-card {\r\n            text-align: center;\r\n            padding: 3rem 2rem;\r\n            background: rgba(255,255,255,0.03);\r\n            border: 1px solid rgba(255,255,255,0.08);\r\n            border-radius: 24px;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .value-card:hover {\r\n            background: rgba(255,255,255,0.06);\r\n            border-color: rgba(201, 169, 98, 0.3);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .value-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            margin: 0 auto 1.75rem;\r\n            background: linear-gradient(135deg, rgba(201,169,98,0.2) 0%, rgba(201,169,98,0.05) 100%);\r\n            border: 2px solid var(--gold);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .value-card:hover .value-icon {\r\n            background: var(--gold);\r\n        }\r\n\r\n        .value-icon svg {\r\n            width: 36px;\r\n            height: 36px;\r\n            color: var(--gold);\r\n            transition: color 0.4s ease;\r\n        }\r\n\r\n        .value-card:hover .value-icon svg {\r\n            color: var(--forest-dark);\r\n        }\r\n\r\n        .value-card h3 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 1.5rem;\r\n            color: var(--gold);\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .value-card p {\r\n            font-size: 0.95rem;\r\n            color: rgba(255,255,255,0.7);\r\n            line-height: 1.8;\r\n        }\r\n\r\n        \/* ===== GALLERY BENTO ===== *\/\r\n        .gallery-section {\r\n            padding: 8rem 3rem;\r\n            background: var(--cream);\r\n        }\r\n\r\n        .gallery-header {\r\n            max-width: 1400px;\r\n            margin: 0 auto 4rem;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: flex-end;\r\n        }\r\n\r\n        .gallery-header h2 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: clamp(2rem, 3.5vw, 2.75rem);\r\n            color: var(--forest);\r\n        }\r\n\r\n        .gallery-header h2 span {\r\n            color: var(--gold);\r\n        }\r\n\r\n        .gallery-bento {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            grid-template-rows: repeat(2, 280px);\r\n            gap: 1.25rem;\r\n        }\r\n\r\n        .bento-item {\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            position: relative;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .bento-item img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .bento-item::after {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,0.5) 100%);\r\n            opacity: 0;\r\n            transition: opacity 0.4s ease;\r\n        }\r\n\r\n        .bento-item:hover img {\r\n            transform: scale(1.08);\r\n        }\r\n\r\n        .bento-item:hover::after {\r\n            opacity: 1;\r\n        }\r\n\r\n        .bento-item:nth-child(1) {\r\n            grid-column: span 2;\r\n            grid-row: span 2;\r\n        }\r\n\r\n        .bento-item:nth-child(4) {\r\n            grid-column: span 2;\r\n        }\r\n\r\n        .bento-label {\r\n            position: absolute;\r\n            bottom: 1.5rem;\r\n            left: 1.5rem;\r\n            color: white;\r\n            font-weight: 600;\r\n            font-size: 1.1rem;\r\n            opacity: 0;\r\n            transform: translateY(10px);\r\n            transition: all 0.4s ease;\r\n            z-index: 1;\r\n        }\r\n\r\n        .bento-item:hover .bento-label {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* ===== CTA SECTION ===== *\/\r\n        .cta-section {\r\n            padding: 6rem 3rem;\r\n            background: linear-gradient(135deg, var(--forest-dark) 0%, var(--forest) 100%);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .cta-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            width: 50%;\r\n            height: 100%;\r\n            background: url('https:\/\/images.unsplash.com\/photo-1501785888041-af3ef285b470?w=800&q=80') center\/cover;\r\n            opacity: 0.15;\r\n            mask-image: linear-gradient(to left, black 30%, transparent 100%);\r\n            -webkit-mask-image: linear-gradient(to left, black 30%, transparent 100%);\r\n        }\r\n\r\n        .cta-content {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .cta-text h2 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: clamp(1.75rem, 3vw, 2.5rem);\r\n            color: white;\r\n            margin-bottom: 0.75rem;\r\n        }\r\n\r\n        .cta-text h2 span {\r\n            color: var(--gold);\r\n        }\r\n\r\n        .cta-text p {\r\n            color: rgba(255,255,255,0.7);\r\n            font-size: 1.05rem;\r\n        }\r\n\r\n        .cta-buttons {\r\n            display: flex;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .btn-cta-white {\r\n            background: white;\r\n            color: var(--forest-dark);\r\n            padding: 1rem 2rem;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            font-size: 0.95rem;\r\n            transition: all 0.3s;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n        }\r\n\r\n        .btn-cta-white:hover {\r\n            background: var(--gold);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* ===== FOOTER ===== *\/\r\n        .footer {\r\n            background: var(--forest-dark);\r\n            color: white;\r\n            padding: 5rem 3rem 2rem;\r\n        }\r\n\r\n        .footer-main {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: 1.5fr repeat(3, 1fr);\r\n            gap: 4rem;\r\n            padding-bottom: 4rem;\r\n            border-bottom: 1px solid rgba(255,255,255,0.1);\r\n        }\r\n\r\n        .footer-brand p {\r\n            color: rgba(255,255,255,0.65);\r\n            font-size: 0.95rem;\r\n            line-height: 1.8;\r\n            margin: 1.5rem 0 2rem;\r\n            max-width: 300px;\r\n        }\r\n\r\n        .footer-social {\r\n            display: flex;\r\n            gap: 0.75rem;\r\n        }\r\n\r\n        .social-btn {\r\n            width: 44px;\r\n            height: 44px;\r\n            background: rgba(255,255,255,0.08);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        .social-btn:hover {\r\n            background: var(--gold);\r\n        }\r\n\r\n        .social-btn svg {\r\n            width: 20px;\r\n            height: 20px;\r\n            color: white;\r\n        }\r\n\r\n        .footer-col h4 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 1.15rem;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .footer-col ul {\r\n            list-style: none;\r\n        }\r\n\r\n        .footer-col li {\r\n            margin-bottom: 0.85rem;\r\n        }\r\n\r\n        .footer-col a {\r\n            color: rgba(255,255,255,0.65);\r\n            text-decoration: none;\r\n            font-size: 0.9rem;\r\n            transition: color 0.3s;\r\n        }\r\n\r\n        .footer-col a:hover {\r\n            color: var(--gold);\r\n        }\r\n\r\n        .contact-line {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.75rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .contact-line svg {\r\n            width: 18px;\r\n            height: 18px;\r\n            color: var(--gold);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .contact-line span {\r\n            color: rgba(255,255,255,0.65);\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .footer-bottom {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding-top: 2rem;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-size: 0.85rem;\r\n            color: rgba(255,255,255,0.5);\r\n        }\r\n\r\n        .footer-bottom a {\r\n            color: rgba(255,255,255,0.5);\r\n            text-decoration: none;\r\n            transition: color 0.3s;\r\n        }\r\n\r\n        .footer-bottom a:hover {\r\n            color: var(--gold);\r\n        }\r\n\r\n        \/* ===== WHATSAPP ===== *\/\r\n        .whatsapp-float {\r\n            position: fixed;\r\n            bottom: 2rem;\r\n            right: 2rem;\r\n            z-index: 999;\r\n        }\r\n\r\n        .whatsapp-btn {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: #25D366;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 6px 30px rgba(37, 211, 102, 0.4);\r\n            transition: all 0.3s;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .whatsapp-btn:hover {\r\n            transform: scale(1.1);\r\n            box-shadow: 0 8px 40px rgba(37, 211, 102, 0.5);\r\n        }\r\n\r\n        .whatsapp-btn svg {\r\n            width: 32px;\r\n            height: 32px;\r\n            color: white;\r\n        }\r\n\r\n        \/* ===== RESPONSIVE ===== *\/\r\n\r\n        \/* Tablet landscape & small desktops *\/\r\n        @media (max-width: 1200px) {\r\n            .hero-split {\r\n                grid-template-columns: 1fr;\r\n                min-height: auto;\r\n                \r\n            }\r\n\r\n            .hero-image {\r\n                height: 60vh;\r\n                min-height: 400px;\r\n                order: -1;\r\n                position: relative;\r\n                \r\n            }\r\n\r\n            .hero-image img {\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                width: 100%;\r\n                height: 100%;\r\n                object-fit: cover;\r\n            }\r\n\r\n            .hero-content {\r\n                padding: 4rem 3rem 3rem;\r\n            }\r\n\r\n            .floating-stats {\r\n                position: absolute;\r\n                bottom: 1.5rem;\r\n                left: 50%;\r\n                transform: translateX(-50%);\r\n                flex-direction: row;\r\n                flex-wrap: nowrap;\r\n                gap: 0.75rem;\r\n            }\r\n\r\n            .float-stat {\r\n                padding: 0.85rem 1.25rem;\r\n            }\r\n\r\n            .float-stat-icon {\r\n                width: 40px;\r\n                height: 40px;\r\n            }\r\n\r\n            .float-stat-icon svg {\r\n                width: 20px;\r\n                height: 20px;\r\n            }\r\n\r\n            .float-stat-content strong {\r\n                font-size: 1.15rem;\r\n            }\r\n\r\n            .float-stat-content span {\r\n                font-size: 0.7rem;\r\n            }\r\n\r\n            .story-wrapper {\r\n                grid-template-columns: 1fr;\r\n                gap: 4rem;\r\n            }\r\n\r\n            .story-visual {\r\n                max-width: 500px;\r\n                margin: 0 auto;\r\n            }\r\n\r\n            .experience-grid {\r\n                grid-template-columns: 1fr;\r\n                max-width: 450px;\r\n                margin-left: auto;\r\n                margin-right: auto;\r\n            }\r\n\r\n            .values-grid {\r\n                grid-template-columns: 1fr;\r\n                max-width: 450px;\r\n                margin-left: auto;\r\n                margin-right: auto;\r\n            }\r\n\r\n            .footer-main {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        \/* Tablets portrait *\/\r\n        @media (max-width: 900px) {\r\n            .floating-stats {\r\n                flex-wrap: wrap;\r\n                justify-content: center;\r\n                width: 90%;\r\n            }\r\n\r\n            .float-stat {\r\n                flex: 1 1 auto;\r\n                min-width: 140px;\r\n                justify-content: center;\r\n            }\r\n        }\r\n\r\n        \/* Mobile *\/\r\n        @media (max-width: 768px) {\r\n            .header {\r\n                padding: 1rem 1.5rem;\r\n            }\r\n\r\n            .nav {\r\n                display: none;\r\n            }\r\n\r\n            .hero-image {\r\n                height: 45vh;\r\n                min-height: 300px;\r\n            }\r\n\r\n            .hero-content {\r\n                padding: 3rem 1.5rem 2.5rem;\r\n            }\r\n\r\n            .hero-title {\r\n                font-size: clamp(1.8rem, 7vw, 2.5rem);\r\n            }\r\n\r\n            .hero-desc {\r\n                font-size: 0.95rem;\r\n            }\r\n\r\n            .hero-detail-text {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .hero-buttons {\r\n                flex-direction: column;\r\n                gap: 0.75rem;\r\n            }\r\n\r\n            .hero-buttons .btn-cta,\r\n            .hero-buttons .btn-outline {\r\n                text-align: center;\r\n                justify-content: center;\r\n            }\r\n\r\n            .floating-stats {\r\n                flex-direction: column;\r\n                align-items: center;\r\n                bottom: 1rem;\r\n                gap: 0.5rem;\r\n                width: 92%;\r\n            }\r\n\r\n            .float-stat {\r\n                width: 100%;\r\n                max-width: 280px;\r\n                padding: 1rem;\r\n                \r\n            }\r\n\r\n            .story-section,\r\n            .experience-section,\r\n            .values-section,\r\n            .gallery-section {\r\n                padding: 5rem 1.5rem;\r\n            }\r\n\r\n            .story-badge {\r\n                right: 0;\r\n                top: 1rem;\r\n            }\r\n\r\n            .story-accent {\r\n                display: none;\r\n            }\r\n\r\n            .story-highlights {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .gallery-bento {\r\n                grid-template-columns: 1fr;\r\n                grid-template-rows: auto;\r\n            }\r\n\r\n            .bento-item:nth-child(1),\r\n            .bento-item:nth-child(4) {\r\n                grid-column: span 1;\r\n                grid-row: span 1;\r\n            }\r\n\r\n            .bento-item {\r\n                height: 250px;\r\n            }\r\n\r\n            .gallery-header {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n                gap: 1rem;\r\n            }\r\n\r\n            .cta-content {\r\n                flex-direction: column;\r\n                text-align: center;\r\n                gap: 2rem;\r\n            }\r\n\r\n            .cta-buttons {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .footer-main {\r\n                grid-template-columns: 1fr;\r\n                text-align: center;\r\n            }\r\n\r\n            .footer-social {\r\n                justify-content: center;\r\n            }\r\n\r\n            .footer-brand p {\r\n                margin-left: auto;\r\n                margin-right: auto;\r\n            }\r\n\r\n            .contact-line {\r\n                justify-content: center;\r\n            }\r\n\r\n            .footer-bottom {\r\n                flex-direction: column;\r\n                gap: 1rem;\r\n                text-align: center;\r\n            }\r\n        }\r\n\r\n        \/* Small mobile *\/\r\n        @media (max-width: 480px) {\r\n            .hero-image {\r\n                height: 45vh;\r\n                min-height: 250px;\r\n            }\r\n\r\n            .floating-stats {\r\n                bottom: 0.75rem;\r\n            }\r\n\r\n            .float-stat {\r\n                padding: 0.8rem 0.85rem;\r\n                border-radius: 12px;\r\n                gap: 0.6rem;\r\n            }\r\n\r\n            .float-stat-icon {\r\n                width: 36px;\r\n                height: 36px;\r\n                border-radius: 10px;\r\n            }\r\n\r\n            .float-stat-icon svg {\r\n                width: 18px;\r\n                height: 18px;\r\n            }\r\n\r\n            .float-stat-content strong {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .float-stat-content span {\r\n                font-size: 0.65rem;\r\n            }\r\n\r\n            .hero-content {\r\n                padding: 2.5rem 1.25rem 2rem;\r\n            }\r\n\r\n            .hero-tag {\r\n                font-size: 0.7rem;\r\n                padding: 0.5rem 1rem;\r\n            }\r\n        }\r\n<\/style>\r\n\r\n<!-- Experience Section -->\r\n<section class=\"experience-section\">\r\n    <div class=\"experience-header\">\r\n        <span class=\"section-label\">QUE TE OFRECEMOS<\/span>\r\n        <h2>Experiencias que transforman<\/h2>\r\n        <p>Cada momento en el Valle del General est\u00e1 dise\u00f1ado para crear recuerdos inolvidables<\/p>\r\n    <\/div>\r\n    <div class=\"experience-grid\">\r\n        <div class=\"exp-card\">\r\n            <div class=\"exp-card-img\">\r\n                <img decoding=\"async\" src=\"https:\/\/valledelgeneral.com\/wp-content\/uploads\/2025\/12\/dlx4.jpg?w=600&q=80\" alt=\"Lodging\">\r\n                <span class=\"exp-card-number\">01<\/span>\r\n            <\/div>\r\n            <div class=\"exp-card-body\">\r\n                <h3>Alojamiento Premium<\/h3>\r\n                <p>Habitaciones con espectaculares vistas al valle, equipadas con todas las comodidades para su descanso perfecto.<\/p>\r\n            <\/div>\r\n            <div class=\"exp-card-icon\">\r\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\r\n                    <polyline points=\"12 5 19 12 12 19\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"exp-card\">\r\n            <div class=\"exp-card-img\">\r\n                <img decoding=\"async\" src=\"https:\/\/valledelgeneral.com\/wp-content\/uploads\/2026\/01\/rest-vista.jpg?w=600&q=80\" alt=\"Restaurant\">\r\n                <span class=\"exp-card-number\">02<\/span>\r\n            <\/div>\r\n            <div class=\"exp-card-body\">\r\n                <h3>Restaurante Tradicional<\/h3>\r\n                <p>Disfrute del aut\u00e9ntico sabor costarricense, elaborado con ingredientes frescos de nuestra zona.<\/p>\r\n            <\/div>\r\n            <div class=\"exp-card-icon\">\r\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\r\n                    <polyline points=\"12 5 19 12 12 19\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"exp-card\">\r\n            <div class=\"exp-card-img\">\r\n                <img decoding=\"async\" src=\"https:\/\/valledelgeneral.com\/wp-content\/uploads\/2026\/01\/canopy.jpeg?w=600&q=80\" alt=\"Adventure Tours\">\r\n                <span class=\"exp-card-number\">03<\/span>\r\n            <\/div>\r\n            <div class=\"exp-card-body\">\r\n                <h3>Tours de Aventura<\/h3>\r\n                <p>Explore senderos naturales, cataratas ocultas y viva la emoci\u00f3n de nuestras aventuras extremas.<\/p>\r\n            <\/div>\r\n            <div class=\"exp-card-icon\">\r\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\r\n                    <polyline points=\"12 5 19 12 12 19\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Story Section -->\r\n<section class=\"story-section\">\r\n    <div class=\"story-wrapper\">\r\n        <div class=\"story-visual\">\r\n            <img decoding=\"async\" src=\"https:\/\/valledelgeneral.com\/wp-content\/uploads\/2025\/12\/std3.jpg?w=800&q=80\" alt=\"Costa Rica Nature\" class=\"story-main-img\">\r\n            <div class=\"story-badge\">\r\n                <strong>1,600<\/strong>\r\n                <span>Metros de altitud<\/span>\r\n            <\/div>\r\n            <div class=\"story-accent\"><\/div>\r\n        <\/div>\r\n        <div class=\"story-content\">\r\n            <span class=\"section-label\">Nuestra Historia<\/span>\r\n            <h2 class=\"translation-block\">Un destino <span>inolvidable<\/span> en el coraz\u00f3n de Costa Rica<\/h2>\r\n            <p>\r\n                Desde nuestro mirador a <strong><strong>1.600 metros sobre el nivel del mar<\/strong><\/strong>, podr\u00e1 contemplar el majestuoso Valle del General, la Cordillera de Talamanca con el imponente Cerro Chirrip\u00f3 y, en d\u00edas despejados, el resplandeciente Oc\u00e9ano Pac\u00edfico.\r\n            <\/p>\r\n            <p>\r\n                M\u00e1s de una d\u00e9cada dedicada a ofrecer experiencias aut\u00e9nticas que conectan a nuestros visitantes con la riqueza natural y cultural de Costa Rica.\r\n            <\/p>\r\n            <div class=\"story-highlights\">\r\n                <div class=\"highlight-item\">\r\n                    <div class=\"highlight-icon\">\r\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                            <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"highlight-text\">\r\n                        <strong>Vistas de 360\u00b0<\/strong>\r\n                        <span>Panoramas unicos<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"highlight-item\">\r\n                    <div class=\"highlight-icon\">\r\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"highlight-text\">\r\n                        <strong>Naturaleza Pura<\/strong>\r\n                        <span>Flora y fauna nativa<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"highlight-item\">\r\n                    <div class=\"highlight-icon\">\r\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\r\n                            <polyline points=\"9 22 9 12 15 12 15 22\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"highlight-text\">\r\n                        <strong>Alojamiento Premium<\/strong>\r\n                        <span>Confort y tranquilidad<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"highlight-item\">\r\n                    <div class=\"highlight-icon\">\r\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <path d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\/>\r\n                            <path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\/>\r\n                            <line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"\/>\r\n                            <line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"\/>\r\n                            <line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"highlight-text\">\r\n                        <strong>Cocina Tradicional<\/strong>\r\n                        <span>Sabores aut\u00e9nticos<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<!-- Values Section -->\r\n<section class=\"values-section\">\r\n    <div class=\"values-wrapper\">\r\n        <div class=\"values-header\">\r\n            <span class=\"section-label\">Nuestros Pilares<\/span>\r\n            <h2>Lo que nos define...<\/h2>\r\n        <\/div>\r\n        <div class=\"values-grid\">\r\n            <div class=\"value-card\">\r\n                <div class=\"value-icon\">\r\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                        <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\r\n                        <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3>Misi\u00f3n<\/h3>\r\n                <p>Brindar experiencias tur\u00edsticas aut\u00e9nticas que conecten a nuestros visitantes con la naturaleza y cultura costarricense, preservando al mismo tiempo el medio ambiente.<\/p>\r\n            <\/div>\r\n            <div class=\"value-card\">\r\n                <div class=\"value-icon\">\r\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n                        <path d=\"M12 1v2\"\/>\r\n                        <path d=\"M12 21v2\"\/>\r\n                        <path d=\"M4.22 4.22l1.42 1.42\"\/>\r\n                        <path d=\"M18.36 18.36l1.42 1.42\"\/>\r\n                        <path d=\"M1 12h2\"\/>\r\n                        <path d=\"M21 12h2\"\/>\r\n                        <path d=\"M4.22 19.78l1.42-1.42\"\/>\r\n                        <path d=\"M18.36 5.64l1.42-1.42\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3>Visi\u00f3n<\/h3>\r\n                <p>Ser el destino de turismo sostenible l\u00edder en el Pac\u00edfico Sur de Costa Rica, reconocido por nuestra excelencia en el servicio y compromiso ambiental.<\/p>\r\n            <\/div>\r\n            <div class=\"value-card\">\r\n                <div class=\"value-icon\">\r\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3>Valores<\/h3>\r\n                <p>Hospitalidad genuina, respeto por la naturaleza, autenticidad cultural, excelencia en el servicio y compromiso con la comunidad local.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Gallery Section -->\r\n<section class=\"gallery-section\">\r\n    <div class=\"gallery-header\">\r\n        <h2 class=\"translation-block\">Momentos <span>inolvidables<\/span><\/h2>\r\n        <a href=\"#\" class=\"btn-cta\">Ver Galer\u00eda Completa<\/a>\r\n    <\/div>\r\n    <div class=\"gallery-bento\">\r\n        <div class=\"bento-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1464822759023-fed622ff2c3b?w=1200&q=80\" alt=\"Valley view\">\r\n            <span class=\"bento-label\">Main Viewpoint<\/span>\r\n        <\/div>\r\n        <div class=\"bento-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1476514525535-07fb3b4ae5f1?w=600&q=80\" alt=\"Nature\">\r\n            <span class=\"bento-label\">Natural Trails<\/span>\r\n        <\/div>\r\n        <div class=\"bento-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1510001618818-4b4e3d86bf0f?w=600&q=80\" alt=\"Sunrise\">\r\n            <span class=\"bento-label\">Magical Sunrise<\/span>\r\n        <\/div>\r\n        <div class=\"bento-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?w=800&q=80\" alt=\"Pacific View\">\r\n            <span class=\"bento-label\">Pacific Ocean View<\/span>\r\n        <\/div>\r\n        <div class=\"bento-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1501785888041-af3ef285b470?w=600&q=80\" alt=\"Sunset\">\r\n            <span class=\"bento-label\">Sunsets<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- CTA Section -->\r\n<section class=\"cta-section\">\r\n    <div class=\"cta-content\">\r\n        <div class=\"cta-text\">\r\n            <h2 class=\"translation-block\">\u00bfListo para vivir una <span>experiencia \u00fanica<\/span>?<\/h2>\r\n            <p>Reserve su estad\u00eda y descubra la magia del Valle del General<\/p>\r\n        <\/div>\r\n        <div class=\"cta-buttons\">\r\n            <a href=\"#\" class=\"btn-cta-white\">\r\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"18\" height=\"18\">\r\n                    <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/>\r\n                    <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/>\r\n                    <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/>\r\n                    <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>\r\n                <\/svg>\r\n                Reservar\r\n            <\/a>\r\n            <a href=\"#\" class=\"btn-outline\">Cont\u00e1ctenos<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n    \/\/ Header scroll effect\r\n    window.addEventListener('scroll', () => {\r\n        const header = document.getElementById('header');\r\n        if (header) {\r\n            if (window.scrollY > 100) {\r\n                header.classList.add('scrolled');\r\n            } else {\r\n                header.classList.remove('scrolled');\r\n            }\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>What We Offer Experiences that Transform Every moment at Valle del General is designed to create unforgettable memories 01 Premium Lodging Rooms with spectacular valley views, equipped with all the amenities for your perfect rest. 02 Traditional Restaurant Savor authentic Costa Rican cuisine prepared with fresh, locally sourced ingredients. 03 Adventure Tours Explore natural trails, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-329","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Us - valledelgeneral.com<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/valledelgeneral.com\/es\/nosotros\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Us - valledelgeneral.com\" \/>\n<meta property=\"og:description\" content=\"What We Offer Experiences that Transform Every moment at Valle del General is designed to create unforgettable memories 01 Premium Lodging Rooms with spectacular valley views, equipped with all the amenities for your perfect rest. 02 Traditional Restaurant Savor authentic Costa Rican cuisine prepared with fresh, locally sourced ingredients. 03 Adventure Tours Explore natural trails, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/valledelgeneral.com\/es\/nosotros\/\" \/>\n<meta property=\"og:site_name\" content=\"valledelgeneral.com\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-31T02:42:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/valledelgeneral.com\/wp-content\/uploads\/2025\/12\/dlx4.jpg?w=600&q=80\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"15 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/valledelgeneral.com\\\/nosotros\\\/\",\"url\":\"https:\\\/\\\/valledelgeneral.com\\\/nosotros\\\/\",\"name\":\"Us - valledelgeneral.com\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/teal-deer-771460.hostingersite.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/valledelgeneral.com\\\/nosotros\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/valledelgeneral.com\\\/nosotros\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/valledelgeneral.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/dlx4.jpg?w=600&q=80\",\"datePublished\":\"2025-12-30T19:26:56+00:00\",\"dateModified\":\"2026-03-31T02:42:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/valledelgeneral.com\\\/nosotros\\\/#breadcrumb\"},\"inLanguage\":\"es-CR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/valledelgeneral.com\\\/nosotros\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CR\",\"@id\":\"https:\\\/\\\/valledelgeneral.com\\\/nosotros\\\/#primaryimage\",\"url\":\"https:\\\/\\\/valledelgeneral.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/dlx4.jpg?w=600&q=80\",\"contentUrl\":\"https:\\\/\\\/valledelgeneral.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/dlx4.jpg?w=600&q=80\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/valledelgeneral.com\\\/nosotros\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/valledelgeneral.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Us\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/teal-deer-771460.hostingersite.com\\\/#website\",\"url\":\"https:\\\/\\\/teal-deer-771460.hostingersite.com\\\/\",\"name\":\"valledelgeneral.com\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/teal-deer-771460.hostingersite.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/teal-deer-771460.hostingersite.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es-CR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/teal-deer-771460.hostingersite.com\\\/#organization\",\"name\":\"Valle del General\",\"url\":\"https:\\\/\\\/teal-deer-771460.hostingersite.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CR\",\"@id\":\"https:\\\/\\\/teal-deer-771460.hostingersite.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/valledelgeneral.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/verticalcolor.png\",\"contentUrl\":\"https:\\\/\\\/valledelgeneral.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/verticalcolor.png\",\"width\":74,\"height\":93,\"caption\":\"Valle del General\"},\"image\":{\"@id\":\"https:\\\/\\\/teal-deer-771460.hostingersite.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Us - valledelgeneral.com","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/valledelgeneral.com\/es\/nosotros\/","og_locale":"es_ES","og_type":"article","og_title":"Us - valledelgeneral.com","og_description":"What We Offer Experiences that Transform Every moment at Valle del General is designed to create unforgettable memories 01 Premium Lodging Rooms with spectacular valley views, equipped with all the amenities for your perfect rest. 02 Traditional Restaurant Savor authentic Costa Rican cuisine prepared with fresh, locally sourced ingredients. 03 Adventure Tours Explore natural trails, [&hellip;]","og_url":"https:\/\/valledelgeneral.com\/es\/nosotros\/","og_site_name":"valledelgeneral.com","article_modified_time":"2026-03-31T02:42:33+00:00","og_image":[{"url":"https:\/\/valledelgeneral.com\/wp-content\/uploads\/2025\/12\/dlx4.jpg?w=600&q=80","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"15 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/valledelgeneral.com\/nosotros\/","url":"https:\/\/valledelgeneral.com\/nosotros\/","name":"Us - valledelgeneral.com","isPartOf":{"@id":"https:\/\/teal-deer-771460.hostingersite.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/valledelgeneral.com\/nosotros\/#primaryimage"},"image":{"@id":"https:\/\/valledelgeneral.com\/nosotros\/#primaryimage"},"thumbnailUrl":"https:\/\/valledelgeneral.com\/wp-content\/uploads\/2025\/12\/dlx4.jpg?w=600&q=80","datePublished":"2025-12-30T19:26:56+00:00","dateModified":"2026-03-31T02:42:33+00:00","breadcrumb":{"@id":"https:\/\/valledelgeneral.com\/nosotros\/#breadcrumb"},"inLanguage":"es-CR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/valledelgeneral.com\/nosotros\/"]}]},{"@type":"ImageObject","inLanguage":"es-CR","@id":"https:\/\/valledelgeneral.com\/nosotros\/#primaryimage","url":"https:\/\/valledelgeneral.com\/wp-content\/uploads\/2025\/12\/dlx4.jpg?w=600&q=80","contentUrl":"https:\/\/valledelgeneral.com\/wp-content\/uploads\/2025\/12\/dlx4.jpg?w=600&q=80"},{"@type":"BreadcrumbList","@id":"https:\/\/valledelgeneral.com\/nosotros\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/valledelgeneral.com\/"},{"@type":"ListItem","position":2,"name":"Us"}]},{"@type":"WebSite","@id":"https:\/\/teal-deer-771460.hostingersite.com\/#website","url":"https:\/\/teal-deer-771460.hostingersite.com\/","name":"valledelgeneral.com","description":"","publisher":{"@id":"https:\/\/teal-deer-771460.hostingersite.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/teal-deer-771460.hostingersite.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es-CR"},{"@type":"Organization","@id":"https:\/\/teal-deer-771460.hostingersite.com\/#organization","name":"Valle del General","url":"https:\/\/teal-deer-771460.hostingersite.com\/","logo":{"@type":"ImageObject","inLanguage":"es-CR","@id":"https:\/\/teal-deer-771460.hostingersite.com\/#\/schema\/logo\/image\/","url":"https:\/\/valledelgeneral.com\/wp-content\/uploads\/2025\/12\/verticalcolor.png","contentUrl":"https:\/\/valledelgeneral.com\/wp-content\/uploads\/2025\/12\/verticalcolor.png","width":74,"height":93,"caption":"Valle del General"},"image":{"@id":"https:\/\/teal-deer-771460.hostingersite.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/valledelgeneral.com\/es\/wp-json\/wp\/v2\/pages\/329","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valledelgeneral.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/valledelgeneral.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/valledelgeneral.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/valledelgeneral.com\/es\/wp-json\/wp\/v2\/comments?post=329"}],"version-history":[{"count":74,"href":"https:\/\/valledelgeneral.com\/es\/wp-json\/wp\/v2\/pages\/329\/revisions"}],"predecessor-version":[{"id":985,"href":"https:\/\/valledelgeneral.com\/es\/wp-json\/wp\/v2\/pages\/329\/revisions\/985"}],"wp:attachment":[{"href":"https:\/\/valledelgeneral.com\/es\/wp-json\/wp\/v2\/media?parent=329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}