{"id":6630,"date":"2026-04-23T17:09:31","date_gmt":"2026-04-23T15:09:31","guid":{"rendered":"https:\/\/hutesa.com\/varietes\/"},"modified":"2026-07-30T12:12:33","modified_gmt":"2026-07-30T10:12:33","slug":"varietes","status":"publish","type":"page","link":"https:\/\/hutesa.com\/fr\/varietes\/","title":{"rendered":"Vari\u00e9t\u00e9s"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6630\" class=\"elementor elementor-6630 elementor-712\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09f7372 animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"09f7372\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInDown&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a6f1fbc e-con e-atomic-element e-flexbox-base e-a6f1fbc-7d89381 \" data-id=\"a6f1fbc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a6f1fbc\" data-e-type=\"e-flexbox\" data-id=\"a6f1fbc\">\n    <div class=\"elementor-element elementor-element-49d8e76 e-con e-atomic-element e-div-block-base e-49d8e76-93e7dba \" data-id=\"49d8e76\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"49d8e76\" data-e-type=\"e-div-block\" data-id=\"49d8e76\">\n    \t\t<div class=\"elementor-element elementor-element-3db2459 elementor-widget elementor-widget-button\" data-id=\"3db2459\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"https:\/\/hutesa.com\/fr\/catalogue\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"23.019\" height=\"20.992\" viewBox=\"0 0 23.019 20.992\"><g id=\"Grupo_120\" data-name=\"Grupo 120\" transform=\"translate(418.445 1853.595) rotate(180)\"><path id=\"Trazado_196\" data-name=\"Trazado 196\" d=\"M7794,1826l9.789,9.789-9.789,9.789\" transform=\"translate(-7386.758 7.31)\" fill=\"none\" stroke=\"#a61415\" stroke-width=\"2\"><\/path><path id=\"Trazado_197\" data-name=\"Trazado 197\" d=\"M7773.359,1843.1h21.234\" transform=\"translate(-7377.933 0)\" fill=\"none\" stroke=\"#a61415\" stroke-width=\"2\"><\/path><\/g><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Catalogue<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<h1 data-interaction-id=\"0290a7c\" class=\"e-0290a7c-dc8ca53 e-heading-base\" data-e-type=\"widget\" data-id=\"0290a7c\">Vari\u00e9t\u00e9s<\/h1>\n\t\t\t\t\t<p class=\"e-45f1c6e-371dd4f e-paragraph-base\" data-interaction-id=\"45f1c6e\" data-e-type=\"widget\" data-id=\"45f1c6e\"><strong>Trois vari\u00e9t\u00e9s \u00e0 la personnalit\u00e9 propre.<\/strong><\/p>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-826d287 e-con e-atomic-element e-div-block-base e-826d287-4e9071e \" data-id=\"826d287\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"826d287\" data-e-type=\"e-div-block\" data-id=\"826d287\">\n    \n<\/div>\n\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-376e6c6 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"376e6c6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<p class=\"e-eaa8a23-fbdd1d4 e-paragraph-base\" data-interaction-id=\"eaa8a23\" data-e-type=\"widget\" data-id=\"eaa8a23\">Hojiblanca, Manzanilla et Gordal expriment des nuances, une texture et une pr\u00e9sence de mani\u00e8re diff\u00e9rente. Bien conna\u00eetre chaque vari\u00e9t\u00e9 nous permet de mieux les s\u00e9lectionner et de travailler chacune d\u2019elles pour en extraire le meilleur, en respectant toujours ce qui la rend unique. <\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b4a710 e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"7b4a710\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3721d05 elementor-widget elementor-widget-html\" data-id=\"3721d05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"cards-aceitunas-wrapper\">\r\n  <div class=\"cards-aceitunas\">\r\n    \r\n    <!-- Tarjeta izquierda -->\r\n    <div class=\"card-aceituna\" data-card=\"left\" id=\"manzanilla\">\r\n      <div class=\"card-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/hutesa.com\/wp-content\/uploads\/2026\/04\/aceitunas-variedad-gordal.webp\" alt=\"Manzanilla\">\r\n      <\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/hutesa.com\/wp-content\/uploads\/2026\/04\/aceituna-variedades-manzanilla.webp\" alt=\"\" class=\"card-icon\">\r\n      <div class=\"card-body\">\r\n        <h3 class=\"card-title\">Manzanilla<\/h3>\r\n        <p class=\"card-text\">La Manzanilla est l\u2019une des vari\u00e9t\u00e9s les plus appr\u00e9ci\u00e9es pour sa d\u00e9licatesse et sa saveur \u00e9quilibr\u00e9e. Sa chair fine et juteuse, associ\u00e9e \u00e0 sa touche l\u00e9g\u00e8rement douce et sal\u00e9e, en fait une olive tr\u00e8s agr\u00e9able et facile \u00e0 savourer \u00e0 tout moment. <\/p>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Tarjeta central: Hojiblanca (activa por defecto) -->\r\n    <div class=\"card-aceituna active\" data-card=\"center\" id=\"hojiblanca\">\r\n      <div class=\"card-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/hutesa.com\/wp-content\/uploads\/2026\/04\/aceitunas-variedad-hojiblanca.webp\" alt=\"Hojiblanca\">\r\n      <\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/hutesa.com\/wp-content\/uploads\/2026\/04\/aceitunas-variedades-hojiblanca.webp\" alt=\"\" class=\"card-icon\">\r\n      <div class=\"card-body\">\r\n        <h3 class=\"card-title\">Hojiblanca<\/h3>\r\n        <p class=\"card-text\">La Hojiblanca se distingue par son \u00e9quilibre et sa polyvalence. Elle pr\u00e9sente une texture ferme, une saveur douce avec de l\u00e9g\u00e8res nuances am\u00e8res et une finale fra\u00eeche. C\u2019est une olive de caract\u00e8re, id\u00e9ale pour ceux qui recherchent une exp\u00e9rience \u00e9l\u00e9gante et bien d\u00e9finie.  <\/p>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Tarjeta derecha -->\r\n    <div class=\"card-aceituna\" data-card=\"right\" id=\"gordal\">\r\n      <div class=\"card-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/hutesa.com\/wp-content\/uploads\/2026\/04\/aceitunas-variedad-manzanilla.webp\" alt=\"Gordal\">\r\n      <\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/hutesa.com\/wp-content\/uploads\/2026\/06\/aceitunas-gordal-imagen.png\" alt=\"\" class=\"card-icon\">\r\n      <div class=\"card-body\">\r\n        <h3 class=\"card-title\">Gordal<\/h3>\r\n        <p class=\"card-text\">La Gordal se reconna\u00eet \u00e0 sa grande taille, \u00e0 sa pr\u00e9sence et \u00e0 sa texture charnue. C\u2019est une olive g\u00e9n\u00e9reuse, douce et avec beaucoup de corps, parfaite pour les pr\u00e9parations o\u00f9 l\u2019on recherche un impact visuel, du volume et une exp\u00e9rience en bouche plus intense. <\/p>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.cards-aceitunas-wrapper {\r\n    width: 100%;\r\n    padding: 60px 20px;\r\n    box-sizing: border-box;\r\n   \r\n}\r\n\r\n.cards-aceitunas {\r\n    position: relative;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    min-height: 740px;\r\n}\r\n\r\n.card-aceituna {\r\n    \r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    width: 540px;\r\n    background: #ffffff;\r\n    border-radius: 24px;\r\n    \/* Sombra suave permanente *\/\r\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04),\r\n                0 3px 10px rgba(0, 0, 0, 0.03);\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n    transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1),\r\n                box-shadow 1s cubic-bezier(0.4, 0, 0.2, 1),\r\n                z-index 0s linear 0.5s;\r\n    border: 2px solid rgba(0,0,0,0.05);\r\n}\r\n\r\n\/* ====== POSICIONES BASE ====== *\/\r\n.card-aceituna[data-card=\"left\"] {\r\n    transform: translateX(calc(-50% - 360px)) translateY(50px) rotate(-7deg);\r\n    z-index: 1;\r\n}\r\n.card-aceituna[data-card=\"center\"] {\r\n    transform: translateX(-50%) translateY(50px) rotate(0deg);\r\n    z-index: 2;\r\n}\r\n.card-aceituna[data-card=\"right\"] {\r\n    transform: translateX(calc(-50% + 360px)) translateY(50px) rotate(7deg);\r\n    z-index: 1;\r\n}\r\n\r\n\/* ====== HOVER en tarjetas NO activas: visible pero SIN pasar al frente ====== *\/\r\n.card-aceituna[data-card=\"left\"]:not(.active):hover {\r\n    transform: translateX(calc(-50% - 360px)) translateY(25px) rotate(-4deg);\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.07),\r\n                0 6px 15px rgba(0, 0, 0, 0.04);\r\n    \/* Sin z-index \u2192 mantiene su capa original *\/\r\n    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),\r\n                box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.card-aceituna[data-card=\"center\"]:not(.active):hover {\r\n    transform: translateX(-50%) translateY(25px) rotate(0deg);\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.07),\r\n                0 6px 15px rgba(0, 0, 0, 0.04);\r\n    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),\r\n                box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.card-aceituna[data-card=\"right\"]:not(.active):hover {\r\n    transform: translateX(calc(-50% + 360px)) translateY(25px) rotate(4deg);\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.07),\r\n                0 6px 15px rgba(0, 0, 0, 0.04);\r\n    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),\r\n                box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n\/* ====== TARJETA ACTIVA ====== *\/\r\n.card-aceituna[data-card=\"left\"].active {\r\n    transform: translateX(calc(-50% - 360px)) translateY(0) rotate(-1.5deg) scale(1.06);\r\n    z-index: 10;\r\n    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1),\r\n                0 10px 25px rgba(0, 0, 0, 0.05);\r\n    transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1),\r\n                box-shadow 1s cubic-bezier(0.4, 0, 0.2, 1),\r\n                z-index 0s linear 0s;\r\n}\r\n\r\n.card-aceituna[data-card=\"center\"].active {\r\n    transform: translateX(-50%) translateY(0) rotate(0deg) scale(1.06);\r\n    z-index: 10;\r\n    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1),\r\n                0 10px 25px rgba(0, 0, 0, 0.05);\r\n    transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1),\r\n                box-shadow 1s cubic-bezier(0.4, 0, 0.2, 1),\r\n                z-index 0s linear 0s;\r\n}\r\n\r\n.card-aceituna[data-card=\"right\"].active {\r\n    transform: translateX(calc(-50% + 360px)) translateY(0) rotate(1.5deg) scale(1.06);\r\n    z-index: 10;\r\n    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1),\r\n                0 10px 25px rgba(0, 0, 0, 0.05);\r\n    transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1),\r\n                box-shadow 1s cubic-bezier(0.4, 0, 0.2, 1),\r\n                z-index 0s linear 0s;\r\n}\r\n\r\n\/* ====== Estructura interna ====== *\/\r\n.card-img {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 400px;\r\n    overflow: hidden;\r\n    background: #f5f5f5;\r\n}\r\n\r\n.card-img img:not(.card-icon) {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n}\r\n\r\n.card-icon {\r\n    position: absolute;\r\n    top: 330px;\r\n    width: 200px;\r\n    right: 0px;\r\n    object-fit: contain;\r\n    z-index: 5;\r\n    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.2));\r\n}\r\n\r\n.card-body {\r\n    padding: 30px 28px 32px;\r\n    background: #ffffff;\r\n}\r\n\r\n.card-title {\r\n    color: #070809;\r\n    font-family: 'Emirates';\r\n    font-size: 38px;\r\n    font-weight: 700;\r\n    margin: 0 0 14px;\r\n    line-height: 1.2;\r\n}\r\n\r\n.card-aceituna.active .card-title {\r\n    color: #A61415;\r\n}\r\n\r\n.card-text {\r\n    font-family: 'poppins';\r\n    color: #070809;\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n\/* ============================ *\/\r\n\/* DESKTOP PEQUE\u00d1O (1025-1280)  *\/\r\n\/* ============================ *\/\r\n@media (min-width: 1025px) and (max-width: 1280px) {\r\n    .cards-aceitunas-wrapper {\r\n        padding: 60px 20px;\r\n    }\r\n    \r\n    .cards-aceitunas {\r\n        min-height: 640px;\r\n    }\r\n    \r\n    .card-aceituna {\r\n        width: 420px;\r\n    }\r\n    \r\n    .card-aceituna[data-card=\"left\"] {\r\n        transform: translateX(calc(-50% - 280px)) translateY(50px) rotate(-7deg);\r\n    }\r\n    .card-aceituna[data-card=\"right\"] {\r\n        transform: translateX(calc(-50% + 280px)) translateY(50px) rotate(7deg);\r\n    }\r\n    \r\n    .card-aceituna[data-card=\"left\"]:not(.active):hover {\r\n        transform: translateX(calc(-50% - 280px)) translateY(25px) rotate(-4deg);\r\n    }\r\n    .card-aceituna[data-card=\"center\"]:not(.active):hover {\r\n        transform: translateX(-50%) translateY(25px) rotate(0deg);\r\n    }\r\n    .card-aceituna[data-card=\"right\"]:not(.active):hover {\r\n        transform: translateX(calc(-50% + 280px)) translateY(25px) rotate(4deg);\r\n    }\r\n    \r\n    .card-aceituna[data-card=\"left\"].active {\r\n        transform: translateX(calc(-50% - 280px)) translateY(0) rotate(-1.5deg) scale(1.06);\r\n    }\r\n    .card-aceituna[data-card=\"center\"].active {\r\n        transform: translateX(-50%) translateY(0) rotate(0deg) scale(1.06);\r\n    }\r\n    .card-aceituna[data-card=\"right\"].active {\r\n        transform: translateX(calc(-50% + 280px)) translateY(0) rotate(1.5deg) scale(1.06);\r\n    }\r\n    \r\n    .card-img {\r\n        height: 300px;\r\n    }\r\n    \r\n    .card-icon {\r\n        top: 240px;\r\n        width: 160px;\r\n    }\r\n    \r\n    .card-body {\r\n        padding: 24px 22px 26px;\r\n    }\r\n    \r\n    .card-title {\r\n        font-size: 32px;\r\n        margin-bottom: 12px;\r\n    }\r\n    \r\n    .card-text {\r\n        font-size: 14px;\r\n        line-height: 1.55;\r\n    }\r\n}\r\n\r\n\/* ============================ *\/\r\n\/* TABLET (entre 769px y 1024px) *\/\r\n\/* ============================ *\/\r\n@media (min-width: 769px) and (max-width: 1024px) {\r\n    .cards-aceitunas-wrapper{\r\n        padding: 40px 40px;\r\n    }\r\n    \r\n    .cards-aceitunas {\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 30px;\r\n        min-height: auto;\r\n        position: static;\r\n    }\r\n    \r\n    .cards-aceitunas .card-aceituna,\r\n    .cards-aceitunas .card-aceituna.active,\r\n    .cards-aceitunas .card-aceituna:hover,\r\n    .cards-aceitunas .card-aceituna[data-card=\"left\"],\r\n    .cards-aceitunas .card-aceituna[data-card=\"center\"],\r\n    .cards-aceitunas .card-aceituna[data-card=\"right\"] {\r\n        position: relative;\r\n        left: auto;\r\n        top: auto;\r\n        transform: none !important;\r\n        width: 100%;\r\n        max-width: 100%;\r\n        z-index: auto;\r\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);\r\n    }\r\n    \r\n    \/* Anular estado activo: t\u00edtulo en color base *\/\r\n    .cards-aceitunas .card-aceituna.active .card-title {\r\n        color: #070809;\r\n    }\r\n    \r\n    \/* Altura de imagen en tablet *\/\r\n    .card-img {\r\n        height: 340px;\r\n    }\r\n    \r\n    .card-icon {\r\n        top: 270px;\r\n        width: 170px;\r\n    }\r\n}\r\n\r\n\/* ============================ *\/\r\n\/* M\u00d3VIL (hasta 768px)          *\/\r\n\/* ============================ *\/\r\n@media (max-width: 768px) {\r\n    .cards-aceitunas-wrapper{\r\n        padding: 20px 20px;\r\n    }\r\n    \r\n    \r\n    \r\n    .cards-aceitunas {\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 25px;\r\n        min-height: auto;\r\n        position: static;\r\n    }\r\n    \r\n    .cards-aceitunas .card-aceituna,\r\n    .cards-aceitunas .card-aceituna.active,\r\n    .cards-aceitunas .card-aceituna:hover,\r\n    .cards-aceitunas .card-aceituna[data-card=\"left\"],\r\n    .cards-aceitunas .card-aceituna[data-card=\"center\"],\r\n    .cards-aceitunas .card-aceituna[data-card=\"right\"] {\r\n        position: relative;\r\n        left: auto;\r\n        top: auto;\r\n        transform: none !important;\r\n        width: 100%;\r\n        max-width: 100%;\r\n        z-index: auto;\r\n        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);\r\n    }\r\n    \r\n    \/* Anular estado activo: t\u00edtulo en color base *\/\r\n    .cards-aceitunas .card-aceituna.active .card-title {\r\n        color: #070809;\r\n    }\r\n    \r\n    \/* Altura de imagen en m\u00f3vil *\/\r\n    .card-img {\r\n        height: 240px;\r\n    }\r\n    \r\n    .card-icon {\r\n        top: 200px;\r\n        width: 130px;\r\n        right:10px;\r\n    }\r\n    \r\n    .card-title {\r\n        font-size: 30px;\r\n    }\r\n}\r\n<\/style>\r\n<script>\r\nif ('scrollRestoration' in history) {\r\n    history.scrollRestoration = 'manual';\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    var cards = document.querySelectorAll('.card-aceituna');\r\n    var wrapper = document.querySelector('.cards-aceitunas-wrapper');\r\n    \r\n    function activateCard(cardEl) {\r\n        if (!cardEl) return;\r\n        cards.forEach(function(c) { c.classList.remove('active'); });\r\n        cardEl.classList.add('active');\r\n    }\r\n    \r\n    cards.forEach(function(card) {\r\n        card.addEventListener('click', function() {\r\n            activateCard(card);\r\n            history.replaceState(null, '', '#' + card.id);\r\n        });\r\n    });\r\n    \r\n    function getOffsetTop(el) {\r\n        var top = 0;\r\n        while (el) {\r\n            top += el.offsetTop;\r\n            el = el.offsetParent;\r\n        }\r\n        return top;\r\n    }\r\n    \r\n    function isStackedLayout() {\r\n        \/\/ En tablet (<=1024px) y m\u00f3vil las tarjetas est\u00e1n apiladas\r\n        return window.innerWidth <= 1024;\r\n    }\r\n    \r\n    function scrollToTarget(targetEl) {\r\n        if (!targetEl) return;\r\n        \r\n        if (isStackedLayout()) {\r\n            \/\/ En m\u00f3vil\/tablet: scroll a la tarjeta concreta con un peque\u00f1o margen superior\r\n            var targetTop = getOffsetTop(targetEl) - 20;\r\n            window.scrollTo({ top: targetTop, behavior: 'auto' });\r\n        } else {\r\n            \/\/ En desktop: centrar el wrapper completo\r\n            if (!wrapper) return;\r\n            var wrapperTop = getOffsetTop(wrapper);\r\n            var wrapperHeight = wrapper.offsetHeight;\r\n            var viewportHeight = window.innerHeight;\r\n            var top = wrapperTop - (viewportHeight - wrapperHeight) \/ 2;\r\n            if (wrapperHeight > viewportHeight) {\r\n                top = wrapperTop - 40;\r\n            }\r\n            window.scrollTo(0, top);\r\n        }\r\n    }\r\n    \r\n    function checkHash() {\r\n        var hash = window.location.hash.replace('#', '');\r\n        if (hash) {\r\n            var target = document.getElementById(hash);\r\n            if (target && target.classList.contains('card-aceituna')) {\r\n                activateCard(target);\r\n                \/\/ Peque\u00f1o delay para asegurar que el layout est\u00e1 listo\r\n                setTimeout(function() {\r\n                    scrollToTarget(target);\r\n                }, 50);\r\n            }\r\n        }\r\n    }\r\n    \r\n    if (document.readyState === 'complete') {\r\n        checkHash();\r\n    } else {\r\n        window.addEventListener('load', checkHash);\r\n    }\r\n    \r\n    window.addEventListener('hashchange', checkHash);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-484d6b8 e-flex e-con-boxed e-con e-parent\" data-id=\"484d6b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8bf6317 e-con-full e-flex e-con e-child\" data-id=\"8bf6317\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b33325 elementor-cta--skin-cover elementor-cta--valign-bottom elementor-animated-content elementor-bg-transform elementor-bg-transform-zoom-in elementor-widget elementor-widget-call-to-action\" data-id=\"7b33325\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"call-to-action.default\">\n\t\t\t\t\t\t\t<a class=\"elementor-cta\" href=\"https:\/\/hutesa.com\/aceitunas\/\">\n\t\t\t\t\t<div class=\"elementor-cta__bg-wrapper\">\n\t\t\t\t<div class=\"elementor-cta__bg elementor-bg\" style=\"background-image: url(https:\/\/hutesa.com\/wp-content\/uploads\/2026\/04\/cta-aceitunas-olives-1024x683.webp);\" role=\"img\" aria-label=\"cta-aceitunas-olives\"><\/div>\n\t\t\t\t<div class=\"elementor-cta__bg-overlay\"><\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-cta__content\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<h2 class=\"elementor-cta__title elementor-cta__content-item elementor-content-item elementor-animated-item--grow\">\n\t\t\t\t\t\tOlives\t\t\t\t\t<\/h2>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14dfb3b e-con-full e-flex e-con e-child\" data-id=\"14dfb3b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3129f0a elementor-cta--skin-cover elementor-cta--valign-bottom elementor-animated-content elementor-bg-transform elementor-bg-transform-zoom-in elementor-widget elementor-widget-call-to-action\" data-id=\"3129f0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"call-to-action.default\">\n\t\t\t\t\t\t\t<a class=\"elementor-cta\" href=\"https:\/\/hutesa.com\/formatos-envases\/\">\n\t\t\t\t\t<div class=\"elementor-cta__bg-wrapper\">\n\t\t\t\t<div class=\"elementor-cta__bg elementor-bg\" style=\"background-image: url(https:\/\/hutesa.com\/wp-content\/uploads\/2026\/04\/fondo-1024x683.webp);\" role=\"img\" aria-label=\"fondo\"><\/div>\n\t\t\t\t<div class=\"elementor-cta__bg-overlay\"><\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-cta__content\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<h2 class=\"elementor-cta__title elementor-cta__content-item elementor-content-item elementor-animated-item--grow\">\n\t\t\t\t\t\tFormats\t\t\t\t\t<\/h2>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-179e09f e-con-full e-flex e-con e-child\" data-id=\"179e09f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ee206e elementor-cta--skin-cover elementor-cta--valign-bottom elementor-animated-content elementor-bg-transform elementor-bg-transform-zoom-in elementor-widget elementor-widget-call-to-action\" data-id=\"7ee206e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"call-to-action.default\">\n\t\t\t\t\t\t\t<a class=\"elementor-cta\" href=\"https:\/\/hutesa.com\/marcas\/\">\n\t\t\t\t\t<div class=\"elementor-cta__bg-wrapper\">\n\t\t\t\t<div class=\"elementor-cta__bg elementor-bg\" style=\"background-image: url(https:\/\/hutesa.com\/wp-content\/uploads\/2026\/04\/imagen-marca-hutesa-1024x683.webp);\" role=\"img\" aria-label=\"imagen-marca-hutesa\"><\/div>\n\t\t\t\t<div class=\"elementor-cta__bg-overlay\"><\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-cta__content\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<h2 class=\"elementor-cta__title elementor-cta__content-item elementor-content-item elementor-animated-item--grow\">\n\t\t\t\t\t\tMarques\t\t\t\t\t<\/h2>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Catalogue Vari\u00e9t\u00e9s Trois vari\u00e9t\u00e9s \u00e0 la personnalit\u00e9 propre. Hojiblanca, Manzanilla et Gordal expriment des nuances, une texture et une pr\u00e9sence de mani\u00e8re diff\u00e9rente. Bien conna\u00eetre chaque vari\u00e9t\u00e9 nous permet de mieux les s\u00e9lectionner et de travailler chacune d\u2019elles pour en extraire le meilleur, en respectant toujours ce qui la rend unique. Manzanilla La Manzanilla est [&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":{"_acf_changed":false,"footnotes":""},"class_list":["post-6630","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Vari\u00e9t\u00e9s d&#039;olives | HUTESA<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez nos vari\u00e9t\u00e9s d&#039;olives 100 % espagnoles, telles que la Hojiblanca, la Manzanilla et la Gordal, id\u00e9ales pour l&#039;exportation.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hutesa.com\/fr\/varietes\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vari\u00e9t\u00e9s d&#039;olives | HUTESA\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez nos vari\u00e9t\u00e9s d&#039;olives 100 % espagnoles, telles que la Hojiblanca, la Manzanilla et la Gordal, id\u00e9ales pour l&#039;exportation.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hutesa.com\/fr\/varietes\/\" \/>\n<meta property=\"og:site_name\" content=\"Hutesa\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-30T10:12:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hutesa.com\/wp-content\/uploads\/2026\/04\/aceitunas-variedad-gordal.webp\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hutesa.com\\\/fr\\\/varietes\\\/\",\"url\":\"https:\\\/\\\/hutesa.com\\\/fr\\\/varietes\\\/\",\"name\":\"Vari\u00e9t\u00e9s d'olives | HUTESA\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hutesa.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hutesa.com\\\/fr\\\/varietes\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hutesa.com\\\/fr\\\/varietes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hutesa.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/aceitunas-variedad-gordal.webp\",\"datePublished\":\"2026-04-23T15:09:31+00:00\",\"dateModified\":\"2026-07-30T10:12:33+00:00\",\"description\":\"D\u00e9couvrez nos vari\u00e9t\u00e9s d'olives 100 % espagnoles, telles que la Hojiblanca, la Manzanilla et la Gordal, id\u00e9ales pour l'exportation.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hutesa.com\\\/fr\\\/varietes\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hutesa.com\\\/fr\\\/varietes\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/hutesa.com\\\/fr\\\/varietes\\\/#primaryimage\",\"url\":\"https:\\\/\\\/hutesa.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/aceitunas-variedad-gordal.webp\",\"contentUrl\":\"https:\\\/\\\/hutesa.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/aceitunas-variedad-gordal.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hutesa.com\\\/fr\\\/varietes\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/hutesa.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vari\u00e9t\u00e9s\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hutesa.com\\\/#website\",\"url\":\"https:\\\/\\\/hutesa.com\\\/\",\"name\":\"Hutesa\",\"description\":\"Envasado y exportaci\u00f3n de aceitunas de mesa\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hutesa.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Vari\u00e9t\u00e9s d'olives | HUTESA","description":"D\u00e9couvrez nos vari\u00e9t\u00e9s d'olives 100 % espagnoles, telles que la Hojiblanca, la Manzanilla et la Gordal, id\u00e9ales pour l'exportation.","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:\/\/hutesa.com\/fr\/varietes\/","og_locale":"fr_FR","og_type":"article","og_title":"Vari\u00e9t\u00e9s d'olives | HUTESA","og_description":"D\u00e9couvrez nos vari\u00e9t\u00e9s d'olives 100 % espagnoles, telles que la Hojiblanca, la Manzanilla et la Gordal, id\u00e9ales pour l'exportation.","og_url":"https:\/\/hutesa.com\/fr\/varietes\/","og_site_name":"Hutesa","article_modified_time":"2026-07-30T10:12:33+00:00","og_image":[{"url":"https:\/\/hutesa.com\/wp-content\/uploads\/2026\/04\/aceitunas-variedad-gordal.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hutesa.com\/fr\/varietes\/","url":"https:\/\/hutesa.com\/fr\/varietes\/","name":"Vari\u00e9t\u00e9s d'olives | HUTESA","isPartOf":{"@id":"https:\/\/hutesa.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hutesa.com\/fr\/varietes\/#primaryimage"},"image":{"@id":"https:\/\/hutesa.com\/fr\/varietes\/#primaryimage"},"thumbnailUrl":"https:\/\/hutesa.com\/wp-content\/uploads\/2026\/04\/aceitunas-variedad-gordal.webp","datePublished":"2026-04-23T15:09:31+00:00","dateModified":"2026-07-30T10:12:33+00:00","description":"D\u00e9couvrez nos vari\u00e9t\u00e9s d'olives 100 % espagnoles, telles que la Hojiblanca, la Manzanilla et la Gordal, id\u00e9ales pour l'exportation.","breadcrumb":{"@id":"https:\/\/hutesa.com\/fr\/varietes\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hutesa.com\/fr\/varietes\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/hutesa.com\/fr\/varietes\/#primaryimage","url":"https:\/\/hutesa.com\/wp-content\/uploads\/2026\/04\/aceitunas-variedad-gordal.webp","contentUrl":"https:\/\/hutesa.com\/wp-content\/uploads\/2026\/04\/aceitunas-variedad-gordal.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/hutesa.com\/fr\/varietes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/hutesa.com\/"},{"@type":"ListItem","position":2,"name":"Vari\u00e9t\u00e9s"}]},{"@type":"WebSite","@id":"https:\/\/hutesa.com\/#website","url":"https:\/\/hutesa.com\/","name":"Hutesa","description":"Envasado y exportaci\u00f3n de aceitunas de mesa","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hutesa.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/hutesa.com\/fr\/wp-json\/wp\/v2\/pages\/6630","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hutesa.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hutesa.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hutesa.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hutesa.com\/fr\/wp-json\/wp\/v2\/comments?post=6630"}],"version-history":[{"count":6,"href":"https:\/\/hutesa.com\/fr\/wp-json\/wp\/v2\/pages\/6630\/revisions"}],"predecessor-version":[{"id":8158,"href":"https:\/\/hutesa.com\/fr\/wp-json\/wp\/v2\/pages\/6630\/revisions\/8158"}],"wp:attachment":[{"href":"https:\/\/hutesa.com\/fr\/wp-json\/wp\/v2\/media?parent=6630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}