{"id":6097,"date":"2026-06-01T15:52:32","date_gmt":"2026-06-01T13:52:32","guid":{"rendered":"https:\/\/bodegasrodero.com\/?page_id=6097"},"modified":"2026-09-02T14:34:54","modified_gmt":"2026-09-02T12:34:54","slug":"club-rodero","status":"publish","type":"page","link":"https:\/\/bodegasrodero.com\/en\/club-rodero\/","title":{"rendered":"Club rodero"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6097\" class=\"elementor elementor-6097\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32b6bfb e-flex e-con-boxed e-con e-parent\" data-id=\"32b6bfb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-238e57a elementor-widget elementor-widget-html\" data-id=\"238e57a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- HERO CLUB RODERO INTEGRADO PARA ELEMENTOR -->\r\n<section class=\"rodero-club-wrapper\" aria-label=\"Bienvenida al Club Rodero\">\r\n\r\n    <!-- SECCI\u00d3N HERO -->\r\n    <header class=\"rodero-club-hero\">\r\n        <!-- Imagen oscurecida fundida con el color #151515 -->\r\n        <div class=\"rodero-club-overlay\"><\/div>\r\n        \r\n        <div class=\"rodero-club-content rodero-reveal-club\">\r\n            <span class=\"rodero-club-eyebrow\">Privilegios Exclusivos<\/span>\r\n            <h1 class=\"rodero-club-main-title\">\r\n                Explora el <br>\r\n                <span class=\"rodero-txt-italic rodero-txt-gold\">Club Rodero<\/span>\r\n            <\/h1>\r\n            <div class=\"rodero-club-gold-line\"><\/div>\r\n            <p class=\"rodero-club-description\">\r\n                Forma parte de nuestra historia. \r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <!-- INDICADOR DE SCROLL ELEGANTE -->\r\n        <a href=\"#privilegios-club\" class=\"rodero-scroll-indicator\" aria-label=\"Deslizar para ver los privilegios del club\">\r\n            <span class=\"rodero-scroll-text\">Descubrir Privilegios<\/span>\r\n            <div class=\"rodero-scroll-arrow\"><\/div>\r\n        <\/a>\r\n    <\/header>\r\n\r\n<\/section>\r\n\r\n<!-- ANCLA DE MEN\u00da (Destino de los privilegios) -->\r\n<div id=\"privilegios-club\" class=\"rodero-anchor-point\"><\/div>\r\n\r\n<!-- ESTILOS CSS -->\r\n<style>\r\n\/* ==========================================================================\r\n   CONTENEDOR PRINCIPAL\r\n   ========================================================================== *\/\r\n.rodero-club-wrapper {\r\n    position: relative !important;\r\n    width: 100vw !important;\r\n    left: 50% !important;\r\n    right: 50% !important;\r\n    margin-left: -50vw !important;\r\n    margin-right: -50vw !important;\r\n    box-sizing: border-box !important;\r\n    overflow: hidden !important;\r\n    background-color: #151515 !important;\r\n}\r\n\r\n.rodero-club-wrapper *, \r\n.rodero-club-wrapper *::before, \r\n.rodero-club-wrapper *::after {\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   UTILIDADES TIPOGR\u00c1FICAS\r\n   ========================================================================== *\/\r\n.rodero-txt-italic {\r\n    font-style: italic !important;\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n}\r\n.rodero-txt-gold {\r\n    color: #a18a5e !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   ANIMACI\u00d3N DE ENTRADA (SCROLL REVEAL)\r\n   ========================================================================== *\/\r\n.rodero-reveal-club {\r\n    opacity: 0 !important;\r\n    transform: translateY(30px) !important;\r\n    transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), \r\n                transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) !important;\r\n}\r\n.rodero-reveal-club.is-visible {\r\n    opacity: 1 !important;\r\n    transform: translateY(0) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   DISE\u00d1O DEL HERO\r\n   ========================================================================== *\/\r\n.rodero-club-hero {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    height: 80vh !important;\r\n    min-height: 600px !important;\r\n    max-height: 900px !important; \r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    background-color: #151515 !important; \r\n}\r\n\r\n.rodero-club-overlay {\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    background-image: linear-gradient(to bottom, rgba(21, 21, 21, 0.5), rgba(21, 21, 21, 1)), url('https:\/\/bodegasrodero.com\/wp-content\/uploads\/2026\/06\/Cepa-de-Carmelo-Rodero-scaled.jpg') !important;\r\n    background-size: cover !important;\r\n    background-position: center center !important;\r\n    z-index: 1 !important;\r\n}\r\n\r\n.rodero-club-content {\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n    text-align: center !important;\r\n    padding: 0 20px !important;\r\n    max-width: 800px !important;\r\n    margin-top: -40px !important;\r\n    width: 100% !important;\r\n}\r\n\r\n.rodero-club-eyebrow {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 14px !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 4px !important;\r\n    color: #a18a5e !important;\r\n    display: block !important;\r\n    margin-bottom: 20px !important;\r\n}\r\n\r\n.rodero-club-main-title {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 64px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.1 !important;\r\n    color: #ffffff !important;\r\n    margin: 0 0 30px 0 !important;\r\n    letter-spacing: -0.5px !important;\r\n}\r\n\r\n.rodero-club-gold-line {\r\n    width: 80px !important;\r\n    height: 1px !important;\r\n    background-color: #a18a5e !important;\r\n    margin: 0 auto 30px auto !important;\r\n}\r\n\r\n.rodero-club-description {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 18px !important; \r\n    line-height: 1.6 !important;\r\n    color: #cccccc !important;\r\n    font-weight: 400 !important;\r\n    max-width: 600px !important;\r\n    margin: 0 auto !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   INDICADOR DE SCROLL ELEGANTE\r\n   ========================================================================== *\/\r\n.rodero-scroll-indicator {\r\n    position: absolute !important;\r\n    bottom: 40px !important;\r\n    left: 0 !important;\r\n    right: 0 !important;\r\n    margin: 0 auto !important;\r\n    width: max-content !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    text-decoration: none !important;\r\n    z-index: 3 !important;\r\n    cursor: pointer !important;\r\n}\r\n\r\n.rodero-scroll-text {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 11px !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 3px !important;\r\n    color: #a18a5e !important;\r\n    margin-bottom: 12px !important;\r\n    transition: color 0.4s ease !important;\r\n    text-align: center !important;\r\n}\r\n\r\n.rodero-scroll-indicator:hover .rodero-scroll-text {\r\n    color: #ffffff !important;\r\n}\r\n\r\n.rodero-scroll-arrow {\r\n    width: 14px !important;\r\n    height: 14px !important;\r\n    border-right: 1px solid #a18a5e !important;\r\n    border-bottom: 1px solid #a18a5e !important;\r\n    transform: rotate(45deg) !important;\r\n    animation: rodero-bounce 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;\r\n    margin: 0 auto !important;\r\n}\r\n\r\n\/* Espacio invisible para el ancla de men\u00fa *\/\r\n.rodero-anchor-point {\r\n    width: 100%;\r\n    height: 1px;\r\n    background: transparent;\r\n}\r\n\r\n@keyframes rodero-bounce {\r\n    0%, 20%, 50%, 80%, 100% { transform: translateY(0) rotate(45deg) !important; }\r\n    40% { transform: translateY(-8px) rotate(45deg) !important; }\r\n    60% { transform: translateY(-4px) rotate(45deg) !important; }\r\n}\r\n\r\n\/* ==========================================================================\r\n   DISE\u00d1O RESPONSIVE (Tablets)\r\n   ========================================================================== *\/\r\n@media (max-width: 1024px) {\r\n    .rodero-club-main-title { font-size: 52px !important; }\r\n}\r\n\r\n\/* ==========================================================================\r\n   DISE\u00d1O RESPONSIVE (M\u00f3viles)\r\n   ========================================================================== *\/\r\n@media (max-width: 768px) {\r\n    .rodero-club-hero {\r\n        height: 85vh !important;\r\n        min-height: 550px !important;\r\n    }\r\n    .rodero-club-content { margin-top: -30px !important; }\r\n    .rodero-club-main-title { \r\n        font-size: 42px !important; \r\n        line-height: 1.15 !important;\r\n    }\r\n    .rodero-club-eyebrow {\r\n        font-size: 12px !important;\r\n        letter-spacing: 3px !important;\r\n    }\r\n    .rodero-scroll-indicator { bottom: 30px !important; }\r\n}\r\n\r\n\/* ==========================================================================\r\n   DISE\u00d1O RESPONSIVE (M\u00f3viles Peque\u00f1os - iPhone SE \/ Ajuste estricto)\r\n   ========================================================================== *\/\r\n@media (max-width: 480px) {\r\n    .rodero-club-main-title { \r\n        font-size: 34px !important; \r\n        margin: 0 0 20px 0 !important;\r\n    }\r\n    .rodero-club-eyebrow {\r\n        font-size: 10px !important;\r\n        margin-bottom: 15px !important;\r\n    }\r\n    .rodero-club-description {\r\n        font-size: 15px !important;\r\n        padding: 0 10px !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n    .rodero-scroll-indicator { bottom: 20px !important; }\r\n}\r\n<\/style>\r\n\r\n<!-- SCRIPT (INTERSECTION OBSERVER & SCROLL SUAVE CON OFFSET) -->\r\n<script>\r\n(function() {\r\n    function initRoderoClubObserver() {\r\n        const targets = document.querySelectorAll('.rodero-reveal-club');\r\n        if (targets.length === 0) return;\r\n\r\n        const observer = new IntersectionObserver(function(entries, obs) {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('is-visible');\r\n                    obs.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { root: null, rootMargin: '0px', threshold: 0.1 });\r\n\r\n        targets.forEach(target => observer.observe(target));\r\n    }\r\n\r\n    function initSmoothScroll() {\r\n        const scrollBtn = document.querySelector('.rodero-scroll-indicator');\r\n        if(!scrollBtn) return;\r\n        \r\n        scrollBtn.addEventListener('click', function(e) {\r\n            const targetId = this.getAttribute('href');\r\n            if(targetId.startsWith('#')) {\r\n                e.preventDefault();\r\n                const targetSection = document.querySelector(targetId);\r\n                \r\n                if(targetSection) {\r\n                    \/\/ Calcula la posici\u00f3n teniendo en cuenta un men\u00fa superior pegajoso (offset de 80px)\r\n                    const headerOffset = 80; \r\n                    const elementPosition = targetSection.getBoundingClientRect().top;\r\n                    const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\r\n                  \r\n                    window.scrollTo({\r\n                         top: offsetPosition,\r\n                         behavior: \"smooth\"\r\n                    });\r\n                }\r\n            }\r\n        });\r\n    }\r\n\r\n    function initAll() {\r\n        initRoderoClubObserver();\r\n        initSmoothScroll();\r\n    }\r\n\r\n    if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n        initAll();\r\n    } else {\r\n        document.addEventListener(\"DOMContentLoaded\", initAll);\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cda51f2 elementor-widget elementor-widget-spacer\" data-id=\"cda51f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\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<div class=\"elementor-element elementor-element-cd198e8 e-flex e-con-boxed e-con e-parent\" data-id=\"cd198e8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-614ef10 e-con-full e-flex e-con e-child\" data-id=\"614ef10\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca9e2d8 elementor-widget elementor-widget-html\" data-id=\"ca9e2d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==========================================================================\r\n   BENEFICIOS CLUB RODERO (DISE\u00d1O EDITORIAL NUMERADO)\r\n   ========================================================================== -->\r\n<div class=\"rodero-benefits-col rodero-reveal-benefits\">\r\n    \r\n    <span class=\"rodero-benefits-eyebrow\">Privilegios Exclusivos<\/span>\r\n    <h2 class=\"rodero-benefits-title\">Club <span class=\"rodero-txt-italic rodero-txt-gold\">Rodero<\/span><\/h2>\r\n    <div class=\"rodero-benefits-gold-line\"><\/div>\r\n    \r\n    <p class=\"rodero-benefits-intro\">\r\n        Cada vino es \u00fanico. Cada persona, tambi\u00e9n. \r\n    \r\n    <!-- CONTENEDOR DE BENEFICIOS NUMERADOS -->\r\n    <div class=\"rodero-benefits-list-numbered\">\r\n        \r\n        <!-- Beneficio 01 -->\r\n        <div class=\"rodero-benefit-item-v2\">\r\n            <div class=\"rodero-benefit-num\">01<\/div>\r\n            <div class=\"rodero-benefit-content\">\r\n                <span class=\"rodero-benefit-label\">Acceso prioritario a nuevas a\u00f1adas<\/span>\r\n                <span class=\"rodero-benefit-value\">Con la llegada de cada nueva a\u00f1ada, nuestros socios se benefician de una tarifa especial de lanzamiento.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Beneficio 02 -->\r\n        <div class=\"rodero-benefit-item-v2\">\r\n            <div class=\"rodero-benefit-num\">02<\/div>\r\n            <div class=\"rodero-benefit-content\">\r\n                <span class=\"rodero-benefit-label\">Acceso preferente a eventos<\/span>\r\n                <span class=\"rodero-benefit-value\">Los socios dispondr\u00e1n de preferencia en su acceso a visitas a bodega, presentaciones especiales y otros eventos exclusivos de la bodega.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Beneficio 03 -->\r\n        <div class=\"rodero-benefit-item-v2\">\r\n            <div class=\"rodero-benefit-num\">03<\/div>\r\n            <div class=\"rodero-benefit-content\">\r\n                <span class=\"rodero-benefit-label\">Atenci\u00f3n personalizada<\/span>\r\n                <span class=\"rodero-benefit-value\">Acompa\u00f1amiento y asesoramiento individualizado por parte de nuestro equipo de sumilleres y expertos del Club Rodero.<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- NOTA FINAL -->\r\n    <div class=\"rodero-benefits-note\">\r\n        * Env\u00edos disponibles \u00fanicamente en territorio nacional.\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- ESTILOS CSS -->\r\n<style>\r\n\/* ==========================================================================\r\n   RESET Y ESTRUCTURA BASE\r\n   ========================================================================== *\/\r\n.rodero-benefits-col *, \r\n.rodero-benefits-col *::before, \r\n.rodero-benefits-col *::after {\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n.rodero-benefits-col {\r\n    width: 100% !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   TIPOGRAF\u00cdA Y CABECERAS\r\n   ========================================================================== *\/\r\n.rodero-txt-italic {\r\n    font-style: italic !important;\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n}\r\n\r\n.rodero-txt-gold {\r\n    color: #a18a5e !important;\r\n}\r\n\r\n.rodero-benefits-eyebrow {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 13px !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 4px !important;\r\n    color: #a18a5e !important;\r\n    margin-bottom: 15px !important;\r\n    display: block !important;\r\n}\r\n\r\n.rodero-benefits-title {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 42px !important;\r\n    font-weight: 400 !important;\r\n    color: #151515 !important;\r\n    margin: 0 0 25px 0 !important;\r\n    line-height: 1.1 !important;\r\n}\r\n\r\n.rodero-benefits-gold-line {\r\n    width: 50px !important;\r\n    height: 1px !important;\r\n    background-color: #a18a5e !important;\r\n    margin: 0 0 30px 0 !important;\r\n}\r\n\r\n.rodero-benefits-intro {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 18px !important;\r\n    color: #151515 !important; \/* Tono de alto contraste refinado *\/\r\n    line-height: 1.6 !important;\r\n    margin: 0 0 45px 0 !important;\r\n    max-width: 90% !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   LISTA DE BENEFICIOS NUMERADA (DISE\u00d1O EDITORIAL)\r\n   ========================================================================== *\/\r\n.rodero-benefits-list-numbered {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    width: 100% !important;\r\n}\r\n\r\n.rodero-benefit-item-v2 {\r\n    display: flex !important;\r\n    align-items: flex-start !important;\r\n    gap: 25px !important;\r\n    padding-bottom: 25px !important;\r\n    margin-bottom: 25px !important;\r\n    border-bottom: 1px solid rgba(161, 138, 94, 0.15) !important;\r\n}\r\n\r\n.rodero-benefit-item-v2:last-child {\r\n    border-bottom: none !important;\r\n    margin-bottom: 0 !important;\r\n    padding-bottom: 0 !important;\r\n}\r\n\r\n.rodero-benefit-num {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 38px !important;\r\n    color: #a18a5e !important;\r\n    font-style: italic !important;\r\n    line-height: 0.9 !important;\r\n    min-width: 45px !important; \/* Mantiene la alineaci\u00f3n perfecta de los textos *\/\r\n    opacity: 0.9 !important;\r\n}\r\n\r\n.rodero-benefit-content {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    width: 100% !important;\r\n}\r\n\r\n.rodero-benefit-label {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 14px !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 2px !important;\r\n    color: #151515 !important;\r\n    font-weight: bold !important;\r\n    margin-bottom: 8px !important;\r\n    line-height: 1.4 !important;\r\n}\r\n\r\n.rodero-benefit-value {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 16px !important; \r\n    color: #4a4a4a !important; \r\n    line-height: 1.7 !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   NOTA FINAL\r\n   ========================================================================== *\/\r\n.rodero-benefits-note {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 13px !important;\r\n    font-style: italic !important;\r\n    color: #777777 !important;\r\n    margin-top: 40px !important;\r\n    border-top: 1px solid rgba(21, 21, 21, 0.1) !important;\r\n    padding-top: 20px !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   ANIMACI\u00d3N DE ENTRADA\r\n   ========================================================================== *\/\r\n.rodero-reveal-benefits {\r\n    opacity: 0 !important;\r\n    transform: translateY(30px) !important;\r\n    transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), \r\n                transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) !important;\r\n}\r\n\r\n.rodero-reveal-benefits.is-visible {\r\n    opacity: 1 !important;\r\n    transform: translateY(0) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   RESPONSIVE (ADAPTACI\u00d3N A M\u00d3VILES PARA ELEMENTOR)\r\n   ========================================================================== *\/\r\n@media (max-width: 1024px) {\r\n    .rodero-benefits-title { font-size: 36px !important; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .rodero-benefits-col {\r\n        align-items: center !important;\r\n        padding-top: 30px !important; \r\n    }\r\n\r\n    .rodero-benefits-title { \r\n        font-size: 32px !important; \r\n        text-align: center !important;\r\n    }\r\n    \r\n    .rodero-benefits-eyebrow {\r\n        text-align: center !important;\r\n    }\r\n\r\n    .rodero-benefits-gold-line {\r\n        margin: 0 auto 30px auto !important; \r\n    }\r\n    \r\n    .rodero-benefits-intro {\r\n        text-align: center !important;\r\n        max-width: 100% !important;\r\n    }\r\n\r\n    .rodero-benefit-item-v2 {\r\n        gap: 15px !important;\r\n    }\r\n    \r\n    .rodero-benefit-num {\r\n        font-size: 32px !important;\r\n        min-width: 35px !important;\r\n    }\r\n\r\n    .rodero-benefits-note {\r\n        text-align: center !important;\r\n        width: 100% !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- SCRIPT DE INTERSECTION OBSERVER -->\r\n<script>\r\n(function() {\r\n    function initRoderoBenefitsObserver() {\r\n        const target = document.querySelector('.rodero-benefits-col.rodero-reveal-benefits');\r\n        \r\n        if (!target) return;\r\n\r\n        const observer = new IntersectionObserver(function(entries, obs) {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('is-visible');\r\n                    obs.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { root: null, rootMargin: '0px', threshold: 0.1 });\r\n\r\n        observer.observe(target);\r\n    }\r\n\r\n    if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n        initRoderoBenefitsObserver();\r\n    } else {\r\n        document.addEventListener(\"DOMContentLoaded\", initRoderoBenefitsObserver);\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e23f34 e-con-full e-flex e-con e-child\" data-id=\"2e23f34\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-697c875 elementor-widget elementor-widget-html\" data-id=\"697c875\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==========================================================================\r\n   CABECERA FORMULARIO DE REGISTRO (DISE\u00d1O CLONADO DE BENEFICIOS)\r\n   ========================================================================== -->\r\n<div class=\"rodero-form-col rodero-reveal-form\">\r\n    \r\n    <span class=\"rodero-form-eyebrow\">Solicitud de Acceso<\/span>\r\n    <h2 class=\"rodero-form-title\">\u00danete a nuestra <span class=\"rodero-txt-italic rodero-txt-gold\">Historia<\/span><\/h2>\r\n    <div class=\"rodero-form-gold-line\"><\/div>\r\n    \r\n    <p class=\"rodero-form-intro\">\r\n        Completa tus datos a continuaci\u00f3n para formalizar el registro.\r\n    <\/p>\r\n    \r\n<\/div>\r\n\r\n<!-- ESTILOS CSS - CABECERA FORMULARIO -->\r\n<style>\r\n\/* Reset de caja *\/\r\n.rodero-form-col *, \r\n.rodero-form-col *::before, \r\n.rodero-form-col *::after {\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n.rodero-form-col {\r\n    width: 100% !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    margin-bottom: 30px !important; \/* Espacio antes del formulario en s\u00ed *\/\r\n}\r\n\r\n\/* ==========================================================================\r\n   TIPOGRAF\u00cdA Y ELEMENTOS (ID\u00c9NTICOS A LOS BENEFICIOS)\r\n   ========================================================================== *\/\r\n.rodero-txt-italic {\r\n    font-style: italic !important;\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n}\r\n\r\n.rodero-txt-gold {\r\n    color: #a18a5e !important;\r\n}\r\n\r\n.rodero-form-eyebrow {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 13px !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 4px !important;\r\n    color: #a18a5e !important;\r\n    margin-bottom: 15px !important;\r\n    display: block !important;\r\n}\r\n\r\n.rodero-form-title {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 42px !important;\r\n    font-weight: 400 !important;\r\n    color: #151515 !important;\r\n    margin: 0 0 25px 0 !important;\r\n    line-height: 1.1 !important;\r\n}\r\n\r\n.rodero-form-gold-line {\r\n    width: 50px !important;\r\n    height: 1px !important;\r\n    background-color: #a18a5e !important;\r\n    margin: 0 0 30px 0 !important;\r\n}\r\n\r\n.rodero-form-intro {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 18px !important;\r\n    color: #151515 !important; \r\n    line-height: 1.6 !important;\r\n    margin: 0 !important;\r\n    max-width: 90% !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   ANIMACI\u00d3N DE ENTRADA (Mismo efecto que los beneficios)\r\n   ========================================================================== *\/\r\n.rodero-reveal-form {\r\n    opacity: 0 !important;\r\n    transform: translateY(30px) !important;\r\n    transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), \r\n                transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) !important;\r\n}\r\n\r\n.rodero-reveal-form.is-visible {\r\n    opacity: 1 !important;\r\n    transform: translateY(0) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   RESPONSIVE (Comportamiento id\u00e9ntico: Centrado en m\u00f3viles)\r\n   ========================================================================== *\/\r\n@media (max-width: 1024px) {\r\n    .rodero-form-title { font-size: 36px !important; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .rodero-form-col {\r\n        align-items: center !important;\r\n        text-align: center !important;\r\n        padding-top: 20px !important; \r\n    }\r\n\r\n    .rodero-form-title { \r\n        font-size: 32px !important; \r\n        text-align: center !important;\r\n    }\r\n    \r\n    .rodero-form-eyebrow {\r\n        text-align: center !important;\r\n    }\r\n\r\n    .rodero-form-gold-line {\r\n        margin: 0 auto 30px auto !important; \r\n    }\r\n    \r\n    .rodero-form-intro {\r\n        text-align: center !important;\r\n        max-width: 100% !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- SCRIPT DE INTERSECTION OBSERVER PARA EL FORMULARIO -->\r\n<script>\r\n(function() {\r\n    function initRoderoFormObserver() {\r\n        const target = document.querySelector('.rodero-form-col.rodero-reveal-form');\r\n        \r\n        if (!target) return;\r\n\r\n        const observer = new IntersectionObserver(function(entries, obs) {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('is-visible');\r\n                    obs.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { root: null, rootMargin: '0px', threshold: 0.1 });\r\n\r\n        observer.observe(target);\r\n    }\r\n\r\n    if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n        initRoderoFormObserver();\r\n    } else {\r\n        document.addEventListener(\"DOMContentLoaded\", initRoderoFormObserver);\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-983789d elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-initial elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"983789d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Siguiente&quot;,&quot;step_previous_label&quot;:&quot;Anterior&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"Nuevo formulario\" aria-label=\"Nuevo formulario\" novalidate=\"\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"6097\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"983789d\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNombre\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Nombre\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tE-mail \t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"E-mail\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-date elementor-field-group elementor-column elementor-field-group-field_746d69c elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_746d69c\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tFecha de nacimiento\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\n\t\t<input type=\"date\" name=\"form_fields[field_746d69c]\" id=\"form-field-field_746d69c\" class=\"elementor-field elementor-size-sm  elementor-field-textual elementor-date-field elementor-use-native\" placeholder=\"Fecha de nacimiento\" required=\"required\" pattern=\"[0-9]{4}-[0-9]{2}-[0-9]{2}\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-acceptance elementor-field-group elementor-column elementor-field-group-field_c4f68cd elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t<div class=\"elementor-field-subgroup\">\n\t\t\t<span class=\"elementor-field-option\">\n\t\t\t\t<input type=\"checkbox\" name=\"form_fields[field_c4f68cd]\" id=\"form-field-field_c4f68cd\" class=\"elementor-field elementor-size-sm  elementor-acceptance-field\" required=\"required\">\n\t\t\t\t<label for=\"form-field-field_c4f68cd\">He le\u00eddo, comprendido y acepto la <a href=\"https:\/\/bodegasrodero.com\/politica-de-privacidad\/\" target=\"_blank\" class=\"rodero-privacy-link\">Pol\u00edtica de Privacidad<\/a>.<\/label>\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_b20a806 elementor-col-100\">\n\t\t\t\t\t<div class=\"rodero-legal-container\">\n    <div class=\"rodero-legal-summary\">\n        *Al enviar este formulario, acepto que mis datos sean tratados por Bodegas Rodero, S.L.  \n        <span class=\"rodero-legal-toggle rodero-txt-gold rodero-txt-italic\" onclick=\"toggleLegal()\">Leer informaci\u00f3n detallada.<\/span>\n    <\/div>\n\n    <div id=\"rodero-legal-details\" class=\"rodero-legal-content\" style=\"display: none;\">\n        <p><strong>Responsable:<\/strong> BODEGAS RODERO, S.L. (CIF: B09246943).<\/p>\n        <p><strong>Finalidad:<\/strong>Ponernos en contacto con usted para atender su solicitud de recibir de forma peri\u00f3dica nuestro bolet\u00edn sobre noticias que pueden ser de su inter\u00e9s (noticias, ofertas y promociones especiales).\n\n<\/p>\n        <p><strong>Legitimaci\u00f3n:<\/strong> Consentimiento expreso del interesado.<\/p>\n        <p><strong>Comunicaci\u00f3n:<\/strong> No se comunicar\u00e1n datos a terceros salvo obligaci\u00f3n legal.<\/p>\n        <p><strong>Contacto:<\/strong> rodero@bodegasrodero.com<\/p>\n        <p>\n            En nuestra Pol\u00edtica de Privacidad encontrar\u00e1 informaci\u00f3n adicional detallada sobre la recopilaci\u00f3n y el uso de su informaci\u00f3n personal, sobre sus derechos y otros temas (cesi\u00f3n de datos, plazos de conservaci\u00f3n, etc.).\n            <a href=\"https:\/\/bodegasrodero.com\/politica-de-privacidad\/\" target=\"_blank\" class=\"rodero-txt-gold rodero-txt-italic\">Pol\u00edtica de Privacidad<\/a>.\n        <\/p>\n    <\/div>\n<\/div>\n\n<script>\nfunction toggleLegal() {\n    var x = document.getElementById(\"rodero-legal-details\");\n    if (x.style.display === \"none\") {\n        x.style.display = \"block\";\n    } else {\n        x.style.display = \"none\";\n    }\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Enviar<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-c9cc0a0 e-flex e-con-boxed e-con e-parent\" data-id=\"c9cc0a0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-882096d elementor-widget elementor-widget-spacer\" data-id=\"882096d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\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>Privilegios Exclusivos Explora el Club Rodero Forma parte de nuestra historia. Descubrir Privilegios Privilegios Exclusivos Club Rodero Cada vino es \u00fanico. Cada persona, tambi\u00e9n. 01 Acceso prioritario a nuevas a\u00f1adas Con la llegada de cada nueva a\u00f1ada, nuestros socios se benefician de una tarifa especial de lanzamiento. 02 Acceso preferente a eventos Los socios dispondr\u00e1n [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6097","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/bodegasrodero.com\/en\/wp-json\/wp\/v2\/pages\/6097","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bodegasrodero.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bodegasrodero.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bodegasrodero.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/bodegasrodero.com\/en\/wp-json\/wp\/v2\/comments?post=6097"}],"version-history":[{"count":52,"href":"https:\/\/bodegasrodero.com\/en\/wp-json\/wp\/v2\/pages\/6097\/revisions"}],"predecessor-version":[{"id":7928,"href":"https:\/\/bodegasrodero.com\/en\/wp-json\/wp\/v2\/pages\/6097\/revisions\/7928"}],"wp:attachment":[{"href":"https:\/\/bodegasrodero.com\/en\/wp-json\/wp\/v2\/media?parent=6097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}