{"id":22,"date":"2025-12-26T17:30:05","date_gmt":"2025-12-26T17:30:05","guid":{"rendered":"https:\/\/guardabosque.com\/?page_id=22"},"modified":"2026-10-10T05:59:22","modified_gmt":"2026-10-10T05:59:22","slug":"vermut","status":"publish","type":"page","link":"https:\/\/guardabosque.com\/","title":{"rendered":"vermut"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22\" class=\"elementor elementor-22\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-41ae06d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"41ae06d\" data-element_type=\"section\">\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-44a6c9a\" data-id=\"44a6c9a\" data-element_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-a9c533b elementor-widget elementor-widget-html\" data-id=\"a9c533b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=IM+Fell+English:ital@0;1&family=IM+Fell+English+SC&family=Oswald:wght@400;500;600&family=Spectral:ital,wght@0,300;0,400;0,500;1,300&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  :root{\r\n    --gb-bosque:#121410;      \/* noche de bosque *\/\r\n    --gb-bosque-2:#1b1e17;\r\n    --gb-musgo:#2c3324;\r\n    --gb-kraft:#c4a985;       \/* etiqueta *\/\r\n    --gb-kraft-claro:#d9c3a3;\r\n    --gb-crema:#eadbc4;\r\n    --gb-tinta:#1c1814;\r\n    --gb-lacre:#8e1d1f;       \/* cera roja del tap\u00f3n *\/\r\n    --gb-lacre-vivo:#b32a2a;\r\n    --gb-ambar:#b8742a;       \/* el vermut a contraluz *\/\r\n    --gb-humo:rgba(234,219,196,.08);\r\n\r\n    --gb-f-titulo:'IM Fell English SC', Georgia, serif;\r\n    --gb-f-display:'IM Fell English', Georgia, serif;\r\n    --gb-f-etiqueta:'Oswald', 'Arial Narrow', sans-serif;\r\n    --gb-f-texto:'Spectral', Georgia, serif;\r\n\r\n    --gb-ancho:1180px;\r\n    --gb-gutter:clamp(16px,4vw,48px);\r\n  }\r\n\r\n  \/* Evita scroll horizontal por los bloques a sangre *\/\r\n  html, body{ overflow-x:hidden; }\r\n\r\n  \/* Base de todos los bloques Guarda Bosque *\/\r\n  .gb, .gb *{ box-sizing:border-box; }\r\n  .gb{\r\n    position:relative;\r\n    width:100vw;\r\n    margin-left:calc(50% - 50vw);\r\n    font-family:var(--gb-f-texto);\r\n    font-size:clamp(16px,1.1vw,18px);\r\n    line-height:1.65;\r\n    color:var(--gb-crema);\r\n    -webkit-font-smoothing:antialiased;\r\n  }\r\n  .gb img{ max-width:100%; height:auto; display:block; }\r\n  .gb p{ margin:0 0 1em; }\r\n  .gb h1,.gb h2,.gb h3,.gb h4{ margin:0; font-weight:400; letter-spacing:.01em; line-height:1.05; color:inherit; }\r\n  .gb a{ color:inherit; }\r\n\r\n  .gb-wrap{ width:100%; max-width:var(--gb-ancho); margin:0 auto; padding:0 var(--gb-gutter); }\r\n\r\n  \/* Texturas *\/\r\n  .gb-kraft{\r\n    background-color:var(--gb-kraft);\r\n    color:var(--gb-tinta);\r\n    background-image:\r\n      url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'\/%3E%3CfeColorMatrix values='0 0 0 0 .25 0 0 0 0 .18 0 0 0 0 .1 0 0 0 .55 0'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\"),\r\n      radial-gradient(ellipse at 30% 20%, rgba(255,240,215,.35), transparent 60%),\r\n      radial-gradient(ellipse at 80% 90%, rgba(90,60,30,.18), transparent 55%);\r\n  }\r\n  .gb-noche{\r\n    background-color:var(--gb-bosque);\r\n    background-image:\r\n      url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'\/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .95 0 0 0 0 .85 0 0 0 .05 0'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n  }\r\n\r\n  \/* Tipograf\u00eda de etiqueta *\/\r\n  .gb-antetitulo{\r\n    font-family:var(--gb-f-etiqueta);\r\n    text-transform:uppercase;\r\n    letter-spacing:.28em;\r\n    font-size:.78rem;\r\n    font-weight:500;\r\n    display:inline-flex; align-items:center; gap:.9em;\r\n    opacity:.85;\r\n  }\r\n  .gb-antetitulo::before{ content:\"\"; width:34px; height:1px; background:currentColor; opacity:.6; }\r\n  .gb-titulo{\r\n    font-family:var(--gb-f-titulo);\r\n    font-size:clamp(2.3rem,5.2vw,4.4rem);\r\n  }\r\n  .gb-titulo em{ font-family:var(--gb-f-display); font-style:italic; text-transform:none; }\r\n\r\n  \/* Filete como el de la etiqueta *\/\r\n  .gb-filete{ height:1px; background:currentColor; opacity:.35; border:0; margin:0; }\r\n  \/* Greca en zigzag, como el borde de la ficha de la etiqueta *\/\r\n  .gb-greca{\r\n    height:8px; opacity:.5;\r\n    background:\r\n      linear-gradient(135deg, transparent 45%, currentColor 45% 55%, transparent 55%) 0 0\/12px 8px repeat-x,\r\n      linear-gradient(45deg, transparent 45%, currentColor 45% 55%, transparent 55%) 6px 0\/12px 8px repeat-x;\r\n  }\r\n\r\n  \/* Botones *\/\r\n  .gb-btn{\r\n    display:inline-flex; align-items:center; gap:.7em;\r\n    font-family:var(--gb-f-etiqueta);\r\n    text-transform:uppercase; letter-spacing:.2em; font-size:.82rem; font-weight:500;\r\n    text-decoration:none;\r\n    padding:1.05em 1.9em;\r\n    border:1px solid currentColor;\r\n    transition:background .3s, color .3s, border-color .3s, transform .3s;\r\n  }\r\n  .gb-btn:hover{ transform:translateY(-2px); }\r\n  .gb-btn--lacre{ background:var(--gb-lacre); border-color:var(--gb-lacre); color:var(--gb-crema) !important; }\r\n  .gb-btn--lacre:hover{ background:var(--gb-lacre-vivo); border-color:var(--gb-lacre-vivo); }\r\n  .gb-btn--linea{ background:transparent; }\r\n  .gb-noche .gb-btn--linea{ color:var(--gb-crema) !important; }\r\n  .gb-noche .gb-btn--linea:hover{ background:var(--gb-crema); color:var(--gb-tinta) !important; }\r\n  .gb-kraft .gb-btn--linea{ color:var(--gb-tinta) !important; }\r\n  .gb-kraft .gb-btn--linea:hover{ background:var(--gb-tinta); color:var(--gb-kraft-claro) !important; }\r\n\r\n  \/* Aparici\u00f3n al hacer scroll (solo si hay JS) *\/\r\n  .gb-js .gb-aparece{ opacity:0; transform:translateY(28px); transition:opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }\r\n  .gb-js .gb-aparece.is-visible{ opacity:1; transform:none; }\r\n  .gb-js .gb-aparece[data-retardo=\"1\"]{ transition-delay:.12s; }\r\n  .gb-js .gb-aparece[data-retardo=\"2\"]{ transition-delay:.24s; }\r\n  .gb-js .gb-aparece[data-retardo=\"3\"]{ transition-delay:.36s; }\r\n\r\n\r\n  \/* Aclara los PNG en tinta negra para usarlos sobre fondo oscuro *\/\r\n  .gb img.gb-claro{ filter:invert(1) sepia(.35) saturate(.7) brightness(.93); }\r\n\r\n  @media (max-width:600px){ .gb-antetitulo{ letter-spacing:.18em; font-size:.72rem; } }\r\n\r\n  @media (prefers-reduced-motion:reduce){\r\n    .gb *{ animation:none !important; transition:none !important; }\r\n    .gb-js .gb-aparece{ opacity:1; transform:none; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function(){\r\n    document.documentElement.classList.add('gb-js');\r\n    function iniciar(){\r\n      var els = document.querySelectorAll('.gb-aparece');\r\n      if(!('IntersectionObserver' in window)){ els.forEach(function(e){ e.classList.add('is-visible'); }); return; }\r\n      var io = new IntersectionObserver(function(entradas){\r\n        entradas.forEach(function(en){ if(en.isIntersecting){ en.target.classList.add('is-visible'); io.unobserve(en.target); } });\r\n      }, { threshold:.15, rootMargin:'0px 0px -40px 0px' });\r\n      els.forEach(function(e){ io.observe(e); });\r\n    }\r\n    if(document.readyState === 'loading'){ document.addEventListener('DOMContentLoaded', iniciar); } else { iniciar(); }\r\n  })();\r\n<\/script>\r\n\r\n<!-- =========================================================\r\n     GUARDA BOSQUE \u00b7 01 \u00b7 HERO (v\u00eddeo de fondo + etiqueta kraft)\r\n     ========================================================= -->\r\n<section class=\"gb gb-hero\" id=\"inicio\">\r\n  <video class=\"gb-hero__video\" autoplay muted loop playsinline preload=\"metadata\"\r\n         poster=\"https:\/\/guardabosque.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-09-at-20.01.43.jpeg\">\r\n    <source src=\"https:\/\/guardabosque.com\/wp-content\/uploads\/2025\/12\/grok-video-3cf5b65d-2e1b-49f7-8f1c-f7d1342ec6ff-5.mp4\" type=\"video\/mp4\">\r\n  <\/video>\r\n  <div class=\"gb-hero__velo\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"gb-wrap gb-hero__contenido\">\r\n    <span class=\"gb-antetitulo gb-hero__ante gb-aparece\">Vermut artesano \u00b7 Hecho entre amigos<\/span>\r\n\r\n    <div class=\"gb-etiqueta gb-kraft gb-aparece\" data-retardo=\"1\">\r\n      <div class=\"gb-etiqueta__marco\">\r\n        <img fetchpriority=\"high\" decoding=\"async\" class=\"gb-etiqueta__criatura\" src=\"https:\/\/guardabosque.com\/wp-content\/uploads\/2026\/10\/2guardabosque.png\" alt=\"El Guardabosque\" width=\"504\" height=\"472\">\r\n        <h1 class=\"gb-etiqueta__marca\">\r\n          <img decoding=\"async\" src=\"https:\/\/guardabosque.com\/wp-content\/uploads\/2025\/12\/logo.png\" alt=\"Guarda Bosque\" width=\"476\" height=\"234\">\r\n        <\/h1>\r\n        <hr class=\"gb-filete\">\r\n        <p class=\"gb-etiqueta__tipo\"> <\/p>\r\n        <div class=\"gb-greca\" aria-hidden=\"true\"><\/div>\r\n        <p class=\"gb-etiqueta__lema\">Lo que el bosque guarda, servido en un vaso con hielo.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gb-hero__acciones gb-aparece\" data-retardo=\"2\">\r\n      <a class=\"gb-btn gb-btn--lacre\" href=\"#el-vermut\">Descubrir el vermut<\/a>\r\n      <a class=\"gb-btn gb-btn--linea gb-btn--sobre-video\" href=\"#contacto\">Quiero una botella<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <a class=\"gb-hero__scroll\" href=\"#leyenda\" aria-label=\"Bajar\"><span><\/span><\/a>\r\n<\/section>\r\n\r\n<style>\r\n  .gb-hero{\r\n    min-height:100svh;\r\n    display:flex; align-items:center;\r\n    padding:clamp(90px,12vh,130px) 0 clamp(90px,12vh,120px);\r\n    overflow:hidden; isolation:isolate;\r\n    background:var(--gb-bosque);\r\n  }\r\n  .gb-hero__video{\r\n    position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2;\r\n  }\r\n  .gb-hero__velo{\r\n    position:absolute; inset:0; z-index:-1;\r\n    background:\r\n      radial-gradient(ellipse 60% 70% at 50% 50%, rgba(18,20,16,.15), rgba(18,20,16,.6) 100%),\r\n      linear-gradient(to bottom, rgba(18,20,16,.35), transparent 30%, transparent 70%, rgba(18,20,16,.55));\r\n  }\r\n\r\n  .gb-hero__contenido{ display:flex; flex-direction:column; align-items:center; text-align:center; }\r\n  .gb-hero__ante{ color:var(--gb-crema); text-shadow:0 1px 10px rgba(0,0,0,.6); margin-bottom:1.4rem; }\r\n  .gb-hero__ante::before{ display:none; }\r\n\r\n  \/* La etiqueta: el logo tal cual va en la botella *\/\r\n  .gb-etiqueta{\r\n    width:min(100%,430px);\r\n    padding:14px;\r\n    box-shadow:0 30px 70px rgba(0,0,0,.55), 0 2px 0 rgba(255,240,215,.25) inset;\r\n  }\r\n  .gb-etiqueta__marco{\r\n    border:1px solid rgba(28,24,20,.45);\r\n    padding:clamp(22px,3vw,34px) clamp(20px,3vw,34px) clamp(20px,2.6vw,28px);\r\n    display:flex; flex-direction:column; align-items:center;\r\n  }\r\n  .gb-etiqueta__criatura{\r\n    width:min(72%,240px); mix-blend-mode:multiply;\r\n    animation:gbRespira 7s ease-in-out infinite; transform-origin:50% 90%;\r\n  }\r\n  @keyframes gbRespira{ 0%,100%{ transform:translateY(0) rotate(0);} 50%{ transform:translateY(-6px) rotate(-.8deg);} }\r\n  .gb-etiqueta__marca{ margin:1.1rem 0 .9rem; width:100%; }\r\n  .gb-etiqueta__marca img{ width:min(100%,290px); margin:0 auto; mix-blend-mode:multiply; }\r\n  .gb-etiqueta .gb-filete{ width:80%; opacity:.5; }\r\n  .gb-etiqueta__tipo{\r\n    font-family:var(--gb-f-etiqueta); text-transform:uppercase; letter-spacing:.14em; line-height:1.25;\r\n    font-size:clamp(1rem,1.6vw,1.2rem); font-weight:500; margin:.9rem 0 1rem !important;\r\n  }\r\n  .gb-etiqueta .gb-greca{ width:100%; color:var(--gb-tinta); opacity:.4; }\r\n  .gb-etiqueta__lema{\r\n    font-family:var(--gb-f-display); font-style:italic; font-size:1.05rem; line-height:1.4;\r\n    margin:1rem 0 0 !important; max-width:28ch;\r\n  }\r\n\r\n  .gb-hero__acciones{ display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin-top:2rem; }\r\n  .gb-btn--sobre-video{ color:var(--gb-crema) !important; background:rgba(18,20,16,.35); backdrop-filter:blur(4px); }\r\n  .gb-btn--sobre-video:hover{ background:var(--gb-crema); color:var(--gb-tinta) !important; }\r\n\r\n  .gb-hero__scroll{\r\n    position:absolute; left:50%; bottom:24px; transform:translateX(-50%); z-index:3;\r\n    width:26px; height:42px; border:1px solid rgba(234,219,196,.6); border-radius:14px;\r\n  }\r\n  .gb-hero__scroll span{\r\n    position:absolute; left:50%; top:8px; width:2px; height:8px; margin-left:-1px;\r\n    background:var(--gb-crema); border-radius:2px; animation:gbScroll 2s infinite;\r\n  }\r\n  @keyframes gbScroll{ 0%{ opacity:0; transform:translateY(0);} 30%{opacity:1;} 100%{ opacity:0; transform:translateY(14px);} }\r\n\r\n  @media (max-width:600px){\r\n    .gb-etiqueta{ width:min(100%,330px); padding:10px; }\r\n    .gb-etiqueta__criatura{ width:min(62%,180px); }\r\n    .gb-hero__scroll{ display:none; }\r\n  }\r\n  @media (prefers-reduced-motion:reduce){ .gb-hero__video{ display:none; } }\r\n<\/style>\r\n\r\n<!-- =========================================================\r\n     GUARDA BOSQUE \u00b7 02 \u00b7 LA LEYENDA (historia de la marca)\r\n     Im\u00e1genes: gb-criatura-tinta.png\r\n     ========================================================= -->\r\n<section class=\"gb gb-kraft gb-leyenda\" id=\"leyenda\">\r\n  <div class=\"gb-greca gb-leyenda__greca\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"gb-wrap gb-leyenda__grid\">\r\n    <div class=\"gb-leyenda__texto\">\r\n      <span class=\"gb-antetitulo gb-aparece\">La leyenda<\/span>\r\n      <h2 class=\"gb-titulo gb-aparece\" data-retardo=\"1\">La criatura <em>del bosque<\/em><\/h2>\r\n\r\n      <p class=\"gb-leyenda__entrada gb-aparece\" data-retardo=\"2\">\r\n        Dicen que en lo m\u00e1s espeso del monte, donde el sendero se pierde y huele a resina y a le\u00f1a,\r\n        vive una criatura que nadie ha visto dos veces igual.\r\n      <\/p>\r\n      <p class=\"gb-aparece\" data-retardo=\"2\">\r\n        Tiene la cornamenta de un ciervo y la astucia de un zorro. Algunos juran que es un perro viejo\r\n        que se qued\u00f3 a vivir entre los \u00e1rboles. Deambula de noche, olfatea las hierbas, vigila las\r\n        brasas que dejan los caminantes y se lleva consigo lo mejor de cada rinc\u00f3n.\r\n      <\/p>\r\n      <p class=\"gb-aparece\" data-retardo=\"3\">\r\n        Nosotros lo llamamos <strong>el Guardabosque<\/strong>. Este vermut es lo que encontramos\r\n        sigui\u00e9ndole el rastro: hierbas de monte, vino, mistela y un hilo de humo.\r\n      <\/p>\r\n\r\n      <div class=\"gb-leyenda__firma gb-aparece\" data-retardo=\"3\">\r\n        <hr class=\"gb-filete\">\r\n        <span>Colecci\u00f3n Guardabosques \u00b7 Hecho a mano, en peque\u00f1os lotes<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gb-leyenda__criatura gb-aparece\" data-retardo=\"1\">\r\n      <div class=\"gb-leyenda__sello\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 200 200\">\r\n          <defs><path id=\"gbCirculo\" d=\"M100,100 m-74,0 a74,74 0 1,1 148,0 a74,74 0 1,1 -148,0\"\/><\/defs>\r\n          <text><textPath href=\"#gbCirculo\" startOffset=\"0\">\u00b7 MITAD CIERVO \u00b7 MITAD ZORRO \u00b7 GUARDI\u00c1N DEL MONTE <\/textPath><\/text>\r\n        <\/svg>\r\n      <\/div>\r\n      <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/guardabosque.com\/wp-content\/uploads\/2026\/10\/2guardabosque.png\" alt=\"Ilustraci\u00f3n del Guardabosque\" width=\"504\" height=\"472\" loading=\"lazy\">\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .gb-leyenda{ padding:clamp(80px,12vw,150px) 0; overflow:hidden; }\r\n  .gb-leyenda__greca{ position:absolute; top:22px; left:0; right:0; color:var(--gb-tinta); }\r\n  .gb-leyenda__grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(32px,6vw,90px); align-items:center; }\r\n  .gb-leyenda .gb-titulo{ margin:1.2rem 0 2rem; }\r\n  .gb-leyenda__entrada{\r\n    font-family:var(--gb-f-display); font-size:clamp(1.3rem,2vw,1.6rem); line-height:1.45;\r\n  }\r\n  .gb-leyenda__entrada::first-letter{\r\n    float:left; font-family:var(--gb-f-titulo); font-size:4.2em; line-height:.8;\r\n    padding:.08em .1em 0 0; color:var(--gb-lacre);\r\n  }\r\n  .gb-leyenda p{ max-width:56ch; }\r\n  .gb-leyenda strong{ font-weight:500; color:var(--gb-lacre); }\r\n  .gb-leyenda__firma{ margin-top:2.4rem; max-width:420px; }\r\n  .gb-leyenda__firma span{\r\n    display:block; margin-top:.9rem;\r\n    font-family:var(--gb-f-etiqueta); text-transform:uppercase; letter-spacing:.2em; font-size:.75rem; opacity:.75;\r\n  }\r\n\r\n  .gb-leyenda__criatura{ position:relative; }\r\n  .gb-leyenda__criatura img{ position:relative; width:100%; max-width:480px; margin:0 auto; mix-blend-mode:multiply; }\r\n  .gb-leyenda__sello{\r\n    position:absolute; top:-6%; right:-2%; width:150px; height:150px; z-index:1;\r\n    animation:gbGira 40s linear infinite;\r\n  }\r\n  .gb-leyenda__sello text{\r\n    font-family:var(--gb-f-etiqueta); font-size:13.4px; letter-spacing:3.2px; fill:var(--gb-lacre);\r\n  }\r\n  @keyframes gbGira{ to{ transform:rotate(360deg);} }\r\n\r\n  @media (max-width:860px){\r\n    .gb-leyenda__grid{ grid-template-columns:1fr; }\r\n    .gb-leyenda__criatura{ max-width:240px; margin:0 auto; }\r\n    .gb-leyenda__sello{ width:110px; height:110px; }\r\n  }\r\n<\/style>\r\n\r\n<!-- =========================================================\r\n     GUARDA BOSQUE \u00b7 03 \u00b7 EL VERMUT (producto + ficha)\r\n     Im\u00e1genes: gb-foto-botellas-barra.jpg\r\n     ========================================================= -->\r\n<section class=\"gb gb-noche gb-vermut\" id=\"el-vermut\">\r\n  <div class=\"gb-wrap\">\r\n\r\n    <header class=\"gb-vermut__cabecera\">\r\n      <span class=\"gb-antetitulo gb-aparece\">El vermut<\/span>\r\n      <h2 class=\"gb-titulo gb-aparece\" data-retardo=\"1\">Un vermut que <em>huele a monte<\/em><\/h2>\r\n      <p class=\"gb-vermut__intro gb-aparece\" data-retardo=\"2\">\r\n        Rojo, reserva y ahumado. Tres cosas lo hacen distinto y ninguna lleva atajo.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"gb-vermut__pilares\">\r\n      <article class=\"gb-pilar gb-aparece\" data-retardo=\"1\">\r\n        <span class=\"gb-pilar__num\">I<\/span>\r\n        <svg class=\"gb-pilar__icono\" viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M32 58V22\"\/><path d=\"M32 40c-8-2-14-8-15-17 9 0 15 6 15 14\"\/><path d=\"M32 32c7-2 12-8 13-16-8 1-13 6-13 13\"\/><path d=\"M32 48c-6-1-11-5-12-11 7 0 12 4 12 9\"\/><path d=\"M32 22c-2-6 0-12 0-16 0 4 2 10 0 16\"\/>\r\n        <\/svg>\r\n        <h3>Hierbas del bosque<\/h3>\r\n        <p>Un arreglo herbal de monte, maceras lentas y paciencia. Amargo justo, fresco y largo, como un paseo entre pinos despu\u00e9s de la lluvia.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"gb-pilar gb-aparece\" data-retardo=\"2\">\r\n        <span class=\"gb-pilar__num\">II<\/span>\r\n        <svg class=\"gb-pilar__icono\" viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <circle cx=\"24\" cy=\"34\" r=\"7\"\/><circle cx=\"38\" cy=\"34\" r=\"7\"\/><circle cx=\"31\" cy=\"46\" r=\"7\"\/><circle cx=\"31\" cy=\"22\" r=\"7\"\/><path d=\"M31 15c0-5 3-8 8-9\"\/><path d=\"M12 56L52 10\"\/>\r\n        <\/svg>\r\n        <h3>Sin az\u00facares a\u00f1adidos<\/h3>\r\n        <p>Lo hacemos con vino y mistela. Todo el dulzor viene de la uva, no de un saco de az\u00facar. M\u00e1s equilibrio y menos empalago.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"gb-pilar gb-aparece\" data-retardo=\"3\">\r\n        <span class=\"gb-pilar__num\">III<\/span>\r\n        <svg class=\"gb-pilar__icono\" viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M22 58c-6-6 2-10-2-16s4-10 0-16\"\/><path d=\"M34 58c-6-6 2-10-2-16s4-10 0-16 2-10-1-14\"\/><path d=\"M46 58c-6-6 2-10-2-16s4-10 0-16\"\/>\r\n        <\/svg>\r\n        <h3>Ahumado<\/h3>\r\n        <p>Un final de hoguera que aparece despacio y se queda. Es lo que primero se recuerda y lo que hace pedir la segunda.<\/p>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <div class=\"gb-vermut__producto\">\r\n      <figure class=\"gb-vermut__foto gb-aparece\">\r\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/guardabosque.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-09-at-20.01.43-1.jpeg\" alt=\"Botella de Guarda Bosque junto a un vaso con hielo\" width=\"1066\" height=\"1600\" loading=\"lazy\">\r\n      <\/figure>\r\n\r\n      <div class=\"gb-ficha gb-kraft gb-aparece\" data-retardo=\"1\">\r\n        <div class=\"gb-ficha__cabecera\">\r\n          <span>Ficha<\/span>\r\n          <strong>Guarda Bosque<\/strong>\r\n          <em>Vermut rojo reserva ahumado<\/em>\r\n        <\/div>\r\n        <div class=\"gb-greca\" aria-hidden=\"true\"><\/div>\r\n        <dl class=\"gb-ficha__lista\">\r\n          <div><dt>Base<\/dt><dd>Vino y mistela<\/dd><\/div>\r\n          <div><dt>Bot\u00e1nicos<\/dt><dd>Hierbas del bosque<\/dd><\/div>\r\n          <div><dt>Az\u00facares a\u00f1adidos<\/dt><dd>Ninguno<\/dd><\/div>\r\n          <div><dt>Car\u00e1cter<\/dt><dd>Herbal \u00b7 Ahumado<\/dd><\/div>\r\n          <div><dt>Graduaci\u00f3n<\/dt><dd>15% vol.<\/dd><\/div>\r\n          <div><dt>Formato<\/dt><dd>750 ml \u00b7 Lacrado a mano<\/dd><\/div>\r\n          <div><dt>Elaboraci\u00f3n<\/dt><dd>Espa\u00f1a \u00b7 Lote 2025<\/dd><\/div>\r\n        <\/dl>\r\n        <div class=\"gb-greca\" aria-hidden=\"true\"><\/div>\r\n        <p class=\"gb-ficha__nota\">Notas de cata: <em>resina, hierba seca, piel de naranja, ciruela y un final largo de le\u00f1a.<\/em><\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .gb-vermut{ padding:clamp(90px,12vw,160px) 0; }\r\n  .gb-vermut__cabecera{ text-align:center; max-width:760px; margin:0 auto clamp(48px,7vw,90px); }\r\n  .gb-vermut__cabecera .gb-antetitulo::before{ display:none; }\r\n  .gb-vermut .gb-titulo{ margin:1.1rem 0 1.2rem; }\r\n  .gb-vermut__intro{ font-family:var(--gb-f-display); font-style:italic; font-size:clamp(1.15rem,1.8vw,1.4rem); opacity:.8; }\r\n\r\n  .gb-vermut__pilares{\r\n    display:grid; grid-template-columns:repeat(3,1fr);\r\n    border-top:1px solid rgba(234,219,196,.18); border-bottom:1px solid rgba(234,219,196,.18);\r\n  }\r\n  .gb-pilar{ position:relative; padding:clamp(34px,4vw,56px) clamp(22px,3vw,40px); text-align:center; }\r\n  .gb-pilar + .gb-pilar{ border-left:1px solid rgba(234,219,196,.18); }\r\n  .gb-pilar__num{\r\n    position:absolute; top:18px; left:22px;\r\n    font-family:var(--gb-f-titulo); font-size:1rem; color:var(--gb-lacre-vivo); opacity:.9;\r\n  }\r\n  .gb-pilar__icono{\r\n    width:62px; height:62px; margin:0 auto 1.4rem; display:block;\r\n    fill:none; stroke:var(--gb-kraft); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;\r\n    transition:transform .5s;\r\n  }\r\n  .gb-pilar:hover .gb-pilar__icono{ transform:translateY(-4px) rotate(-4deg); }\r\n  .gb-pilar h3{ font-family:var(--gb-f-titulo); font-size:clamp(1.5rem,2.2vw,1.9rem); margin-bottom:.9rem; color:var(--gb-crema); }\r\n  .gb-pilar p{ font-size:.98rem; opacity:.78; max-width:32ch; margin:0 auto !important; }\r\n\r\n  .gb-vermut__producto{\r\n    display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,5vw,72px); align-items:center;\r\n    margin-top:clamp(64px,9vw,120px);\r\n  }\r\n  .gb-vermut__foto{ margin:0; position:relative; }\r\n  .gb-vermut__foto::before{\r\n    content:\"\"; position:absolute; inset:-14px 14px 14px -14px; border:1px solid rgba(196,169,133,.35); z-index:0;\r\n  }\r\n  .gb-vermut__foto img{ position:relative; z-index:1; width:100%; aspect-ratio:4\/5; object-fit:cover; }\r\n\r\n  .gb-ficha{ padding:clamp(28px,3.5vw,48px); box-shadow:0 30px 60px rgba(0,0,0,.45); transform:rotate(.6deg); }\r\n  .gb-ficha__cabecera{ text-align:center; margin-bottom:1.4rem; }\r\n  .gb-ficha__cabecera span{ display:block; font-family:var(--gb-f-etiqueta); text-transform:uppercase; letter-spacing:.3em; font-size:.72rem; opacity:.7; }\r\n  .gb-ficha__cabecera strong{ display:block; font-family:var(--gb-f-titulo); font-weight:400; font-size:clamp(1.9rem,3vw,2.5rem); line-height:1.1; margin:.3rem 0; }\r\n  .gb-ficha__cabecera em{ font-family:var(--gb-f-etiqueta); font-style:normal; text-transform:uppercase; letter-spacing:.12em; font-size:.9rem; }\r\n  .gb-ficha .gb-greca{ color:var(--gb-tinta); opacity:.45; }\r\n  .gb-ficha__lista{ margin:1.2rem 0; }\r\n  .gb-ficha__lista div{\r\n    display:flex; justify-content:space-between; gap:1rem; align-items:baseline;\r\n    padding:.6rem 0; border-bottom:1px dashed rgba(28,24,20,.25);\r\n  }\r\n  .gb-ficha__lista div:last-child{ border-bottom:0; }\r\n  .gb-ficha__lista dt{ font-family:var(--gb-f-etiqueta); text-transform:uppercase; letter-spacing:.14em; font-size:.78rem; opacity:.75; }\r\n  .gb-ficha__lista dd{ margin:0; text-align:right; font-weight:500; }\r\n  .gb-ficha__nota{ margin:1.2rem 0 0 !important; font-size:.95rem; }\r\n  .gb-ficha__nota em{ font-family:var(--gb-f-display); font-size:1.05rem; }\r\n\r\n  @media (max-width:860px){\r\n    .gb-vermut__pilares{ grid-template-columns:1fr; }\r\n    .gb-pilar + .gb-pilar{ border-left:0; border-top:1px solid rgba(234,219,196,.18); }\r\n    .gb-vermut__producto{ grid-template-columns:1fr; }\r\n    .gb-vermut__foto{ max-width:440px; margin:0 auto; width:100%; }\r\n    .gb-ficha{ transform:none; }\r\n  }\r\n<\/style>\r\n\r\n<!-- =========================================================\r\n     GUARDA BOSQUE \u00b7 04 \u00b7 EL RITUAL (c\u00f3mo servirlo)\r\n     Im\u00e1genes: gb-foto-horizontal.jpg\r\n     ========================================================= -->\r\n<section class=\"gb gb-kraft gb-ritual\" id=\"ritual\">\r\n  <div class=\"gb-wrap gb-ritual__grid\">\r\n\r\n    <div class=\"gb-ritual__foto gb-aparece\">\r\n      <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/guardabosque.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-09-at-20.01.43-2.jpeg\" alt=\"Vaso de Guarda Bosque con hielo y lim\u00f3n junto a la botella\" width=\"1600\" height=\"1066\" loading=\"lazy\">\r\n      <span class=\"gb-ritual__pie\">Servicio de la casa<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"gb-ritual__texto\">\r\n      <span class=\"gb-antetitulo gb-aparece\">El ritual<\/span>\r\n      <h2 class=\"gb-titulo gb-aparece\" data-retardo=\"1\">C\u00f3mo <em>se sirve<\/em><\/h2>\r\n      <p class=\"gb-ritual__intro gb-aparece\" data-retardo=\"1\">Sin complicaciones. El vermut ya trae el bosque dentro; solo hay que abrirle la puerta.<\/p>\r\n\r\n      <ol class=\"gb-pasos\">\r\n        <li class=\"gb-aparece\" data-retardo=\"1\">\r\n          <span class=\"gb-pasos__n\">01<\/span>\r\n          <div><h3>Vaso bajo, mucho hielo<\/h3><p>Cuanto m\u00e1s hielo, menos se agua. Enfr\u00eda el vaso antes si puedes.<\/p><\/div>\r\n        <\/li>\r\n        <li class=\"gb-aparece\" data-retardo=\"2\">\r\n          <span class=\"gb-pasos__n\">02<\/span>\r\n          <div><h3>Un buen chorro de Guarda Bosque<\/h3><p>Unos 6\u20138 cl. Remueve un par de vueltas para que despierte el humo.<\/p><\/div>\r\n        <\/li>\r\n        <li class=\"gb-aparece\" data-retardo=\"2\">\r\n          <span class=\"gb-pasos__n\">03<\/span>\r\n          <div><h3>Rodaja de lim\u00f3n<\/h3><p>O piel de naranja, si te va m\u00e1s dulce. Expr\u00edmela un poco sobre el vaso.<\/p><\/div>\r\n        <\/li>\r\n        <li class=\"gb-aparece\" data-retardo=\"3\">\r\n          <span class=\"gb-pasos__n\">04<\/span>\r\n          <div><h3>Sif\u00f3n, solo si quieres<\/h3><p>Un golpe para alargarlo al sol. A pelo, para la sobremesa.<\/p><\/div>\r\n        <\/li>\r\n      <\/ol>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .gb-ritual{ padding:clamp(90px,12vw,150px) 0; }\r\n  .gb-ritual__grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(36px,6vw,90px); align-items:center; }\r\n\r\n  .gb-ritual__foto{ position:relative; }\r\n  .gb-ritual__foto img{\r\n    width:100%; aspect-ratio:4\/5; object-fit:cover; object-position:30% 50%;\r\n    box-shadow:0 30px 50px rgba(28,24,20,.35);\r\n  }\r\n  .gb-ritual__pie{\r\n    position:absolute; bottom:-18px; right:24px;\r\n    background:var(--gb-lacre); color:var(--gb-crema);\r\n    font-family:var(--gb-f-etiqueta); text-transform:uppercase; letter-spacing:.22em; font-size:.72rem;\r\n    padding:.8em 1.4em;\r\n  }\r\n\r\n  .gb-ritual .gb-titulo{ margin:1.1rem 0 1rem; }\r\n  .gb-ritual__intro{ font-family:var(--gb-f-display); font-style:italic; font-size:clamp(1.15rem,1.7vw,1.35rem); max-width:40ch; }\r\n\r\n  .gb-pasos{ list-style:none; margin:2.2rem 0 0; padding:0; }\r\n  .gb-pasos li{\r\n    display:grid; grid-template-columns:64px 1fr; gap:1rem; align-items:start;\r\n    padding:1.2rem 0; border-top:1px solid rgba(28,24,20,.22);\r\n  }\r\n  .gb-pasos li:last-child{ border-bottom:1px solid rgba(28,24,20,.22); }\r\n  .gb-pasos__n{ font-family:var(--gb-f-titulo); font-size:2rem; line-height:1; color:var(--gb-lacre); }\r\n  .gb-pasos h3{ font-family:var(--gb-f-etiqueta); text-transform:uppercase; letter-spacing:.12em; font-size:1rem; font-weight:500; margin-bottom:.35rem; }\r\n  .gb-pasos p{ margin:0 !important; font-size:.98rem; opacity:.85; }\r\n\r\n  @media (max-width:860px){\r\n    .gb-ritual__grid{ grid-template-columns:1fr; }\r\n    .gb-ritual__foto{ max-width:460px; margin:0 auto; width:100%; }\r\n    .gb-pasos li{ grid-template-columns:50px 1fr; }\r\n  }\r\n<\/style>\r\n\r\n<!-- =========================================================\r\n     GUARDA BOSQUE \u00b7 05 \u00b7 GALER\u00cdA (artesan\u00eda + lightbox)\r\n     Im\u00e1genes: gb-foto-lacre.jpg \u00b7 gb-foto-vaso-madera.jpg\r\n               gb-foto-horizontal.jpg \u00b7 gb-foto-botellas-barra.jpg\r\n     ========================================================= -->\r\n<section class=\"gb gb-noche gb-galeria\" id=\"galeria\">\r\n  <div class=\"gb-wrap\">\r\n    <div class=\"gb-galeria__cabecera\">\r\n      <div>\r\n        <span class=\"gb-antetitulo gb-aparece\">Hecho a mano<\/span>\r\n        <h2 class=\"gb-titulo gb-aparece\" data-retardo=\"1\">Lacrado <em>uno a uno<\/em><\/h2>\r\n      <\/div>\r\n      <p class=\"gb-aparece\" data-retardo=\"2\">\r\n        Peque\u00f1os lotes, etiqueta de papel kraft y cera roja derramada a mano en cada tap\u00f3n.\r\n        Ninguna botella sale igual que la anterior, y as\u00ed nos gusta.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"gb-galeria__mosaico\">\r\n      <button class=\"gb-galeria__item gb-galeria__item--alto gb-aparece\" data-full=\"https:\/\/guardabosque.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-09-at-20.01.43-3.jpeg\">\r\n        <img decoding=\"async\" src=\"https:\/\/guardabosque.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-09-at-20.01.43-3.jpeg\" alt=\"Botellas con el tap\u00f3n lacrado en cera roja\" loading=\"lazy\">\r\n      <\/button>\r\n      <button class=\"gb-galeria__item gb-aparece\" data-retardo=\"1\" data-full=\"https:\/\/guardabosque.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-09-at-20.01.43-2.jpeg\">\r\n        <img decoding=\"async\" src=\"https:\/\/guardabosque.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-09-at-20.01.43-2.jpeg\" alt=\"Vaso con hielo y lim\u00f3n junto a la etiqueta\" loading=\"lazy\">\r\n      <\/button>\r\n      <button class=\"gb-galeria__item gb-galeria__item--alto gb-aparece\" data-retardo=\"2\" data-full=\"https:\/\/guardabosque.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-09-at-20.01.43.jpeg\">\r\n        <img decoding=\"async\" src=\"https:\/\/guardabosque.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-09-at-20.01.43.jpeg\" alt=\"Botella de Guarda Bosque sobre madera\" loading=\"lazy\">\r\n      <\/button>\r\n      <div class=\"gb-galeria__cita gb-aparece\" data-retardo=\"1\">\r\n        <span>\u201c<\/span>\r\n        <p>Lo hacemos como se hac\u00edan las cosas antes: despacio, entre amigos y probando hasta que sabe a monte.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"gb-lightbox\" hidden>\r\n    <button class=\"gb-lightbox__cerrar\" aria-label=\"Cerrar\">\u00d7<\/button>\r\n    <img alt=\"\">\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .gb-galeria{ padding:clamp(90px,12vw,150px) 0; }\r\n  .gb-galeria__cabecera{\r\n    display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:end; margin-bottom:clamp(40px,6vw,70px);\r\n  }\r\n  .gb-galeria .gb-titulo{ margin-top:1.1rem; }\r\n  .gb-galeria__cabecera p{ opacity:.78; max-width:46ch; margin:0 !important; }\r\n\r\n  .gb-galeria__mosaico{\r\n    display:grid; grid-template-columns:1fr 1.3fr 1fr; grid-template-rows:260px 260px; gap:14px;\r\n  }\r\n  .gb-galeria__item{\r\n    position:relative; overflow:hidden; padding:0; border:0; background:#000; cursor:zoom-in; display:block;\r\n  }\r\n  .gb-galeria__item--alto{ grid-row:span 2; }\r\n  .gb-galeria__item img{\r\n    width:100%; height:100%; object-fit:cover;\r\n    filter:saturate(.9) contrast(1.05);\r\n    transition:transform 1.2s cubic-bezier(.2,.7,.2,1), filter .6s;\r\n  }\r\n  .gb-galeria__item:hover img{ transform:scale(1.06); filter:saturate(1.05) contrast(1.05); }\r\n  .gb-galeria__item::after{\r\n    content:\"\"; position:absolute; inset:10px; border:1px solid rgba(234,219,196,0); transition:border-color .5s; pointer-events:none;\r\n  }\r\n  .gb-galeria__item:hover::after{ border-color:rgba(234,219,196,.5); }\r\n\r\n  .gb-galeria__cita{\r\n    background:var(--gb-lacre); color:var(--gb-crema);\r\n    padding:clamp(22px,2.6vw,36px); display:flex; flex-direction:column; justify-content:center;\r\n  }\r\n  .gb-galeria__cita span{ font-family:var(--gb-f-display); font-size:4rem; line-height:.6; opacity:.6; }\r\n  .gb-galeria__cita p{ font-family:var(--gb-f-display); font-style:italic; font-size:clamp(1.05rem,1.5vw,1.3rem); line-height:1.4; margin:.6rem 0 0 !important; }\r\n\r\n  .gb-lightbox{\r\n    position:fixed; inset:0; z-index:99999; background:rgba(10,10,8,.94);\r\n    display:flex; align-items:center; justify-content:center; padding:4vw;\r\n  }\r\n  .gb-lightbox[hidden]{ display:none; }\r\n  .gb-lightbox img{ max-width:100%; max-height:90vh; width:auto; box-shadow:0 30px 80px rgba(0,0,0,.6); }\r\n  .gb-lightbox__cerrar{\r\n    position:absolute; top:18px; right:22px; background:none; border:0; color:var(--gb-crema);\r\n    font-size:2.6rem; line-height:1; cursor:pointer; font-family:var(--gb-f-display);\r\n  }\r\n\r\n  @media (max-width:860px){\r\n    .gb-galeria__cabecera{ grid-template-columns:1fr; }\r\n    .gb-galeria__mosaico{ grid-template-columns:1fr 1fr; grid-template-rows:auto; }\r\n    .gb-galeria__item, .gb-galeria__item--alto{ grid-row:auto; aspect-ratio:3\/4; }\r\n    .gb-galeria__item:nth-child(2){ grid-column:span 2; aspect-ratio:3\/2; }\r\n    .gb-galeria__cita{ grid-column:span 2; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function(){\r\n    document.querySelectorAll('.gb-galeria').forEach(function(sec){\r\n      var lb = sec.querySelector('.gb-lightbox'), img = lb.querySelector('img');\r\n      function cerrar(){ lb.hidden = true; document.body.style.overflow=''; }\r\n      sec.querySelectorAll('.gb-galeria__item').forEach(function(b){\r\n        b.addEventListener('click', function(){\r\n          img.src = b.getAttribute('data-full'); img.alt = b.querySelector('img').alt;\r\n          lb.hidden = false; document.body.style.overflow='hidden';\r\n        });\r\n      });\r\n      lb.addEventListener('click', function(e){ if(e.target !== img) cerrar(); });\r\n      document.addEventListener('keydown', function(e){ if(e.key === 'Escape' && !lb.hidden) cerrar(); });\r\n    });\r\n  })();\r\n<\/script>\r\n\r\n<!-- =========================================================\r\n     GUARDA BOSQUE \u00b7 06 \u00b7 CONTACTO + PIE\r\n     Im\u00e1genes: gb-logo-completo-crema.png\r\n     \u26a0 CAMBIAR: n\u00famero de WhatsApp, usuario de Instagram y email\r\n       (busca \"CAMBIAR\" en este c\u00f3digo)\r\n     ========================================================= -->\r\n<section class=\"gb gb-contacto\" id=\"contacto\">\r\n  <div class=\"gb-wrap gb-contacto__grid\">\r\n    <div>\r\n      <span class=\"gb-antetitulo gb-aparece\">P\u00eddelo<\/span>\r\n      <h2 class=\"gb-titulo gb-aparece\" data-retardo=\"1\">\u00bfQuieres que el bosque <em>llegue a tu casa?<\/em><\/h2>\r\n    <\/div>\r\n    <div class=\"gb-contacto__texto\">\r\n      <p class=\"gb-aparece\" data-retardo=\"1\">\r\n        Hacemos pocas botellas y se van r\u00e1pido. Escr\u00edbenos y te contamos cu\u00e1ndo sale el pr\u00f3ximo lote,\r\n        d\u00f3nde probarlo o c\u00f3mo tenerlo en tu bar.\r\n      <\/p>\r\n      <div class=\"gb-contacto__acciones gb-aparece\" data-retardo=\"2\">\r\n        <!-- CAMBIAR: pon el n\u00famero con prefijo, sin + ni espacios (ej. 34600111222) -->\r\n        <a class=\"gb-btn gb-btn--crema\" href=\"https:\/\/wa.me\/34603032201?text=Hola%2C%20quiero%20una%20botella%20de%20Guarda%20Bosque\" target=\"_blank\" rel=\"noopener\">\r\n          <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Zm0 18.2a8.2 8.2 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2Zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.2-.4.2-.4.7-1.3.1-.1 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 2.9 2.9 0 0 0-.9 2.2 5.1 5.1 0 0 0 1.1 2.7 11.6 11.6 0 0 0 4.4 3.9c1.6.7 2.3.8 3.1.6a2.7 2.7 0 0 0 1.8-1.2 2.2 2.2 0 0 0 .1-1.2c0-.1-.2-.2-.4-.3Z\"\/><\/svg>\r\n          Escr\u00edbenos por WhatsApp\r\n        <\/a>\r\n        <!-- CAMBIAR: usuario de Instagram -->\r\n        <a class=\"gb-btn gb-btn--linea-crema\" href=\"https:\/\/instagram.com\/guardabosque.vermut\" target=\"_blank\" rel=\"noopener\">\r\n          <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" d=\"M7 2.8h10A4.2 4.2 0 0 1 21.2 7v10a4.2 4.2 0 0 1-4.2 4.2H7A4.2 4.2 0 0 1 2.8 17V7A4.2 4.2 0 0 1 7 2.8Z\"\/><circle cx=\"12\" cy=\"12\" r=\"4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><circle cx=\"17.4\" cy=\"6.6\" r=\"1.1\" fill=\"currentColor\"\/><\/svg>\r\n          Instagram\r\n        <\/a>\r\n      <\/div>\r\n      <!-- CAMBIAR: email -->\r\n      <p class=\"gb-contacto__mail gb-aparece\" data-retardo=\"3\">o al correo <a href=\"mailto:hola@guardabosque.com\">hola@guardabosque.com<\/a><\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <svg class=\"gb-contacto__lacre\" viewBox=\"0 0 1440 110\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n    <path d=\"M0,0 H1440 V18 L1345,18 C1339,18 1336,24 1336,54 C1336,71 1340,84 1331,94 C1322,84 1326,71 1326,54 C1326,24 1323,18 1317,18 L1227,18 C1221,18 1218,24 1217,45 C1217,57 1222,67 1213,77 C1204,67 1208,57 1208,45 C1207,24 1205,18 1199,18 L1134,18 C1128,18 1125,24 1125,46 C1125,59 1129,69 1120,79 C1111,69 1115,59 1115,46 C1115,24 1112,18 1106,18 L986,18 C980,18 978,24 978,37 C978,45 981,52 975,59 C968,52 972,45 972,37 C971,24 969,18 963,18 L907,18 C901,18 898,24 897,48 C897,61 902,72 891,84 C880,72 885,61 885,48 C885,24 881,18 875,18 L824,18 C818,18 814,24 813,55 C813,73 819,86 807,100 C795,86 800,73 800,55 C800,24 796,18 790,18 L683,18 C677,18 674,24 674,32 C674,39 678,44 668,55 C659,44 663,39 663,32 C663,24 660,18 654,18 L604,18 C598,18 595,24 595,30 C595,35 599,39 590,49 C581,39 585,35 585,30 C585,24 582,18 576,18 L511,18 C505,18 503,24 502,29 C502,34 506,38 498,46 C491,38 495,34 495,29 C494,24 492,18 486,18 L396,18 C390,18 387,24 387,52 C387,67 391,80 383,89 C374,80 378,67 378,52 C378,24 375,18 369,18 L274,18 C268,18 265,24 265,42 C265,53 269,62 259,73 C249,62 254,53 254,42 C254,24 250,18 244,18 L137,18 C131,18 128,24 128,36 C128,44 132,50 123,60 C114,50 118,44 118,36 C118,24 115,18 109,18 L0,18 Z\"\/>\r\n  <\/svg>\r\n<\/section>\r\n\r\n<footer class=\"gb gb-noche gb-pie\">\r\n  <div class=\"gb-wrap gb-pie__grid\">\r\n    <img decoding=\"async\" class=\"gb-pie__logo gb-claro\" src=\"https:\/\/guardabosque.com\/wp-content\/uploads\/2026\/10\/guardabosque.png\" alt=\"Guarda Bosque \u00b7 Vermut rojo reserva ahumado\" width=\"504\" height=\"940\">\r\n\r\n    <nav class=\"gb-pie__nav\" aria-label=\"Pie\">\r\n      <a href=\"#leyenda\">La leyenda<\/a>\r\n      <a href=\"#el-vermut\">El vermut<\/a>\r\n      <a href=\"#ritual\">C\u00f3mo se sirve<\/a>\r\n      <a href=\"#galeria\">Hecho a mano<\/a>\r\n      <a href=\"#contacto\">Contacto<\/a>\r\n    <\/nav>\r\n\r\n    <div class=\"gb-pie__legal\">\r\n      <div class=\"gb-greca\" aria-hidden=\"true\"><\/div>\r\n      <p><strong>Bebe con responsabilidad.<\/strong> Prohibida su venta a menores de 18 a\u00f1os.<\/p>\r\n      <p>\u00a9 <span class=\"gb-anio\">2026<\/span> Guarda Bosque \u00b7 Vermut artesano elaborado en Espa\u00f1a<\/p>\r\n      <p class=\"gb-pie__links\">\r\n        <!-- CAMBIAR: enlaces a tus p\u00e1ginas legales de WordPress -->\r\n        <a href=\"\/aviso-legal\/\">Aviso legal<\/a> \u00b7 <a href=\"\/politica-de-privacidad\/\">Privacidad<\/a> \u00b7 <a href=\"\/politica-de-cookies\/\">Cookies<\/a>\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<style>\r\n  .gb-contacto{\r\n    background:var(--gb-lacre);\r\n    background-image:radial-gradient(ellipse 70% 90% at 80% 10%, rgba(255,120,90,.18), transparent 60%),\r\n                     radial-gradient(ellipse 60% 70% at 10% 0%, rgba(40,0,0,.3), transparent 70%);\r\n    color:var(--gb-crema);\r\n    padding:clamp(90px,11vw,140px) 0 clamp(60px,7vw,90px);\r\n    z-index:2;\r\n  }\r\n  .gb-contacto__grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(30px,5vw,80px); align-items:end; }\r\n  .gb-contacto .gb-titulo{ margin-top:1.1rem; font-size:clamp(2.1rem,4.6vw,3.9rem); }\r\n  .gb-contacto__texto p{ opacity:.92; }\r\n  .gb-contacto__acciones{ display:flex; flex-wrap:wrap; gap:12px; margin:1.6rem 0 1.2rem; }\r\n  .gb-btn--crema{ background:var(--gb-crema); border-color:var(--gb-crema); color:var(--gb-lacre) !important; }\r\n  .gb-btn--crema:hover{ background:#fff7ea; }\r\n  .gb-btn--linea-crema{ color:var(--gb-crema) !important; border-color:rgba(234,219,196,.7); }\r\n  .gb-btn--linea-crema:hover{ background:var(--gb-crema); color:var(--gb-lacre) !important; }\r\n  .gb-contacto__mail{ font-size:.95rem; }\r\n  .gb-contacto__mail a{ text-decoration:underline; text-underline-offset:4px; }\r\n\r\n  .gb-contacto__lacre{\r\n    position:absolute; left:0; bottom:-108px; width:100%; height:110px; fill:var(--gb-lacre);\r\n    filter:drop-shadow(0 6px 6px rgba(0,0,0,.35));\r\n  }\r\n\r\n  .gb-pie{ padding:clamp(130px,14vw,170px) 0 48px; text-align:center; }\r\n  .gb-pie__grid{ display:flex; flex-direction:column; align-items:center; gap:2.4rem; }\r\n  .gb-pie__logo{ width:140px; opacity:.92; }\r\n  .gb-pie__nav{ display:flex; flex-wrap:wrap; justify-content:center; gap:.6rem 2rem; }\r\n  .gb-pie__nav a{\r\n    font-family:var(--gb-f-etiqueta); text-transform:uppercase; letter-spacing:.2em; font-size:.8rem;\r\n    text-decoration:none; opacity:.75; transition:opacity .3s, color .3s;\r\n  }\r\n  .gb-pie__nav a:hover{ opacity:1; color:var(--gb-kraft); }\r\n  .gb-pie__legal{ width:100%; max-width:560px; font-size:.85rem; opacity:.65; }\r\n  .gb-pie__legal .gb-greca{ color:var(--gb-kraft); margin-bottom:1.4rem; }\r\n  .gb-pie__legal p{ margin:0 0 .4rem !important; }\r\n  .gb-pie__legal strong{ font-weight:500; }\r\n  .gb-pie__links a{ text-decoration:none; }\r\n  .gb-pie__links a:hover{ text-decoration:underline; }\r\n\r\n  @media (max-width:860px){\r\n    .gb-contacto__grid{ grid-template-columns:1fr; }\r\n    .gb-contacto__lacre{ height:70px; bottom:-68px; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  document.querySelectorAll('.gb-anio').forEach(function(e){ e.textContent = new Date().getFullYear(); });\r\n<\/script>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Vermut artesano \u00b7 Hecho entre amigos Lo que el bosque guarda, servido en un vaso con hielo. Descubrir el vermut Quiero una botella La leyenda La criatura del bosque Dicen que en lo m\u00e1s espeso del monte, donde el sendero se pierde y huele a resina y a le\u00f1a, vive una criatura que nadie ha [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/guardabosque.com\/index.php\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/guardabosque.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/guardabosque.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/guardabosque.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/guardabosque.com\/index.php\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":13,"href":"https:\/\/guardabosque.com\/index.php\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":88,"href":"https:\/\/guardabosque.com\/index.php\/wp-json\/wp\/v2\/pages\/22\/revisions\/88"}],"wp:attachment":[{"href":"https:\/\/guardabosque.com\/index.php\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}