{"id":1638,"date":"2026-08-03T10:17:24","date_gmt":"2026-08-03T10:17:24","guid":{"rendered":"https:\/\/stadiaorg.com\/?page_id=1638"},"modified":"2026-08-22T10:17:32","modified_gmt":"2026-08-22T10:17:32","slug":"community","status":"publish","type":"page","link":"https:\/\/staging.stadiaorg.com\/es\/community\/","title":{"rendered":"Comunidad"},"content":{"rendered":"\n<div id=\"sv-food-community\">\n<style>\n#sv-food-community{\n  --navy:#090b2f;\n  --text:#0f172a;\n  --muted:#64748b;\n  --line:#e2e8f0;\n  --purple:#6a5cff;\n  --purple2:#8b5cf6;\n  --orange:#ea580c;\n  --orange2:#f97316;\n  width:100%;\n  max-width:none;\n  margin:0;\n  padding:0 0 96px;\n  overflow:hidden;\n  background:#fff;\n  color:var(--text);\n  font-family:Arial,Helvetica,sans-serif\n}\n#sv-food-community,#sv-food-community *{box-sizing:border-box}\n#sv-food-community a{text-decoration:none!important}\nbody:has(#sv-food-community) .entry-title,\nbody:has(#sv-food-community) .wp-block-post-title,\nbody:has(#sv-food-community) header.entry-header,\nbody:has(#sv-food-community) .page-header{display:none!important}\nbody:has(#sv-food-community) .entry-content,\nbody:has(#sv-food-community) .wp-block-post-content,\nbody:has(#sv-food-community) main,\nbody:has(#sv-food-community) .site-main,\nbody:has(#sv-food-community) article{\n  width:100%!important;\n  max-width:none!important;\n  margin:0!important;\n  padding-left:0!important;\n  padding-right:0!important\n}\n#sv-food-community .wrap{width:min(1320px,94vw);margin:0 auto;padding:0 28px}\n#sv-food-community .anchor{scroll-margin-top:110px}\n\n\/* INTERNAL NAV *\/\n#sv-food-community .community-nav{\n  position:sticky;\n  top:0;\n  z-index:40;\n  border-bottom:1px solid rgba(226,232,240,.9);\n  background:rgba(255,255,255,.94);\n  backdrop-filter:blur(14px)\n}\n#sv-food-community .community-nav-inner{\n  min-height:66px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:16px\n}\n#sv-food-community .community-brand{\n  color:var(--navy)!important;\n  font-size:15px;\n  font-weight:900;\n  white-space:nowrap\n}\n#sv-food-community .community-menu{\n  display:flex;\n  flex-wrap:wrap;\n  align-items:center;\n  justify-content:center;\n  gap:8px\n}\n#sv-food-community .community-menu a{\n  padding:9px 12px;\n  border-radius:12px;\n  color:#334155!important;\n  font-size:12px;\n  font-weight:900\n}\n#sv-food-community .community-menu a:hover{background:#eef2ff;color:#4f46e5!important}\n#sv-food-community .back-link{\n  min-height:40px;\n  padding:10px 14px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  border:1px solid #ddd6fe;\n  border-radius:13px;\n  background:#f5f3ff;\n  color:#4f46e5!important;\n  font-size:12px;\n  font-weight:900;\n  white-space:nowrap\n}\n\n\/* HERO *\/\n#sv-food-community .hero{\n  position:relative;\n  padding:76px 0 84px;\n  background:\n    radial-gradient(circle at 16% 15%,rgba(106,92,255,.14),transparent 30%),\n    radial-gradient(circle at 86% 24%,rgba(249,115,22,.10),transparent 28%),\n    linear-gradient(135deg,#f8fafc,#fff,#fff7ed);\n  border-radius:0 0 52px 52px;\n  overflow:hidden\n}\n#sv-food-community .hero-grid{\n  display:grid;\n  grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);\n  gap:50px;\n  align-items:center\n}\n#sv-food-community .kicker{\n  display:inline-flex;\n  margin-bottom:18px;\n  padding:9px 14px;\n  border-radius:999px;\n  background:#eef2ff;\n  color:#4f46e5;\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:.09em;\n  text-transform:uppercase\n}\n#sv-food-community h1{\n  margin:0 0 20px;\n  color:var(--navy);\n  font-size:clamp(54px,5.6vw,90px);\n  line-height:.96;\n  letter-spacing:-.06em;\n  font-weight:900\n}\n#sv-food-community .lead{\n  max-width:720px;\n  margin:0 0 28px;\n  color:#475569;\n  font-size:20px;\n  line-height:1.65\n}\n#sv-food-community .actions{display:flex;flex-wrap:wrap;gap:12px}\n#sv-food-community .primary,#sv-food-community .secondary{\n  min-height:54px;\n  padding:14px 22px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:16px;\n  font-size:14px;\n  font-weight:900\n}\n#sv-food-community .primary{\n  background:linear-gradient(135deg,var(--purple),var(--purple2));\n  color:#fff!important;\n  box-shadow:0 18px 40px rgba(106,92,255,.24)\n}\n#sv-food-community .secondary{\n  background:#fff;\n  color:#7c2d12!important;\n  border:1px solid #fed7aa\n}\n#sv-food-community .hero-panel{\n  padding:28px;\n  border:1px solid #ddd6fe;\n  border-radius:30px;\n  background:rgba(255,255,255,.94);\n  box-shadow:0 30px 80px rgba(15,23,42,.14)\n}\n#sv-food-community .hero-panel h2{\n  margin:0 0 10px;\n  color:var(--navy);\n  font-size:28px\n}\n#sv-food-community .hero-panel p{\n  margin:0 0 18px;\n  color:var(--muted);\n  font-size:14px;\n  line-height:1.65\n}\n#sv-food-community .quick-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:12px\n}\n#sv-food-community .quick-card{\n  padding:16px;\n  border:1px solid var(--line);\n  border-radius:18px;\n  background:#f8fafc\n}\n#sv-food-community .quick-card span{display:block;font-size:24px;margin-bottom:8px}\n#sv-food-community .quick-card strong{\n  display:block;\n  margin-bottom:5px;\n  color:var(--navy);\n  font-size:14px\n}\n#sv-food-community .quick-card small{\n  color:var(--muted);\n  font-size:11px;\n  line-height:1.45\n}\n\n\/* SECTIONS *\/\n#sv-food-community .section{padding:90px 0 0}\n#sv-food-community .section-head{\n  max-width:900px;\n  margin:0 auto 40px;\n  text-align:center\n}\n#sv-food-community .section-head h2{\n  margin:0 0 14px;\n  color:var(--navy);\n  font-size:clamp(38px,4vw,62px);\n  line-height:1.03;\n  letter-spacing:-.05em\n}\n#sv-food-community .section-head p{\n  margin:0;\n  color:var(--muted);\n  font-size:18px;\n  line-height:1.65\n}\n\n\/* TOPICS *\/\n#sv-food-community .topic-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:18px\n}\n#sv-food-community .topic-card{\n  display:flex;\n  flex-direction:column;\n  min-height:230px;\n  padding:24px;\n  border:1px solid var(--line);\n  border-radius:24px;\n  background:#fff;\n  box-shadow:0 18px 48px rgba(15,23,42,.06)\n}\n#sv-food-community .topic-card .icon{font-size:30px;margin-bottom:14px}\n#sv-food-community .topic-card h3{\n  margin:0 0 9px;\n  color:var(--navy);\n  font-size:21px\n}\n#sv-food-community .topic-card p{\n  margin:0 0 18px;\n  color:var(--muted);\n  font-size:13px;\n  line-height:1.62\n}\n#sv-food-community .topic-card a{\n  margin-top:auto;\n  color:#4f46e5!important;\n  font-size:12px;\n  font-weight:900\n}\n\n\/* CONTRIBUTE *\/\n#sv-food-community .contribute{\n  display:grid;\n  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);\n  gap:36px;\n  align-items:center;\n  padding:42px;\n  border-radius:38px;\n  background:linear-gradient(135deg,#020617,#111827);\n  color:#fff\n}\n#sv-food-community .contribute h2{\n  margin:0 0 14px;\n  color:#fff;\n  font-size:clamp(38px,4vw,60px);\n  line-height:1;\n  letter-spacing:-.05em\n}\n#sv-food-community .contribute p{\n  margin:0;\n  color:rgba(255,255,255,.72);\n  font-size:17px;\n  line-height:1.7\n}\n#sv-food-community .contribute-box{\n  padding:26px;\n  border:1px solid rgba(255,255,255,.14);\n  border-radius:24px;\n  background:rgba(255,255,255,.08)\n}\n#sv-food-community .contribute-box strong{\n  display:block;\n  margin-bottom:12px;\n  color:#fff;\n  font-size:19px\n}\n#sv-food-community .contribute-box ul{\n  margin:0 0 22px;\n  padding-left:20px;\n  color:rgba(255,255,255,.74);\n  font-size:14px;\n  line-height:1.7\n}\n#sv-food-community .contribute-box a{\n  min-height:50px;\n  padding:13px 20px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:15px;\n  background:#fff;\n  color:#090b2f!important;\n  font-size:13px;\n  font-weight:900\n}\n\n\/* POSTS *\/\n#sv-food-community .post-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:18px\n}\n#sv-food-community .post-card{\n  display:flex;\n  flex-direction:column;\n  min-height:260px;\n  padding:24px;\n  border:1px solid var(--line);\n  border-radius:24px;\n  background:#fff;\n  box-shadow:0 18px 48px rgba(15,23,42,.06)\n}\n#sv-food-community .post-card .meta{\n  margin-bottom:12px;\n  color:#4f46e5;\n  font-size:10px;\n  font-weight:900;\n  letter-spacing:.07em;\n  text-transform:uppercase\n}\n#sv-food-community .post-card h3{\n  margin:0 0 10px;\n  color:var(--navy);\n  font-size:21px\n}\n#sv-food-community .post-card p{\n  margin:0 0 18px;\n  color:var(--muted);\n  font-size:13px;\n  line-height:1.62\n}\n#sv-food-community .post-card a{\n  margin-top:auto;\n  color:#c2410c!important;\n  font-size:12px;\n  font-weight:900\n}\n#sv-food-community .empty{\n  border-style:dashed;\n  background:#f8fafc;\n  justify-content:center;\n  text-align:center\n}\n\n#sv-food-community .post-card.has-image{\n  padding:0;\n  overflow:hidden\n}\n#sv-food-community .post-card .post-image{\n  display:block;\n  width:100%;\n  aspect-ratio:16\/10;\n  object-fit:cover;\n  background:#f1f5f9\n}\n#sv-food-community .post-card .post-body{\n  display:flex;\n  flex-direction:column;\n  flex:1;\n  padding:22px\n}\n#sv-food-community .post-card .post-excerpt{\n  margin:0 0 18px;\n  color:var(--muted);\n  font-size:13px;\n  line-height:1.62\n}\n#sv-food-community .post-card .post-meta-line{\n  margin-bottom:10px;\n  color:#4f46e5;\n  font-size:10px;\n  font-weight:900;\n  letter-spacing:.07em;\n  text-transform:uppercase\n}\n\n\/* RULES *\/\n#sv-food-community .rules-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:18px\n}\n#sv-food-community .rule-card{\n  padding:24px;\n  border:1px solid #ddd6fe;\n  border-radius:24px;\n  background:#f5f3ff\n}\n#sv-food-community .rule-card strong{\n  display:block;\n  margin-bottom:8px;\n  color:#4f46e5;\n  font-size:18px\n}\n#sv-food-community .rule-card p{\n  margin:0;\n  color:#64748b;\n  font-size:13px;\n  line-height:1.62\n}\n\n\/* LINKS *\/\n#sv-food-community .return-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:16px\n}\n#sv-food-community .return-card{\n  display:flex;\n  flex-direction:column;\n  min-height:205px;\n  padding:24px;\n  border:1px solid var(--line);\n  border-radius:24px;\n  background:#fff\n}\n#sv-food-community .return-card span{font-size:28px;margin-bottom:14px}\n#sv-food-community .return-card strong{\n  display:block;\n  margin-bottom:8px;\n  color:var(--navy);\n  font-size:19px\n}\n#sv-food-community .return-card p{\n  margin:0 0 18px;\n  color:var(--muted);\n  font-size:13px;\n  line-height:1.55\n}\n#sv-food-community .return-card a{\n  margin-top:auto;\n  color:#4f46e5!important;\n  font-size:12px;\n  font-weight:900\n}\n\n@media(max-width:1050px){\n  #sv-food-community .hero-grid,\n  #sv-food-community .contribute{grid-template-columns:1fr}\n  #sv-food-community .topic-grid,\n  #sv-food-community .return-grid{grid-template-columns:repeat(2,1fr)}\n  #sv-food-community .post-grid,\n  #sv-food-community .rules-grid{grid-template-columns:1fr}\n}\n@media(max-width:760px){\n  #sv-food-community .community-nav-inner{align-items:flex-start;padding:12px 0;flex-direction:column}\n  #sv-food-community .community-menu{justify-content:flex-start}\n  #sv-food-community .wrap{width:100%;padding:0 16px}\n  #sv-food-community .hero{padding:42px 0 54px;border-radius:0 0 34px 34px}\n  #sv-food-community h1{font-size:47px}\n  #sv-food-community .lead{font-size:17px}\n  #sv-food-community .topic-grid,\n  #sv-food-community .return-grid,\n  #sv-food-community .quick-grid{grid-template-columns:1fr}\n  #sv-food-community .contribute{padding:30px 20px}\n  #sv-food-community .actions{display:grid}\n  #sv-food-community .primary,#sv-food-community .secondary{width:100%}\n}\n\n\/* COMMUNITY V3 \u2014 MEDITERRANEAN STORIES \/ CF7 READY *\/\n#sv-food-community .med-box{\n  margin-top:28px;\n  padding:34px;\n  border:1px solid #bae6fd;\n  border-radius:30px;\n  background:linear-gradient(135deg,#effaff,#fff);\n  box-shadow:0 20px 58px rgba(15,23,42,.07)\n}\n#sv-food-community .med-head{\n  display:grid;\n  grid-template-columns:minmax(0,1fr) auto;\n  gap:24px;\n  align-items:end;\n  margin-bottom:24px\n}\n#sv-food-community .med-head h3{\n  margin:0 0 8px;\n  color:var(--navy);\n  font-size:32px;\n  line-height:1.05\n}\n#sv-food-community .med-head p{\n  margin:0;\n  color:var(--muted);\n  font-size:15px;\n  line-height:1.65;\n  max-width:760px\n}\n#sv-food-community .med-head a{\n  padding:11px 15px;\n  border:1px solid #bae6fd;\n  border-radius:14px;\n  background:#fff;\n  color:#0369a1!important;\n  font-size:12px;\n  font-weight:900\n}\n#sv-food-community .contribution-types{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:12px;\n  margin:22px 0\n}\n#sv-food-community .type-card{\n  padding:17px 12px;\n  border:1px solid #dbeafe;\n  border-radius:18px;\n  background:#fff;\n  text-align:center\n}\n#sv-food-community .type-card span{\n  display:block;\n  font-size:26px;\n  margin-bottom:7px\n}\n#sv-food-community .type-card strong{\n  display:block;\n  color:var(--navy);\n  font-size:12px\n}\n#sv-food-community .community-prep{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:14px\n}\n#sv-food-community .prep-field{\n  display:flex;\n  flex-direction:column;\n  gap:7px\n}\n#sv-food-community .prep-field.full{grid-column:1\/-1}\n#sv-food-community .prep-field label{\n  color:#334155;\n  font-size:12px;\n  font-weight:900\n}\n#sv-food-community .prep-field input,\n#sv-food-community .prep-field select,\n#sv-food-community .prep-field textarea{\n  width:100%;\n  padding:13px 14px;\n  border:1px solid #cbd5e1;\n  border-radius:13px;\n  background:#fff;\n  color:#0f172a;\n  font:inherit\n}\n#sv-food-community .prep-field textarea{\n  min-height:150px;\n  resize:vertical\n}\n#sv-food-community .privacy-note{\n  grid-column:1\/-1;\n  padding:14px 16px;\n  border-radius:14px;\n  background:#f8fafc;\n  color:#64748b;\n  font-size:12px;\n  line-height:1.6\n}\n#sv-food-community .prep-actions{\n  grid-column:1\/-1;\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  align-items:center\n}\n#sv-food-community .prep-actions button{\n  min-height:50px;\n  padding:13px 20px;\n  border:0;\n  border-radius:15px;\n  cursor:pointer;\n  background:linear-gradient(135deg,var(--purple),var(--purple2));\n  color:#fff;\n  font-weight:900\n}\n#sv-food-community .prep-actions small{\n  color:#64748b;\n  line-height:1.5\n}\n#sv-food-community .prep-status{\n  grid-column:1\/-1;\n  display:none;\n  padding:14px 16px;\n  border-radius:14px;\n  background:#ecfdf5;\n  color:#166534;\n  font-size:13px;\n  font-weight:700\n}\n@media(max-width:1050px){\n  #sv-food-community .contribution-types{grid-template-columns:repeat(3,1fr)}\n}\n@media(max-width:760px){\n  #sv-food-community .med-box{padding:22px 16px}\n  #sv-food-community .med-head,\n  #sv-food-community .community-prep{grid-template-columns:1fr}\n  #sv-food-community .contribution-types{grid-template-columns:repeat(2,1fr)}\n  #sv-food-community .prep-field.full,\n  #sv-food-community .privacy-note,\n  #sv-food-community .prep-actions,\n  #sv-food-community .prep-status{grid-column:auto}\n}\n\n<\/style>\n\n<nav class=\"community-nav\" aria-label=\"Food Community navigation\">\n  <div class=\"wrap community-nav-inner\">\n    <a class=\"community-brand\" href=\"\/community\/\">\ud83d\udcac Food Community<\/a>\n\n    <div class=\"community-menu\">\n      <a href=\"#topics\">Topics<\/a>\n      <a href=\"#contribute\">Contribute<\/a>\n      <a href=\"#mediterranean-stories\">Mediterranean Stories<\/a>\n      <a href=\"#latest-posts\">Latest Posts<\/a>\n      <a href=\"#community-rules\">Rules<\/a>\n      <a href=\"#stadia-links\">Stadia Pages<\/a>\n    <\/div>\n\n    <a class=\"back-link\" href=\"\/food-stories\/\">\u2190 Back to Food &amp; Stories<\/a>\n  <\/div>\n<\/nav>\n\n<section class=\"hero\">\n  <div class=\"wrap\">\n    <div class=\"hero-grid\">\n      <div>\n        <div class=\"kicker\">Food &amp; Stories \u00b7 Community<\/div>\n        <h1>Share food.<br>Share knowledge.<br>Meet people.<\/h1>\n        <p class=\"lead\">This is the participation area of Food &amp; Stories. Visitors can contribute recipes, photographs, questions, product experiences, wine notes, regional traditions and personal stories connected with food.<\/p>\n\n        <div class=\"actions\">\n          <a class=\"primary\" href=\"#island-contribute\">Share an island story \u2192<\/a>\n          <a class=\"secondary\" href=\"#topics\">Explore the topics<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"hero-panel\">\n        <h2>What can people discuss?<\/h2>\n        <p>The Community is broader than recipes. It is a place for practical knowledge, memories, comparisons and respectful conversation.<\/p>\n\n        <div class=\"quick-grid\">\n          <div class=\"quick-card\"><span>\ud83c\udf5d<\/span><strong>Recipes<\/strong><small>Family dishes, techniques and variations.<\/small><\/div>\n          <div class=\"quick-card\"><span>\ud83c\udf77<\/span><strong>Wines<\/strong><small>Regions, vintages, producers and pairings.<\/small><\/div>\n          <div class=\"quick-card\"><span>\ud83d\udc1f<\/span><strong>Seafood<\/strong><small>Fish, crustaceans, molluscs and fishing stories.<\/small><\/div>\n          <div class=\"quick-card\"><span>\ud83d\udca7<\/span><strong>Mineral waters<\/strong><small>Sources, composition, taste and combinations.<\/small><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"topics\" class=\"section anchor\">\n  <div class=\"wrap\">\n    <div class=\"section-head\">\n      <h2>Choose a conversation<\/h2>\n      <p>Each topic can later become its own stream of contributions and comments.<\/p>\n    <\/div>\n\n    <div class=\"topic-grid\">\n      <article class=\"topic-card\"><div class=\"icon\">\ud83d\udc75<\/div><h3>Family Recipes<\/h3><p>Recipes, handwritten notes, memories and variations passed through generations.<\/p><a href=\"\/family-recipes\/\">Open Family Recipes \u2192<\/a><\/article>\n      <article class=\"topic-card\"><div class=\"icon\">\ud83d\udc1f<\/div><h3>Fish &amp; Seafood<\/h3><p>Fish, shellfish, molluscs, preparation methods, fishing places and coastal traditions.<\/p><a href=\"#contribute\">Start a seafood discussion \u2192<\/a><\/article>\n      <article class=\"topic-card\"><div class=\"icon\">\ud83c\udf77<\/div><h3>Wines<\/h3><p>Tasting experiences, producers, regions, grape varieties and food pairings.<\/p><a href=\"#contribute\">Share a wine experience \u2192<\/a><\/article>\n      <article class=\"topic-card\"><div class=\"icon\">\ud83e\udd56<\/div><h3>Bread<\/h3><p>Flours, sourdough, fermentation, baking methods and traditional breads.<\/p><a href=\"#contribute\">Share a bread tradition \u2192<\/a><\/article>\n      <article class=\"topic-card\"><div class=\"icon\">\ud83e\udd69<\/div><h3>Meat<\/h3><p>Cuts, cooking methods, regional dishes, preservation and practical advice.<\/p><a href=\"#contribute\">Open a meat topic \u2192<\/a><\/article>\n      <article class=\"topic-card\"><div class=\"icon\">\ud83e\uddc0<\/div><h3>Cheese<\/h3><p>Milk, regions, ageing, producers, tasting and traditional pairings.<\/p><a href=\"#contribute\">Discuss cheese \u2192<\/a><\/article>\n      <article class=\"topic-card\"><div class=\"icon\">\ud83d\udca7<\/div><h3>Mineral Waters<\/h3><p>Sources, minerals, carbonation, taste and food combinations.<\/p><a href=\"#contribute\">Compare mineral waters \u2192<\/a><\/article>\n      <article class=\"topic-card\"><div class=\"icon\">\ud83c\udf3f<\/div><h3>Regional Products<\/h3><p>Olive oil, herbs, cured meats, grains, preserves and small producers.<\/p><a href=\"#contribute\">Recommend a product \u2192<\/a><\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"contribute\" class=\"section anchor\">\n  <div class=\"wrap\">\n    <div class=\"contribute\">\n      <div>\n        <h2>Contribute to the community<\/h2>\n        <p>At the beginning, submissions should be moderated before publication. This keeps the site useful, trustworthy and protected from spam.<\/p>\n      <\/div>\n\n      <div class=\"contribute-box\">\n        <strong>A contribution may include<\/strong>\n        <ul>\n          <li>Title and category<\/li>\n          <li>Recipe, question, product review or personal story<\/li>\n          <li>Photographs or handwritten notes<\/li>\n          <li>Place, region or producer<\/li>\n          <li>Practical details and family variations<\/li>\n          <li>Name to display publicly<\/li>\n        <\/ul>\n        <a href=\"\/contact\/\">Send your contribution \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"mediterranean-stories\" class=\"section anchor\">\n  <div class=\"wrap\">\n    <div class=\"section-head\">\n      <h2>Mediterranean Stories<\/h2>\n      <p>Food is only one part of a place. This area opens the Community to islands worldwide: Mediterranean, Atlantic, Caribbean, Indian Ocean, Pacific and beyond.<\/p>\n    <\/div>\n\n    <div class=\"med-box\" id=\"island-contribute\">\n      <div class=\"med-head\">\n        <div>\n          <h3>Share an Island Story<\/h3>\n          <p>Share a memory, photograph, recipe, marine observation or question from any island in the world. Choose an area or archipelago, then enter the exact island or place.<\/p>\n        <\/div>\n        <a href=\"\/mediterranean-islands\/\">Explore Mediterranean Islands \u2192<\/a>\n      <\/div>\n\n      <div class=\"contribution-types\">\n        <div class=\"type-card\"><span>\ud83d\udcad<\/span><strong>Memory<\/strong><\/div>\n        <div class=\"type-card\"><span>\ud83d\udcf7<\/span><strong>Photograph<\/strong><\/div>\n        <div class=\"type-card\"><span>\ud83c\udf5d<\/span><strong>Recipe<\/strong><\/div>\n        <div class=\"type-card\"><span>\ud83d\udc2c<\/span><strong>Marine observation<\/strong><\/div>\n        <div class=\"type-card\"><span>\u2753<\/span><strong>Question<\/strong><\/div>\n      <\/div>\n\n      <form class=\"community-prep\" id=\"sv-community-prep\">\n        <div class=\"prep-field\">\n          <label for=\"sv-area\">Area \/ archipelago<\/label>\n          <select id=\"sv-area\" name=\"area\" required>\n            <option value=\"\">Choose an area\u2026<\/option>\n            <option>Italy &#038; Sicily<\/option>\n            <option>Egadi Islands<\/option>\n            <option>Aeolian Islands<\/option>\n            <option>Canary Islands<\/option>\n            <option>Balearic Islands<\/option>\n            <option>Greek Islands<\/option>\n            <option>Atlantic Islands<\/option>\n            <option>Caribbean Islands<\/option>\n            <option>Indian Ocean Islands<\/option>\n            <option>Pacific Islands<\/option>\n            <option>Other Islands<\/option>\n          <\/select>\n        <\/div>\n\n        <div class=\"prep-field\">\n          <label for=\"sv-place-select\">Island \/ place<\/label>\n          <select id=\"sv-place-select\" name=\"place-select\" required disabled>\n            <option value=\"\">Choose an area first\u2026<\/option>\n          <\/select>\n        <\/div>\n\n        <div class=\"prep-field full\" id=\"sv-other-place-wrap\" style=\"display:none\">\n          <label for=\"sv-other-place\">Other island \/ place<\/label>\n          <input id=\"sv-other-place\" name=\"other-place\" placeholder=\"Write the exact island or place\">\n        <\/div>\n\n        <div class=\"prep-field full\">\n          <label for=\"sv-title\">Story title<\/label>\n          <input id=\"sv-title\" name=\"title\" required placeholder=\"Example: A memory from Santorini\">\n        <\/div>\n\n        <div class=\"prep-field full\">\n          <label for=\"sv-type\">Contribution type<\/label>\n          <select id=\"sv-type\" name=\"type\" required>\n            <option value=\"\">Choose one\u2026<\/option>\n            <option>Memory<\/option>\n            <option>Photograph<\/option>\n            <option>Recipe<\/option>\n            <option>Marine observation<\/option>\n            <option>Question<\/option>\n          <\/select>\n        <\/div>\n\n        <div class=\"prep-field\">\n          <label for=\"sv-period\">Approximate year or period<\/label>\n          <input id=\"sv-period\" name=\"period\" placeholder=\"Example: summer 1995, 1980s, April 2019\">\n        <\/div>\n\n        <div class=\"prep-field\">\n          <label for=\"sv-name\">Public name<\/label>\n          <input id=\"sv-name\" name=\"name\" placeholder=\"Your name, nickname, or Anonymous\">\n        <\/div>\n\n        <div class=\"prep-field full\">\n          <label for=\"sv-story\">Your story, observation or question<\/label>\n          <textarea id=\"sv-story\" name=\"story\" required placeholder=\"Tell the community what you remember or observed\u2026\"><\/textarea>\n        <\/div>\n\n        <div class=\"prep-field full\">\n          <label for=\"sv-photo\">Photograph URL (optional)<\/label>\n          <input id=\"sv-photo\" name=\"photo\" type=\"url\" placeholder=\"If the photograph is already online, paste its URL here\">\n        <\/div>\n\n        <div class=\"privacy-note\">\n          Please do not include exact offshore fishing coordinates, private addresses, telephone numbers or other sensitive personal information. Approximate areas and periods are sufficient. For remote or little-known islands, a general location is enough.\n        <\/div>\n\n        <div class=\"prep-actions\">\n          <button type=\"submit\" id=\"sv-community-continue\">Continue to moderated form \u2192<\/button>\n          <small>Nothing is published automatically. The next page sends the contribution to Stadia for moderation and review.<\/small>\n        <\/div>\n\n        <div class=\"prep-status\" id=\"sv-prep-status\">\n          Your island contribution is ready. Opening the Stadia contact form\u2026\n        <\/div>\n      <\/form>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"latest-posts\" class=\"section anchor\">\n  <div class=\"wrap\">\n    <div class=\"section-head\">\n      <h2>Latest community posts<\/h2>\n      <p>Published contributions appear here automatically after moderation.<\/p>\n    <\/div>\n\n    <div class=\"post-grid\" id=\"sv-community-post-grid\">\n      <article class=\"post-card empty\">\n        <div class=\"meta\">Loading<\/div>\n        <h3>Loading community posts\u2026<\/h3>\n        <p>Please wait a moment while the latest published contributions are loaded.<\/p>\n      <\/article>\n    <\/div>\n\n    <div id=\"sv-community-post-status\" style=\"display:none;margin-top:18px;text-align:center;color:#64748b;font-size:13px\"><\/div>\n  <\/div>\n<\/section>\n\n<section id=\"community-rules\" class=\"section anchor\">\n  <div class=\"wrap\">\n    <div class=\"section-head\">\n      <h2>Simple rules for useful conversation<\/h2>\n      <p>The community should feel open, but it also needs clear standards.<\/p>\n    <\/div>\n\n    <div class=\"rules-grid\">\n      <article class=\"rule-card\"><strong>Be respectful<\/strong><p>Discuss techniques and opinions without insulting people, families, cultures or producers.<\/p><\/article>\n      <article class=\"rule-card\"><strong>Share real experience<\/strong><p>Clearly distinguish personal experience, family tradition, opinion and verified information.<\/p><\/article>\n      <article class=\"rule-card\"><strong>No hidden advertising<\/strong><p>Commercial relationships and promotions should be disclosed and approved before publication.<\/p><\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"stadia-links\" class=\"section anchor\">\n  <div class=\"wrap\">\n    <div class=\"section-head\">\n      <h2>Continue through Stadia Vitae<\/h2>\n      <p>The Food Community remains connected with Food &amp; Stories and the other Stadia paths.<\/p>\n    <\/div>\n\n    <div class=\"return-grid\">\n      <article class=\"return-card\"><span>\ud83c\udf77<\/span><strong>Food &amp; Stories<\/strong><p>Return to the main food portal and its categories.<\/p><a href=\"\/food-stories\/\">Back to Food &amp; Stories \u2192<\/a><\/article>\n      <article class=\"return-card\"><span>\ud83d\udc75<\/span><strong>Family Recipes<\/strong><p>Explore recipes, memories and handwritten family traditions.<\/p><a href=\"\/family-recipes\/\">Open Family Recipes \u2192<\/a><\/article>\n      <article class=\"return-card\"><span>\ud83c\udfe0<\/span><strong>Stadia Home<\/strong><p>Return to the main Stadia Vitae entrance.<\/p><a href=\"\/\">Go to Stadia Home \u2192<\/a><\/article>\n      <article class=\"return-card\"><span>\ud83c\udfdd\ufe0f<\/span><strong>Lampedusa<\/strong><p>Explore island memories, sea life, fishing traditions and photographs.<\/p><a href=\"\/lampedusa\/\">Open Lampedusa \u2192<\/a><\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  const form=document.getElementById('sv-community-prep');\n  if(!form) return;\n\n  const areaSelect=document.getElementById('sv-area');\n  const placeSelect=document.getElementById('sv-place-select');\n  const otherWrap=document.getElementById('sv-other-place-wrap');\n  const otherPlace=document.getElementById('sv-other-place');\n\n  const islandsByArea={\n    'Italy & Sicily':[\n      'Lampedusa','Linosa & Lampione','Sicily','Sardinia','Ventotene'\n    ],\n    'Egadi Islands':[\n      'Favignana','Levanzo','Marettimo'\n    ],\n    'Aeolian Islands':[\n      'Lipari','Vulcano','Salina','Stromboli','Panarea','Filicudi','Alicudi'\n    ],\n    'Canary Islands':[\n      'Tenerife','Gran Canaria','Lanzarote','Fuerteventura','La Palma','La Gomera','El Hierro'\n    ],\n    'Balearic Islands':[\n      'Mallorca','Menorca','Ibiza','Formentera'\n    ],\n    'Greek Islands':[\n      'Santorini','Mykonos','Crete','Rhodes','Corfu','Naxos','Paros','Zakynthos','Kefalonia'\n    ],\n    'Atlantic Islands':[\n      'Madeira','S\u00e3o Miguel (Azores)','Terceira (Azores)','Faial (Azores)','Cape Verde'\n    ],\n    'Caribbean Islands':[\n      'Cuba','Jamaica','Puerto Rico','Barbados','Martinique','Guadeloupe','Aruba','Cura\u00e7ao'\n    ],\n    'Indian Ocean Islands':[\n      'Mauritius','R\u00e9union','Maldives','Seychelles','Madagascar','Zanzibar'\n    ],\n    'Pacific Islands':[\n      'Bora Bora','Tahiti','Fiji','Samoa','Hawaii','New Caledonia'\n    ],\n    'Other Islands':[]\n  };\n\n  let started=false;\n\n  function resetOther(){\n    if(otherWrap) otherWrap.style.display='none';\n    if(otherPlace){\n      otherPlace.required=false;\n      otherPlace.value='';\n    }\n  }\n\n  function fillPlaces(){\n    resetOther();\n\n    const area=(areaSelect?.value || '').trim();\n\n    placeSelect.innerHTML='';\n\n    if(!area){\n      placeSelect.disabled=true;\n      placeSelect.innerHTML='<option value=\"\">Choose an area first\u2026<\/option>';\n      return;\n    }\n\n    placeSelect.disabled=false;\n\n    const first=document.createElement('option');\n    first.value='';\n    first.textContent='Choose an island\u2026';\n    placeSelect.appendChild(first);\n\n    const islands=islandsByArea[area] || [];\n\n    islands.forEach(function(island){\n      const option=document.createElement('option');\n      option.value=island;\n      option.textContent=island;\n      placeSelect.appendChild(option);\n    });\n\n    const other=document.createElement('option');\n    other.value='__other__';\n    other.textContent='Other island \/ write another\u2026';\n    placeSelect.appendChild(other);\n  }\n\n  function currentPlace(){\n    if(!placeSelect) return '';\n\n    if(placeSelect.value==='__other__'){\n      return (otherPlace?.value || '').trim();\n    }\n\n    return (placeSelect.value || '').trim();\n  }\n\n  function mark(name,place,area){\n    try{\n      window.dataLayer=window.dataLayer||[];\n      window.dataLayer.push({\n        event:name,\n        community_area:area || 'islands',\n        community_place:place || ''\n      });\n    }catch(e){}\n  }\n\n  if(areaSelect){\n    areaSelect.addEventListener('change',fillPlaces);\n  }\n\n  if(placeSelect){\n    placeSelect.addEventListener('change',function(){\n      const isOther=this.value==='__other__';\n\n      if(otherWrap){\n        otherWrap.style.display=isOther ? 'flex' : 'none';\n      }\n\n      if(otherPlace){\n        otherPlace.required=isOther;\n        if(!isOther) otherPlace.value='';\n      }\n\n      if(isOther && otherPlace){\n        setTimeout(function(){ otherPlace.focus(); },0);\n      }\n    });\n  }\n\n  form.addEventListener('input',function(){\n    if(!started){\n      started=true;\n      mark(\n        'community_submission_started',\n        currentPlace(),\n        areaSelect?.value || ''\n      );\n    }\n  });\n\n  form.addEventListener('submit',function(e){\n    e.preventDefault();\n\n    if(!form.reportValidity()) return;\n\n    const place=currentPlace();\n\n    if(!place){\n      if(placeSelect?.value==='__other__' && otherPlace){\n        otherPlace.focus();\n      }else if(placeSelect){\n        placeSelect.focus();\n      }\n      return;\n    }\n\n    const data=new FormData(form);\n\n    const area=(data.get('area') || '').trim();\n    const title=(data.get('title') || '').trim();\n    const type=(data.get('type') || '').trim();\n    const period=(data.get('period') || '').trim();\n    const name=(data.get('name') || 'Anonymous').trim();\n    const story=(data.get('story') || '').trim();\n    const photo=(data.get('photo') || '').trim();\n\n    mark('community_contact_opened',place,area);\n\n    const status=document.getElementById('sv-prep-status');\n    if(status){\n      status.textContent='Your island contribution is ready. Opening the moderated Stadia contact form\u2026';\n      status.style.display='block';\n    }\n\n    setTimeout(function(){\n      const contactUrl=new URL('..\/contact\/',window.location.href);\n\n      contactUrl.searchParams.set('your-name',name);\n      contactUrl.searchParams.set('your-subject',title);\n      contactUrl.searchParams.set('community-place',place);\n      contactUrl.searchParams.set('contribution-type',type);\n      contactUrl.searchParams.set('approx-period',period);\n\n      const message=[\n        area ? 'Area \/ archipelago: '+area : '',\n        place ? 'Island \/ place: '+place : '',\n        title ? 'Story title: '+title : '',\n        '',\n        story\n      ].filter(Boolean).join('\\n');\n\n      contactUrl.searchParams.set('your-message',message);\n      contactUrl.searchParams.set('photo-url',photo);\n\n      window.location.href=contactUrl.toString();\n    },350);\n  });\n\n  fillPlaces();\n})();\n<\/script>\n<script>\n(function(){\n  const grid=document.getElementById('sv-community-post-grid');\n  const status=document.getElementById('sv-community-post-status');\n  if(!grid) return;\n\n  function stripHtml(html){\n    const div=document.createElement('div');\n    div.innerHTML=html || '';\n    return (div.textContent || div.innerText || '').replace(\/\\s+\/g,' ').trim();\n  }\n\n  function escapeHtml(value){\n    return String(value || '')\n      .replace(\/&\/g,'&amp;')\n      .replace(\/<\/g,'&lt;')\n      .replace(\/>\/g,'&gt;')\n      .replace(\/\"\/g,'&quot;')\n      .replace(\/'\/g,'&#039;');\n  }\n\n  function getTerms(post){\n    const groups=post?._embedded?.['wp:term'] || [];\n    return groups.flat().filter(Boolean);\n  }\n\n  function categoryNames(post){\n    return getTerms(post)\n      .filter(term => term.taxonomy === 'category' && term.slug !== 'uncategorized')\n      .map(term => term.name);\n  }\n\n  function featuredImage(post){\n    const media=post?._embedded?.['wp:featuredmedia']?.[0];\n    if(!media) return '';\n    return media?.media_details?.sizes?.large?.source_url ||\n           media?.media_details?.sizes?.medium_large?.source_url ||\n           media?.source_url || '';\n  }\n\n  function isCommunityPost(post){\n    const cats=categoryNames(post);\n    if(cats.length) return true;\n\n    const plain=stripHtml(post?.content?.rendered || '');\n    return \/Area\\s*\\\/\\s*archipelago:\/i.test(plain) ||\n           \/Island\\s*\\\/\\s*place:\/i.test(plain);\n  }\n\n  function excerptFor(post){\n    let excerpt=stripHtml(post?.excerpt?.rendered || '');\n    if(!excerpt){\n      excerpt=stripHtml(post?.content?.rendered || '');\n    }\n    excerpt=excerpt\n      .replace(\/Area\\s*\\\/\\s*archipelago:\\s*[^.]+\/i,'')\n      .replace(\/Island\\s*\\\/\\s*place:\\s*[^.]+\/i,'')\n      .replace(\/Contribution type:\\s*[^.]+\/i,'')\n      .replace(\/^\\s*[.\u00b7,:;\\-\u2013\u2014]+\\s*\/,'')\n      .replace(\/\\s+\/g,' ')\n      .trim();\n\n    if(excerpt.length > 165){\n      excerpt=excerpt.slice(0,162).trim() + '\u2026';\n    }\n    return excerpt;\n  }\n\n  function formatDate(post){\n    if(!post?.date) return '';\n    try{\n      return new Intl.DateTimeFormat(\n        document.documentElement.lang || 'en',\n        {year:'numeric',month:'short',day:'numeric'}\n      ).format(new Date(post.date));\n    }catch(e){\n      return '';\n    }\n  }\n\n  function render(posts){\n    if(!posts.length){\n      grid.innerHTML=`\n        <article class=\"post-card empty\">\n          <div class=\"meta\">Community<\/div>\n          <h3>No published contributions yet<\/h3>\n          <p>Approved stories, photographs and memories will appear here automatically.<\/p>\n          <a href=\"#island-contribute\">Submit a contribution \u2192<\/a>\n        <\/article>`;\n      return;\n    }\n\n    grid.innerHTML=posts.map(function(post){\n      const title=stripHtml(post?.title?.rendered || 'Community story');\n      const url=post?.link || '#';\n      const cats=categoryNames(post);\n      const category=cats[0] || 'Community';\n      const date=formatDate(post);\n      const image=featuredImage(post);\n      const excerpt=excerptFor(post);\n      const meta=[category,date].filter(Boolean).join(' \u00b7 ');\n\n      return `\n        <article class=\"post-card ${image ? 'has-image' : ''}\">\n          ${image ? `<img decoding=\"async\" class=\"post-image\" src=\"${escapeHtml(image)}\" alt=\"${escapeHtml(title)}\" loading=\"lazy\">` : ''}\n          <div class=\"${image ? 'post-body' : ''}\">\n            <div class=\"post-meta-line\">${escapeHtml(meta)}<\/div>\n            <h3>${escapeHtml(title)}<\/h3>\n            <p class=\"post-excerpt\">${escapeHtml(excerpt || 'Open this community contribution to read more.')}<\/p>\n            <a href=\"${escapeHtml(url)}\">Read the story \u2192<\/a>\n          <\/div>\n        <\/article>`;\n    }).join('');\n  }\n\n  async function loadPosts(){\n    try{\n      const response=await fetch(\n        '\/wp-json\/wp\/v2\/posts?status=publish&per_page=20&_embed=wp:featuredmedia,wp:term',\n        {credentials:'same-origin'}\n      );\n\n      if(!response.ok){\n        throw new Error('REST API returned '+response.status);\n      }\n\n      const posts=await response.json();\n      const communityPosts=posts.filter(isCommunityPost).slice(0,6);\n      render(communityPosts);\n    }catch(error){\n      console.error('Stadia Community posts:',error);\n\n      grid.innerHTML=`\n        <article class=\"post-card empty\">\n          <div class=\"meta\">Community<\/div>\n          <h3>Published posts could not be loaded<\/h3>\n          <p>The Community is still available. Please refresh the page in a moment.<\/p>\n          <a href=\"#island-contribute\">Submit a contribution \u2192<\/a>\n        <\/article>`;\n\n      if(status){\n        status.textContent='Latest posts are temporarily unavailable.';\n        status.style.display='block';\n      }\n    }\n  }\n\n  loadPosts();\n})();\n<\/script>\n\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udcac Food Community Topics Contribute Mediterranean Stories Latest Posts Rules Stadia Pages \u2190 Back to Food &amp; Stories Food &amp; Stories \u00b7 Community Share food.Share knowledge.Meet people. This is the participation area of Food &amp; Stories. Visitors can contribute recipes, photographs, questions, product experiences, wine notes, regional traditions and personal stories connected with food. Share [&hellip;]<\/p>\n","protected":false},"author":44,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1638","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/staging.stadiaorg.com\/es\/wp-json\/wp\/v2\/pages\/1638","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.stadiaorg.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.stadiaorg.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.stadiaorg.com\/es\/wp-json\/wp\/v2\/users\/44"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.stadiaorg.com\/es\/wp-json\/wp\/v2\/comments?post=1638"}],"version-history":[{"count":16,"href":"https:\/\/staging.stadiaorg.com\/es\/wp-json\/wp\/v2\/pages\/1638\/revisions"}],"predecessor-version":[{"id":1807,"href":"https:\/\/staging.stadiaorg.com\/es\/wp-json\/wp\/v2\/pages\/1638\/revisions\/1807"}],"wp:attachment":[{"href":"https:\/\/staging.stadiaorg.com\/es\/wp-json\/wp\/v2\/media?parent=1638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}