{"id":5922,"date":"2026-05-21T10:26:47","date_gmt":"2026-05-21T08:26:47","guid":{"rendered":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/?post_type=product&#038;p=5922"},"modified":"2026-07-28T09:19:00","modified_gmt":"2026-07-28T07:19:00","slug":"carmelo-rodero-tsm","status":"publish","type":"product","link":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/en\/tienda\/carmelo-rodero-tsm\/","title":{"rendered":"TSM"},"content":{"rendered":"<div data-elementor-type=\"product-post\" data-elementor-id=\"5922\" class=\"elementor elementor-5922\" data-elementor-post-type=\"product\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a115c1f e-flex e-con-boxed e-con e-parent\" data-id=\"a115c1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32e6508 elementor-widget elementor-widget-html\" data-id=\"32e6508\" 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   WIDGET DOCUMENTACI\u00d3N T\u00c9CNICA Y NUTRICIONAL (ADAPTADO TSM - ESTILO CLIMA)\r\n   ========================================================================== -->\r\n<div class=\"rodero-download-section-fullwidth\">\r\n    <div class=\"download-container-wide rodero-cinematic-reveal\">\r\n        \r\n        <div class=\"download-block-wrapper\">\r\n            <!-- TEXTO INFORMATIVO -->\r\n            <div class=\"download-text-side\">\r\n                <span class=\"download-subtitle\">Transparencia y Origen<\/span>\r\n                <h3 class=\"download-title\">Documentaci\u00f3n T\u00e9cnica<\/h3>\r\n                <p class=\"download-description\">\r\n                    Ponemos a su disposici\u00f3n los datos anal\u00edticos, notas de cata detalladas e informaci\u00f3n nutricional oficial de nuestro TSM.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <!-- BOTONES DE ACCI\u00d3N (EST\u00c9TICA DE BODEGA) -->\r\n            <div class=\"download-buttons-side\">\r\n                \r\n                <!-- Bot\u00f3n Ficha T\u00e9cnica (Oro Editorial) -->\r\n                <a href=\"https:\/\/bodegasrodero.com\/wp-content\/uploads\/2024\/09\/TSM-21-Ficha-tecnica-ES-copia.pdf\" target=\"_blank\" download=\"Ficha-Tecnica-TSM-ES.pdf\" class=\"rodero-doc-btn btn-luxury-primary\" rel=\"noopener\">\r\n                    <span class=\"btn-icon\">\r\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3\"\/><\/svg>\r\n                    <\/span>\r\n                    <span class=\"btn-text\">Descargar Ficha T\u00e9cnica<\/span>\r\n                <\/a>\r\n                \r\n                <!-- Bot\u00f3n Valor Nutricional (L\u00ednea Fina) -->\r\n                <button type=\"button\" id=\"roderoOpenNutritional\" class=\"rodero-doc-btn btn-luxury-secondary\">\r\n                    <span class=\"btn-icon\">\r\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zM12 16v-4M12 8h.01\"\/><\/svg>\r\n                    <\/span>\r\n                    <span class=\"btn-text\">Ver Valor Nutricional<\/span>\r\n                <\/button>\r\n                \r\n            <\/div>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- ==========================================================================\r\n   ESTRUCTURA DEL MODAL EMERGENTE (FONDO NEGRO - DATOS TSM)\r\n   ========================================================================== -->\r\n<div id=\"roderoNutritionalModal\" class=\"rodero-modal-overlay\">\r\n    <div class=\"rodero-modal-wrapper\">\r\n        \r\n        <!-- Bot\u00f3n de Cierre Superior Blindado -->\r\n        <button type=\"button\" id=\"roderoCloseNutritional\" class=\"rodero-modal-close-btn\" aria-label=\"Cerrar ventana\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M18 6L6 18M6 6l12 12\"\/>\r\n            <\/svg>\r\n        <\/button>\r\n        \r\n        <!-- Contenido de la Ficha Nutricional -->\r\n        <div class=\"rodero-modal-body\">\r\n            <div class=\"rodero-modal-header\">\r\n                <span class=\"rodero-modal-tag\">Informaci\u00f3n Oficial<\/span>\r\n                <h4 class=\"rodero-modal-title\">Etiquetado Nutricional<\/h4>\r\n                <div class=\"rodero-modal-divider\"><\/div>\r\n            <\/div>\r\n            \r\n            <!-- Bloques Informativos de Texto -->\r\n            <div class=\"rodero-nutritional-meta\">\r\n                <div class=\"nutritional-meta-item\">\r\n                    <h5>Denominaci\u00f3n del alimento<\/h5>\r\n                    <p>Vino tinto de autor: Tempranillo, Cabernet Sauvignon y Merlot, 17 meses en barrica de roble franc\u00e9s.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"nutritional-meta-item\">\r\n                    <h5>Lista de ingredientes<\/h5>\r\n                    <p>Uvas, corrector de la acidez (\u00e1cido tart\u00e1rico), conservador (anh\u00eddrido sulfuroso).<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"nutritional-meta-item\" style=\"display: flex; gap: 40px;\">\r\n                    <div>\r\n                        <h5>Cantidad Neta<\/h5>\r\n                        <p>0.75 Litros<\/p>\r\n                    <\/div>\r\n                    <div>\r\n                        <h5>Porcentaje de Alcohol<\/h5>\r\n                        <p>15 % vol.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Tabla de Valores Nutricionales -->\r\n            <h5 class=\"table-section-title\">Informaci\u00f3n nutricional por 100 ml de producto<\/h5>\r\n            <table class=\"rodero-nutritional-table\">\r\n                <thead>\r\n                    <tr>\r\n                        <th>Nutriente<\/th>\r\n                        <th class=\"table-align-center\">100 ml<\/th>\r\n                    <\/tr>\r\n                <\/thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td>Valor energ\u00e9tico (kJ)<\/td>\r\n                        <td class=\"table-align-center\">436 kJ<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>Valor energ\u00e9tico (kcal)<\/td>\r\n                        <td class=\"table-align-center\">104 kcal<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>Grasas<\/td>\r\n                        <td class=\"table-align-center\">0.1 g<\/td>\r\n                    <\/tr>\r\n                    <tr class=\"table-row-sub\">\r\n                        <td>de las cuales saturadas<\/td>\r\n                        <td class=\"table-align-center\">0.1 g<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>Hidratos de carbono<\/td>\r\n                        <td class=\"table-align-center\">2.4 g<\/td>\r\n                    <\/tr>\r\n                    <tr class=\"table-row-sub\">\r\n                        <td>de los cuales az\u00facares<\/td>\r\n                        <td class=\"table-align-center\">0.05 g<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>Prote\u00ednas<\/td>\r\n                        <td class=\"table-align-center\">0.2 g<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>Sal<\/td>\r\n                        <td class=\"table-align-center\">0 g<\/td>\r\n                    <\/tr>\r\n                <\/tbody>\r\n            <\/table>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- ==========================================================================\r\n   ESTILOS CSS EDITORIALES Y MODERNOS (ESTILO CLIMA)\r\n   ========================================================================== -->\r\n<style>\r\n\/* Reset radical para forzar la tipograf\u00eda en la secci\u00f3n y el modal *\/\r\n.rodero-download-section-fullwidth *, .rodero-modal-overlay * {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Evitar saltos de l\u00ednea invisibles introducidos por WordPress *\/\r\n.rodero-download-section-fullwidth p:empty {\r\n    display: none !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   1. SECCI\u00d3N PRINCIPAL (FONDO PIEDRA CON ABSORCI\u00d3N DE HUECOS)\r\n   ========================================================================== *\/\r\n.rodero-download-section-fullwidth {\r\n    position: relative !important;\r\n    width: 100vw !important;\r\n    left: 50% !important;\r\n    right: 50% !important;\r\n    \r\n    \/* Expansi\u00f3n lateral (100% de la pantalla) *\/\r\n    margin-left: -50vw !important;\r\n    margin-right: -50vw !important;\r\n    \r\n    \/* EL TRUCO: M\u00e1rgenes negativos para \"comernos\" la caja negra de la plantilla *\/\r\n    margin-top: -35px !important; \r\n    margin-bottom: -35px !important;\r\n    \r\n    background-color: #eae7df !important; \r\n    \r\n    \/* Aumentamos el padding a 115px para compensar los 35px que nos hemos comido *\/\r\n    padding: 115px 40px !important; \r\n    \r\n    border-top: 1px solid rgba(166, 139, 98, 0.15) !important; \r\n    border-bottom: 1px solid rgba(166, 139, 98, 0.15) !important;\r\n    overflow: hidden !important;\r\n    z-index: 10 !important;\r\n}\r\n\r\n.download-container-wide {\r\n    max-width: 1200px !important;\r\n    margin: 0 auto !important;\r\n    width: 100% !important;\r\n}\r\n\r\n\/* Animaci\u00f3n de entrada suave *\/\r\n.rodero-cinematic-reveal {\r\n    animation: fadeUpDoc 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n}\r\n\r\n@keyframes fadeUpDoc {\r\n    0% { opacity: 0; transform: translateY(20px); }\r\n    100% { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.download-block-wrapper {\r\n    display: flex !important;\r\n    justify-content: space-between !important;\r\n    align-items: center !important;\r\n    gap: 60px !important;\r\n}\r\n\r\n.download-text-side {\r\n    max-width: 550px !important;\r\n}\r\n\r\n\/* Textos adaptados *\/\r\n.download-subtitle {\r\n    font-size: 13px !important;\r\n    font-style: italic !important;\r\n    letter-spacing: 4px !important;\r\n    text-transform: uppercase !important;\r\n    color: #a68b62 !important;\r\n    margin-bottom: 12px !important;\r\n    display: block !important;\r\n}\r\n\r\n.download-title {\r\n    font-size: 34px !important;\r\n    font-weight: 400 !important;\r\n    color: #151515 !important;\r\n    margin: 0 0 15px 0 !important;\r\n    letter-spacing: 0.5px !important;\r\n}\r\n\r\n.download-description {\r\n    font-size: 16px !important;\r\n    line-height: 1.8 !important;\r\n    color: #4a4a4a !important; \r\n    margin: 0 !important;\r\n}\r\n\r\n.download-buttons-side {\r\n    display: flex !important;\r\n    gap: 20px !important;\r\n    align-items: center !important;\r\n    flex-shrink: 0 !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   2. BOTONES PREMIUM (DISE\u00d1O CONTORNO LIGERO)\r\n   ========================================================================== *\/\r\n.rodero-doc-btn {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    gap: 12px !important;\r\n    padding: 16px 30px !important;\r\n    font-size: 12px !important;\r\n    letter-spacing: 2px !important;\r\n    text-transform: uppercase !important;\r\n    text-decoration: none !important;\r\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    cursor: pointer !important;\r\n    background-color: transparent !important;\r\n}\r\n\r\n.btn-icon {\r\n    width: 18px !important;\r\n    height: 18px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n}\r\n\r\n.btn-icon svg { width: 100% !important; height: 100% !important; }\r\n\r\n\/* Bot\u00f3n Principal (Borde Dorado) *\/\r\n.btn-luxury-primary {\r\n    color: #a68b62 !important;\r\n    border: 1px solid #a68b62 !important;\r\n}\r\n\r\n.btn-luxury-primary:hover {\r\n    background-color: #a68b62 !important;\r\n    color: #ffffff !important;\r\n    transform: translateY(-3px) !important;\r\n    box-shadow: 0 10px 25px rgba(166, 139, 98, 0.25) !important;\r\n}\r\n\r\n\/* Bot\u00f3n Secundario (Borde Oscuro Fino) *\/\r\n.btn-luxury-secondary {\r\n    color: #151515 !important;\r\n    border: 1px solid rgba(21, 21, 21, 0.2) !important;\r\n}\r\n\r\n.btn-luxury-secondary:hover {\r\n    border-color: #151515 !important;\r\n    background-color: rgba(21, 21, 21, 0.03) !important;\r\n    transform: translateY(-3px) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   3. MODAL PREMIUM (FONDO NEGRO Y L\u00cdNEAS LIMPIAS)\r\n   ========================================================================== *\/\r\n.rodero-modal-overlay {\r\n    position: fixed !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 100vw !important;\r\n    height: 100vh !important;\r\n    background-color: rgba(0, 0, 0, 0.85) !important; \r\n    backdrop-filter: blur(8px) !important;\r\n    z-index: 999999 !important; \r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    opacity: 0 !important;\r\n    pointer-events: none !important;\r\n    transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.rodero-modal-overlay.is-active {\r\n    opacity: 1 !important;\r\n    pointer-events: auto !important;\r\n}\r\n\r\n.rodero-modal-wrapper {\r\n    background-color: #111111 !important; \r\n    border: 1px solid rgba(166, 139, 98, 0.3) !important; \r\n    width: 100% !important;\r\n    max-width: 550px !important;\r\n    max-height: 90vh !important;\r\n    position: relative !important;\r\n    padding: 50px 45px !important;\r\n    box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.8) !important;\r\n    transform: translateY(30px) scale(0.98) !important;\r\n    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    \r\n    \/* Configuraci\u00f3n para que haga scroll internamente si la pantalla es muy baja *\/\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n}\r\n\r\n.rodero-modal-overlay.is-active .rodero-modal-wrapper {\r\n    transform: translateY(0) scale(1) !important;\r\n}\r\n\r\n.rodero-modal-body {\r\n    overflow-y: auto !important;\r\n    padding-right: 10px !important;\r\n}\r\n\r\n\/* Personalizaci\u00f3n del scroll interno del modal *\/\r\n.rodero-modal-body::-webkit-scrollbar { width: 4px; }\r\n.rodero-modal-body::-webkit-scrollbar-track { background: transparent; }\r\n.rodero-modal-body::-webkit-scrollbar-thumb { background: #a68b62; border-radius: 4px; }\r\n\r\n\/* Bot\u00f3n Cerrar (BLINDADO Y VISIBLE) *\/\r\n.rodero-modal-close-btn {\r\n    position: absolute !important;\r\n    top: 15px !important;\r\n    right: 15px !important;\r\n    background: transparent !important;\r\n    border: none !important;\r\n    color: #ffffff !important; \r\n    width: 32px !important;\r\n    height: 32px !important;\r\n    cursor: pointer !important;\r\n    z-index: 100 !important;\r\n    transition: transform 0.3s ease, color 0.3s ease !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n.rodero-modal-close-btn svg {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n}\r\n\r\n.rodero-modal-close-btn:hover { \r\n    color: #a68b62 !important; \r\n    transform: scale(1.1) !important; \r\n}\r\n\r\n\/* Cabecera Modal *\/\r\n.rodero-modal-header { text-align: center !important; margin-bottom: 30px !important; margin-top: 10px !important; }\r\n\r\n.rodero-modal-tag {\r\n    font-size: 11px !important;\r\n    letter-spacing: 3px !important;\r\n    color: #a68b62 !important;\r\n    text-transform: uppercase !important;\r\n    display: block !important;\r\n    margin-bottom: 10px !important;\r\n}\r\n\r\n.rodero-modal-title {\r\n    font-size: 28px !important;\r\n    color: #ffffff !important;\r\n    margin: 0 0 15px 0 !important;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n.rodero-modal-divider {\r\n    width: 40px !important;\r\n    height: 1px !important;\r\n    background-color: rgba(166, 139, 98, 0.4) !important;\r\n    margin: 0 auto !important;\r\n}\r\n\r\n\/* Bloques Informativos *\/\r\n.rodero-nutritional-meta {\r\n    margin-bottom: 30px !important;\r\n    padding-bottom: 20px !important;\r\n}\r\n\r\n.nutritional-meta-item { margin-bottom: 18px !important; }\r\n\r\n.nutritional-meta-item h5 {\r\n    font-size: 11px !important;\r\n    color: #a68b62 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 2px !important;\r\n    margin: 0 0 5px 0 !important;\r\n    font-weight: normal !important;\r\n}\r\n\r\n.nutritional-meta-item p {\r\n    font-size: 16px !important;\r\n    color: #eae7df !important;\r\n    line-height: 1.5 !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n\/* Tabla Nutricional Refinada *\/\r\n.table-section-title {\r\n    font-size: 15px !important;\r\n    font-style: italic !important;\r\n    color: #ffffff !important;\r\n    margin: 0 0 15px 0 !important;\r\n    font-weight: normal !important;\r\n}\r\n\r\n.rodero-nutritional-table {\r\n    width: 100% !important;\r\n    border-collapse: collapse !important;\r\n    margin-bottom: 10px !important;\r\n}\r\n\r\n.rodero-nutritional-table th, \r\n.rodero-nutritional-table td {\r\n    padding: 12px 0 !important;\r\n    font-size: 15px !important;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;\r\n    color: #cccccc !important;\r\n}\r\n\r\n.rodero-nutritional-table th {\r\n    font-weight: normal !important;\r\n    color: #a68b62 !important;\r\n    text-transform: uppercase !important;\r\n    font-size: 11px !important;\r\n    letter-spacing: 2px !important;\r\n    border-bottom: 1px solid rgba(166, 139, 98, 0.3) !important;\r\n    text-align: left !important;\r\n}\r\n\r\n\/* Alineaci\u00f3n Central *\/\r\n.rodero-nutritional-table th.table-align-center,\r\n.rodero-nutritional-table td.table-align-center { \r\n    text-align: center !important; \r\n}\r\n\r\n.table-row-sub td:first-child {\r\n    padding-left: 15px !important;\r\n    color: #888888 !important;\r\n    font-style: italic !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   ADAPTACI\u00d3N RESPONSIVE EXTREMA (M\u00d3VILES TOTALMENTE CENTRADOS)\r\n   ========================================================================== *\/\r\n@media (max-width: 1024px) {\r\n    \/* Mantenemos el padding compensado en tablets *\/\r\n    .rodero-download-section-fullwidth { padding: 95px 30px !important; }\r\n    .download-block-wrapper { gap: 40px !important; }\r\n    .download-title { font-size: 28px !important; }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    \/* Mantenemos el padding compensado en m\u00f3viles *\/\r\n    .rodero-download-section-fullwidth { padding: 95px 20px !important; }\r\n    \r\n    \/* TODO AL CENTRO EN M\u00d3VIL *\/\r\n    .download-block-wrapper { \r\n        flex-direction: column !important; \r\n        align-items: center !important; \r\n        text-align: center !important;\r\n        gap: 40px !important; \r\n    }\r\n    \r\n    .download-text-side { \r\n        max-width: 100% !important; \r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        align-items: center !important;\r\n    }\r\n    \r\n    .download-description { text-align: center !important; }\r\n    \r\n    .download-buttons-side { \r\n        flex-direction: column !important; \r\n        width: 100% !important; \r\n        gap: 15px !important; \r\n    }\r\n    \r\n    .rodero-doc-btn { \r\n        width: 100% !important; \r\n        max-width: 350px !important;\r\n        padding: 16px 20px !important; \r\n    }\r\n    \r\n    \/* MODAL M\u00d3VIL *\/\r\n    .rodero-modal-wrapper { padding: 40px 25px !important; width: 94% !important; }\r\n    .rodero-modal-close-btn { top: 10px !important; right: 10px !important; }\r\n}\r\n<\/style>\r\n\r\n<!-- ==========================================================================\r\n   L\u00d3GICA JAVASCRIPT ULTRA-LIGERA\r\n   ========================================================================== -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    var modal = document.getElementById('roderoNutritionalModal');\r\n    var openBtn = document.getElementById('roderoOpenNutritional');\r\n    var closeBtn = document.getElementById('roderoCloseNutritional');\r\n\r\n    if (openBtn && modal && closeBtn) {\r\n        openBtn.addEventListener('click', function(e) {\r\n            e.preventDefault();\r\n            modal.classList.add('is-active');\r\n            document.body.style.overflow = 'hidden'; \r\n        });\r\n\r\n        closeBtn.addEventListener('click', function() {\r\n            modal.classList.remove('is-active');\r\n            document.body.style.overflow = ''; \r\n        });\r\n\r\n        modal.addEventListener('click', function(e) {\r\n            if (e.target === modal) {\r\n                modal.classList.remove('is-active');\r\n                document.body.style.overflow = '';\r\n            }\r\n        });\r\n    }\r\n});\r\n<\/script>\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-c8c662a e-flex e-con-boxed e-con e-parent\" data-id=\"c8c662a\" 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-1941935 elementor-widget elementor-widget-html\" data-id=\"1941935\" 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<div class=\"rodero-pairing-section-fullwidth\">\r\n    <div class=\"pairing-container-wide\">\r\n        \r\n        <div class=\"pairing-grid\">\r\n            \r\n            <!-- COLUMNA TEXTO: MARIDAJE ELEGANTE -->\r\n            <div class=\"pairing-content-block\">\r\n                <span class=\"pairing-subtitle\">Armon\u00edas Gastron\u00f3micas<\/span>\r\n                <h2 class=\"pairing-title\">Carmelo Rodero TSM<\/h2>\r\n                <div class=\"pairing-divider\"><\/div>\r\n                \r\n                <p class=\"pairing-lead\">\r\n                    Su intenso color granate cubierto anticipa su car\u00e1cter. Un vino de extraordinaria complejidad arom\u00e1tica donde la fruta madura se funde con especias, cuero y toques bals\u00e1micos. En boca es carnoso y envolvente, de final persistente y madera perfectamente integrada.\r\n                <\/p>\r\n                \r\n                <div class=\"pairing-items-list\">\r\n                    <div class=\"pairing-item\">\r\n                        <span class=\"pairing-item-num\">01<\/span>\r\n                        <div class=\"pairing-item-text\">\r\n                            <h4>Pescados Grasos<\/h4>\r\n                            <p>La untuosidad y textura de grandes pescados encuentra un equilibrio sorprendente con el paso carnoso y la frescura bals\u00e1mica de esta elaboraci\u00f3n.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"pairing-item\">\r\n                        <span class=\"pairing-item-num\">02<\/span>\r\n                        <div class=\"pairing-item-text\">\r\n                            <h4>Platos de Caza Mayor<\/h4>\r\n                            <p>El car\u00e1cter intenso de las carnes de caza se ensambla magistralmente con las notas de especias, el cuero y la complejidad de su crianza.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"pairing-item\">\r\n                        <span class=\"pairing-item-num\">03<\/span>\r\n                        <div class=\"pairing-item-text\">\r\n                            <h4>Quesos A\u00f1ejos<\/h4>\r\n                            <p>La potencia de los quesos de larga curaci\u00f3n armoniza a la perfecci\u00f3n con la riqueza arom\u00e1tica y el final persistente de fruta madura.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- COLUMNA IMAGEN: FOTOGRAF\u00cdA ESTUDIO PREMIUM -->\r\n            <div class=\"pairing-image-block\">\r\n                <div class=\"image-wrapper\">\r\n                    <!-- Imagen gastron\u00f3mica de alta gama: Bodeg\u00f3n de carnes e ingredientes premium con iluminaci\u00f3n claroscuro -->\r\n                    <img decoding=\"async\" src=\"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/wp-content\/uploads\/2025\/05\/Botella-Carmelo-Rodero-TSM-scaled.jpg\" alt=\"Maridaje gastron\u00f3mico de alta gama - Bodegas Carmelo Rodero\" class=\"pairing-img\" title=\"\">\r\n                <\/div>\r\n                <div class=\"pairing-decorative-box\"><\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ==========================================================================\r\n   WIDGET DE MARIDAJE PREMIUM - ANCHO COMPLETO ABSOLUTO (BREAKOUT)\r\n   ========================================================================== *\/\r\n.rodero-pairing-section-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    background-color: #0b0b0b !important; \/* Negro profundo texturizado visualmente por los contrastes *\/\r\n    padding: 120px 40px !important;\r\n    box-sizing: border-box !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n\/* Contenedor central acotado *\/\r\n.pairing-container-wide {\r\n    max-width: 1200px !important;\r\n    margin: 0 auto !important;\r\n    width: 100% !important;\r\n}\r\n\r\n\/* Rejilla asim\u00e9trica moderna de dos columnas *\/\r\n.pairing-grid {\r\n    display: grid !important;\r\n    grid-template-columns: 1.1fr 0.9fr !important;\r\n    gap: 80px !important;\r\n    align-items: center !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   BLOQUE DE TEXTOS (ESTILO EDITORIAL DE LUJO)\r\n   ========================================================================== *\/\r\n.pairing-content-block {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    justify-content: center !important;\r\n}\r\n\r\n.pairing-subtitle {\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\r\n    font-size: 12px !important;\r\n    font-weight: 500 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 3px !important;\r\n    color: #a18a5e !important; \/* Dorado institucional *\/\r\n    margin-bottom: 12px !important;\r\n}\r\n\r\n.pairing-title {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 42px !important;\r\n    font-weight: normal !important;\r\n    color: #ffffff !important;\r\n    margin: 0 0 20px 0 !important;\r\n    letter-spacing: 1px !important;\r\n    line-height: 1.1 !important;\r\n}\r\n\r\n.pairing-divider {\r\n    width: 60px !important;\r\n    height: 1px !important;\r\n    background-color: rgba(161, 138, 94, 0.4) !important;\r\n    margin-bottom: 30px !important;\r\n}\r\n\r\n.pairing-lead {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 17px !important;\r\n    line-height: 1.6 !important;\r\n    color: #e5e5e5 !important;\r\n    margin: 0 0 40px 0 !important;\r\n    font-style: italic !important;\r\n}\r\n\r\n\/* Lista de elementos del maridaje *\/\r\n.pairing-items-list {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 30px !important;\r\n}\r\n\r\n.pairing-item {\r\n    display: flex !important;\r\n    align-items: flex-start !important;\r\n    gap: 20px !important;\r\n}\r\n\r\n.pairing-item-num {\r\n    font-family: 'Times New Roman', serif !important;\r\n    font-size: 16px !important;\r\n    color: #a18a5e !important;\r\n    border-bottom: 1px solid rgba(161, 138, 94, 0.3) !important;\r\n    padding-bottom: 2px !important;\r\n    line-height: 1 !important;\r\n}\r\n\r\n.pairing-item-text h4 {\r\n    font-family: 'Times New Roman', Times, Georgia, serif !important;\r\n    font-size: 16px !important;\r\n    font-weight: normal !important;\r\n    color: #ffffff !important;\r\n    margin: 0 0 6px 0 !important;\r\n    letter-spacing: 0.5px !important;\r\n}\r\n\r\n.pairing-item-text p {\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\r\n    font-size: 13px !important;\r\n    line-height: 1.6 !important;\r\n    color: #999999 !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   BLOQUE VISUAL (FOTOGRAF\u00cdA CUIDADA CON MARCO FLOTANTE)\r\n   ========================================================================== *\/\r\n.pairing-image-block {\r\n    position: relative !important;\r\n    display: flex !important;\r\n    justify-content: center !important;\r\n    align-items: center !important;\r\n}\r\n\r\n.image-wrapper {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    height: 520px !important;\r\n    overflow: hidden !important;\r\n    z-index: 2 !important;\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.5) !important;\r\n}\r\n\r\n.pairing-img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    filter: brightness(0.9) contrast(1.05) !important; \/* Look cinematogr\u00e1fico de restaurante *\/\r\n}\r\n\r\n\/* Efecto hover interactivo refinado *\/\r\n.image-wrapper:hover .pairing-img {\r\n    transform: scale(1.03) !important;\r\n}\r\n\r\n\/* Recuadro decorativo lineal estilo minimalismo arquitect\u00f3nico *\/\r\n.pairing-decorative-box {\r\n    position: absolute !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    border: 1px solid rgba(161, 138, 94, 0.25) !important;\r\n    top: 20px !important;\r\n    left: -20px !important;\r\n    z-index: 1 !important;\r\n    pointer-events: none !important;\r\n    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.image-wrapper:hover ~ .pairing-decorative-box {\r\n    transform: translate(5px, -5px) !important;\r\n    border-color: rgba(161, 138, 94, 0.4) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   RESPONSIVE INTELIGENTE\r\n   ========================================================================== *\/\r\n@media (max-width: 1024px) {\r\n    .rodero-pairing-section-fullwidth {\r\n        padding: 80px 30px !important;\r\n    }\r\n    \r\n    .pairing-grid {\r\n        gap: 40px !important;\r\n    }\r\n    \r\n    .pairing-title {\r\n        font-size: 34px !important;\r\n    }\r\n    \r\n    .image-wrapper {\r\n        height: 440px !important;\r\n    }\r\n}\r\n\r\n\/* Transformaci\u00f3n fluida a una sola columna para dispositivos m\u00f3viles *\/\r\n@media (max-width: 767px) {\r\n    .rodero-pairing-section-fullwidth {\r\n        padding: 60px 20px !important;\r\n    }\r\n    \r\n    .pairing-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 50px !important;\r\n    }\r\n    \r\n    .pairing-content-block {\r\n        order: 1 !important; \/* El texto se mantiene prioritario *\/\r\n    }\r\n    \r\n    .pairing-image-block {\r\n        order: 2 !important;\r\n        padding-left: 15px !important; \/* Margen para no pisar el cuadro decorativo *\/\r\n    }\r\n    \r\n    .pairing-title {\r\n        font-size: 28px !important;\r\n    }\r\n    \r\n    .image-wrapper {\r\n        height: 350px !important;\r\n    }\r\n    \r\n    .pairing-decorative-box {\r\n        top: 15px !important;\r\n        left: -15px !important;\r\n    }\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><span data-path-to-node=\"5,0\">La vanguardia y el atrevimiento convertidos en arte. Una<\/span><span data-path-to-node=\"5,6\">\u00a0experiencia sensorial rotunda y elegante<\/span><span data-path-to-node=\"5,8\">, creada para exaltar los sentidos y disfrutar pausadamente en la intimidad.<\/span><\/p>\n<p>A\u00f1ada 2024<\/p>","protected":false},"featured_media":7427,"template":"","meta":[],"product_brand":[53],"product_cat":[16],"product_tag":[],"class_list":["post-5922","product","type-product","status-publish","has-post-thumbnail","product_brand-carmelo-rodero","product_cat-carmelo-rodero","first","instock","shipping-taxable","purchasable","product-type-variable","has-default-attributes"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/en\/wp-json\/wp\/v2\/product\/5922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/en\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/en\/wp-json\/wp\/v2\/types\/product"}],"version-history":[{"count":24,"href":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/en\/wp-json\/wp\/v2\/product\/5922\/revisions"}],"predecessor-version":[{"id":7456,"href":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/en\/wp-json\/wp\/v2\/product\/5922\/revisions\/7456"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/en\/wp-json\/wp\/v2\/media\/7427"}],"wp:attachment":[{"href":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/en\/wp-json\/wp\/v2\/media?parent=5922"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/en\/wp-json\/wp\/v2\/product_brand?post=5922"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/en\/wp-json\/wp\/v2\/product_cat?post=5922"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/carmelo2-cp5011.wordpresstemporal.com\/en\/wp-json\/wp\/v2\/product_tag?post=5922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}