{"id":113,"date":"2023-03-06T12:11:28","date_gmt":"2023-03-06T12:11:28","guid":{"rendered":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/?page_id=113"},"modified":"2026-07-28T09:02:41","modified_gmt":"2026-07-28T07:02:41","slug":"inicio","status":"publish","type":"page","link":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/en\/","title":{"rendered":"Bodegas Carmelo Rodero"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"113\" class=\"elementor elementor-113\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43c37ea e-con-full e-flex e-con e-parent\" data-id=\"43c37ea\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a56352 elementor-widget elementor-widget-html\" data-id=\"0a56352\" 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   SECCI\u00d3N HERO HOME - ESTILO CH\u00c2TEAU (V\u00cdDEO + NUEVO EMBLEMA + RESPIRACI\u00d3N)\r\n   ========================================================================== -->\r\n<div class=\"elementor-hero-force-fullwidth-absolute\">\r\n    <section class=\"hero-prestige-container-absolute\">\r\n        \r\n        <!-- Contenedor del V\u00eddeo de Fondo -->\r\n        <div class=\"hero-video-wrapper-absolute\">\r\n            <video autoplay loop muted playsinline poster=\"\">\r\n                <source src=\"https:\/\/bodegasrodero.com\/wp-content\/uploads\/2024\/07\/Vinedo-de-Carmelo-Rodero.mp4\" type=\"video\/mp4\">\r\n            <\/video>\r\n            <!-- Capa de contraste cinematogr\u00e1fica (Mejorada para legibilidad) -->\r\n            <div class=\"hero-overlay-dark-absolute\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- Contenido Central: Emblema y Texto -->\r\n        <div class=\"hero-content-inner-absolute rodero-cinematic-reveal\">\r\n            \r\n            <!-- Emblema Central PNG Mejorado -->\r\n            <div class=\"hero-emblem-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/wp-content\/uploads\/2026\/06\/Uva-ciencia-vino-y-arte-Carmelo-Rodero-Ribera-del-Duero.png\" alt=\"Emblema Carmelo Rodero\" class=\"hero-emblem-png\" title=\"\">\r\n            <\/div>\r\n\r\n            <!-- Tipograf\u00eda con movimiento lento (Respiraci\u00f3n) -->\r\n            <div class=\"hero-text-breathing\">\r\n                <h1 class=\"hero-main-title-absolute\">\r\n                    Una historia escrita<br>\r\n                    <span class=\"title-accent-absolute\">con tinta de uva.<\/span>\r\n                <\/h1>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Indicador Minimalista de Deslizar hacia Abajo -->\r\n        <div class=\"hero-scroll-indicator-absolute\" onclick=\"scrollToNextSection()\">\r\n            <span class=\"scroll-text-absolute\">DESCUBRIR<\/span>\r\n            <div class=\"scroll-line-wrapper-absolute\">\r\n                <span class=\"scroll-line-moving-absolute\"><\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/section>\r\n<\/div>\r\n\r\n<!-- FUNCI\u00d3N DE DESPLAZAMIENTO SUAVE -->\r\n<script>\r\nfunction scrollToNextSection() {\r\n    window.scrollTo({\r\n        top: window.innerHeight,\r\n        behavior: 'smooth'\r\n    });\r\n}\r\n<\/script>\r\n\r\n<!-- ESTILOS CSS ARQUITECT\u00d3NICOS -->\r\n<style>\r\n\/* ==========================================================================\r\n   RESETEO RADICAL DE ENVOLTORIO\r\n   ========================================================================== *\/\r\n.elementor-hero-force-fullwidth-absolute {\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    margin-top: 0 !important; \r\n    padding-top: 0 !important;\r\n    margin-bottom: 0 !important;\r\n    padding-bottom: 0 !important;\r\n    box-sizing: border-box !important;\r\n    overflow: hidden !important;\r\n    background-color: #111111 !important;\r\n    border: none !important;\r\n    outline: none !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   CONTENEDOR GENERAL DEL HERO (100VH)\r\n   ========================================================================== *\/\r\n.hero-prestige-container-absolute {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    height: 100vh !important;\r\n    min-height: 100vh !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    overflow: hidden !important;\r\n    background-color: #111111 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* ARQUITECTURA DEL V\u00cdDEO COMPLETO ENCAJADO *\/\r\n.hero-video-wrapper-absolute {\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    bottom: 0 !important;\r\n    right: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    z-index: 1 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n.hero-video-wrapper-absolute video {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    border: none !important;\r\n    transform: scale(1.02) !important; \r\n}\r\n\r\n\/* Capa de velado oscuro: Vi\u00f1eteado cinematogr\u00e1fico m\u00e1s marcado para legibilidad *\/\r\n.hero-overlay-dark-absolute {\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    \/* Centro al 40% de opacidad, bordes al 80%. Garantiza lectura perfecta *\/\r\n    background: radial-gradient(circle at center, rgba(17,17,17,0.4) 0%, rgba(17,17,17,0.8) 100%) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   BLOQUE CENTRAL: EMBLEMA Y TEXTO\r\n   ========================================================================== *\/\r\n.hero-content-inner-absolute {\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: 1100px !important;\r\n    box-sizing: border-box !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n}\r\n\r\n\/* Animaci\u00f3n de entrada principal *\/\r\n.rodero-cinematic-reveal {\r\n    animation: fadeUpReveal 1.8s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n}\r\n\r\n@keyframes fadeUpReveal {\r\n    0% { opacity: 0; transform: translateY(30px); }\r\n    100% { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* Tratamiento del Emblema PNG *\/\r\n.hero-emblem-wrapper {\r\n    margin-bottom: 35px !important; \r\n}\r\n\r\n.hero-emblem-png {\r\n    width: 160px !important; \/* Ligeramente m\u00e1s grande para compensar m\u00e1rgenes del PNG *\/\r\n    height: auto !important;\r\n    display: block !important;\r\n    margin: 0 auto !important;\r\n    \/* Sombra proyectada para separar el logo del fondo *\/\r\n    filter: drop-shadow(0px 10px 20px rgba(0,0,0,0.6)) !important; \r\n}\r\n\r\n\/* Tipograf\u00eda y Movimiento Sutil *\/\r\n.hero-text-breathing {\r\n    \/* Efecto org\u00e1nico: Flota levemente y se acerca de forma imperceptible *\/\r\n    animation: slowTextBreathe 14s ease-in-out infinite alternate !important;\r\n}\r\n\r\n@keyframes slowTextBreathe {\r\n    0% { transform: scale(1) translateY(0px); }\r\n    100% { transform: scale(1.025) translateY(-6px); }\r\n}\r\n\r\n.hero-main-title-absolute {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 55px !important; \r\n    line-height: 1.25 !important;\r\n    color: #ffffff !important;\r\n    font-weight: 400 !important;\r\n    letter-spacing: 2px !important;\r\n    margin: 0 !important;\r\n    \/* Sombra de texto profunda para separar las letras blancas del v\u00eddeo *\/\r\n    text-shadow: 0px 4px 30px rgba(0, 0, 0, 0.9) !important;\r\n}\r\n\r\n.title-accent-absolute {\r\n    font-style: italic !important;\r\n    color: #a18a5e !important; \r\n    opacity: 0.95 !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   COMPONENTE DE DESLIZAMIENTO (SCROLL DOWN)\r\n   ========================================================================== *\/\r\n.hero-scroll-indicator-absolute {\r\n    position: absolute !important;\r\n    bottom: 40px !important;\r\n    left: 50% !important;\r\n    transform: translateX(-50%) !important;\r\n    z-index: 2 !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    cursor: pointer !important;\r\n    gap: 14px !important;\r\n    transition: opacity 0.3s ease !important;\r\n    user-select: none !important;\r\n    animation: fadeUpReveal 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0.8s forwards !important;\r\n    opacity: 0;\r\n}\r\n\r\n.hero-scroll-indicator-absolute:hover {\r\n    opacity: 0.7 !important;\r\n}\r\n\r\n.scroll-text-absolute {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 10px !important;\r\n    letter-spacing: 4px !important;\r\n    color: #ffffff !important;\r\n    opacity: 0.6 !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\n.scroll-line-wrapper-absolute {\r\n    width: 1px !important;\r\n    height: 55px !important;\r\n    background-color: rgba(255, 255, 255, 0.15) !important;\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n.scroll-line-moving-absolute {\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 22px !important;\r\n    background: linear-gradient(to bottom, transparent, #a18a5e, transparent) !important;\r\n    animation: luxuryScrollAnim 2.4s cubic-bezier(0.16, 1, 0.3, 1) infinite !important;\r\n}\r\n\r\n@keyframes luxuryScrollAnim {\r\n    0% { top: -22px; }\r\n    50% { top: 55px; }\r\n    100% { top: 55px; }\r\n}\r\n\r\n\/* ==========================================================================\r\n   BREAKPOINTS RESPONSIVOS\r\n   ========================================================================== *\/\r\n@media (max-width: 1024px) {\r\n    .hero-main-title-absolute { font-size: 45px !important; }\r\n    .hero-emblem-png { width: 140px !important; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .hero-main-title-absolute {\r\n        font-size: 34px !important;\r\n        line-height: 1.3 !important;\r\n    }\r\n    .hero-emblem-png { \r\n        width: 120px !important; \r\n        margin-bottom: 25px !important;\r\n    }\r\n}\r\n<\/style>\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-91467e4 e-flex e-con-boxed e-con e-parent\" data-id=\"91467e4\" 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-7c727bc elementor-widget elementor-widget-html\" data-id=\"7c727bc\" 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<!-- SECCI\u00d3N MANIFIESTO CORPORATIVO - ANCHO COMPLETO M\u00cdNIMO -->\r\n<div class=\"elementor-section-force-fullwidth\">\r\n    <section class=\"manifesto-prestige-section\">\r\n        <div class=\"manifesto-boxed-container\">\r\n            \r\n            <!-- COLUMNA IZQUIERDA: EL ENUNCIADO MAJESTUOSO -->\r\n            <div class=\"manifesto-column-left scroll-reveal-trigger\">\r\n                <h2 class=\"manifesto-highlight-text\">\r\n                    Exploramos lo inesperado, transformando la riqueza de nuestros vi\u00f1edos en experiencias inolvidables que conectan con la esencia de la <span class=\"serif-italic\">Ribera del Duero<\/span>.\r\n                <\/h2>\r\n            <\/div>\r\n            \r\n            <!-- COLUMNA DERECHA: EL RELATO CORPORATIVO REFINADO -->\r\n            <div class=\"manifesto-column-right scroll-reveal-trigger\">\r\n                <p class=\"manifesto-body-text\">\r\n                    Nuestra bodega, ubicada en el coraz\u00f3n de la Ribera del Duero combina la tradici\u00f3n de <span class=\"family-name\">Carmelo Rodero<\/span> con la visi\u00f3n innovadora de sus hijas <span class=\"family-name\">Beatriz y Mar\u00eda Rodero<\/span>. \r\n                <\/p>\r\n                <p class=\"manifesto-body-text\">\r\n                    Unimos el respeto por la tierra y la precisi\u00f3n en cada proceso para crear vinos que trascienden lo com\u00fan, reflejando la autenticidad y la pasi\u00f3n que definen nuestra historia.\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<!-- CAPTURA DE COMPORTAMIENTO ANIMADO (REVEAL ON SCROLL) -->\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    const animElements = document.querySelectorAll('.scroll-reveal-trigger');\r\n    \r\n    const observerOptions = {\r\n        root: null,\r\n        rootMargin: '0px',\r\n        threshold: 0.15 \/\/ Se activa cuando el 15% de la secci\u00f3n es visible\r\n    };\r\n\r\n    const manifestoObserver = new IntersectionObserver((entries, observer) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('is-visible');\r\n                observer.unobserve(entry.target); \/\/ Ejecuta la animaci\u00f3n solo una vez\r\n            }\r\n        });\r\n    }, observerOptions);\r\n\r\n    animElements.forEach(el => manifestoObserver.observe(el));\r\n});\r\n<\/script>\r\n\r\n<!-- CSS CORPORATIVO PRESTIGIO -->\r\n<style>\r\n\/* ==========================================================================\r\n   FORZADO DE CONTENEDOR SIN BORDES NATIVOS\r\n   ========================================================================== *\/\r\n.elementor-section-force-fullwidth {\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\/* ==========================================================================\r\n   ESTRUCTURA DE SECCI\u00d3N (ESPACIADO ORG\u00c1NICO)\r\n   ========================================================================== *\/\r\n.manifesto-prestige-section {\r\n    width: 100% !important;\r\n    background-color: #151515 !important;\r\n    \/* Relleno generoso para dar aire y sensaci\u00f3n de lujo *\/\r\n    padding: 160px 0 !important; \r\n    box-sizing: border-box !important;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .manifesto-prestige-section { padding: 100px 0 !important; }\r\n}\r\n\r\n\/* Caja de contenci\u00f3n alineada con el est\u00e1ndar de 1400px *\/\r\n.manifesto-boxed-container {\r\n    width: 100% !important;\r\n    max-width: 1400px !important;\r\n    margin: 0 auto !important;\r\n    padding: 0 40px !important;\r\n    box-sizing: border-box !important;\r\n    display: grid !important;\r\n    grid-template-columns: 1.2fr 0.8fr !important; \/* Asimetr\u00eda elegante *\/\r\n    gap: 80px !important;\r\n    align-items: flex-start !important;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .manifesto-boxed-container {\r\n        grid-template-columns: 1fr !important; \/* Colapso limpio en vertical para m\u00f3vil *\/\r\n        gap: 40px !important;\r\n    }\r\n}\r\n\r\n\/* ==========================================================================\r\n   ESTILOS TIPOGR\u00c1FICOS Y DETALLES\r\n   ========================================================================== *\/\r\n\/* Bloque Izquierdo (Destacado) *\/\r\n.manifesto-highlight-text {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 38px !important;\r\n    line-height: 1.45 !important;\r\n    color: #ffffff !important;\r\n    font-weight: 400 !important;\r\n    letter-spacing: 0.5px !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n.serif-italic {\r\n    font-style: italic !important;\r\n    color: #a18a5e !important; \/* Detalle crom\u00e1tico en Ribera del Duero *\/\r\n}\r\n\r\n\/* Bloque Derecho (Narrativa) *\/\r\n.manifesto-body-text {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important; \/* Mantenemos consistencia editorial *\/\r\n    font-size: 18px !important;\r\n    line-height: 1.75 !important;\r\n    color: #cccccc !important;\r\n    font-weight: 400 !important;\r\n    letter-spacing: 0.5px !important;\r\n    margin: 0 0 28px 0 !important;\r\n    opacity: 0.85 !important;\r\n}\r\n\r\n.manifesto-body-text:last-child {\r\n    margin-bottom: 0 !important;\r\n}\r\n\r\n\/* Enfoque en los nombres de la familia *\/\r\n.family-name {\r\n    color: #ffffff !important;\r\n    font-weight: 500 !important;\r\n    display: inline-block !important;\r\n    position: relative !important;\r\n}\r\n\r\n.family-name::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    bottom: -2px !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 1px !important;\r\n    background-color: rgba(161, 138, 94, 0.4) !important; \/* Subrayado capilar dorado *\/\r\n}\r\n\r\n\/* Adaptaci\u00f3n responsive de las fuentes *\/\r\n@media (max-width: 768px) {\r\n    .manifesto-highlight-text { font-size: 26px !important; line-height: 1.4 !important; }\r\n    .manifesto-body-text { font-size: 16px !important; line-height: 1.7 !important; }\r\n}\r\n\r\n\/* ==========================================================================\r\n   L\u00d3GICA DE ANIMACI\u00d3N CINEM\u00c1TICA (TRANSICI\u00d3N DE APARICI\u00d3N)\r\n   ========================================================================== *\/\r\n.scroll-reveal-trigger {\r\n    opacity: 0 !important;\r\n    transform: translateY(40px) !important; \/* Desplazamiento inicial hacia abajo *\/\r\n    transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n\/* El JavaScript a\u00f1ade esta clase al detectar el scroll *\/\r\n.scroll-reveal-trigger.is-visible {\r\n    opacity: 1 !important;\r\n    transform: translateY(0) !important;\r\n}\r\n\r\n\/* Sutil retraso en la segunda columna para generar un efecto cascada *\/\r\n.manifesto-boxed-container .scroll-reveal-trigger:nth-child(2) {\r\n    transition-delay: 0.2s !important;\r\n}\r\n<\/style>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-86b8a14 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"86b8a14\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-e313bc4\" data-id=\"e313bc4\" 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-c5baa4f elementor-widget elementor-widget-html\" data-id=\"c5baa4f\" 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<!-- SECCI\u00d3N CORPORATIVA: LA FAMILIA (FONDO ORG\u00c1NICO CREMA) -->\r\n<div class=\"elementor-family-force-fullwidth\">\r\n    <section class=\"family-prestige-section\">\r\n        <div class=\"family-boxed-container\">\r\n            \r\n            <!-- BLOQUE IZQUIERDO: LA IMAGEN CORPORATIVA ELEGANTE -->\r\n            <div class=\"family-column-image family-reveal-trigger\">\r\n                <div class=\"family-image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bodegasrodero.com\/wp-content\/uploads\/2024\/07\/newsletter-de-Carmelo-Rodero-819x1024.jpg\" alt=\"Familia Carmelo Rodero\" class=\"family-main-photo\" title=\"\">\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- BLOQUE DERECHO: LA NARRATIVA EDITORIAL -->\r\n            <div class=\"family-column-text family-reveal-trigger\">\r\n                <span class=\"family-section-tag\">\/\/ EL LEGADO<\/span>\r\n                <h2 class=\"family-main-title\">Our greatest treasure, our family<\/h2>\r\n                \r\n                <div class=\"family-body-wrapper\">\r\n                    <p class=\"family-text-paragraph\">\r\n                        In Bodegas Carmelo Rodero, la familia no es solo la ra\u00edz que sustenta nuestros vi\u00f1edos, sino el hilo conductor que entrelaza tradici\u00f3n y porvenir. Hoy, Mar\u00eda y Beatriz Rodero \u2014herederas de la pasi\u00f3n inculcada por su padre\u2014 encabezan con determinaci\u00f3n y sensibilidad una nueva etapa, armonizando la esencia de la Ribera del Duero con una mirada fresca que abraza la innovaci\u00f3n sin renunciar al legado.\r\n                    <\/p>\r\n                    <p class=\"family-text-paragraph\">\r\n                        Carmelo, visionario incansable, acompa\u00f1a ahora como mentor y apoyo, demostrando que la verdadera grandeza reside en saber ceder el testigo para que florezca la pr\u00f3xima generaci\u00f3n.\r\n                    <\/p>\r\n                    <p class=\"family-text-paragraph\">\r\n                        Each vintage reflects this family complicity: the wisdom learned under the protection of the old vines and the creative energy of those who look to the future with respect for the land.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- ENLACES DE NAVEGACI\u00d3N CAPILARES (BOTONES SUTILES) -->\r\n                <div class=\"family-links-container\">\r\n                    <a href=\"\/en\/historia\/\" class=\"family-capilar-link\">\r\n                        <span class=\"link-label\">Our history<\/span>\r\n                        <svg class=\"link-arrow\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n                    <\/a>\r\n                    <a href=\"\/en\/bodega\/\" class=\"family-capilar-link\">\r\n                        <span class=\"link-label\">Lo que nos define<\/span>\r\n                        <svg class=\"link-arrow\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<!-- CAPTURA DE COMPORTAMIENTO ANIMADO (REVEAL ON SCROLL) -->\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    const familyElements = document.querySelectorAll('.family-reveal-trigger');\r\n    \r\n    const familyObserverOptions = {\r\n        root: null,\r\n        rootMargin: '0px',\r\n        threshold: 0.12\r\n    };\r\n\r\n    const familyObserver = new IntersectionObserver((entries, observer) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('family-is-visible');\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, familyObserverOptions);\r\n\r\n    familyElements.forEach(el => familyObserver.observe(el));\r\n});\r\n<\/script>\r\n\r\n<!-- CSS EDITORIAL PREMIUM -->\r\n<style>\r\n\/* ==========================================================================\r\n   RESET COMPLETO DE CONTENEDOR ANCHO COMPLETO CREMA\r\n   ========================================================================== *\/\r\n.elementor-family-force-fullwidth {\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: #eae7df !important; \/* Color de fondo exacto solicitado *\/\r\n}\r\n\r\n\/* ==========================================================================\r\n   ESTRUCTURA DE LA SECCI\u00d3N\r\n   ========================================================================== *\/\r\n.family-prestige-section {\r\n    width: 100% !important;\r\n    background-color: #eae7df !important;\r\n    padding: 140px 0 !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .family-prestige-section { padding: 80px 0 !important; }\r\n}\r\n\r\n.family-boxed-container {\r\n    width: 100% !important;\r\n    max-width: 1400px !important;\r\n    margin: 0 auto !important;\r\n    padding: 0 40px !important;\r\n    box-sizing: border-box !important;\r\n    display: grid !important;\r\n    grid-template-columns: 0.9fr 1.1fr !important; \/* Equilibrio asim\u00e9trico *\/\r\n    gap: 100px !important;\r\n    align-items: center !important;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .family-boxed-container {\r\n        grid-template-columns: 1fr !important; \/* Colapso fluido para m\u00f3vil *\/\r\n        gap: 50px !important;\r\n        padding: 0 25px !important;\r\n    }\r\n}\r\n\r\n\/* ==========================================================================\r\n   BLOQUE IZQUIERDO: ARQUITECTURA DE IMAGEN\r\n   ========================================================================== *\/\r\n.family-image-wrapper {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    overflow: hidden !important;\r\n    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.04) !important;\r\n}\r\n\r\n.family-main-photo {\r\n    width: 100% !important;\r\n    height: auto !important;\r\n    display: block !important;\r\n    object-fit: cover !important;\r\n    transition: transform 1.8s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n\/* Efecto refinado de zoom sutil al pasar el cursor *\/\r\n.family-image-wrapper:hover .family-main-photo {\r\n    transform: scale(1.03) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   BLOQUE DERECHO: TIPOGRAF\u00cdA EDITORIAL (TEXTO NEGRO)\r\n   ========================================================================== *\/\r\n.family-section-tag {\r\n    font-family: monospace !important;\r\n    font-size: 11px !important;\r\n    letter-spacing: 4px !important;\r\n    color: #a18a5e !important;\r\n    display: block !important;\r\n    margin-bottom: 15px !important;\r\n}\r\n\r\n.family-main-title {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 44px !important;\r\n    line-height: 1.25 !important;\r\n    color: #151515 !important; \/* Letra negra corporativa *\/\r\n    font-weight: 400 !important;\r\n    margin: 0 0 35px 0 !important;\r\n    letter-spacing: -0.5px !important;\r\n}\r\n\r\n.family-body-wrapper {\r\n    max-width: 620px !important;\r\n}\r\n\r\n.family-text-paragraph {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 17px !important;\r\n    line-height: 1.75 !important;\r\n    color: #2b2b2b !important; \/* Negro suavizado para lectura prolongada *\/\r\n    margin: 0 0 22px 0 !important;\r\n    text-align: justify !important;\r\n}\r\n\r\n.family-text-paragraph:last-child {\r\n    margin-bottom: 0 !important;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .family-main-title { font-size: 32px !important; }\r\n    .family-text-paragraph { font-size: 16px !important; text-align: left !important; }\r\n}\r\n\r\n\/* ==========================================================================\r\n   ENLACES CORPORATIVOS DE VANGUARDIA\r\n   ========================================================================== *\/\r\n.family-links-container {\r\n    display: flex !important;\r\n    gap: 40px !important;\r\n    margin-top: 45px !important;\r\n    flex-wrap: wrap !important;\r\n}\r\n\r\n.family-capilar-link {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 12px !important;\r\n    text-decoration: none !important;\r\n    color: #151515 !important;\r\n    padding: 8px 0 !important;\r\n    position: relative !important;\r\n    transition: color 0.3s ease !important;\r\n}\r\n\r\n.link-label {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 16px !important;\r\n    letter-spacing: 2px !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\n.link-arrow {\r\n    width: 18px !important;\r\n    height: 18px !important;\r\n    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n\/* L\u00ednea inferior capilar interactiva *\/\r\n.family-capilar-link::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    bottom: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 1px !important;\r\n    background-color: #151515 !important;\r\n    transform: scaleX(0.3) !important;\r\n    transform-origin: left !important;\r\n    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n\/* Comportamiento Hover Premium *\/\r\n.family-capilar-link:hover::after {\r\n    transform: scaleX(1) !important;\r\n}\r\n\r\n.family-capilar-link:hover .link-arrow {\r\n    transform: translateX(6px) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   SISTEMA DE REVELADO (ANIMACI\u00d3N)\r\n   ========================================================================== *\/\r\n.family-reveal-trigger {\r\n    opacity: 0 !important;\r\n    transform: translateY(30px) !important;\r\n    transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1), transform 1.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.family-reveal-trigger.family-is-visible {\r\n    opacity: 1 !important;\r\n    transform: translateY(0) !important;\r\n}\r\n\r\n\/* Desfase de tiempos para el efecto de lectura natural *\/\r\n.family-column-text.family-reveal-trigger {\r\n    transition-delay: 0.25s !important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-17b844b e-flex e-con-boxed e-con e-parent\" data-id=\"17b844b\" 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-1fd82b8 elementor-widget elementor-widget-html\" data-id=\"1fd82b8\" 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<!-- SECCI\u00d3N CORPORATIVA: TERROIR (FONDO NEGRO PREMIUM) -->\r\n<div class=\"elementor-terroir-force-fullwidth\">\r\n    <section class=\"terroir-prestige-section\">\r\n        <div class=\"terroir-boxed-container\">\r\n            \r\n            <!-- BLOQUE IZQUIERDO: LA NARRATIVA EDITORIAL -->\r\n            <div class=\"terroir-column-text terroir-reveal-trigger\">\r\n                <span class=\"terroir-section-tag\">\/\/ EL ORIGEN<\/span>\r\n                <h2 class=\"terroir-main-title\">Nuestro terroir en Ribera del Duero<\/h2>\r\n                \r\n                <div class=\"terroir-body-wrapper\">\r\n                    <p class=\"terroir-text-lead\">\r\n                        Donde la tradici\u00f3n se reinventa y cada vino cuenta una historia \u00fanica. En Bodegas Carmelo Rodero, exploramos lo inesperado, transformando la riqueza de nuestros vi\u00f1edos en experiencias inolvidables que conectan con la esencia de la Ribera del Duero.\r\n                    <\/p>\r\n                    <p class=\"terroir-text-paragraph\">\r\n                        Nuestra bodega, ubicada en el coraz\u00f3n de la Ribera del Duero combina la tradici\u00f3n de Carmelo Rodero con la visi\u00f3n innovadora de sus hijas Beatriz y Mar\u00eda Rodero. Unimos el respeto por la tierra y la precisi\u00f3n en cada proceso para crear vinos que trascienden lo com\u00fan, reflejando la autenticidad y la pasi\u00f3n que definen nuestra historia.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- ENLACES DE NAVEGACI\u00d3N CAPILARES (BOTONES ENTORNO OSCURO) -->\r\n                <div class=\"terroir-links-container\">\r\n                    <a href=\"\/en\/vinedos\/\" class=\"terroir-capilar-link\">\r\n                        <span class=\"link-label-terroir\">Vineyard<\/span>\r\n                        <svg class=\"link-arrow-terroir\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n                    <\/a>\r\n                    <a href=\"\/en\/visita-bodega-ribera-del-duero\/\" class=\"terroir-capilar-link\">\r\n                        <span class=\"link-label-terroir\">Winetourism<\/span>\r\n                        <svg class=\"link-arrow-terroir\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- BLOQUE DERECHO: LA IMAGEN DEL VI\u00d1EDO EN CUADRADO PERFECTO -->\r\n            <div class=\"terroir-column-image terroir-reveal-trigger\">\r\n                <div class=\"terroir-image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bodegasrodero.com\/wp-content\/uploads\/2025\/05\/vinedo-carmelo-rodero-15-1024x1024.jpg\" alt=\"Vi\u00f1edos Carmelo Rodero\" class=\"terroir-main-photo\" title=\"\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<!-- CAPTURA DE COMPORTAMIENTO ANIMADO (REVEAL ON SCROLL) -->\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    const terroirElements = document.querySelectorAll('.terroir-reveal-trigger');\r\n    \r\n    const terroirObserverOptions = {\r\n        root: null,\r\n        rootMargin: '0px',\r\n        threshold: 0.12\r\n    };\r\n\r\n    const terroirObserver = new IntersectionObserver((entries, observer) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('terroir-is-visible');\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, terroirObserverOptions);\r\n\r\n    terroirElements.forEach(el => terroirObserver.observe(el));\r\n});\r\n<\/script>\r\n\r\n<!-- CSS EDITORIAL PREMIUM OSCURO -->\r\n<style>\r\n\/* ==========================================================================\r\n   RESET COMPLETO DE CONTENEDOR ANCHO COMPLETO NEGRO\r\n   ========================================================================== *\/\r\n.elementor-terroir-force-fullwidth {\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: #121212 !important; \/* Fondo negro premium *\/\r\n}\r\n\r\n\/* ==========================================================================\r\n   ESTRUCTURA DE LA SECCI\u00d3N\r\n   ========================================================================== *\/\r\n.terroir-prestige-section {\r\n    width: 100% !important;\r\n    background-color: #121212 !important;\r\n    padding: 140px 0 !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .terroir-prestige-section { padding: 80px 0 !important; }\r\n}\r\n\r\n.terroir-boxed-container {\r\n    width: 100% !important;\r\n    max-width: 1400px !important;\r\n    margin: 0 auto !important;\r\n    padding: 0 40px !important;\r\n    box-sizing: border-box !important;\r\n    display: grid !important;\r\n    grid-template-columns: 1.1fr 0.9fr !important; \/* Inversi\u00f3n de pesos *\/\r\n    gap: 100px !important;\r\n    align-items: center !important;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .terroir-boxed-container {\r\n        grid-template-columns: 1fr !important; \/* Colapso en m\u00f3vil (texto arriba, foto abajo) *\/\r\n        gap: 50px !important;\r\n        padding: 0 25px !important;\r\n    }\r\n}\r\n\r\n\/* ==========================================================================\r\n   BLOQUE IZQUIERDO: TIPOGRAF\u00cdA (TEXTO SOBRE NEGRO)\r\n   ========================================================================== *\/\r\n.terroir-section-tag {\r\n    font-family: monospace !important;\r\n    font-size: 11px !important;\r\n    letter-spacing: 4px !important;\r\n    color: #a18a5e !important;\r\n    display: block !important;\r\n    margin-bottom: 15px !important;\r\n}\r\n\r\n.terroir-main-title {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 44px !important;\r\n    line-height: 1.25 !important;\r\n    color: #ffffff !important;\r\n    font-weight: 400 !important;\r\n    margin: 0 0 35px 0 !important;\r\n    letter-spacing: -0.5px !important;\r\n}\r\n\r\n.terroir-body-wrapper {\r\n    max-width: 620px !important;\r\n}\r\n\r\n.terroir-text-lead {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 20px !important;\r\n    line-height: 1.65 !important;\r\n    color: #ffffff !important;\r\n    margin: 0 0 24px 0 !important;\r\n    font-style: italic !important;\r\n    opacity: 0.95 !important;\r\n}\r\n\r\n.terroir-text-paragraph {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 16px !important;\r\n    line-height: 1.8 !important;\r\n    color: #cccccc !important; \/* Gris suave para lectura \u00f3ptima en pantallas oscuras *\/\r\n    margin: 0 !important;\r\n    text-align: justify !important;\r\n    opacity: 0.85 !important;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .terroir-main-title { font-size: 32px !important; }\r\n    .terroir-text-lead { font-size: 18px !important; }\r\n    .terroir-text-paragraph { font-size: 15px !important; text-align: left !important; }\r\n}\r\n\r\n\/* ==========================================================================\r\n   ENLACES CORPORATIVOS EN ENTORNO OSCURO\r\n   ========================================================================== *\/\r\n.terroir-links-container {\r\n    display: flex !important;\r\n    gap: 40px !important;\r\n    margin-top: 45px !important;\r\n    flex-wrap: wrap !important;\r\n}\r\n\r\n.terroir-capilar-link {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 12px !important;\r\n    text-decoration: none !important;\r\n    color: #ffffff !important;\r\n    padding: 8px 0 !important;\r\n    position: relative !important;\r\n    transition: color 0.3s ease !important;\r\n}\r\n\r\n.link-label-terroir {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 15px !important;\r\n    letter-spacing: 2px !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\n.link-arrow-terroir {\r\n    width: 18px !important;\r\n    height: 18px !important;\r\n    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n\/* L\u00ednea inferior interactiva en blanco *\/\r\n.terroir-capilar-link::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    bottom: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 1px !important;\r\n    background-color: #ffffff !important;\r\n    transform: scaleX(0.25) !important;\r\n    transform-origin: left !important;\r\n    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.terroir-capilar-link:hover::after {\r\n    transform: scaleX(1) !important;\r\n}\r\n\r\n.terroir-capilar-link:hover .link-arrow-terroir {\r\n    transform: translateX(6px) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   BLOQUE DERECHO: ARQUITECTURA DE IMAGEN M\u00c1XIMA\r\n   ========================================================================== *\/\r\n.terroir-image-wrapper {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    aspect-ratio: 1 \/ 1 !important; \/* Fuerza formato cuadrado impecable *\/\r\n    overflow: hidden !important;\r\n}\r\n\r\n.terroir-main-photo {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    display: block !important;\r\n    object-fit: cover !important;\r\n    transition: transform 2s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.terroir-image-wrapper:hover .terroir-main-photo {\r\n    transform: scale(1.04) !important;\r\n}\r\n\r\n\/* Orden visual en m\u00f3viles para que la foto quede debajo del texto *\/\r\n@media (max-width: 992px) {\r\n    .terroir-column-image {\r\n        order: 2 !important;\r\n    }\r\n    .terroir-column-text {\r\n        order: 1 !important;\r\n    }\r\n}\r\n\r\n\/* ==========================================================================\r\n   SISTEMA DE REVELADO ANIMADO\r\n   ========================================================================== *\/\r\n.terroir-reveal-trigger {\r\n    opacity: 0 !important;\r\n    transform: translateY(30px) !important;\r\n    transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1), transform 1.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.terroir-reveal-trigger.terroir-is-visible {\r\n    opacity: 1 !important;\r\n    transform: translateY(0) !important;\r\n}\r\n\r\n.terroir-column-image.terroir-reveal-trigger {\r\n    transition-delay: 0.2s !important;\r\n}\r\n<\/style>\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-bb6933d e-flex e-con-boxed e-con e-parent\" data-id=\"bb6933d\" 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-ba6a976 elementor-widget elementor-widget-html\" data-id=\"ba6a976\" 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<!-- SECCI\u00d3N CORPORATIVA: ESCAPARATE DE VINOS ACTUALIZADO (FONDO CREMA) -->\r\n<div class=\"elementor-wines-force-fullwidth\">\r\n    <section class=\"wines-prestige-section\">\r\n        \r\n        <!-- CABECERA DE LA SECCI\u00d3N -->\r\n        <div class=\"wines-header-container wines-reveal-trigger\">\r\n            <span class=\"wines-section-tag\">\/\/ COLECCI\u00d3N SELECCIONADA<\/span>\r\n            <h2 class=\"wines-main-title\">Discover<br>Our Wines<\/h2>\r\n            <p class=\"wines-main-subtitle\">\r\n                Bodegas Rodero has a wide range of products ranging from younger, more intense wines to more mature wines with exceptional complexity, structure and elegance.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- ENVOLTORIO DEL CARRUSEL (A\u00f1adido para las flechas) -->\r\n        <div class=\"wines-carousel-wrapper\">\r\n            \r\n            <!-- FLECHA ANTERIOR (Solo m\u00f3vil\/tablet) -->\r\n            <button class=\"wines-nav-arrow wines-prev\" aria-label=\"Anterior\">\r\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><path d=\"M15 19l-7-7 7-7\"\/><\/svg>\r\n            <\/button>\r\n\r\n            <!-- REJILLA\/CARRUSEL DE LOS 5 VINOS ACTUALIZADOS -->\r\n            <div class=\"wines-carousel-grid wines-reveal-trigger\">\r\n                \r\n                <!-- VINO 1: 9 MESES -->\r\n                <div class=\"wine-card-item\">\r\n                    <a href=\"\/en\/nuestros-vinos\/9-meses\/\" class=\"wine-card-link\">\r\n                        <div class=\"wine-image-box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/wp-content\/uploads\/2026\/07\/Fotografia-vino-carmelo-rodero-9-meses.png\" alt=\"Carmelo Rodero 9 Meses\" class=\"wine-bottle-img\" title=\"\">\r\n                        <\/div>\r\n                        <div class=\"wine-meta-info\">\r\n                            <span class=\"wine-category\">Para compartir<\/span>\r\n                            <h3 class=\"wine-item-name\">9 Meses<\/h3>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- VINO 2: CRIANZA -->\r\n                <div class=\"wine-card-item\">\r\n                    <a href=\"\/en\/nuestros-vinos\/carmelo-rodero-crianza\/\" class=\"wine-card-link\">\r\n                        <div class=\"wine-image-box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/wp-content\/uploads\/2026\/07\/fotografia-vino-carmelo-rodero-crianza.png\" alt=\"Carmelo Rodero Crianza\" class=\"wine-bottle-img\" title=\"\">\r\n                        <\/div>\r\n                        <div class=\"wine-meta-info\">\r\n                            <span class=\"wine-category\">Equilibrio & Estructura<\/span>\r\n                            <h3 class=\"wine-item-name\">Carmelo Rodero<\/h3>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- VINO 3: RAZA -->\r\n                <div class=\"wine-card-item\">\r\n                    <a href=\"\/en\/nuestros-vinos\/raza\/\" class=\"wine-card-link\">\r\n                        <div class=\"wine-image-box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/wp-content\/uploads\/2026\/07\/fotografia-vino-carmelo-rodero-raza.png\" alt=\"Carmelo Rodero Raza\" class=\"wine-bottle-img\" title=\"\">\r\n                        <\/div>\r\n                        <div class=\"wine-meta-info\">\r\n                            <span class=\"wine-category\">Finura<\/span>\r\n                            <h3 class=\"wine-item-name\">Raza<\/h3>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- VINO 4: PAGO DE VALTARRE\u00d1A -->\r\n                <div class=\"wine-card-item\">\r\n                    <a href=\"\/en\/nuestros-vinos\/pago-de-valtarrena\/\" class=\"wine-card-link\">\r\n                        <div class=\"wine-image-box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/wp-content\/uploads\/2026\/07\/Fotografia-vino-pago-de-valtarrena-carmelo-rodero.png\" alt=\"Pago de Valtarre\u00f1a\" class=\"wine-bottle-img\" title=\"\">\r\n                        <\/div>\r\n                        <div class=\"wine-meta-info\">\r\n                            <span class=\"wine-category\">Vino de Pago<\/span>\r\n                            <h3 class=\"wine-item-name\">Pago de Valtarre\u00f1a<\/h3>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- VINO 5: TSM -->\r\n                <div class=\"wine-card-item\">\r\n                    <a href=\"\/en\/nuestros-vinos\/tsm\/\" class=\"wine-card-link\">\r\n                        <div class=\"wine-image-box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/wp-content\/uploads\/2026\/07\/fotografia-vino-carmelo-rodero-tsm.png\" alt=\"Carmelo Rodero TSM\" class=\"wine-bottle-img\" title=\"\">\r\n                        <\/div>\r\n                        <div class=\"wine-meta-info\">\r\n                            <span class=\"wine-category\">Autor & Complejidad<\/span>\r\n                            <h3 class=\"wine-item-name\">TSM<\/h3>\r\n                        <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- FLECHA SIGUIENTE (Solo m\u00f3vil\/tablet) -->\r\n            <button class=\"wines-nav-arrow wines-next\" aria-label=\"Siguiente\">\r\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><path d=\"M9 5l7 7-7 7\"\/><\/svg>\r\n            <\/button>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<!-- SCRIPTS: REVELADO Y FUNCIONALIDAD DE FLECHAS -->\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    \/\/ 1. Animaci\u00f3n Reveal on Scroll\r\n    const winesElements = document.querySelectorAll('.wines-reveal-trigger');\r\n    const winesObserverOptions = { root: null, rootMargin: '0px', threshold: 0.1 };\r\n\r\n    const winesObserver = new IntersectionObserver((entries, observer) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('wines-is-visible');\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, winesObserverOptions);\r\n\r\n    winesElements.forEach(el => winesObserver.observe(el));\r\n\r\n    \/\/ 2. Funcionalidad de las Flechas del Carrusel M\u00f3vil\r\n    const grid = document.querySelector('.wines-carousel-grid');\r\n    const prevBtn = document.querySelector('.wines-prev');\r\n    const nextBtn = document.querySelector('.wines-next');\r\n\r\n    if (grid && prevBtn && nextBtn) {\r\n        \/\/ Ancho de tarjeta (260px) + Gap (24px)\r\n        const scrollAmount = 284; \r\n\r\n        prevBtn.addEventListener('click', () => {\r\n            grid.scrollBy({ left: -scrollAmount, behavior: 'smooth' });\r\n        });\r\n        \r\n        nextBtn.addEventListener('click', () => {\r\n            grid.scrollBy({ left: scrollAmount, behavior: 'smooth' });\r\n        });\r\n    }\r\n});\r\n<\/script>\r\n\r\n<!-- CSS ESCAPARATE EDITORIAL EXCLUSIVO -->\r\n<style>\r\n\/* ==========================================================================\r\n   RESET COMPLETO DE CONTENEDOR ANCHO COMPLETO CREMA\r\n   ========================================================================== *\/\r\n.elementor-wines-force-fullwidth {\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: #eae7df !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   ESTRUCTURA DE LA SECCI\u00d3N\r\n   ========================================================================== *\/\r\n.wines-prestige-section {\r\n    width: 100% !important;\r\n    background-color: #eae7df !important;\r\n    padding: 140px 0 !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .wines-prestige-section { padding: 90px 0 60px 0 !important; }\r\n}\r\n\r\n\/* Cabecera Textual *\/\r\n.wines-header-container {\r\n    max-width: 800px !important;\r\n    margin: 0 auto 90px auto !important;\r\n    text-align: center !important;\r\n    padding: 0 40px !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n.wines-section-tag {\r\n    font-family: monospace !important;\r\n    font-size: 11px !important;\r\n    letter-spacing: 4px !important;\r\n    color: #a18a5e !important;\r\n    display: block !important;\r\n    margin-bottom: 15px !important;\r\n}\r\n\r\n.wines-main-title {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 48px !important;\r\n    line-height: 1.2 !important;\r\n    color: #151515 !important;\r\n    font-weight: 400 !important;\r\n    margin: 0 0 25px 0 !important;\r\n    letter-spacing: -0.5px !important;\r\n}\r\n\r\n.wines-main-subtitle {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 18px !important;\r\n    line-height: 1.7 !important;\r\n    color: #444444 !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .wines-header-container { margin-bottom: 50px !important; }\r\n    .wines-main-title { font-size: 36px !important; }\r\n    .wines-main-subtitle { font-size: 16px !important; }\r\n}\r\n\r\n\/* ==========================================================================\r\n   ENCOLTORIO DEL CARRUSEL Y FLECHAS\r\n   ========================================================================== *\/\r\n.wines-carousel-wrapper {\r\n    position: relative !important;\r\n    max-width: 1600px !important;\r\n    margin: 0 auto !important;\r\n}\r\n\r\n.wines-nav-arrow {\r\n    display: none !important; \/* Oculto en escritorio *\/\r\n    position: absolute !important;\r\n    top: 210px !important; \/* Centrado verticalmente respecto a las botellas *\/\r\n    transform: translateY(-50%) !important;\r\n    z-index: 10 !important;\r\n    background: rgba(234, 231, 223, 0.85) !important;\r\n    border: 1px solid #a18a5e !important;\r\n    border-radius: 50% !important;\r\n    width: 44px !important;\r\n    height: 44px !important;\r\n    cursor: pointer !important;\r\n    color: #151515 !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    backdrop-filter: blur(4px) !important;\r\n    transition: all 0.3s ease !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n.wines-nav-arrow:hover {\r\n    background: #a18a5e !important;\r\n    color: #fff !important;\r\n}\r\n\r\n.wines-nav-arrow svg {\r\n    width: 24px !important;\r\n    height: 24px !important;\r\n}\r\n\r\n.wines-prev { left: 15px !important; }\r\n.wines-next { right: 15px !important; }\r\n\r\n\/* ==========================================================================\r\n   ARQUITECTURA DE LA REJILLA \/ CARRUSEL\r\n   ========================================================================== *\/\r\n.wines-carousel-grid {\r\n    padding: 0 40px !important;\r\n    box-sizing: border-box !important;\r\n    display: grid !important;\r\n    grid-template-columns: repeat(5, 1fr) !important;\r\n    gap: 30px !important;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .wines-nav-arrow {\r\n        display: flex !important; \/* Mostrar flechas en m\u00f3vil\/tablet *\/\r\n    }\r\n    .wines-carousel-grid {\r\n        display: flex !important;\r\n        overflow-x: auto !important;\r\n        scroll-snap-type: x mandatory !important;\r\n        gap: 24px !important;\r\n        scrollbar-width: none !important; \/* Ocultar scrollbar en Firefox *\/\r\n        \/* Padding m\u00e1gico para que la primera y \u00faltima botella queden centradas: 50% de la pantalla menos la mitad del ancho de la botella (130px) *\/\r\n        padding-left: calc(50vw - 130px) !important; \r\n        padding-right: calc(50vw - 130px) !important;\r\n    }\r\n    .wines-carousel-grid::-webkit-scrollbar {\r\n        display: none !important; \/* Ocultar scrollbar en Chrome\/Safari *\/\r\n    }\r\n}\r\n\r\n\/* Tarjeta Individual de Vino *\/\r\n.wine-card-item {\r\n    background: transparent !important;\r\n    box-sizing: border-box !important;\r\n    scroll-snap-align: center !important; \/* Fuerza a centrar el elemento al hacer scroll *\/\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .wine-card-item {\r\n        min-width: 260px !important;\r\n        flex-shrink: 0 !important;\r\n    }\r\n}\r\n\r\n.wine-card-link {\r\n    text-decoration: none !important;\r\n    display: block !important;\r\n    text-align: center !important;\r\n}\r\n\r\n\/* Contenedor de la Botella *\/\r\n.wine-image-box {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    height: 420px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    margin-bottom: 25px !important;\r\n    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.wine-bottle-img {\r\n    height: 100% !important;\r\n    width: auto !important;\r\n    object-fit: contain !important;\r\n    filter: drop-shadow(0px 8px 12px rgba(0,0,0,0.05)) !important;\r\n    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), filter 0.6s ease !important;\r\n}\r\n\r\n\/* Metadatos del Vino *\/\r\n.wine-meta-info {\r\n    padding: 0 10px !important;\r\n}\r\n\r\n.wine-category {\r\n    font-family: monospace !important;\r\n    font-size: 10px !important;\r\n    letter-spacing: 2px !important;\r\n    color: #a18a5e !important;\r\n    text-transform: uppercase !important;\r\n    display: block !important;\r\n    margin-bottom: 8px !important;\r\n}\r\n\r\n.wine-item-name {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 19px !important;\r\n    line-height: 1.3 !important;\r\n    color: #151515 !important;\r\n    font-weight: 400 !important;\r\n    margin: 0 !important;\r\n    letter-spacing: -0.2px !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   COMPORTAMIENTO INTERACTIVO HOVER PREMIUM\r\n   ========================================================================== *\/\r\n@media (min-width: 1025px) {\r\n    .wine-card-link:hover .wine-bottle-img {\r\n        transform: translateY(-12px) scale(1.02) !important;\r\n        filter: drop-shadow(0px 22px 25px rgba(0,0,0,0.1)) !important;\r\n    }\r\n}\r\n\r\n\/* ==========================================================================\r\n   SISTEMA DE REVELADO ANIMADO POR SCROLL\r\n   ========================================================================== *\/\r\n.wines-reveal-trigger {\r\n    opacity: 0 !important;\r\n    transform: translateY(30px) !important;\r\n    transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1), transform 1.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.wines-reveal-trigger.wines-is-visible {\r\n    opacity: 1 !important;\r\n    transform: translateY(0) !important;\r\n}\r\n\r\n.wines-carousel-grid.wines-reveal-trigger {\r\n    transition-delay: 0.2s !important;\r\n}\r\n<\/style>\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>","protected":false},"excerpt":{"rendered":"<p>Una historia escrita con tinta de uva. DESCUBRIR Exploramos lo inesperado, transformando la riqueza de nuestros vi\u00f1edos en experiencias inolvidables que conectan con la esencia de la Ribera del Duero. Nuestra bodega, ubicada en el coraz\u00f3n de la Ribera del Duero combina la tradici\u00f3n de Carmelo Rodero con la visi\u00f3n innovadora de sus hijas Beatriz [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":3997,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-113","page","type-page","status-publish","has-post-thumbnail","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/en\/wp-json\/wp\/v2\/pages\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/en\/wp-json\/wp\/v2\/comments?post=113"}],"version-history":[{"count":631,"href":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/en\/wp-json\/wp\/v2\/pages\/113\/revisions"}],"predecessor-version":[{"id":7446,"href":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/en\/wp-json\/wp\/v2\/pages\/113\/revisions\/7446"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/en\/wp-json\/wp\/v2\/media\/3997"}],"wp:attachment":[{"href":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/en\/wp-json\/wp\/v2\/media?parent=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}