{"id":961,"date":"2026-05-19T09:27:32","date_gmt":"2026-05-19T09:27:32","guid":{"rendered":"https:\/\/www.trattoriadallabruna.com\/la-historia\/"},"modified":"2026-07-30T10:03:51","modified_gmt":"2026-07-30T10:03:51","slug":"la-historia","status":"publish","type":"page","link":"https:\/\/www.trattoriadallabruna.com\/es\/la-historia\/","title":{"rendered":"La historia"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"961\" class=\"elementor elementor-961 elementor-66\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcb377f e-flex e-con-boxed e-con e-parent\" data-id=\"fcb377f\" 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-b629706 elementor-widget elementor-widget-heading\" data-id=\"b629706\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">La Historia<\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0926625 elementor-widget elementor-widget-heading\" data-id=\"0926625\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Cada familia tiene sus tradiciones, <br \/>cada cocina sus recetas.<\/h1>\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-1aef0f7 e-flex e-con-boxed e-con e-parent\" data-id=\"1aef0f7\" 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-529ea35 elementor-widget elementor-widget-html\" data-id=\"529ea35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  ============================================================\n  TIMELINE INTERATTIVA \u00b7 Trattoria Dalla Bruna\n  ------------------------------------------------------------\n  COME USARLA IN ELEMENTOR:\n  1. Aggiungi un widget \"HTML\" nella sezione dove vuoi la timeline.\n  2. Incolla TUTTO questo codice (dal <link> fino allo <\/script>).\n  3. Lo sfondo del blocco e' trasparente: gestisci il colore\n     della sezione direttamente da Elementor.\n\n  COME CAMBIARE LE IMMAGINI:\n  - Cerca i 3 tag <img class=\"bt-img\" ...> qui sotto.\n  - Sostituisci src=\"...\" con l'URL della tua foto (Libreria Media).\n  - Niente cornice\/sfondo: si vede solo l'immagine, alla sua\n    proporzione naturale.\n  ============================================================\n-->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter+Tight:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap\" rel=\"stylesheet\">\n\n<style>\n.bruna-tl{\n  --bt-green:#4F6647;\n  --bt-ink:#262420;\n  --bt-body:#5b594f;\n  --bt-track:#e4e0d4;\n  --bt-pad:24px;\n\n  max-width:1180px;\n  margin:0 auto;\n  padding:8px var(--bt-pad);\n  position:relative;\n  background:transparent;\n}\n.bruna-tl, .bruna-tl *{\n  box-sizing:border-box;\n  font-family:'Inter Tight', system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif !important;\n}\n\n\/* ---- spine centrale + riempimento ---- *\/\n.bt-track{\n  position:absolute;\n  top:0; left:50%;\n  transform:translateX(-50%);\n  width:3px;\n  background:var(--bt-track);\n  z-index:0;\n}\n.bt-progress{\n  position:absolute;\n  top:0; left:0;\n  width:100%;\n  height:0;\n  background:var(--bt-green);\n  will-change:height;\n}\n\n\/* ---- singolo step ---- *\/\n.bt-item{\n  position:relative;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  column-gap:96px;\n  align-items:start;\n  margin-bottom:96px;\n}\n.bt-item:last-child{ margin-bottom:0; }\n\n\/* nodo decorativo *\/\n.bt-node{\n  position:absolute;\n  top:6px; left:50%;\n  transform:translateX(-50%) scale(1);\n  width:26px; height:26px;\n  border-radius:50%;\n  background:#ffffff;\n  border:3px solid var(--bt-track);\n  z-index:2;\n  transition:border-color .45s ease, transform .45s ease;\n}\n.bt-node::after{\n  content:\"\";\n  position:absolute; inset:5px;\n  border-radius:50%;\n  background:transparent;\n  transform:scale(.4);\n  opacity:0;\n  transition:transform .45s ease, opacity .45s ease, background .45s ease;\n}\n.bt-node.active{\n  border-color:var(--bt-green);\n  transform:translateX(-50%) scale(1.12);\n}\n.bt-node.active::after{\n  background:var(--bt-green);\n  transform:scale(1);\n  opacity:1;\n}\n\n\/* colonna immagine (sinistra su desktop) \u2014 SOLO l'immagine, nessuna cornice *\/\n.bt-media{\n  grid-column:1;\n  justify-self:end;\n  width:100%;\n  max-width:460px;\n}\n.bt-img{\n  display:block;\n  width:100%;\n  height:auto;\n  border-radius:0;\n  transition:transform .5s ease;\n}\n.bt-item:hover .bt-img{ transform:translateY(-4px); }\n\n\/* colonna testo (destra su desktop) *\/\n.bt-content{\n  grid-column:2;\n  max-width:560px;\n  padding-top:2px;\n}\n.bt-year{\n  display:inline-block;\n  background:var(--bt-green) !important;\n  color:#ffffff !important;\n  font-size:1.25rem !important;\n  font-weight:700 !important;\n  letter-spacing:.12em !important;\n  line-height:1 !important;\n  padding:.42em .8em !important;\n  border-radius:0 !important;\n  margin:0 0 18px !important;\n}\n.bt-title{\n  margin:0 0 6px !important;\n  font-size:clamp(1.5rem, 1rem + 1.5vw, 2.05rem) !important;\n  font-weight:700 !important;\n  letter-spacing:-.01em !important;\n  line-height:1.08 !important;\n  color:var(--bt-ink) !important;\n}\n.bt-rule{\n  width:54px; height:3px;\n  background:var(--bt-green);\n  border:0; border-radius:0;\n  margin:16px 0 20px;\n}\n.bt-body p{\n  margin:0 0 1em !important;\n  font-size:14px !important;\n  line-height:1.75 !important;\n  font-weight:400 !important;\n  color:var(--bt-body) !important;\n}\n.bt-body p:last-child{ margin-bottom:0 !important; }\n.bt-sign{\n  margin:.4em 0 0 !important;\n  font-style:italic !important;\n  font-weight:500 !important;\n  color:var(--bt-green) !important;\n  font-size:1rem !important;\n}\n\n\/* ---- animazione di ingresso (solo se JS attivo) ---- *\/\n.bruna-tl.js .bt-item{\n  opacity:0;\n  transform:translateY(36px);\n  transition:opacity .75s ease, transform .75s ease;\n}\n.bruna-tl.js .bt-item.in{ opacity:1; transform:none; }\n\n\/* ---- DESKTOP: layout alternato \u2014 il 2\u00b0 blocco ha immagine a destra \/ testo a sinistra ---- *\/\n@media (min-width:821px){\n  .bt-media, .bt-content{ grid-row:1; }   \/* immagine e testo sempre sulla stessa riga *\/\n  .bt-media{ align-self:center; }          \/* centra la foto: niente vuoti se \u00e8 pi\u00f9 bassa del testo *\/\n  .bt-item:nth-of-type(even) .bt-media{ grid-column:2; justify-self:start; }\n  .bt-item:nth-of-type(even) .bt-content{ grid-column:1; justify-self:end; }\n}\n\n\/* ---- MOBILE: linea a sinistra, contenuti a destra, FOTO DOPO IL TESTO ---- *\/\n@media (max-width:820px){\n  .bruna-tl{ --bt-pad:18px; padding:4px var(--bt-pad); }\n  .bt-item{\n    grid-template-columns:1fr;\n    column-gap:0;\n    padding-left:48px;\n    padding-right:0;\n    margin-bottom:60px;\n  }\n  .bt-content{\n    grid-column:1;\n    order:1;\n    max-width:none;\n  }\n  .bt-media{\n    grid-column:1;\n    order:2;\n    justify-self:start;\n    max-width:380px;\n    margin-top:22px;\n  }\n  \/* la linea vive in .bruna-tl, i nodi dentro l'item (rientrato di --bt-pad):\n     compenso cosi' restano perfettamente allineati *\/\n  .bt-track{ left:calc(var(--bt-pad) + 22px); }\n  .bt-node{ left:22px; top:4px; }\n}\n\n@media (prefers-reduced-motion:reduce){\n  .bruna-tl.js .bt-item{ opacity:1; transform:none; transition:none; }\n  .bt-node, .bt-node::after, .bt-img{ transition:none; }\n}\n<\/style>\n\n<div class=\"bruna-tl\" id=\"bruna-timeline\">\n\n  <div class=\"bt-track\" aria-hidden=\"true\"><div class=\"bt-progress\"><\/div><\/div>\n\n  <!-- ============ STEP 1 \u00b7 1971 ============ -->\n  <article class=\"bt-item\">\n    <span class=\"bt-node\" aria-hidden=\"true\"><\/span>\n\n    <div class=\"bt-media\">\n      <!-- SOSTITUISCI il src con l'URL della tua foto -->\n      <img decoding=\"async\" class=\"bt-img\" alt=\"1971 \u2014 Rosa y Enrico\" src=\"https:\/\/www.trattoriadallabruna.com\/wp-content\/uploads\/2026\/05\/rosa-enrico-2.png\">\n    <\/div>\n\n    <div class=\"bt-content\">\n      <span class=\"bt-year\">1971<\/span>\n      <h3 class=\"bt-title\">Rosa y Enrico<\/h3>\n      <hr class=\"bt-rule\">\n      <div class=\"bt-body\">\n        <p>Todo nace en 1950\/51. El edificio de la Trattoria es la primera casa que se construy\u00f3 en el barrio al norte de via Mameli: por aquel entonces, a su alrededor solo hab\u00eda campos. <\/p>\n        <p>Con el tiempo hab\u00eda cambiado de gesti\u00f3n y de nombre: primero la Osteria da Ugo, despu\u00e9s la Osteria da Marco. Funcionaba as\u00ed: el local tomaba el nombre de quien trabajaba en \u00e9l. <\/p>\n        <p>En 1971 les toc\u00f3 a mi abuela Rosa Righetti (Rosetta para todos) y a mi abuelo Enrico Cipriani (Rico para todos).<\/p>\n        <p>Rosetta y Rico ven\u00edan de una familia acostumbrada a trabajar la tierra y a cocinar. La familia de \u00e9l gestionaba una trattoria en la colina a quince minutos de Verona, con sus propios terrenos agr\u00edcolas. Rico y Rosetta hab\u00edan crecido all\u00ed: cultivando, cocinando, acogiendo con entusiasmo y calidez.  <\/p>\n        <p>Cuando lleg\u00f3 el momento de pasar la trattoria de la colina a la siguiente generaci\u00f3n, decidieron que el local era demasiado grande para ellos y para sus tres hijas, que a\u00fan eran peque\u00f1as.<\/p>\n        <p>Fue as\u00ed como se hicieron cargo de la gesti\u00f3n de la Osteria da Marco y la sacaron adelante como mejor sab\u00edan hacer. El local se convirti\u00f3 en la Osteria da Rico y, poco a poco, mientras las casas ocupaban el lugar de los campos, se convirti\u00f3 en el punto de referencia del vecindario. <\/p>\n        <p>De 1971 a 1979, mi madre Bruna hab\u00eda repartido su tiempo entre dos cocinas: la osteria de Via Mameli con sus padres, y la Trattoria en la colina, donde hab\u00eda crecido y aprendido el oficio.<\/p>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <!-- ============ STEP 2 \u00b7 1979 ============ -->\n  <article class=\"bt-item\">\n    <span class=\"bt-node\" aria-hidden=\"true\"><\/span>\n\n    <div class=\"bt-media\">\n      <!-- SOSTITUISCI il src con l'URL della tua foto -->\n      <img decoding=\"async\" class=\"bt-img\" alt=\"1979 \u2014 Su hija Bruna con Renzo\" src=\"https:\/\/www.trattoriadallabruna.com\/wp-content\/uploads\/2026\/05\/figlia-bruna-2.png\">\n    <\/div>\n\n    <div class=\"bt-content\">\n      <span class=\"bt-year\">1979<\/span>\n      <h3 class=\"bt-title\">Su hija Bruna con Renzo<\/h3>\n      <hr class=\"bt-rule\">\n      <div class=\"bt-body\">\n        <p>Cuando en 1979 Rosetta y Rico decidieron retirarse, la propuesta fue directa: \"\u00bfQuer\u00e9is continuar vosotros?\".<\/p>\n        <p>Mam\u00e1 Bruna y pap\u00e1 Renzo dijeron S\u00cd.<\/p>\n        <p>A partir de ah\u00ed, todo cambi\u00f3. Las pistas de petanca desaparecieron. La brisca y el vino en la barra dejaron paso a las mesas puestas, a la pasta fresca hecha a mano cada ma\u00f1ana, a los platos de la tradici\u00f3n veronesa.  <\/p>\n        <p>La Osteria se convirti\u00f3 en Trattoria. Y la Trattoria tom\u00f3 el nombre de mi madre: Dalla Bruna. No fue solo un cambio de cartel. Era su forma de decir: aqu\u00ed se cocina como yo aprend\u00ed, con los productos que selecciono con amor, con la hospitalidad que aprend\u00ed de mi madre.   <\/p>\n        <p>Yo crec\u00ed en esta trattoria. Primero viviendo en ella y despu\u00e9s trabajando. <\/p>\n        <p>Ten\u00eda cuatro a\u00f1os y medio cuando mi madre y mi padre se hicieron cargo de ella. Cuando volv\u00eda de la escuela, me sentaba a una mesa, me pon\u00edan delante un plato de pasta y all\u00ed me quedaba. <\/p>\n        <p>Cuando hab\u00eda Pear\u00e0 \u2014la salsa t\u00edpica de la tradici\u00f3n veronesa que acompa\u00f1a a los hervidos\u2014, cog\u00eda el pan y lo mojaba dentro. No s\u00e9 explicarlo. Solo s\u00e9 que ese sabor sigue siendo para m\u00ed, a d\u00eda de hoy, el sabor del hogar.  <\/p>\n        <p>A los trece a\u00f1os decid\u00ed que quer\u00eda ser cocinero. Escuela de hosteler\u00eda, veranos trabajando en otros restaurantes para aprender. Pero ya sab\u00eda a d\u00f3nde volver\u00eda.  <\/p>\n        <p>En 1995 empec\u00e9 a trabajar aqu\u00ed con mi madre, codo con codo cada d\u00eda. No era solo trabajo: eran sus manos las que me ense\u00f1aban a estirar la masa, su voz la que me dec\u00eda cu\u00e1ndo la Pear\u00e0 estaba lista, sus ojos los que comprobaban si realmente lo hab\u00eda entendido. <\/p>\n        <p>Las recetas no se escrib\u00edan. Se miraban, se repet\u00edan, se hac\u00edan propias. Y as\u00ed, d\u00eda tras d\u00eda, todo lo que era suyo se convert\u00eda tambi\u00e9n en m\u00edo.  <\/p>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <!-- ============ STEP 3 \u00b7 2007 ============ -->\n  <article class=\"bt-item\">\n    <span class=\"bt-node\" aria-hidden=\"true\"><\/span>\n\n    <div class=\"bt-media\">\n      <!-- SOSTITUISCI il src con l'URL della tua foto -->\n      <img decoding=\"async\" class=\"bt-img\" alt=\"2007 \u2014 Davide y Chiara\" src=\"https:\/\/www.trattoriadallabruna.com\/wp-content\/uploads\/2026\/05\/davide-2.png\">\n    <\/div>\n\n    <div class=\"bt-content\">\n      <span class=\"bt-year\">2007<\/span>\n      <h3 class=\"bt-title\">Davide y Chiara<\/h3>\n      <hr class=\"bt-rule\">\n      <div class=\"bt-body\">\n        <p>En 2003 me cas\u00e9 con Chiara, que desde entonces es el alma de la sala.<\/p>\n        <p>En 2007 asumimos nosotros la gesti\u00f3n de la Trattoria. Desde entonces trabajamos cada d\u00eda para mejorar \u2014la cocina, el servicio, la experiencia\u2014 sin perder lo que esta Trattoria siempre ha sido. <\/p>\n        <p>Cincuenta y cinco a\u00f1os. Tres generaciones. Una sola alma.  <\/p>\n        <p>Desde Rosetta y Rico, que en 1971 abrieron una osteria donde todav\u00eda hab\u00eda campos. A Bruna, que le dio su nombre y su cocina. Hasta Chiara y yo, que hoy la llevamos adelante con la misma pasi\u00f3n de entonces.  <\/p>\n        <p>Trattoria Dalla Bruna es un pedazo de historia veronesa. Una historia que todav\u00eda contin\u00faa. <\/p>\n        <p>Cada vez que se sienta a nuestra mesa, pasa a formar parte de ella. Y nosotros seguimos haciendo lo que Bruna siempre hizo: acoger con esmero, cocinar con entusiasmo, transmitir lo que hemos recibido. <\/p>\n        <p class=\"bt-sign\">\u2014 Davide Bighelli<\/p>\n      <\/div>\n    <\/div>\n  <\/article>\n\n<\/div>\n\n<script>\n(function(){\n  var root = (document.currentScript && document.currentScript.closest('.bruna-tl')) || document.getElementById('bruna-timeline');\n  if(!root) return;\n\n  var track    = root.querySelector('.bt-track');\n  var progress = root.querySelector('.bt-progress');\n  var items    = Array.prototype.slice.call(root.querySelectorAll('.bt-item'));\n  var nodes    = items.map(function(i){ return i.querySelector('.bt-node'); });\n  var reduce   = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  function layout(){\n    var r = root.getBoundingClientRect();\n    var first = nodes[0].getBoundingClientRect();\n    var last  = nodes[nodes.length-1].getBoundingClientRect();\n    var top    = (first.top - r.top) + first.height\/2;\n    var bottom = (last.top  - r.top) + last.height\/2;\n    track.style.top = top + 'px';\n    track.style.height = (bottom - top) + 'px';\n  }\n\n  function update(){\n    var tr = track.getBoundingClientRect();\n    var ref = window.innerHeight * 0.58;\n    var filled = Math.max(0, Math.min(tr.height, ref - tr.top));\n    progress.style.height = filled + 'px';\n    for(var k=0;k<nodes.length;k++){\n      var b = nodes[k].getBoundingClientRect();\n      var c = b.top + b.height\/2;\n      if(c <= ref + 1) nodes[k].classList.add('active');\n      else nodes[k].classList.remove('active');\n    }\n  }\n\n  function recalc(){ layout(); update(); }\n\n  if(reduce){\n    layout();\n    progress.style.height = track.style.height;\n    nodes.forEach(function(n){ n.classList.add('active'); });\n    return;\n  }\n\n  root.classList.add('js');\n\n  if('IntersectionObserver' in window){\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){ if(e.isIntersecting) e.target.classList.add('in'); });\n    }, { threshold:0.18, rootMargin:'0px 0px -8% 0px' });\n    items.forEach(function(i){ io.observe(i); });\n  } else {\n    items.forEach(function(i){ i.classList.add('in'); });\n  }\n\n  var ticking = false;\n  function onScroll(){\n    if(!ticking){\n      window.requestAnimationFrame(function(){ update(); ticking=false; });\n      ticking = true;\n    }\n  }\n\n  window.addEventListener('scroll', onScroll, { passive:true });\n  window.addEventListener('resize', recalc);\n  window.addEventListener('load', recalc);\n\n  \/* --- ricalcoli per evitare la linea \"strana\" al caricamento --- *\/\n  if(document.fonts && document.fonts.ready){ document.fonts.ready.then(recalc); }\n  root.querySelectorAll('img').forEach(function(img){\n    if(!img.complete){ img.addEventListener('load', recalc); }\n  });\n  if('ResizeObserver' in window){\n    new ResizeObserver(recalc).observe(root);\n  }\n  setTimeout(recalc, 250);\n  setTimeout(recalc, 800);\n\n  if(document.readyState !== 'loading') recalc();\n  else window.addEventListener('DOMContentLoaded', recalc);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f19edaa elementor-align-center elementor-tablet-align-center elementor-widget elementor-widget-button\" data-id=\"f19edaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.trattoriadallabruna.com\/es\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">VOLVER AL INICIO<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>La Historia Cada familia tiene sus tradiciones, cada cocina sus recetas. 1971 Rosa y Enrico Todo nace en 1950\/51. El edificio de la Trattoria es la primera casa que se construy\u00f3 en el barrio al norte de via Mameli: por aquel entonces, a su alrededor solo hab\u00eda campos. Con el tiempo hab\u00eda cambiado de gesti\u00f3n [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-961","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.trattoriadallabruna.com\/es\/wp-json\/wp\/v2\/pages\/961","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.trattoriadallabruna.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.trattoriadallabruna.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.trattoriadallabruna.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.trattoriadallabruna.com\/es\/wp-json\/wp\/v2\/comments?post=961"}],"version-history":[{"count":1,"href":"https:\/\/www.trattoriadallabruna.com\/es\/wp-json\/wp\/v2\/pages\/961\/revisions"}],"predecessor-version":[{"id":962,"href":"https:\/\/www.trattoriadallabruna.com\/es\/wp-json\/wp\/v2\/pages\/961\/revisions\/962"}],"wp:attachment":[{"href":"https:\/\/www.trattoriadallabruna.com\/es\/wp-json\/wp\/v2\/media?parent=961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}