{"id":24,"date":"2026-03-27T10:56:47","date_gmt":"2026-03-27T10:56:47","guid":{"rendered":"http:\/\/www.calabreat.com\/?page_id=24"},"modified":"2026-06-01T17:31:32","modified_gmt":"2026-06-01T17:31:32","slug":"chi-siamo","status":"publish","type":"page","link":"https:\/\/www.calabreat.com\/?page_id=24","title":{"rendered":"Chi siamo"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>CalabrEat \u2013 Il terroir della Calabria<\/title>\n\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&#038;family=Open+Sans:ital,wght@0,300;0,400;0,600;1,300&#038;display=swap\" rel=\"stylesheet\">\n\n  <style>\n    \/* =====================\n       RESET & BASE\n       ===================== *\/\n    *, *::before, *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    html { scroll-behavior: smooth; }\n\n    body {\n      font-family: \"Open Sans\", system-ui, -apple-system, sans-serif;\n      background-color: #f7f5f3;\n      color: #444;\n      line-height: 1.6;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    img { max-width: 100%; display: block; height: auto; }\n    a { color: inherit; text-decoration: none; }\n\n    \/* =====================\n       CSS CUSTOM PROPERTY\n       ===================== *\/\n    :root {\n      --terroir-box-overhang: 140px;\n    }\n\n    \/* =====================\n       PAGE WRAPPER\n       ===================== *\/\n    .terroir-page {\n      max-width: 1100px;\n      margin: 0 auto;\n      padding: 80px 20px;\n    }\n\n    \/* =====================\n       H1\n       ===================== *\/\n    .terroir-page h1 {\n      font-family: \"Playfair Display\", serif;\n      font-size: clamp(32px, 5vw, 56px);\n      font-weight: 400;\n      color: #d7b57a;\n      text-align: center;\n      margin-bottom: 60px;\n    }\n\n    .terroir-page h1 em { font-style: italic; }\n\n    \/* =====================\n       IMMAGINE + BOX OVERLAY\n       Il box fuoriesce sotto la foto usando\n       padding-bottom per riservare lo spazio.\n       ===================== *\/\n    .terroir-top {\n      position: relative;\n      width: 100%;\n      max-width: 1100px;\n      margin: 0 auto 60px;\n      overflow: visible;\n      padding-bottom: var(--terroir-box-overhang);\n    }\n\n    \/* Wrapper solo per clip immagine *\/\n    .terroir-media {\n      width: 100%;\n      border-radius: 4px;\n      overflow: hidden;\n    }\n\n    .terroir-media img {\n      width: 100%;\n      height: clamp(240px, 40vw, 520px);\n      object-fit: cover;\n      display: block;\n    }\n\n    \/* BOX OCRA OVERLAY *\/\n    .terroir-box {\n      position: absolute;\n      top: 40px;\n      right: 40px;\n      z-index: 10;\n      width: 460px;\n      max-width: calc(100% - 80px);\n      background: #e4c184;\n      padding: 40px 36px;\n      border-radius: 4px;\n      color: #fff;\n      font-family: \"Playfair Display\", serif;\n      font-size: clamp(16px, 1.8vw, 20px);\n      line-height: 1.45;\n    }\n\n    .terroir-box strong {\n      font-size: clamp(22px, 3vw, 34px);\n      display: block;\n      margin-bottom: 18px;\n      line-height: 1.1;\n    }\n\n    \/* =====================\n       3 COLONNE TESTO\n       ===================== *\/\n    .terroir-columns {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 40px;\n      margin-bottom: 80px;\n    }\n\n    .terroir-columns p {\n      font-size: 15px;\n      line-height: 1.7;\n    }\n\n    .terroir-columns em { font-style: italic; }\n\n    .terroir-columns a {\n      color: #7b3f30;\n      text-decoration: underline;\n      text-underline-offset: 3px;\n    }\n\n    .terroir-columns a:hover { color: #5a2d22; }\n\n    \/* =====================\n       VIDEO\n       BUG FIX: uso <video> nativo\n       invece di <iframe> per file .mp4\n       ===================== *\/\n    .terroir-video {\n      width: 100%;\n      margin-bottom: 60px;\n    }\n\n    .terroir-video video {\n      width: 100%;\n      height: auto;\n      border-radius: 4px;\n      display: block;\n      background: #000;\n    }\n\n    \/* =====================\n       FOOTER TEXT\n       ===================== *\/\n    .terroir-footer {\n      text-align: center;\n      font-size: 13px;\n      color: #9c7f73;\n      margin-top: 40px;\n      line-height: 1.7;\n    }\n\n    \/* =====================\n       SOCIAL\n       ===================== *\/\n    .terroir-social {\n      text-align: center;\n      margin-top: 40px;\n      font-size: 14px;\n      color: #777;\n    }\n\n    .social-icons {\n      display: flex;\n      justify-content: center;\n      gap: 10px;\n      margin-top: 14px;\n    }\n\n    .social-circle {\n      width: 28px;\n      height: 28px;\n      border-radius: 50%;\n      border: 1px solid #d5c5bf;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 12px;\n      color: #a27e6b;\n      text-decoration: none;\n      transition: background-color 0.2s, color 0.2s;\n    }\n\n    .social-circle:hover {\n      background-color: #a27e6b;\n      color: #fff;\n    }\n\n    \/* =====================\n       RESPONSIVE \u2014 900px\n       ===================== *\/\n    @media (max-width: 900px) {\n      :root {\n        \/* Su mobile il box va sotto l'immagine in flow,\n           quindi non serve padding-bottom *\/\n        --terroir-box-overhang: 0px;\n      }\n\n      .terroir-media img { height: clamp(200px, 45vw, 420px); }\n\n      \/* Box: da overlay ad elemento in flusso *\/\n      .terroir-top {\n        display: flex;\n        flex-direction: column;\n        padding-bottom: 0;\n      }\n\n      .terroir-box {\n        position: static;\n        width: 100%;\n        max-width: 100%;\n        top: auto;\n        right: auto;\n        border-radius: 0 0 4px 4px;\n        padding: 26px 20px;\n        font-size: clamp(15px, 2.5vw, 18px);\n      }\n\n      .terroir-box strong { font-size: clamp(20px, 4vw, 28px); }\n\n      .terroir-columns {\n        grid-template-columns: 1fr;\n        gap: 24px;\n        margin-bottom: 40px;\n      }\n    }\n\n    \/* =====================\n       RESPONSIVE \u2014 600px\n       ===================== *\/\n    @media (max-width: 600px) {\n      .terroir-page { padding: 40px 16px 60px; }\n\n      .terroir-page h1 { margin-bottom: 36px; }\n    }\n\n    \/* =====================\n       RESPONSIVE \u2014 380px\n       ===================== *\/\n    @media (max-width: 380px) {\n      .terroir-page { padding: 30px 12px 50px; }\n    }\n  <\/style>\n<\/head>\n\n<body>\n<div class=\"terroir-page\">\n\n  <h1>Il <em>terroir<\/em> della Calabria<\/h1>\n\n  <!-- ==================== IMMAGINE + BOX OVERLAY ==================== -->\n  <div class=\"terroir-top\">\n\n    <div class=\"terroir-media\">\n      <img fetchpriority=\"high\" decoding=\"async\"\n        src=\"http:\/\/www.calabreat.com\/wp-content\/uploads\/2026\/03\/042-San-Costantino-Calabro-Soc.-Agr.-Mellisape-snc_-scaled.jpg\"\n        alt=\"George Gissing in viaggio lungo la costa calabrese\"\n        width=\"1100\"\n        height=\"520\"\n        loading=\"eager\"\n      >\n    <\/div>\n\n    <div class=\"terroir-box\">\n      <strong>George Gissing (1857\u20131903)<\/strong>\n      Percorrendo le coste del sud Italia, Gissing resta ammaliato dalla punta dello Stivale, lambita dalle splendide acque del mar Ionio e del mar Tirreno,\n      separato dalla Sicilia tramite lo stretto di Messina.\n      <br><br>\n      Un paesaggio colmo di natura selvaggia e misteriosa dove mare incantato e distese verdeggianti si confondono con la linea dell&#8217;orizzonte. Gusti intensi e profumi genuini si amalgamano alle tradizioni locali, dando vita a sapori autentici, decisi e dal gusto intenso e decido.\n      <br><br>\n      E se Calabria \u00e8 tutto questo, CalabrEat ha il sapore di terroir.\n    <\/div>\n\n  <\/div>\n\n  <!-- ==================== 3 COLONNE ==================== -->\n  <div class=\"terroir-columns\">\n\n    <p>\n      L&#8217;origine del termine terroir risale allo sviluppo della lingua francese scritta, e presenta un&#8217;alterazione gallo-romana di <em>territorium<\/em>.\n      Il termine era utilizzato esclusivamente nella forma originale francese e indica l&#8217;unicit\u00e0 di un prodotto, il cui gusto \u00e8 strettamente connesso\n      al luogo da cui ha origine.\n      <br><br>\n      Storia e cultura, fatiche e passioni sono l&#8217;anima del terroir calabrese.\n    <\/p>\n\n    <p>\n      La Regione Calabria fortemente collinare e montuosa, dal Pollino fino alla Sila e alla piana di Lamezia Terme, regala prodotti unici.\n      <br><br>\n      <strong>Il territorio calabrese, cos\u00ec vario e vasto al suo interno, offre tipicit\u00e0 e genuinit\u00e0, esperienze e suggestioni, produzioni autentiche\n      che si tramandano di generazione in generazione.<\/strong>\n    <\/p>\n\n    <p>\n      E se Calabria \u00e8 tutto questo, CalabrEat ha il sapore di terroir. Se non l&#8217;hai gi\u00e0 fatto, non ti resta che <a href=\"#\">scoprirli<\/a>.\n    <\/p>\n\n  <\/div>\n\n  <!-- ==================== VIDEO ==================== -->\n  <!--\n    BUG FIX: l'originale usava <iframe> per un file .mp4 diretto.\n    Gli iframe non sanno riprodurre file video raw \u2014 servono solo\n    per embed di piattaforme (YouTube, Vimeo).\n    Per file .mp4 diretti si usa sempre <video>.\n  -->\n  <div class=\"terroir-video\">\n    <video\n      controls\n      preload=\"metadata\"\n      poster=\"\"\n      aria-label=\"Video promozionale CalabrEat Box\"\n    >\n      <source src=\"http:\/\/www.calabreat.com\/wp-content\/uploads\/2026\/03\/CalabrEAT_Promo_Box.mp4\" type=\"video\/mp4\">\n      Il tuo browser non supporta la riproduzione video.\n      <a href=\"http:\/\/www.calabreat.com\/wp-content\/uploads\/2026\/03\/CalabrEAT_Promo_Box.mp4\">Scarica il video<\/a>.\n    <\/video>\n  <\/div>\n\n  <!-- ==================== FOOTER TEXT ==================== -->\n  <p class=\"terroir-footer\">\n    Selezione e commercio online di prodotti agroalimentari, biologici e di certificata qualit\u00e0.<br>\n    Il <em>terroir CalabrEat<\/em> a casa vostra.<br>\n    info@calabreat.com\n  <\/p>\n\n  <!-- ==================== SOCIAL ==================== -->\n  <div class=\"terroir-social\">\n    <p>Seguici e resta in contatto su:<\/p>\n    <div class=\"social-icons\">\n      <a href=\"#\" class=\"social-circle\" aria-label=\"Seguici su Facebook\">f<\/a>\n      <a href=\"#\" class=\"social-circle\" aria-label=\"Seguici su LinkedIn\">in<\/a>\n      <a href=\"#\" class=\"social-circle\" aria-label=\"Seguici su Instagram\">ig<\/a>\n    <\/div>\n  <\/div>\n\n<\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>CalabrEat \u2013 Il terroir della Calabria Il terroir della Calabria George Gissing (1857\u20131903) Percorrendo le coste del sud Italia, Gissing resta ammaliato dalla punta dello Stivale, lambita dalle splendide acque del mar Ionio e del mar Tirreno, separato dalla Sicilia tramite lo stretto di Messina. Un paesaggio colmo di natura selvaggia e misteriosa dove mare [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.calabreat.com\/index.php?rest_route=\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.calabreat.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.calabreat.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.calabreat.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.calabreat.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24"}],"version-history":[{"count":3,"href":"https:\/\/www.calabreat.com\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":231,"href":"https:\/\/www.calabreat.com\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions\/231"}],"wp:attachment":[{"href":"https:\/\/www.calabreat.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}