{"id":48,"date":"2026-07-12T12:11:29","date_gmt":"2026-07-12T10:11:29","guid":{"rendered":"https:\/\/www.parrocchiadigraffignana.it\/bellafra\/?page_id=48"},"modified":"2026-08-21T16:03:29","modified_gmt":"2026-08-21T14:03:29","slug":"planning-e-menu","status":"publish","type":"page","link":"https:\/\/www.parrocchiadigraffignana.it\/bellafra\/planning-e-menu\/","title":{"rendered":"Planning e Men\u00f9"},"content":{"rendered":"\n<section class=\"planning-menu\">\n  <div class=\"planning-menu__container\">\n\n<div class=\"planning-menu__hero\">\n  <div class=\"planning-menu__hero-content\">\n    <span class=\"planning-menu__label\">GREST 2026<\/span>\n    <h2>Planning &amp; Menu<\/h2>\n    <p>Consulta il programma delle settimane e il menu del Grest.<\/p>\n  <\/div>\n\n  <div class=\"planning-menu__badge\">\n    <span>AGGIORNAMENTI<\/span>\n    <strong>Estate 2026<\/strong>\n  <\/div>\n<\/div>\n\n<div class=\"planning-menu__section\">\n\n  <div class=\"planning-menu__title\">\n    <span class=\"planning-menu__number\">01<\/span>\n\n    <div>\n      <span class=\"planning-menu__eyebrow\">PROGRAMMA<\/span>\n      <h3>Planning settimanale<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"planning-grid\">\n\n    <article class=\"planning-card\">\n\n      <div class=\"planning-card__header\">\n        <div>\n          <span>PLANNING<\/span>\n          <h4>Prima settimana<\/h4>\n        <\/div>\n\n        <div class=\"planning-card__week\">01<\/div>\n      <\/div>\n\n      <a href=\"https:\/\/www.parrocchiadigraffignana.it\/bellafra\/wp-content\/uploads\/sites\/16\/2026\/08\/Planning-prima-settimana-2026-page-0011-scaled.jpg\" target=\"_blank\" rel=\"noopener\" class=\"planning-card__image\">\n        <img decoding=\"async\" src=\"https:\/\/www.parrocchiadigraffignana.it\/bellafra\/wp-content\/uploads\/sites\/16\/2026\/08\/Planning-prima-settimana-2026-page-0011-scaled.jpg\" alt=\"Planning prima settimana Grest 2026\" loading=\"lazy\">\n\n        <span class=\"planning-card__overlay\">\n          Apri planning\n          <b>\u2197<\/b>\n        <\/span>\n      <\/a>\n\n      <div class=\"planning-card__footer\">\n        <span>Prima settimana<\/span>\n\n        <a href=\"https:\/\/www.parrocchiadigraffignana.it\/bellafra\/wp-content\/uploads\/sites\/16\/2026\/08\/Planning-prima-settimana-2026-page-0011-scaled.jpg\" target=\"_blank\" rel=\"noopener\">\n          Visualizza \u2192\n        <\/a>\n      <\/div>\n\n    <\/article>\n\n    <article class=\"planning-card\">\n\n      <div class=\"planning-card__header\">\n        <div>\n          <span>PLANNING<\/span>\n          <h4>Seconda settimana<\/h4>\n        <\/div>\n\n        <div class=\"planning-card__week\">02<\/div>\n      <\/div>\n\n      <a href=\"https:\/\/www.parrocchiadigraffignana.it\/bellafra\/wp-content\/uploads\/sites\/16\/2026\/08\/Planning-seconda-settimana-2026-scaled.jpg\" target=\"_blank\" rel=\"noopener\" class=\"planning-card__image\">\n        <img decoding=\"async\" src=\"https:\/\/www.parrocchiadigraffignana.it\/bellafra\/wp-content\/uploads\/sites\/16\/2026\/08\/Planning-seconda-settimana-2026-scaled.jpg\" alt=\"Planning seconda settimana Grest 2026\" loading=\"lazy\">\n\n        <span class=\"planning-card__overlay\">\n          Apri planning\n          <b>\u2197<\/b>\n        <\/span>\n      <\/a>\n\n      <div class=\"planning-card__footer\">\n        <span>Seconda settimana<\/span>\n\n        <a href=\"https:\/\/www.parrocchiadigraffignana.it\/bellafra\/wp-content\/uploads\/sites\/16\/2026\/08\/Planning-seconda-settimana-2026-scaled.jpg\" target=\"_blank\" rel=\"noopener\">\n          Visualizza \u2192\n        <\/a>\n      <\/div>\n\n    <\/article>\n\n    <article class=\"planning-card planning-card--coming\">\n\n      <div class=\"planning-card__header\">\n        <div>\n          <span>PLANNING<\/span>\n          <h4>Terza settimana<\/h4>\n        <\/div>\n\n        <div class=\"planning-card__week\">03<\/div>\n      <\/div>\n\n      <div class=\"coming-soon\">\n        <div class=\"coming-soon__icon\">\u2026<\/div>\n        <span>TERZA SETTIMANA<\/span>\n        <h4>Prossimamente<\/h4>\n        <p>Coming Soon<\/p>\n      <\/div>\n\n      <div class=\"planning-card__footer\">\n        <span>Aggiornamento in arrivo<\/span>\n        <strong>Coming Soon<\/strong>\n      <\/div>\n\n    <\/article>\n\n  <\/div>\n<\/div>\n\n<div class=\"planning-menu__section\">\n\n  <div class=\"planning-menu__title\">\n    <span class=\"planning-menu__number\">02<\/span>\n\n    <div>\n      <span class=\"planning-menu__eyebrow\">PRANZO<\/span>\n      <h3>Menu Grest 2026<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"menu-card\">\n\n    <div class=\"menu-card__content\">\n      <span class=\"menu-card__label\">MENU SETTIMANALE<\/span>\n\n      <h3>Scopri il menu del Grest<\/h3>\n\n      <p>\n        Consulta il menu completo previsto per i pasti presso l&#8217;Oratorio.\n      <\/p>\n\n      <a href=\"https:\/\/www.parrocchiadigraffignana.it\/bellafra\/wp-content\/uploads\/sites\/16\/2026\/08\/Menu-Grest-2026-page-001-scaled.jpg\" target=\"_blank\" rel=\"noopener\" class=\"menu-card__button\">\n        Apri il Menu\n        <span>\u2197<\/span>\n      <\/a>\n    <\/div>\n\n    <a href=\"https:\/\/www.parrocchiadigraffignana.it\/bellafra\/wp-content\/uploads\/sites\/16\/2026\/08\/Menu-Grest-2026-page-001-scaled.jpg\" target=\"_blank\" rel=\"noopener\" class=\"menu-card__image\">\n      <img decoding=\"async\" src=\"https:\/\/www.parrocchiadigraffignana.it\/bellafra\/wp-content\/uploads\/sites\/16\/2026\/08\/Menu-Grest-2026-page-001-scaled.jpg\" alt=\"Menu Grest 2026\" loading=\"lazy\">\n\n      <span>Clicca per ingrandire<\/span>\n    <\/a>\n\n  <\/div>\n<\/div>\n\n\n  <\/div>\n<\/section>\n\n<style>\n.planning-menu {\n  --red: #fa0000;\n  --red-dark: #c80000;\n  --red-soft: #fff0f0;\n  --black: #171717;\n  --text: #282828;\n  --muted: #737373;\n  --border: #ebebeb;\n\n  padding: 70px 20px;\n\n  background:\n    radial-gradient(\n      circle at top right,\n      rgba(250, 0, 0, 0.08),\n      transparent 30%\n    ),\n    #f6f6f6;\n\n  font-family: Arial, Helvetica, sans-serif;\n  color: var(--text);\n}\n\n.planning-menu * {\n  box-sizing: border-box;\n}\n\n.planning-menu__container {\n  max-width: 1180px;\n  margin: 0 auto;\n}\n\n.planning-menu__hero {\n  position: relative;\n  overflow: hidden;\n\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  gap: 40px;\n\n  padding: 50px;\n  margin-bottom: 25px;\n\n  border-radius: 28px;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--red),\n      var(--red-dark)\n    );\n\n  color: #ffffff;\n\n  box-shadow:\n    0 25px 60px rgba(250, 0, 0, 0.17);\n}\n\n.planning-menu__hero::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 320px;\n  height: 320px;\n\n  right: -110px;\n  top: -150px;\n\n  border-radius: 50%;\n\n  border:\n    65px solid rgba(255, 255, 255, 0.08);\n}\n\n.planning-menu__hero-content,\n.planning-menu__badge {\n  position: relative;\n  z-index: 2;\n}\n\n.planning-menu__label {\n  display: inline-block;\n\n  margin-bottom: 14px;\n\n  color: #ffffff !important;\n\n  font-size: 11px;\n  font-weight: 900;\n\n  letter-spacing: 2px;\n}\n\n.planning-menu__hero h2 {\n  margin: 0 0 13px;\n\n  color: #ffffff !important;\n\n  font-size:\n    clamp(42px, 6vw, 66px);\n\n  line-height: 1;\n  letter-spacing: -2px;\n}\n\n.planning-menu__hero p {\n  margin: 0;\n\n  max-width: 600px;\n\n  color: #ffffff !important;\n\n  font-size: 17px;\n  line-height: 1.6;\n}\n\n.planning-menu__badge {\n  min-width: 210px;\n\n  padding: 22px 24px;\n\n  border-radius: 18px;\n\n  border:\n    1px solid rgba(255, 255, 255, 0.25);\n\n  background:\n    rgba(255, 255, 255, 0.12);\n}\n\n.planning-menu__badge span {\n  display: block;\n\n  margin-bottom: 7px;\n\n  color: #ffffff !important;\n\n  font-size: 10px;\n  font-weight: 900;\n\n  letter-spacing: 1.2px;\n}\n\n.planning-menu__badge strong {\n  color: #ffffff !important;\n  font-size: 20px;\n}\n\n.planning-menu__section {\n  padding: 32px;\n  margin-bottom: 25px;\n\n  border-radius: 25px;\n\n  background: #ffffff;\n\n  border: 1px solid var(--border);\n\n  box-shadow:\n    0 10px 35px rgba(0, 0, 0, 0.04);\n}\n\n.planning-menu__title {\n  display: flex;\n  align-items: center;\n\n  gap: 13px;\n\n  margin-bottom: 26px;\n}\n\n.planning-menu__number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  flex-shrink: 0;\n\n  width: 43px;\n  height: 43px;\n\n  border-radius: 13px;\n\n  background: var(--red-soft);\n  color: var(--red);\n\n  font-size: 11px;\n  font-weight: 900;\n}\n\n.planning-menu__eyebrow {\n  display: block;\n\n  margin-bottom: 4px;\n\n  color: var(--red);\n\n  font-size: 10px;\n  font-weight: 900;\n\n  letter-spacing: 1.4px;\n}\n\n.planning-menu__title h3 {\n  margin: 0;\n\n  color: var(--text);\n\n  font-size: 25px;\n}\n\n.planning-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, minmax(0, 1fr));\n\n  gap: 20px;\n}\n\n.planning-card {\n  overflow: hidden;\n\n  border-radius: 20px;\n\n  background: #ffffff;\n\n  border:\n    1px solid var(--border);\n\n  transition:\n    transform 0.25s ease,\n    box-shadow 0.25s ease;\n}\n\n.planning-card:hover {\n  transform: translateY(-4px);\n\n  box-shadow:\n    0 15px 35px rgba(0, 0, 0, 0.08);\n}\n\n.planning-card__header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  gap: 15px;\n\n  padding: 20px;\n}\n\n.planning-card__header span {\n  display: block;\n\n  margin-bottom: 5px;\n\n  color: var(--red);\n\n  font-size: 9px;\n  font-weight: 900;\n\n  letter-spacing: 1.3px;\n}\n\n.planning-card__header h4 {\n  margin: 0;\n\n  color: var(--text);\n\n  font-size: 17px;\n}\n\n.planning-card__week {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  flex-shrink: 0;\n\n  width: 42px;\n  height: 42px;\n\n  border-radius: 12px;\n\n  background: var(--red);\n\n  color: #ffffff;\n\n  font-size: 12px;\n  font-weight: 900;\n}\n\n.planning-card__image {\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n\n  min-height: 330px;\n\n  padding: 10px;\n\n  background: #f4f4f4;\n\n  text-decoration: none;\n}\n\n.planning-card__image img {\n  display: block;\n\n  width: 100%;\n  height: auto;\n\n  max-height: 500px;\n\n  object-fit: contain;\n\n  transition:\n    transform 0.3s ease;\n}\n\n.planning-card:hover .planning-card__image img {\n  transform: scale(1.015);\n}\n\n.planning-card__overlay {\n  position: absolute;\n\n  left: 15px;\n  right: 15px;\n  bottom: 15px;\n\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  padding: 12px 14px;\n\n  border-radius: 12px;\n\n  background:\n    rgba(23, 23, 23, 0.9);\n\n  color: #ffffff !important;\n\n  font-size: 12px;\n  font-weight: 900;\n}\n\n.planning-card__overlay b {\n  color: #ffffff !important;\n}\n\n.planning-card__footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  gap: 15px;\n\n  padding: 17px 20px;\n}\n\n.planning-card__footer span {\n  color: var(--muted);\n\n  font-size: 11px;\n}\n\n.planning-card__footer a,\n.planning-card__footer strong {\n  color: var(--red) !important;\n\n  font-size: 11px;\n  font-weight: 900;\n\n  text-decoration: none;\n}\n\n.planning-card--coming {\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff,\n      #fafafa\n    );\n}\n\n.coming-soon {\n  min-height: 330px;\n\n  display: flex;\n  flex-direction: column;\n\n  align-items: center;\n  justify-content: center;\n\n  padding: 30px;\n\n  text-align: center;\n\n  background:\n    radial-gradient(\n      circle at center,\n      rgba(250, 0, 0, 0.08),\n      transparent 55%\n    );\n}\n\n.coming-soon__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 70px;\n  height: 70px;\n\n  margin-bottom: 20px;\n\n  border-radius: 22px;\n\n  background: var(--red);\n\n  color: #ffffff;\n\n  font-size: 30px;\n  font-weight: 900;\n\n  box-shadow:\n    0 12px 28px rgba(250, 0, 0, 0.2);\n}\n\n.coming-soon > span {\n  color: var(--red);\n\n  font-size: 10px;\n  font-weight: 900;\n\n  letter-spacing: 1.5px;\n}\n\n.coming-soon h4 {\n  margin: 8px 0;\n\n  color: var(--text);\n\n  font-size: 25px;\n}\n\n.coming-soon p {\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 14px;\n}\n\n.menu-card {\n  display: grid;\n\n  grid-template-columns:\n    minmax(260px, 0.65fr)\n    minmax(0, 1.35fr);\n\n  overflow: hidden;\n\n  border-radius: 22px;\n\n  background: var(--black);\n}\n\n.menu-card__content {\n  display: flex;\n  flex-direction: column;\n\n  justify-content: center;\n  align-items: flex-start;\n\n  padding: 38px;\n\n  color: #ffffff;\n}\n\n.menu-card__label {\n  display: block;\n\n  margin-bottom: 9px;\n\n  color: var(--red);\n\n  font-size: 10px;\n  font-weight: 900;\n\n  letter-spacing: 1.4px;\n}\n\n.menu-card__content h3 {\n  margin: 0 0 12px;\n\n  color: #ffffff !important;\n\n  font-size: 29px;\n}\n\n.menu-card__content p {\n  margin: 0 0 25px;\n\n  color: #cccccc !important;\n\n  font-size: 13px;\n  line-height: 1.6;\n}\n\n.menu-card__button {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 15px;\n\n  padding: 14px 18px;\n\n  border-radius: 12px;\n\n  background: var(--red);\n\n  color: #ffffff !important;\n\n  text-decoration: none;\n\n  font-size: 13px;\n  font-weight: 900;\n\n  transition: 0.2s ease;\n}\n\n.menu-card__button:hover {\n  transform: translateY(-2px);\n\n  background: var(--red-dark);\n\n  color: #ffffff !important;\n}\n\n.menu-card__button span {\n  color: #ffffff !important;\n}\n\n.menu-card__image {\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n\n  min-height: 480px;\n\n  padding: 15px;\n\n  background: #eeeeee;\n\n  text-decoration: none;\n}\n\n.menu-card__image img {\n  display: block;\n\n  width: 100%;\n  height: auto;\n\n  max-height: 700px;\n\n  object-fit: contain;\n\n  transition:\n    transform 0.3s ease;\n}\n\n.menu-card__image:hover img {\n  transform: scale(1.015);\n}\n\n.menu-card__image > span {\n  position: absolute;\n\n  right: 18px;\n  bottom: 18px;\n\n  padding: 10px 13px;\n\n  border-radius: 10px;\n\n  background:\n    rgba(0, 0, 0, 0.82);\n\n  color: #ffffff !important;\n\n  font-size: 11px;\n  font-weight: 900;\n}\n\n@media (max-width: 950px) {\n  .planning-grid {\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n  }\n\n  .planning-card--coming {\n    grid-column: 1 \/ -1;\n  }\n\n  .menu-card {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 700px) {\n  .planning-menu {\n    padding: 30px 14px;\n  }\n\n  .planning-menu__hero {\n    flex-direction: column;\n    align-items: flex-start;\n\n    padding: 32px 25px;\n\n    border-radius: 22px;\n  }\n\n  .planning-menu__hero h2 {\n    font-size: 40px;\n  }\n\n  .planning-menu__badge {\n    width: 100%;\n  }\n\n  .planning-menu__section {\n    padding: 22px 16px;\n  }\n\n  .planning-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .planning-card--coming {\n    grid-column: auto;\n  }\n\n  .planning-card__image {\n    min-height: 0;\n  }\n\n  .planning-card__image img {\n    width: 100%;\n    max-height: none;\n  }\n\n  .menu-card__content {\n    padding: 28px 22px;\n  }\n\n  .menu-card__image {\n    min-height: 0;\n  }\n\n  .menu-card__image img {\n    width: 100%;\n    max-height: none;\n  }\n}\n\n@media (max-width: 450px) {\n  .planning-menu__hero h2 {\n    font-size: 36px;\n  }\n\n  .planning-card__footer {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>GREST 2026 Planning &amp; Menu Consulta il programma delle settimane e il menu del Grest. AGGIORNAMENTI Estate 2026 01 PROGRAMMA Planning settimanale PLANNING Prima settimana 01 Apri planning \u2197 Prima settimana Visualizza \u2192 PLANNING Seconda settimana 02 Apri planning \u2197 Seconda settimana Visualizza \u2192 PLANNING Terza settimana 03 \u2026 TERZA SETTIMANA Prossimamente Coming Soon Aggiornamento&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-48","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.parrocchiadigraffignana.it\/bellafra\/wp-json\/wp\/v2\/pages\/48","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.parrocchiadigraffignana.it\/bellafra\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.parrocchiadigraffignana.it\/bellafra\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.parrocchiadigraffignana.it\/bellafra\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.parrocchiadigraffignana.it\/bellafra\/wp-json\/wp\/v2\/comments?post=48"}],"version-history":[{"count":14,"href":"https:\/\/www.parrocchiadigraffignana.it\/bellafra\/wp-json\/wp\/v2\/pages\/48\/revisions"}],"predecessor-version":[{"id":175,"href":"https:\/\/www.parrocchiadigraffignana.it\/bellafra\/wp-json\/wp\/v2\/pages\/48\/revisions\/175"}],"wp:attachment":[{"href":"https:\/\/www.parrocchiadigraffignana.it\/bellafra\/wp-json\/wp\/v2\/media?parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}