{"id":19595,"date":"2026-08-26T13:22:00","date_gmt":"2026-08-26T13:22:00","guid":{"rendered":"https:\/\/ecohotelelagua.com\/?page_id=19595"},"modified":"2026-08-31T07:50:01","modified_gmt":"2026-08-31T07:50:01","slug":"ea-club","status":"publish","type":"page","link":"https:\/\/ecohotelelagua.com\/fr\/ea-club\/","title":{"rendered":"EA Club"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19595\" class=\"elementor elementor-19595\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-be6de80 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"be6de80\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f430b1c\" data-id=\"f430b1c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-eb84f99 elementor-widget elementor-widget-html\" data-id=\"eb84f99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* ===== BET\u0170T\u00cdPUSOK BEH\u00cdV\u00c1SA ===== *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500&display=swap');\r\n\r\n  \/* ===== GLOB\u00c1LIS ST\u00cdLUSOK ===== *\/\r\n  .ea-club-page * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n  .ea-club-page {\r\n    width: 100%;\r\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n    color: #1a1a1a;\r\n    background: #F5F1EB;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n  .ea-club-page .font-serif {\r\n    font-family: 'Instrument Serif', 'Times New Roman', serif;\r\n  }\r\n  .ea-club-page .container {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n  }\r\n  @media (min-width: 768px) {\r\n    .ea-club-page .container {\r\n      padding: 0 40px;\r\n    }\r\n  }\r\n\r\n  \/* ===== HERO ===== *\/\r\n  .ea-hero {\r\n    position: relative;\r\n    height: 100vh;\r\n    min-height: 640px;\r\n    overflow: hidden;\r\n  }\r\n  .ea-hero .hero-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n  }\r\n  .ea-hero .hero-bg img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: 50% 35%;\r\n  }\r\n  .ea-hero .hero-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n  }\r\n  .ea-hero .hero-content {\r\n    position: relative;\r\n    z-index: 10;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-end;\r\n    padding: 48px 24px 78px;\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n  @media (min-width: 768px) {\r\n    .ea-hero .hero-content {\r\n      padding: 48px 40px 110px;\r\n    }\r\n  }\r\n  .ea-hero .hero-grid {\r\n    display: grid;\r\n    gap: 32px;\r\n    align-items: end;\r\n  }\r\n  @media (min-width: 768px) {\r\n    .ea-hero .hero-grid {\r\n      grid-template-columns: 1.1fr 0.9fr;\r\n      gap: 80px;\r\n    }\r\n  }\r\n  .ea-hero .hero-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 4px 12px;\r\n    border-radius: 9999px;\r\n    background: rgba(255,255,255,0.1);\r\n    backdrop-filter: blur(12px);\r\n    border: 1px solid rgba(255,255,255,0.4);\r\n    color: #ffffff;\r\n    font-size: 10px;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    font-weight: 500;\r\n    margin-bottom: 24px;\r\n  }\r\n  .ea-hero h1 {\r\n    font-family: 'Instrument Serif', serif;\r\n    color: #ffffff;\r\n    line-height: 0.9;\r\n    letter-spacing: -0.02em;\r\n    font-size: 12vw;\r\n  }\r\n  @media (min-width: 768px) {\r\n    .ea-hero h1 {\r\n      font-size: 9vw;\r\n    }\r\n  }\r\n  @media (min-width: 1024px) {\r\n    .ea-hero h1 {\r\n      font-size: 80px;\r\n    }\r\n  }\r\n  .ea-hero h1 .italic {\r\n    font-style: italic;\r\n    font-weight: 300;\r\n  }\r\n  .ea-hero .hero-sub {\r\n    margin-top: 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n  }\r\n  .ea-hero .hero-sub .line {\r\n    width: 48px;\r\n    height: 1px;\r\n    background: rgba(255,255,255,0.4);\r\n  }\r\n  @media (min-width: 768px) {\r\n    .ea-hero .hero-sub .line {\r\n      width: 80px;\r\n    }\r\n  }\r\n  .ea-hero .hero-sub p {\r\n    font-family: 'Instrument Serif', serif;\r\n    color: #ffffff;\r\n    font-size: 18px;\r\n    letter-spacing: 0.025em;\r\n  }\r\n  @media (min-width: 768px) {\r\n    .ea-hero .hero-sub p {\r\n      font-size: 22px;\r\n    }\r\n  }\r\n  .ea-hero .hero-text {\r\n    font-family: 'Inter', sans-serif;\r\n    color: #ffffff;\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n    max-width: 36ch;\r\n    font-weight: 400;\r\n  }\r\n  @media (min-width: 768px) {\r\n    .ea-hero .hero-text {\r\n      font-size: 17px;\r\n    }\r\n  }\r\n  .ea-hero .hero-actions {\r\n    margin-top: 32px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n  }\r\n  .ea-hero .btn-primary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 0 28px;\r\n    height: 48px;\r\n    border-radius: 9999px;\r\n    background: #F5F1EB;\r\n    color: #2B3A2E;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.025em;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n    text-decoration: none;\r\n  }\r\n  .ea-hero .btn-primary:hover {\r\n    background: #fff;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 30px -10px rgba(0,0,0,0.3);\r\n  }\r\n  .ea-hero .btn-primary .icon {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 24px;\r\n    height: 24px;\r\n    border-radius: 50%;\r\n    background: #2B3A2E;\r\n    color: #fff;\r\n    transition: transform 0.2s;\r\n  }\r\n  .ea-hero .btn-primary:hover .icon {\r\n    transform: translateX(2px);\r\n  }\r\n  .ea-hero .btn-secondary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 0 24px;\r\n    height: 48px;\r\n    border-radius: 9999px;\r\n    border: 1px solid #ffffff;\r\n    background: transparent;\r\n    backdrop-filter: blur(12px);\r\n    color: #ffffff;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    letter-spacing: 0.025em;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n    text-decoration: none;\r\n  }\r\n  .ea-hero .btn-secondary:hover {\r\n    background: rgba(255,255,255,0.1);\r\n  }\r\n\r\n  \/* ===== BENEFITS ===== *\/\r\n  .ea-benefits {\r\n    background: #F5F1EB;\r\n    padding: 56px 0 128px;\r\n    scroll-margin-top: 80px;\r\n  }\r\n  @media (min-width: 768px) {\r\n    .ea-benefits {\r\n      padding: 96px 0 192px;\r\n    }\r\n  }\r\n  .ea-benefits .grid-2 {\r\n    display: grid;\r\n    gap: 40px;\r\n    align-items: start;\r\n  }\r\n  @media (min-width: 768px) {\r\n    .ea-benefits .grid-2 {\r\n      grid-template-columns: 0.9fr 1.1fr;\r\n      gap: 80px;\r\n    }\r\n  }\r\n  .ea-benefits .section-badge {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 11px;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: #2B3A2E;\r\n    font-weight: 600;\r\n    margin-bottom: 24px;\r\n  }\r\n  .ea-benefits h2 {\r\n    font-family: 'Instrument Serif', serif;\r\n    font-size: 38px;\r\n    line-height: 0.95;\r\n    letter-spacing: -0.02em;\r\n    font-weight: 400;\r\n    color: #1a1a1a;\r\n  }\r\n  @media (min-width: 768px) {\r\n    .ea-benefits h2 {\r\n      font-size: 54px;\r\n    }\r\n  }\r\n  .ea-benefits h2 .italic {\r\n    font-style: italic;\r\n    font-weight: 300;\r\n  }\r\n  .ea-benefits .desc-text {\r\n    margin-top: 32px;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n    color: #2B3A2E;\r\n    max-width: 44ch;\r\n    font-weight: 400;\r\n  }\r\n  .ea-benefits .benefit-card {\r\n    background: #fff;\r\n    border: 1px solid rgba(43,58,46,0.06);\r\n    border-radius: 20px;\r\n    padding: 24px;\r\n    display: flex;\r\n    gap: 20px;\r\n    margin-bottom: 16px;\r\n    transition: all 0.2s;\r\n  }\r\n  @media (min-width: 768px) {\r\n    .ea-benefits .benefit-card {\r\n      padding: 32px;\r\n    }\r\n  }\r\n  .ea-benefits .benefit-card:hover {\r\n    box-shadow: 0 20px 60px -30px rgba(43,58,46,0.25);\r\n  }\r\n  .ea-benefits .benefit-icon {\r\n    flex-shrink: 0;\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 50%;\r\n    background: #F5F1EB;\r\n    border: 1px solid rgba(43,58,46,0.1);\r\n    display: grid;\r\n    place-items: center;\r\n    color: #2B3A2E;\r\n  }\r\n  .ea-benefits .benefit-title {\r\n    font-family: 'Instrument Serif', serif;\r\n    font-size: 18px;\r\n    line-height: 1.2;\r\n    margin-bottom: 8px;\r\n    color: #1a1a1a;\r\n  }\r\n  .ea-benefits .benefit-desc {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    color: #2B3A2E;\r\n    font-weight: 400;\r\n  }\r\n  .ea-benefits .highlight-box {\r\n    margin-top: 24px;\r\n    background: #2B3A2E;\r\n    color: #F5F1EB;\r\n    border-radius: 20px;\r\n    padding: 28px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: flex;\r\n    gap: 20px;\r\n    align-items: flex-start;\r\n  }\r\n  .ea-benefits .highlight-box .text {\r\n    position: relative;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 14.5px;\r\n    line-height: 1.7;\r\n    color: #F5F1EB;\r\n  }\r\n  .ea-benefits .highlight-box .text strong {\r\n    color: #fff;\r\n    text-decoration: underline;\r\n    text-decoration-color: #C4A484;\r\n    text-underline-offset: 4px;\r\n  }\r\n\r\n  \/* ===== JOIN (\u0170RLAP) ===== *\/\r\n  .ea-join {\r\n    background: #F5F1EB;\r\n    padding: 0 0 80px;\r\n    margin-top: -64px;\r\n    scroll-margin-top: 80px;\r\n  }\r\n  @media (min-width: 768px) {\r\n    .ea-join {\r\n      margin-top: -96px;\r\n      padding-bottom: 112px;\r\n    }\r\n  }\r\n  .ea-join .form-card {\r\n    background: #fff;\r\n    border-radius: 28px;\r\n    box-shadow: 0 30px 100px -40px rgba(43,58,46,0.35);\r\n    border: 1px solid rgba(43,58,46,0.06);\r\n    overflow: hidden;\r\n  }\r\n  .ea-join .form-top-bar {\r\n    height: 5px;\r\n    background: linear-gradient(to right, #2B3A2E, #C4A484, #D9D0C0);\r\n  }\r\n  .ea-join .form-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n  }\r\n  @media (min-width: 768px) {\r\n    .ea-join .form-grid {\r\n      grid-template-columns: 0.95fr 1.05fr;\r\n    }\r\n  }\r\n  .ea-join .form-left {\r\n    padding: 30px 24px;\r\n    background: #FBF9F6;\r\n    border-bottom: 1px solid rgba(43,58,46,0.06);\r\n  }\r\n  @media (min-width: 768px) {\r\n    .ea-join .form-left {\r\n      border-bottom: 0;\r\n      border-right: 1px solid rgba(43,58,46,0.06);\r\n      padding: 48px;\r\n    }\r\n  }\r\n  .ea-join .form-right {\r\n    padding: 30px 24px;\r\n  }\r\n  @media (min-width: 768px) {\r\n    .ea-join .form-right {\r\n      padding: 48px;\r\n    }\r\n  }\r\n  .ea-join .badge {\r\n    font-size: 11px;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: #2B3A2E;\r\n    font-weight: 600;\r\n  }\r\n  .ea-join h3 {\r\n    font-family: 'Instrument Serif', serif;\r\n    font-weight: 400;\r\n    letter-spacing: -0.02em;\r\n    line-height: 0.95;\r\n    color: #1a1a1a;\r\n    font-size: 36px;\r\n    margin-top: 16px;\r\n  }\r\n  @media (min-width: 768px) {\r\n    .ea-join h3 {\r\n      font-size: 48px;\r\n    }\r\n  }\r\n  .ea-join h3 .italic {\r\n    font-style: italic;\r\n    font-weight: 300;\r\n  }\r\n  .ea-join .desc {\r\n    margin-top: 20px;\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n    color: #2B3A2E;\r\n    max-width: 36ch;\r\n    font-weight: 400;\r\n  }\r\n  .ea-join .feature-list {\r\n    margin-top: 32px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n  .ea-join .feature-item {\r\n    display: flex;\r\n    gap: 12px;\r\n    align-items: flex-start;\r\n    font-size: 13px;\r\n    color: #2B3A2E;\r\n    font-weight: 400;\r\n  }\r\n  .ea-join .feature-check {\r\n    flex-shrink: 0;\r\n    width: 20px;\r\n    height: 20px;\r\n    margin-top: 2px;\r\n    border-radius: 50%;\r\n    background: #2B3A2E;\r\n    color: #fff;\r\n    display: grid;\r\n    place-items: center;\r\n    font-size: 12px;\r\n  }\r\n  .ea-join .trust-row {\r\n    margin-top: 32px;\r\n    padding-top: 24px;\r\n    border-top: 1px solid rgba(43,58,46,0.1);\r\n    display: flex;\r\n    gap: 16px;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n  }\r\n  .ea-join .trust-text {\r\n    font-size: 11px;\r\n    line-height: 1.4;\r\n    color: #2B3A2E;\r\n    max-width: 22ch;\r\n    font-weight: 500;\r\n  }\r\n  \/* \u0170rlap mez\u0151k *\/\r\n  .ea-join .form-group {\r\n    margin-bottom: 20px;\r\n  }\r\n  .ea-join label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 11px;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: #1a1a1a;\r\n    margin-bottom: 6px;\r\n    font-weight: 600;\r\n  }\r\n  .ea-join label .required {\r\n    color: #C4A484;\r\n  }\r\n  .ea-join input:not([type=\"checkbox\"]),\r\n  .ea-join select {\r\n    width: 100%;\r\n    height: 48px;\r\n    border-radius: 9999px;\r\n    border: 1px solid rgba(43,58,46,0.2);\r\n    padding: 0 20px;\r\n    font-size: 14px;\r\n    font-family: 'Inter', sans-serif;\r\n    background: rgba(245,241,235,0.4);\r\n    outline: none;\r\n    transition: all 0.2s;\r\n    color: #1a1a1a;\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n  }\r\n  .ea-join input:not([type=\"checkbox\"]):focus,\r\n  .ea-join select:focus {\r\n    background: #fff;\r\n    border-color: #2B3A2E;\r\n    box-shadow: 0 0 0 4px rgba(43,58,46,0.1);\r\n  }\r\n  .ea-join input:not([type=\"checkbox\"]).error,\r\n  .ea-join select.error {\r\n    border-color: #fca5a5;\r\n    background: rgba(254,202,202,0.5);\r\n  }\r\n  .ea-join .error-msg {\r\n    margin-top: 6px;\r\n    font-size: 11px;\r\n    color: #ef4444;\r\n    font-weight: 500;\r\n  }\r\n  .ea-join .phone-row {\r\n    display: grid;\r\n    grid-template-columns: 100px 1fr;\r\n    gap: 12px;\r\n  }\r\n  .ea-join .checkbox-group {\r\n    margin-top: 8px;\r\n  }\r\n  .ea-join .checkbox-label {\r\n    display: flex;\r\n    gap: 12px;\r\n    padding: 16px;\r\n    border-radius: 16px;\r\n    border: 1px solid rgba(43,58,46,0.15);\r\n    background: rgba(245,241,235,0.5);\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n    align-items: flex-start;\r\n    font-size: 12.5px;\r\n    line-height: 1.5;\r\n    color: #1a1a1a;\r\n    text-transform: none !important;\r\n    letter-spacing: normal !important;\r\n    font-weight: 400;\r\n  }\r\n  .ea-join .checkbox-label:hover {\r\n    background: #F5F1EB;\r\n  }\r\n  .ea-join .checkbox-label.error {\r\n    border-color: #fca5a5;\r\n    background: rgba(254,202,202,0.4);\r\n  }\r\n  .ea-join .checkbox-label input[type=\"checkbox\"] {\r\n    width: 18px;\r\n    height: 18px;\r\n    flex-shrink: 0;\r\n    margin-top: 2px;\r\n    border-radius: 4px;\r\n    border: 1px solid rgba(43,58,46,0.4);\r\n    accent-color: #2B3A2E;\r\n    cursor: pointer;\r\n  }\r\n  .ea-join .submit-btn {\r\n    width: 100%;\r\n    height: 56px;\r\n    border-radius: 9999px;\r\n    background: #2B3A2E;\r\n    color: #fff;\r\n    border: none;\r\n    font-size: 13px;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    font-weight: 500;\r\n    font-family: 'Inter', sans-serif;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    margin-top: 24px;\r\n  }\r\n  .ea-join .submit-btn:hover {\r\n    background: #1F2B22;\r\n    box-shadow: 0 12px 30px -10px rgba(43,58,46,0.5);\r\n  }\r\n  .ea-join .submit-btn:disabled {\r\n    opacity: 0.6;\r\n    cursor: not-allowed;\r\n  }\r\n  .ea-join .footer-note {\r\n    margin-top: 20px;\r\n    text-align: center;\r\n    font-size: 11.5px;\r\n    line-height: 1.6;\r\n    color: #2B3A2E;\r\n    max-width: 40ch;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    font-weight: 400;\r\n  }\r\n  .ea-join .success-box {\r\n    text-align: center;\r\n    padding: 40px 24px;\r\n  }\r\n  .ea-join .success-icon {\r\n    width: 80px;\r\n    height: 80px;\r\n    border-radius: 50%;\r\n    background: #2B3A2E;\r\n    color: #fff;\r\n    display: grid;\r\n    place-items: center;\r\n    font-size: 36px;\r\n    margin: 0 auto 24px;\r\n    box-shadow: 0 20px 40px -15px rgba(43,58,46,0.5);\r\n  }\r\n  .ea-join .success-title {\r\n    font-size: 40px;\r\n    font-family: 'Instrument Serif', serif;\r\n    line-height: 0.9;\r\n    letter-spacing: -0.02em;\r\n    color: #1a1a1a;\r\n  }\r\n  .ea-join .success-title .italic {\r\n    font-style: italic;\r\n    font-weight: 300;\r\n  }\r\n  .ea-join .success-desc {\r\n    margin-top: 20px;\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n    color: #1a1a1a;\r\n    max-width: 42ch;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n  .ea-join .reset-btn {\r\n    margin-top: 32px;\r\n    display: inline-block;\r\n    height: 44px;\r\n    padding: 0 24px;\r\n    border-radius: 9999px;\r\n    border: 1px solid rgba(43,58,46,0.2);\r\n    background: transparent;\r\n    font-size: 12px;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n    color: #1a1a1a;\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 500;\r\n  }\r\n  .ea-join .reset-btn:hover {\r\n    background: #F5F1EB;\r\n  }\r\n  .ea-join .hidden {\r\n    display: none !important;\r\n  }\r\n  .ea-join .loading-spinner {\r\n    display: inline-block;\r\n    width: 20px;\r\n    height: 20px;\r\n    border: 2px solid rgba(255,255,255,0.3);\r\n    border-top-color: #fff;\r\n    border-radius: 50%;\r\n    animation: spin 0.8s linear infinite;\r\n  }\r\n  @keyframes spin {\r\n    to { transform: rotate(360deg); }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .ea-join .phone-row {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .ea-join h3 {\r\n      font-size: 28px;\r\n    }\r\n    .ea-join .form-left,\r\n    .ea-join .form-right {\r\n      padding: 20px 16px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ============================================================ -->\r\n<!-- TELJES OLDAL \u2013 FEJL\u00c9C \u00c9S L\u00c1BL\u00c9C N\u00c9LK\u00dcL, SPANYOLUL          -->\r\n<!-- ============================================================ -->\r\n<div class=\"ea-club-page\">\r\n\r\n  <!-- ===== HERO SZEKCI\u00d3 ===== -->\r\n  <section class=\"ea-hero\">\r\n    <div class=\"hero-bg\">\r\n      <img decoding=\"async\" src=\"https:\/\/ecohotelelagua.com\/wp-content\/uploads\/2026\/08\/EAclub-backg.jpeg\" alt=\"Ecohotel El Agua\">\r\n    <\/div>\r\n    <div class=\"hero-overlay\"><\/div>\r\n    <div class=\"hero-content\">\r\n      <div class=\"hero-grid\">\r\n        <!-- BAL OSZLOP -->\r\n        <div>\r\n          <div class=\"hero-badge\">\r\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z\"\/><path d=\"M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12\"\/><\/svg>\r\n            C\u00edrculo Exclusivo\r\n          <\/div>\r\n          <h1>Bienvenido al <span class=\"italic\">EA Club<\/span><\/h1>\r\n          <div class=\"hero-sub\">\r\n            <span class=\"line\"><\/span>\r\n            <p>de Ecohotel El Agua<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- JOBB OSZLOP -->\r\n        <div>\r\n          <p class=\"hero-text\">Un c\u00edrculo exclusivo para quienes encuentran su hogar en la naturaleza. Ma\u00f1anas tranquilas, piedra volc\u00e1nica y agua calentada por el sol.<\/p>\r\n          <div class=\"hero-actions\">\r\n            <a href=\"#join\" class=\"btn-primary\">\r\n              Unirme al Club\r\n              <span class=\"icon\">\r\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\r\n              <\/span>\r\n            <\/a>\r\n            <a href=\"#benefits\" class=\"btn-secondary\">Descubrir Beneficios<\/a>\r\n          <\/div>\r\n          <div class=\"hero-meta\" style=\"margin-top:40px; display:flex; gap:32px; color:#ffffff; font-size:10px; letter-spacing:0.18em; text-transform:uppercase;\">\r\n            <span>\u2022 10% de recompensa<\/span>\r\n            <span>\u2022 Solo para miembros<\/span>\r\n            <span>\u2022 Primero la naturaleza<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- \u00c1tmenet magass\u00e1ga felezve: 128px helyett 64px -->\r\n    <div class=\"hero-gradient-bottom\" style=\"position:absolute; bottom:0; left:0; right:0; height:64px; background:linear-gradient(to top, #F5F1EB, transparent); pointer-events:none;\"><\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== BENEFITS SZEKCI\u00d3 ===== -->\r\n  <section class=\"ea-benefits\" id=\"benefits\">\r\n    <div class=\"container\">\r\n      <div class=\"grid-2\">\r\n        <div>\r\n          <div class=\"section-badge\">EA Club \/ 01<\/div>\r\n          <h2>Bienvenido al <span class=\"italic\">EA Club<\/span> de Ecohotel El Agua!<\/h2>\r\n          <p class=\"desc-text\">Nos complace darte la bienvenida a nuestro programa de membres\u00eda exclusivo, dise\u00f1ado especialmente para ti, nuestro hu\u00e9sped valorado. Al ser parte del EA Club, disfrutar\u00e1s de una experiencia \u00fanica y personalizada en cada visita.<\/p>\r\n          \r\n          <!-- KEREK K\u00c9P \u00c9S SZ\u00d6VEG -->\r\n          <div style=\"margin-top: 48px; display: flex; align-items: center; gap: 20px;\">\r\n            <img decoding=\"async\" src=\"https:\/\/ecohotelelagua.com\/wp-content\/uploads\/2026\/08\/arico1-4-scaled.jpg\" alt=\"Ecohotel El Agua\" style=\"width: 64px; height: 64px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 1px solid rgba(43,58,46,0.1);\">\r\n            <div style=\"font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: #1a1a1a; line-height: 1.4; max-width: 220px; font-weight: 500;\">\r\n              Piedra volc\u00e1nica, pino canario, piscinas de lluvia \u2014 construidas para fundirse en el paisaje.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div>\r\n          <h3 style=\"font-family:'Instrument Serif',serif; font-size:22px; font-weight:400; margin-bottom:24px;\">Beneficios de ser miembro del EA Club:<\/h3>\r\n          \r\n          <div class=\"benefit-card\">\r\n            <div class=\"benefit-icon\">\r\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"5\" x2=\"5\" y2=\"19\"><\/line><circle cx=\"6.5\" cy=\"6.5\" r=\"2.5\"><\/circle><circle cx=\"17.5\" cy=\"17.5\" r=\"2.5\"><\/circle><\/svg>\r\n            <\/div>\r\n            <div>\r\n              <div class=\"benefit-title\">La Recompensa del Regreso<\/div>\r\n              <div class=\"benefit-desc\">10% de descuento en todas las reservas directas a trav\u00e9s de nuestra web a partir de tu segunda estancia.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"benefit-card\">\r\n            <div class=\"benefit-icon\">\r\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 12v10H4V12\"\/><path d=\"M2 7h20v5H2z\"\/><path d=\"M12 22V7\"\/><path d=\"M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z\"\/><path d=\"M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z\"\/><\/svg>\r\n            <\/div>\r\n            <div>\r\n              <div class=\"benefit-title\">Acceso Solo para Miembros<\/div>\r\n              <div class=\"benefit-desc\">Acceso a ofertas y promociones especiales exclusivas para miembros. Mantente atento a las sorpresas que tenemos preparadas.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"benefit-card\">\r\n            <div class=\"benefit-icon\">\r\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 3-1.9 5.8a2 2 0 0 1-1.2 1.2L3 12l5.8 1.9a2 2 0 0 1 1.2 1.2L12 21l1.9-5.8a2 2 0 0 1 1.2-1.2L21 12l-5.8-1.9a2 2 0 0 1-1.2-1.2Z\"\/><\/svg>\r\n            <\/div>\r\n            <div>\r\n              <div class=\"benefit-title\">Primero en Saber<\/div>\r\n              <div class=\"benefit-desc\">Informaci\u00f3n exclusiva sobre nuevos servicios, actividades y eventos en Ecohotel El Agua.<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"highlight-box\">\r\n            <div class=\"benefit-icon\" style=\"background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.2); color: #fff;\">\r\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"text\">Al registrarte, recibir\u00e1s un <strong>c\u00f3digo de descuento exclusivo<\/strong> en tu correo electr\u00f3nico, que podr\u00e1s usar en tu pr\u00f3xima reserva. Es nuestra forma de agradecerte que nos elijas como tu destino de relax y conexi\u00f3n con la naturaleza.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== JOIN SZEKCI\u00d3 (\u0170RLAP) ===== -->\r\n  <section class=\"ea-join\" id=\"join\">\r\n    <div class=\"container\">\r\n      <div class=\"form-card\">\r\n        <div class=\"form-top-bar\"><\/div>\r\n\r\n        <!-- \u0170RLAP -->\r\n        <div id=\"ea-form-container\">\r\n          <div class=\"form-grid\">\r\n            <div class=\"form-left\">\r\n              <div class=\"badge\">\u00danete \/ Club EA<\/div>\r\n              <h3>\u00danete al <span class=\"italic\">Club EA<\/span><\/h3>\r\n              <p class=\"desc\">Completa tus datos y recibe tu c\u00f3digo de descuento exclusivo. Solo te llevar\u00e1 45 segundos.<\/p>\r\n              <div class=\"feature-list\">\r\n                <div class=\"feature-item\"><span class=\"feature-check\">\u2713<\/span> C\u00f3digo de 10% para tu pr\u00f3xima estancia<\/div>\r\n                <div class=\"feature-item\"><span class=\"feature-check\">\u2713<\/span> Correo electr\u00f3nico mensual con ofertas<\/div>\r\n                <div class=\"feature-item\"><span class=\"feature-check\">\u2713<\/span> Reserva directa, mejor precio garantizado<\/div>\r\n              <\/div>\r\n              <div class=\"trust-row\">\r\n                <div class=\"trust-text\">M\u00e1s de 1.200 hu\u00e9spedes recurrentes desde 2021<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"form-right\">\r\n              <form id=\"ea-club-form\" novalidate>\r\n                <input type=\"hidden\" name=\"ea_club_nonce\" id=\"ea_club_nonce\" value=\"\">\r\n\r\n                <div class=\"form-group\">\r\n                  <label>\r\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\r\n                    Correo electr\u00f3nico <span class=\"required\">*<\/span>\r\n                  <\/label>\r\n                  <input type=\"email\" id=\"ea_email\" placeholder=\"tu@dominio.com\" autocomplete=\"email\" required>\r\n                  <div class=\"error-msg\" id=\"ea_email_error\"><\/div>\r\n                  <div style=\"margin-top:6px; font-size:12px; color:#1a1a1a; font-weight: 500;\" id=\"ea_email_status\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                  <label>\r\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n                    Nombre <span class=\"required\">*<\/span>\r\n                  <\/label>\r\n                  <input type=\"text\" id=\"ea_first_name\" placeholder=\"Mar\u00eda\" autocomplete=\"given-name\" required>\r\n                  <div class=\"error-msg\" id=\"ea_first_name_error\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                  <label>\r\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n                    Apellido <span class=\"required\">*<\/span>\r\n                  <\/label>\r\n                  <input type=\"text\" id=\"ea_last_name\" placeholder=\"Garc\u00eda\" autocomplete=\"family-name\" required>\r\n                  <div class=\"error-msg\" id=\"ea_last_name_error\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                  <label>\r\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><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\"\/><path d=\"M2 12h20\"\/><\/svg>\r\n                    C\u00f3digo de pa\u00eds\r\n                  <\/label>\r\n                  <div class=\"phone-row\">\r\n                    <select id=\"ea_phone_code\">\r\n                      <option value=\"+34\">+34<\/option>\r\n                      <option value=\"+49\">+49<\/option>\r\n                      <option value=\"+33\">+33<\/option>\r\n                      <option value=\"+44\">+44<\/option>\r\n                      <option value=\"+39\">+39<\/option>\r\n                      <option value=\"+31\">+31<\/option>\r\n                      <option value=\"+46\">+46<\/option>\r\n                      <option value=\"+47\">+47<\/option>\r\n                      <option value=\"+1\">+1<\/option>\r\n                    <\/select>\r\n                    <input type=\"tel\" id=\"ea_phone\" placeholder=\"612 345 678\" autocomplete=\"tel\" required>\r\n                  <\/div>\r\n                  <div class=\"error-msg\" id=\"ea_phone_error\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                  <label>\r\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><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\"\/><path d=\"M2 12h20\"\/><\/svg>\r\n                    Pa\u00eds <span class=\"required\">*<\/span>\r\n                  <\/label>\r\n                  <select id=\"ea_country\" required>\r\n                    <option value=\"\">Selecciona tu pa\u00eds<\/option>\r\n                    <option value=\"Spain\">Espa\u00f1a<\/option>\r\n                    <option value=\"Germany\">Alemania<\/option>\r\n                    <option value=\"United Kingdom\">Reino Unido<\/option>\r\n                    <option value=\"France\">Francia<\/option>\r\n                    <option value=\"Italy\">Italia<\/option>\r\n                    <option value=\"Netherlands\">Pa\u00edses Bajos<\/option>\r\n                    <option value=\"Sweden\">Suecia<\/option>\r\n                    <option value=\"Norway\">Noruega<\/option>\r\n                    <option value=\"United States\">Estados Unidos<\/option>\r\n                    <option value=\"Other\">Otro<\/option>\r\n                  <\/select>\r\n                  <div class=\"error-msg\" id=\"ea_country_error\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                  <label>\r\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n                    Fecha de \u00faltima estancia\r\n                  <\/label>\r\n                  <input type=\"date\" id=\"ea_last_stay\" autocomplete=\"off\">\r\n                  <div style=\"margin-top:6px; font-size:10px; color:#1a1a1a; font-weight: 500;\">Opcional<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                  <label>\u00bfC\u00f3mo nos conociste?<\/label>\r\n                  <select id=\"ea_how_heard\">\r\n                    <option value=\"\">Selecciona una opci\u00f3n (opcional)<\/option>\r\n                    <option value=\"Instagram\">Instagram<\/option>\r\n                    <option value=\"Google\">Google<\/option>\r\n                    <option value=\"Friend Recommendation\">Recomendaci\u00f3n de un amigo<\/option>\r\n                    <option value=\"Previous Guest\">Hu\u00e9sped anterior<\/option>\r\n                    <option value=\"Other\">Otro<\/option>\r\n                  <\/select>\r\n                <\/div>\r\n\r\n                <div class=\"form-group checkbox-group\">\r\n                  <label class=\"checkbox-label\" id=\"ea_consent_label\">\r\n                    <input type=\"checkbox\" id=\"ea_consent\" required>\r\n                    <span>Acepto recibir ofertas exclusivas, noticias y experiencias personalizadas de Ecohotel El Agua. He le\u00eddo la <a href=\"https:\/\/www.ecohotelelagua.com\/privacy-policy\/\" target=\"_blank\" style=\"text-decoration:underline; color:inherit; text-decoration-color:rgba(43,58,46,0.3);\">Pol\u00edtica de Privacidad<\/a>.<\/span>\r\n                  <\/label>\r\n                  <div class=\"error-msg\" id=\"ea_consent_error\"><\/div>\r\n                <\/div>\r\n\r\n                <button type=\"submit\" class=\"submit-btn\" id=\"ea_submit_btn\">\r\n                  Unirme al Club y obtener mi c\u00f3digo\r\n                  <span style=\"display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background:rgba(255,255,255,0.15);\">\r\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\r\n                  <\/span>\r\n                <\/button>\r\n\r\n                <div class=\"footer-note\">Estamos aqu\u00ed para hacer de tu estancia una experiencia inolvidable. \u00a1Gracias por formar parte de la familia de Ecohotel El Agua!<\/div>\r\n              <\/form>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- SIKERES REGISZTR\u00c1CI\u00d3 -->\r\n        <div id=\"ea-success-container\" class=\"hidden\">\r\n          <div class=\"success-box\">\r\n            <div class=\"success-icon\">\u2713<\/div>\r\n            <div class=\"badge\" style=\"margin-bottom:8px;\">Bienvenido a la familia<\/div>\r\n            <div class=\"success-title\">\u00a1Gracias por <span class=\"italic\">unirte!<\/span><\/div>\r\n            <p class=\"success-desc\" id=\"ea_success_message\">Revisa tu correo electr\u00f3nico para obtener tu c\u00f3digo de descuento exclusivo. Lo hemos enviado a <strong id=\"ea_success_email\"><\/strong> \u2014 es v\u00e1lido para tu pr\u00f3xima reserva directa.<\/p>\r\n            <div style=\"margin-top:32px; max-width:360px; margin-left:auto; margin-right:auto; background:#F5F1EB; border:1px solid rgba(43,58,46,0.1); border-radius:16px; padding:20px; display:flex; align-items:center; gap:16px; text-align:left;\">\r\n              <div style=\"width:64px; height:64px; border-radius:12px; background:#D9D0C0; flex-shrink:0;\"><\/div>\r\n              <div>\r\n                <div style=\"font-family:'Instrument Serif',serif; font-size:16px;\">Tu c\u00f3digo est\u00e1 en camino<\/div>\r\n                <div style=\"font-size:12px; color:#1a1a1a; margin-top:4px; font-weight: 500;\">EACLUBxxxx \u2022 10% desde la 2\u00aa estancia<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <button class=\"reset-btn\" id=\"ea_reset_btn\">Registrar otro correo<\/button>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div style=\"padding:16px 24px; text-align:center; font-size:10px; letter-spacing:0.18em; text-transform:uppercase; color:#1a1a1a; font-weight: 600; border-top:1px solid rgba(43,58,46,0.06);\">\r\n          Seguro y privado \u2022 Sin spam \u2022 Darse de baja en cualquier momento\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    'use strict';\r\n\r\n    \/\/ ===== DOM REFERENCI\u00c1K =====\r\n    var form = document.getElementById('ea-club-form');\r\n    var emailInput = document.getElementById('ea_email');\r\n    var firstNameInput = document.getElementById('ea_first_name');\r\n    var lastNameInput = document.getElementById('ea_last_name');\r\n    var phoneInput = document.getElementById('ea_phone');\r\n    var phoneCodeSelect = document.getElementById('ea_phone_code');\r\n    var countrySelect = document.getElementById('ea_country');\r\n    var lastStayInput = document.getElementById('ea_last_stay');\r\n    var howHeardSelect = document.getElementById('ea_how_heard');\r\n    var consentCheck = document.getElementById('ea_consent');\r\n    var submitBtn = document.getElementById('ea_submit_btn');\r\n    var formContainer = document.getElementById('ea-form-container');\r\n    var successContainer = document.getElementById('ea-success-container');\r\n    var successEmail = document.getElementById('ea_success_email');\r\n    var resetBtn = document.getElementById('ea_reset_btn');\r\n    var emailStatus = document.getElementById('ea_email_status');\r\n    var consentLabel = document.getElementById('ea_consent_label');\r\n\r\n    var errors = {\r\n      email: document.getElementById('ea_email_error'),\r\n      firstName: document.getElementById('ea_first_name_error'),\r\n      lastName: document.getElementById('ea_last_name_error'),\r\n      phone: document.getElementById('ea_phone_error'),\r\n      country: document.getElementById('ea_country_error'),\r\n      consent: document.getElementById('ea_consent_error'),\r\n    };\r\n\r\n    \/\/ ===== SEG\u00c9DF\u00dcGGV\u00c9NYEK =====\r\n    function setError(el, msg) {\r\n      el.textContent = msg || '';\r\n      var input = el.closest('.form-group')?.querySelector('input, select');\r\n      if (input) {\r\n        if (msg) input.classList.add('error');\r\n        else input.classList.remove('error');\r\n      }\r\n    }\r\n\r\n    function clearAllErrors() {\r\n      for (var key in errors) setError(errors[key], '');\r\n      consentLabel.classList.remove('error');\r\n    }\r\n\r\n    function validateEmail(email) {\r\n      return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email);\r\n    }\r\n\r\n    function validateForm() {\r\n      var valid = true;\r\n      clearAllErrors();\r\n\r\n      if (!validateEmail(emailInput.value.trim())) {\r\n        setError(errors.email, 'Introduce un correo electr\u00f3nico v\u00e1lido');\r\n        valid = false;\r\n      }\r\n      if (!firstNameInput.value.trim()) {\r\n        setError(errors.firstName, 'El nombre es obligatorio');\r\n        valid = false;\r\n      }\r\n      if (!lastNameInput.value.trim()) {\r\n        setError(errors.lastName, 'El apellido es obligatorio');\r\n        valid = false;\r\n      }\r\n      if (!phoneInput.value.trim()) {\r\n        setError(errors.phone, 'El n\u00famero de tel\u00e9fono es obligatorio');\r\n        valid = false;\r\n      }\r\n      if (!countrySelect.value) {\r\n        setError(errors.country, 'Selecciona tu pa\u00eds');\r\n        valid = false;\r\n      }\r\n      if (!consentCheck.checked) {\r\n        consentLabel.classList.add('error');\r\n        setError(errors.consent, 'Acepta para continuar');\r\n        valid = false;\r\n      } else {\r\n        consentLabel.classList.remove('error');\r\n      }\r\n      return valid;\r\n    }\r\n\r\n    function setLoading(loading) {\r\n      if (loading) {\r\n        submitBtn.disabled = true;\r\n        submitBtn.innerHTML = '<span class=\"loading-spinner\"><\/span> Enviando...';\r\n      } else {\r\n        submitBtn.disabled = false;\r\n        submitBtn.innerHTML =\r\n          'Unirme al Club y obtener mi c\u00f3digo <span style=\"display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,0.15);\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg><\/span>';\r\n      }\r\n    }\r\n\r\n    function showSuccess(email) {\r\n      formContainer.classList.add('hidden');\r\n      successContainer.classList.remove('hidden');\r\n      successEmail.textContent = email;\r\n    }\r\n\r\n    function resetForm() {\r\n      form.reset();\r\n      lastStayInput.value = '';\r\n      clearAllErrors();\r\n      emailStatus.textContent = '';\r\n      formContainer.classList.remove('hidden');\r\n      successContainer.classList.add('hidden');\r\n      window.scrollTo({ top: document.querySelector('.ea-join').offsetTop - 40, behavior: 'smooth' });\r\n    }\r\n\r\n    \/\/ ===== EMAIL ELLEN\u0150RZ\u00c9S A PMS API-N =====\r\n    var lookupTimeout = null;\r\n\r\n    function checkGuestEmail(email) {\r\n      if (!email || !validateEmail(email)) {\r\n        emailStatus.textContent = '';\r\n        return;\r\n      }\r\n\r\n      emailStatus.textContent = '\u23f3 Comprobando...';\r\n      emailStatus.style.color = '#1a1a1a';\r\n\r\n      var apiUrl = 'https:\/\/app.ecohotelelagua.com\/wp-json\/elagua\/v1\/guest-lookup?email=' + encodeURIComponent(email);\r\n\r\n      fetch(apiUrl, {\r\n        credentials: 'omit',\r\n        headers: { 'Accept': 'application\/json' }\r\n      })\r\n      .then(function(res) {\r\n        return res.json().then(function(data) {\r\n          if (!res.ok) throw new Error(data.message || 'Not found');\r\n          return data;\r\n        });\r\n      })\r\n      .then(function(data) {\r\n        if (data.success) {\r\n          if (data.first_name) firstNameInput.value = data.first_name;\r\n          if (data.last_name) lastNameInput.value = data.last_name;\r\n          if (data.phone) phoneInput.value = data.phone;\r\n          if (data.country) {\r\n            var opt = countrySelect.querySelector('option[value=\"' + data.country + '\"]');\r\n            if (opt) countrySelect.value = data.country;\r\n          }\r\n          if (data.last_stay && data.last_stay.match(\/^\\d{4}-\\d{2}-\\d{2}\/)) {\r\n            lastStayInput.value = data.last_stay;\r\n          }\r\n          emailStatus.textContent = '\u2705 \u00a1Bienvenido de nuevo! Hemos completado tus datos.';\r\n          emailStatus.style.color = '#46b450';\r\n        } else {\r\n          emailStatus.textContent = '';\r\n        }\r\n      })\r\n      .catch(function(err) {\r\n        emailStatus.textContent = '';\r\n      });\r\n    }\r\n\r\n    emailInput.addEventListener('input', function() {\r\n      clearTimeout(lookupTimeout);\r\n      var email = emailInput.value.trim();\r\n      lookupTimeout = setTimeout(function() {\r\n        checkGuestEmail(email);\r\n      }, 600);\r\n    });\r\n\r\n    emailInput.addEventListener('blur', function() {\r\n      clearTimeout(lookupTimeout);\r\n      checkGuestEmail(emailInput.value.trim());\r\n    });\r\n\r\n    \/\/ ===== \u0170RLAP ELK\u00dcLD\u00c9SE =====\r\n    form.addEventListener('submit', function(e) {\r\n      e.preventDefault();\r\n\r\n      if (!validateForm()) {\r\n        var firstError = document.querySelector('.ea-join input.error, .ea-join select.error');\r\n        if (firstError) firstError.focus();\r\n        return;\r\n      }\r\n\r\n      setLoading(true);\r\n\r\n      \/\/ --- 1. GOLY\u00d3\u00c1LL\u00d3 NYELVFELISMER\u00c9S (TranslatePress kompatibilis) ---\r\n      var currentLang = 'es'; \/\/ Alap\u00e9rtelmez\u00e9sk\u00e9nt spanyolra \u00e1ll\u00edtjuk\r\n      var currentUrl = window.location.href.toLowerCase();\r\n      \r\n      \/\/ Ha az URL-ben benne van a \/en\/ k\u00f6nyvt\u00e1r vagy a lang=en param\u00e9ter, akkor biztosan angol\r\n      if (currentUrl.indexOf('\/en\/') !== -1 || currentUrl.indexOf('lang=en') !== -1) {\r\n          currentLang = 'en';\r\n      }\r\n      \/\/ -----------------------------------------------------------------\r\n\r\n      var data = {\r\n        email: emailInput.value.trim(),\r\n        firstName: firstNameInput.value.trim(),\r\n        lastName: lastNameInput.value.trim(),\r\n        phoneCode: phoneCodeSelect.value,\r\n        phone: phoneInput.value.trim(),\r\n        country: countrySelect.value,\r\n        lastStay: lastStayInput.value,\r\n        howHeard: howHeardSelect.value,\r\n        consent: consentCheck.checked ? 1 : 0,\r\n        nonce: document.getElementById('ea_club_nonce').value || ''\r\n      };\r\n\r\n      var ajaxUrl = '\/wp-admin\/admin-ajax.php';\r\n\r\n      fetch(ajaxUrl, {\r\n        method: 'POST',\r\n        credentials: 'same-origin',\r\n        headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\r\n        body: new URLSearchParams({\r\n          action: 'elagua_club_register',\r\n          nonce: data.nonce,\r\n          email: data.email,\r\n          firstName: data.firstName,\r\n          lastName: data.lastName,\r\n          phone: data.phoneCode + ' ' + data.phone,\r\n          country: data.country,\r\n          lastStay: data.lastStay,\r\n          howHeard: data.howHeard,\r\n          lang: currentLang \/\/ A pontos\u00edtott nyelvet k\u00fcldj\u00fck \u00e1t a PHP-nak\r\n        })\r\n      })\r\n      .then(function(res) { return res.json(); })\r\n      .then(function(response) {\r\n        setLoading(false);\r\n        if (response.success) {\r\n          showSuccess(data.email);\r\n        } else {\r\n          alert('Error: ' + (response.data?.message || 'Int\u00e9ntalo de nuevo.'));\r\n        }\r\n      })\r\n      .catch(function(err) {\r\n        setLoading(false);\r\n        alert('Error de red. Por favor, comprueba tu conexi\u00f3n e int\u00e9ntalo de nuevo.');\r\n        console.error('AJAX error:', err);\r\n      });\r\n    });\r\n    \/\/ ===== NONCE BET\u00d6LT\u00c9SE =====\r\n    function fetchNonce() {\r\n      fetch('\/wp-admin\/admin-ajax.php?action=elagua_club_nonce', {\r\n        credentials: 'same-origin'\r\n      })\r\n      .then(function(res) { return res.json(); })\r\n      .then(function(data) {\r\n        if (data.nonce) {\r\n          document.getElementById('ea_club_nonce').value = data.nonce;\r\n        }\r\n      })\r\n      .catch(function() {});\r\n    }\r\n    fetchNonce();\r\n\r\n    console.log('EA Club form cargado. API: app.ecohotelelagua.com\/wp-json\/elagua\/v1\/guest-lookup');\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>C\u00edrculo Exclusivo Bienvenido al EA Club de Ecohotel El Agua Un c\u00edrculo exclusivo para quienes encuentran su hogar en la naturaleza. Ma\u00f1anas tranquilas, piedra volc\u00e1nica y agua calentada por el sol. Unirme al Club Descubrir Beneficios \u2022 10% de recompensa \u2022 Solo para miembros \u2022 Primero la naturaleza EA Club \/ 01 Bienvenido al EA [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-19595","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.3 (Yoast SEO v28.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>EcoHotel El Agua<\/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:\/\/ecohotelelagua.com\/fr\/ea-club\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"EA Club\" \/>\n<meta property=\"og:description\" content=\"C\u00edrculo Exclusivo Bienvenido al EA Club de Ecohotel El Agua Un c\u00edrculo exclusivo para quienes encuentran su hogar en la naturaleza. Ma\u00f1anas tranquilas, piedra volc\u00e1nica y agua calentada por el sol. Unirme al Club Descubrir Beneficios \u2022 10% de recompensa \u2022 Solo para miembros \u2022 Primero la naturaleza EA Club \/ 01 Bienvenido al EA [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ecohotelelagua.com\/fr\/ea-club\/\" \/>\n<meta property=\"og:site_name\" content=\"EcoHotel El Agua\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-31T07:50:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ecohotelelagua.com\/wp-content\/uploads\/2026\/08\/EAclub-backg.jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ecohotelelagua.com\\\/ea-club\\\/\",\"url\":\"https:\\\/\\\/ecohotelelagua.com\\\/ea-club\\\/\",\"name\":\"EcoHotel El Agua\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ecohotelelagua.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ecohotelelagua.com\\\/ea-club\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ecohotelelagua.com\\\/ea-club\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ecohotelelagua.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/EAclub-backg.jpeg\",\"datePublished\":\"2026-08-26T13:22:00+00:00\",\"dateModified\":\"2026-08-31T07:50:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ecohotelelagua.com\\\/ea-club\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ecohotelelagua.com\\\/ea-club\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/ecohotelelagua.com\\\/ea-club\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ecohotelelagua.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/EAclub-backg.jpeg\",\"contentUrl\":\"https:\\\/\\\/ecohotelelagua.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/EAclub-backg.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ecohotelelagua.com\\\/ea-club\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ecohotelelagua.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"EA Club\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ecohotelelagua.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/ecohotelelagua.com\\\/fr\\\/\",\"name\":\"EcoHotel El Agua\",\"description\":\"EcoHotel El Agua\",\"publisher\":{\"@id\":\"https:\\\/\\\/ecohotelelagua.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ecohotelelagua.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ecohotelelagua.com\\\/fr\\\/#organization\",\"name\":\"Eco Hotel el Agua\",\"url\":\"https:\\\/\\\/ecohotelelagua.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/ecohotelelagua.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ecohotelelagua.com\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/ig-1.png\",\"contentUrl\":\"https:\\\/\\\/ecohotelelagua.com\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/ig-1.png\",\"width\":300,\"height\":148,\"caption\":\"Eco Hotel el Agua\"},\"image\":{\"@id\":\"https:\\\/\\\/ecohotelelagua.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/p\\\/CZSWRFft7Ls\\\/?utm_medium=share_sheet\",\"https:\\\/\\\/pin.it\\\/4kyijpT\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"EcoHotel El Agua","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:\/\/ecohotelelagua.com\/fr\/ea-club\/","og_locale":"fr_FR","og_type":"article","og_title":"EA Club","og_description":"C\u00edrculo Exclusivo Bienvenido al EA Club de Ecohotel El Agua Un c\u00edrculo exclusivo para quienes encuentran su hogar en la naturaleza. Ma\u00f1anas tranquilas, piedra volc\u00e1nica y agua calentada por el sol. Unirme al Club Descubrir Beneficios \u2022 10% de recompensa \u2022 Solo para miembros \u2022 Primero la naturaleza EA Club \/ 01 Bienvenido al EA [&hellip;]","og_url":"https:\/\/ecohotelelagua.com\/fr\/ea-club\/","og_site_name":"EcoHotel El Agua","article_modified_time":"2026-08-31T07:50:01+00:00","og_image":[{"url":"https:\/\/ecohotelelagua.com\/wp-content\/uploads\/2026\/08\/EAclub-backg.jpeg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ecohotelelagua.com\/ea-club\/","url":"https:\/\/ecohotelelagua.com\/ea-club\/","name":"EcoHotel El Agua","isPartOf":{"@id":"https:\/\/ecohotelelagua.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ecohotelelagua.com\/ea-club\/#primaryimage"},"image":{"@id":"https:\/\/ecohotelelagua.com\/ea-club\/#primaryimage"},"thumbnailUrl":"https:\/\/ecohotelelagua.com\/wp-content\/uploads\/2026\/08\/EAclub-backg.jpeg","datePublished":"2026-08-26T13:22:00+00:00","dateModified":"2026-08-31T07:50:01+00:00","breadcrumb":{"@id":"https:\/\/ecohotelelagua.com\/ea-club\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ecohotelelagua.com\/ea-club\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/ecohotelelagua.com\/ea-club\/#primaryimage","url":"https:\/\/ecohotelelagua.com\/wp-content\/uploads\/2026\/08\/EAclub-backg.jpeg","contentUrl":"https:\/\/ecohotelelagua.com\/wp-content\/uploads\/2026\/08\/EAclub-backg.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/ecohotelelagua.com\/ea-club\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ecohotelelagua.com\/"},{"@type":"ListItem","position":2,"name":"EA Club"}]},{"@type":"WebSite","@id":"https:\/\/ecohotelelagua.com\/fr\/#website","url":"https:\/\/ecohotelelagua.com\/fr\/","name":"EcoHotel El Agua","description":"EcoHotel El Agua","publisher":{"@id":"https:\/\/ecohotelelagua.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ecohotelelagua.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/ecohotelelagua.com\/fr\/#organization","name":"L'Eco Hotel el Agua","url":"https:\/\/ecohotelelagua.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/ecohotelelagua.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/ecohotelelagua.com\/wp-content\/uploads\/2022\/01\/ig-1.png","contentUrl":"https:\/\/ecohotelelagua.com\/wp-content\/uploads\/2022\/01\/ig-1.png","width":300,"height":148,"caption":"Eco Hotel el Agua"},"image":{"@id":"https:\/\/ecohotelelagua.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/p\/CZSWRFft7Ls\/?utm_medium=share_sheet","https:\/\/pin.it\/4kyijpT"]}]}},"_links":{"self":[{"href":"https:\/\/ecohotelelagua.com\/fr\/wp-json\/wp\/v2\/pages\/19595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecohotelelagua.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ecohotelelagua.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ecohotelelagua.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ecohotelelagua.com\/fr\/wp-json\/wp\/v2\/comments?post=19595"}],"version-history":[{"count":61,"href":"https:\/\/ecohotelelagua.com\/fr\/wp-json\/wp\/v2\/pages\/19595\/revisions"}],"predecessor-version":[{"id":19719,"href":"https:\/\/ecohotelelagua.com\/fr\/wp-json\/wp\/v2\/pages\/19595\/revisions\/19719"}],"wp:attachment":[{"href":"https:\/\/ecohotelelagua.com\/fr\/wp-json\/wp\/v2\/media?parent=19595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}