{"id":264,"date":"2026-04-03T10:26:09","date_gmt":"2026-04-03T10:26:09","guid":{"rendered":"https:\/\/encasadelea.com\/?page_id=264"},"modified":"2026-04-04T17:38:23","modified_gmt":"2026-04-04T17:38:23","slug":"home-final","status":"publish","type":"page","link":"https:\/\/encasadelea.com\/fr\/","title":{"rendered":"Home final"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"264\" class=\"elementor elementor-264\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f755b3d e-con-full e-flex e-con e-parent\" data-id=\"f755b3d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-571235b elementor-widget elementor-widget-html\" data-id=\"571235b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* ====================================================\r\n     ENCASADELEA \u2014 HERO PURO SIN REVOLUTION SLIDER\r\n     Compatible con Elementor HTML Widget\r\n     Paleta: dorado #967d48 \/ verde oliva #828165 \/ oscuro #414042\r\n  ==================================================== *\/\r\n\r\n  :root {\r\n    --gold:        #967d48;\r\n    --gold-light:  #b79856;\r\n    --olive:       #828165;\r\n    --olive-light: #9e9b7a;\r\n    --dark:        #414042;\r\n    --white:       #ffffff;\r\n    --cream:       #f9f6f1;\r\n  }\r\n\r\n  \/* Reset b\u00e1sico solo para el hero (no afecta al resto de Elementor) *\/\r\n  .lea-hero-wrap *,\r\n  .lea-hero-wrap *::before,\r\n  .lea-hero-wrap *::after {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  \/* ===== HERO PRINCIPAL ===== *\/\r\n  .lea-hero-wrap {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100svh;\r\n    min-height: 600px;\r\n  min-height: 600px; \/* fallback *\/\r\n    overflow: hidden;\r\n    font-family: 'Open Sans', sans-serif;\r\n  }\r\n\r\n  \/* Imagen de fondo con parallax suave *\/\r\n  .lea-hero-bg {\r\n    position: absolute;\r\n    inset: -60px 0 -60px 0; \/* extra para el parallax *\/\r\n    background-image: url('https:\/\/encasadelea.com\/ecsl\/wp-content\/uploads\/2022\/12\/1-4080518580-new.jpg');\r\n    background-size: cover;\r\n    background-position: center 30%;\r\n    background-repeat: no-repeat;\r\n    will-change: transform;\r\n    transition: transform 0.1s linear;\r\n    animation: heroKenBurns 18s ease-in-out infinite alternate;\r\n  }\r\n\r\n  @keyframes heroKenBurns {\r\n    0%   { transform: scale(1)    translateY(0px); }\r\n    100% { transform: scale(1.06) translateY(-30px); }\r\n  }\r\n\r\n  \/* Overlay degradado suave *\/\r\n  .lea-hero-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(\r\n        160deg,\r\n        rgba(255,255,255,0.55) 0%,\r\n        rgba(255,255,255,0.38) 40%,\r\n        rgba(255,255,255,0.12) 100%\r\n      );\r\n  }\r\n\r\n  \/* L\u00ednea decorativa dorada (borde izquierdo) *\/\r\n  .lea-hero-overlay::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 4px;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, transparent, var(--gold) 30%, var(--gold) 70%, transparent);\r\n    opacity: 0;\r\n    animation: lineReveal 1.2s 0.8s ease forwards;\r\n  }\r\n\r\n  @keyframes lineReveal {\r\n    to { opacity: 1; }\r\n  }\r\n\r\n  \/* ===== CONTENIDO CENTRADO ===== *\/\r\n  .lea-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    align-items: center;\r\n    justify-content: center;\r\n    padding: 0 0px;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Caja de vidrio esmerilado (glassmorphism suave) *\/\r\n  .lea-hero-glass {\r\n    background: rgba(255, 255, 255, 0.52);\r\n    backdrop-filter: blur(6px);\r\n    -webkit-backdrop-filter: blur(6px);\r\n    border: 1px solid rgba(150, 125, 72, 0.18);\r\n    border-radius: 2px;\r\n    padding: 52px 60px 48px;\r\n    max-width: 740px;\r\n    width: 100%;\r\n    position: relative;\r\n    margin-top: -150px; \/* ajuste vertical del bloque sobre el hero *\/\r\n    \/* Animaci\u00f3n de entrada *\/\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    animation: glassIn 1s 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;\r\n  }\r\n\r\n  \/* Esquinas decorativas doradas *\/\r\n  .lea-hero-glass::before,\r\n  .lea-hero-glass::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 28px;\r\n    height: 28px;\r\n    border-color: var(--gold);\r\n    border-style: solid;\r\n    opacity: 0;\r\n    animation: cornersIn 0.6s 1.2s ease forwards;\r\n  }\r\n  .lea-hero-glass::before {\r\n    top: -1px; left: -1px;\r\n    border-width: 2px 0 0 2px;\r\n  }\r\n  .lea-hero-glass::after {\r\n    bottom: -1px; right: -1px;\r\n    border-width: 0 2px 2px 0;\r\n  }\r\n\r\n  @keyframes cornersIn {\r\n    to { opacity: 1; }\r\n  }\r\n\r\n  @keyframes glassIn {\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* Pret\u00edtulo *\/\r\n  .lea-hero-pre {\r\n    font-family: 'Oswald', sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 400;\r\n    letter-spacing: 4px;\r\n    text-transform: uppercase;\r\n    color: var(--gold);\r\n    margin-bottom: 18px;\r\n    opacity: 0;\r\n    filter: blur(8px);\r\n    animation: blurFadeIn 0.8s 0.7s ease forwards;\r\n  }\r\n\r\n  \/* L\u00ednea separadora dorada *\/\r\n  .lea-hero-divider {\r\n    width: 0;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, var(--gold), transparent);\r\n    margin: 0 auto 22px;\r\n    animation: dividerIn 0.9s 1.0s ease forwards;\r\n  }\r\n\r\n  @keyframes dividerIn {\r\n    to { width: 80px; }\r\n  }\r\n\r\n  \/* T\u00edtulo principal *\/\r\n  .lea-hero-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(38px, 6vw, 68px);\r\n    line-height: 1.1;\r\n    color: var(--dark);\r\n    margin-bottom: 6px;\r\n    opacity: 0;\r\n    filter: blur(12px);\r\n    animation: blurFadeIn 1s 0.9s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;\r\n  }\r\n\r\n  .lea-hero-title em {\r\n    font-style: italic;\r\n    color: var(--dark);\r\n    font-weight: 400;\r\n  }\r\n\r\n  .lea-hero-title .gold-word {\r\n    color: var(--olive);\r\n    font-style: normal;\r\n  }\r\n\r\n  \/* Subt\u00edtulo *\/\r\n  .lea-hero-subtitle {\r\n    font-family: 'Open Sans', sans-serif;\r\n    font-size: clamp(13px, 1.6vw, 16px);\r\n    font-weight: 300;\r\n    line-height: 1.75;\r\n    color: var(--dark);\r\n    opacity: 0;\r\n    max-width: 520px;\r\n    margin: 18px auto 32px;\r\n    filter: blur(8px);\r\n    animation: blurFadeIn 1s 1.2s ease forwards;\r\n  }\r\n\r\n  @keyframes blurFadeIn {\r\n    to { opacity: 1; filter: blur(0); }\r\n  }\r\n\r\n  \/* Bot\u00f3n reserva *\/\r\n  .lea-hero-btn {\r\n    display: inline-block;\r\n    font-family: 'Oswald', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: var(--white);\r\n    background: var(--gold);\r\n    text-decoration: none;\r\n    padding: 15px 38px;\r\n    border: 2px solid var(--gold);\r\n    transition: background 0.35s ease, color 0.35s ease, border-color 0.35s ease, transform 0.3s ease;\r\n    opacity: 0;\r\n    animation: fadeUp 0.8s 1.5s ease forwards;\r\n  }\r\n\r\n  .lea-hero-btn:hover {\r\n    background: transparent;\r\n    color: var(--gold);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  @keyframes fadeUp {\r\n    from { opacity: 0; transform: translateY(10px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* ===== NAVEGACI\u00d3N INFERIOR (4 secciones) ===== *\/\r\n  .lea-hero-nav {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 20;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    opacity: 0;\r\n    animation: fadeUp 0.9s 1.8s ease forwards;\r\n  }\r\n\r\n  .lea-nav-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    padding: 22px 16px;\r\n    background: rgba(255, 255, 255, 0.82);\r\n    backdrop-filter: blur(4px);\r\n    -webkit-backdrop-filter: blur(4px);\r\n    border-top: 2px solid transparent;\r\n    text-decoration: none;\r\n    transition: background 0.35s ease, border-color 0.35s ease, transform 0.35s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .lea-nav-item::before {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0; left: 0; right: 0;\r\n    height: 0;\r\n    background: var(--gold);\r\n    transition: height 0.35s ease;\r\n    z-index: 0;\r\n  }\r\n\r\n  .lea-nav-item:hover::before {\r\n    height: 3px;\r\n  }\r\n\r\n  .lea-nav-item:hover {\r\n    background: rgba(255, 255, 255, 0.96);\r\n    border-top-color: var(--gold);\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .lea-nav-item:hover .lea-nav-icon {\r\n    transform: scale(1.15);\r\n    filter: brightness(0) saturate(100%) invert(52%) sepia(24%) saturate(572%) hue-rotate(14deg) brightness(92%) contrast(89%);\r\n  }\r\n\r\n  .lea-nav-item:hover .lea-nav-label {\r\n    color: var(--gold);\r\n  }\r\n\r\n  \/* Separadores verticales entre items *\/\r\n  .lea-nav-item + .lea-nav-item {\r\n    border-left: 1px solid rgba(150, 125, 72, 0.15);\r\n  }\r\n\r\n  .lea-nav-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    object-fit: contain;\r\n    \/* Iguala el color del icono al texto (#414042) en estado normal *\/\r\n    filter: brightness(0) invert(26%);\r\n    transition: transform 0.35s ease, filter 0.35s ease;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .lea-nav-label {\r\n    font-family: 'Oswald', sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 400;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    color: var(--dark);\r\n    text-align: center;\r\n    line-height: 1.4;\r\n    transition: color 0.35s ease;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* ===== SCROLL INDICATOR ===== *\/\r\n  .lea-scroll-hint {\r\n    position: absolute;\r\n    bottom: 110px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    z-index: 15;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 6px;\r\n    opacity: 0;\r\n    animation: fadeUp 0.8s 2.2s ease forwards;\r\n  }\r\n\r\n  .lea-scroll-hint span {\r\n    font-family: 'Oswald', sans-serif;\r\n    font-size: 9px;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: var(--gold);\r\n  }\r\n\r\n  .lea-scroll-arrow {\r\n    width: 20px;\r\n    height: 30px;\r\n    border: 1.5px solid var(--gold);\r\n    border-radius: 10px;\r\n    position: relative;\r\n  }\r\n\r\n  .lea-scroll-arrow::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 5px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 3px;\r\n    height: 7px;\r\n    background: var(--gold);\r\n    border-radius: 2px;\r\n    animation: scrollBounce 1.8s 2.5s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes scrollBounce {\r\n    0%, 100% { opacity: 1; transform: translateX(-50%) translateY(0); }\r\n    50%       { opacity: 0.3; transform: translateX(-50%) translateY(8px); }\r\n  }\r\n\r\n  \/* ===== PARALLAX JS HOOK ===== *\/\r\n  \/* El parallax del fondo se gestiona con el script inline de abajo *\/\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media (max-width: 768px) {\r\n    .lea-hero-glass {\r\n      padding: 16px 14px 32px;\r\n      max-width: 95%;\r\n    }\r\n\r\n    .lea-hero-nav {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    .lea-hero-subtitle{\r\n        font-size: 12px;\r\n        margin-bottom: 20px;\r\n    }\r\n    \r\n    .lea-hero-divider{\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .lea-nav-item + .lea-nav-item {\r\n      border-left: none;\r\n    }\r\n\r\n    .lea-nav-item:nth-child(odd) {\r\n      border-right: 1px solid rgba(150, 125, 72, 0.15);\r\n    }\r\n\r\n    .lea-nav-item:nth-child(1),\r\n    .lea-nav-item:nth-child(2) {\r\n      border-bottom: 1px solid rgba(150, 125, 72, 0.15);\r\n    }\r\n\r\n    .lea-scroll-hint {\r\n      display: none;\r\n    }\r\n\r\n    .lea-hero-nav {\r\n      bottom: 0;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .lea-hero-nav {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    .lea-nav-icon {\r\n      width: 34px;\r\n      height: 34px;\r\n    }\r\n    .lea-nav-label {\r\n      font-size: 9px;\r\n      letter-spacing: 1.5px;\r\n    }\r\n    .lea-nav-item {\r\n      padding: 16px 10px;\r\n    }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body style=\"margin:0; background:#f9f6f1;\">\r\n\r\n<div class=\"lea-hero-wrap\" id=\"leaHero\">\r\n\r\n  <!-- Fondo con ken burns -->\r\n  <div class=\"lea-hero-bg\" id=\"leaHeroBg\"><\/div>\r\n\r\n  <!-- Overlay degradado -->\r\n  <div class=\"lea-hero-overlay\"><\/div>\r\n\r\n  <!-- Contenido central -->\r\n  <div class=\"lea-hero-content\">\r\n    <div class=\"lea-hero-glass\">\r\n\r\n      <!-- Pret\u00edtulo -->\r\n      <p class=\"lea-hero-pre\">Hinojos \u00b7 Huelva \u00b7 Andalousie<\/p>\r\n\r\n      <!-- L\u00ednea decorativa -->\r\n      <div class=\"lea-hero-divider\"><\/div>\r\n\r\n      <!-- T\u00edtulo principal \u2014 mismo texto que ten\u00edas en Revolution Slider -->\r\n      <h1 class=\"lea-hero-title\">\r\n        Sentir <em>comme<br> sur<\/em>\r\n        <span class=\"gold-word\">Maison<\/span>\r\n      <\/h1>\r\n\r\n      <!-- Subt\u00edtulo -->\r\n      <p class=\"lea-hero-subtitle\">\r\n        Dans l'espace naturel, nous vous invitons \u00e0 vivre un r\u00eave<br>\r\n        Vous faire d\u00e9couvrir un monde unique.\r\n      <\/p>\r\n\r\n      <!-- CTA principal -->\r\n      <a href=\"\/fr\/reserva\/\" class=\"lea-hero-btn\">R\u00e9servez maintenant<\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Indicador de scroll -->\r\n  <div class=\"lea-scroll-hint\">\r\n    <span>Explorer<\/span>\r\n    <div class=\"lea-scroll-arrow\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- ===== NAVEGACI\u00d3N INFERIOR: 4 secciones ===== -->\r\n  <nav class=\"lea-hero-nav\" aria-label=\"Sections principales\">\r\n\r\n    <a href=\"\/fr\/visitas\/\" class=\"lea-nav-item\">\r\n      <img decoding=\"async\"\r\n        class=\"lea-nav-icon\"\r\n        src=\"https:\/\/encasadelea.com\/ecsl\/wp-content\/uploads\/2023\/01\/ver-1.png\"\r\n        alt=\"Visitas \u00fanicas\"\r\n        loading=\"lazy\"\r\n      >\r\n      <span class=\"lea-nav-label\">Visites<br>Uniques<\/span>\r\n    <\/a>\r\n\r\n    <a href=\"\/fr\/experiencia-a-caballo\/\" class=\"lea-nav-item\">\r\n      <img decoding=\"async\"\r\n        class=\"lea-nav-icon\"\r\n        src=\"https:\/\/encasadelea.com\/ecsl\/wp-content\/uploads\/2022\/12\/cabeza-de-caballo.png\"\r\n        alt=\"Experiencias a caballo\"\r\n        loading=\"lazy\"\r\n      >\r\n      <span class=\"lea-nav-label\">Exp\u00e9riences<br>\u00e0 cheval<\/span>\r\n    <\/a>\r\n\r\n    <a href=\"\/fr\/alojamiento\/\" class=\"lea-nav-item\">\r\n      <img decoding=\"async\"\r\n        class=\"lea-nav-icon\"\r\n        src=\"https:\/\/encasadelea.com\/ecsl\/wp-content\/uploads\/2022\/12\/campo.png\"\r\n        alt=\"Alojamiento de ensue\u00f1o\"\r\n        loading=\"lazy\"\r\n      >\r\n      <span class=\"lea-nav-label\">H\u00e9bergement<br>r\u00eaveur<\/span>\r\n    <\/a>\r\n\r\n    <a href=\"\/fr\/finca\/\" class=\"lea-nav-item\">\r\n      <img decoding=\"async\"\r\n        class=\"lea-nav-icon\"\r\n        src=\"https:\/\/encasadelea.com\/ecsl\/wp-content\/uploads\/2022\/12\/vaca.png\"\r\n        alt=\"Descubre la finca\"\r\n        loading=\"lazy\"\r\n      >\r\n      <span class=\"lea-nav-label\">D\u00e9couvrir<br>la ferme<\/span>\r\n    <\/a>\r\n\r\n  <\/nav>\r\n\r\n<\/div><!-- \/.lea-hero-wrap -->\r\n\r\n\r\n<!-- ============================================================\r\n     SCRIPT: Parallax suave al hacer scroll\r\n     (Vanilla JS \u2014 sin dependencias, funciona en cualquier entorno)\r\n============================================================ -->\r\n<script>\r\n(function() {\r\n  'use strict';\r\n  var bg = document.getElementById('leaHeroBg');\r\n  var hero = document.getElementById('leaHero');\r\n  if (!bg || !hero) return;\r\n\r\n  function onScroll() {\r\n    var scrollY = window.pageYOffset || document.documentElement.scrollTop;\r\n    var heroH   = hero.offsetHeight;\r\n    \/\/ Solo activo mientras el hero sea visible\r\n    if (scrollY > heroH) return;\r\n    \/\/ Mueve el fondo a la mitad de la velocidad del scroll \u2192 efecto parallax\r\n    var offset = scrollY * 0.4;\r\n    bg.style.transform = 'translateY(' + offset + 'px)';\r\n  }\r\n\r\n  window.addEventListener('scroll', onScroll, { passive: true });\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Hinojos \u00b7 Huelva \u00b7 Andaluc\u00eda Si\u00e9ntete como en Casa En pleno espacio natural, te invitamos a vivir un sue\u00f1o introduci\u00e9ndote en un mundo \u00fanico. Reservar ahora Explorar Visitas\u00danicas Experienciasa Caballo Alojamientode Ensue\u00f1o Descubrela Finca<\/p>","protected":false},"author":1,"featured_media":-1,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-264","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/encasadelea.com\/fr\/wp-json\/wp\/v2\/pages\/264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/encasadelea.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/encasadelea.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/encasadelea.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/encasadelea.com\/fr\/wp-json\/wp\/v2\/comments?post=264"}],"version-history":[{"count":29,"href":"https:\/\/encasadelea.com\/fr\/wp-json\/wp\/v2\/pages\/264\/revisions"}],"predecessor-version":[{"id":459,"href":"https:\/\/encasadelea.com\/fr\/wp-json\/wp\/v2\/pages\/264\/revisions\/459"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/encasadelea.com\/fr\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/encasadelea.com\/fr\/wp-json\/wp\/v2\/media?parent=264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}