{"id":905,"date":"2026-10-04T23:06:03","date_gmt":"2026-10-04T23:06:03","guid":{"rendered":"https:\/\/www.francescomazzarella.eu\/?page_id=905"},"modified":"2026-10-04T23:39:06","modified_gmt":"2026-10-04T23:39:06","slug":"comunicazione-relazionale","status":"publish","type":"page","link":"https:\/\/www.francescomazzarella.eu\/en\/comunicazione-relazionale\/","title":{"rendered":"Relational communication"},"content":{"rendered":"\n<!--\nFM COMUNICAZIONE \u2014 COMUNICAZIONE RELAZIONALE\nPagina completa pronta per Elementor Canvas\n-->\n\n<div class=\"fm-relazionale\">\n\n<style>\n.fm-relazionale{\n  --fm-orange:#FF8C1A;\n  --fm-orange-dark:#E97808;\n  --fm-blue:#165DFF;\n  --fm-blue-dark:#0B2F7A;\n  --fm-navy:#0F172A;\n  --fm-heading:#172033;\n  --fm-text:#1F2937;\n  --fm-muted:#5F6B7A;\n  --fm-soft:#F7F9FC;\n  --fm-white:#FFFFFF;\n  --fm-border:rgba(15,23,42,.08);\n  --fm-shadow:0 14px 40px rgba(15,23,42,.10);\n  --fm-radius:22px;\n  --fm-radius-lg:28px;\n  --fm-max:1200px;\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n  color:var(--fm-text);\n  background:#fff;\n  line-height:1.65;\n  overflow:hidden;\n}\n.fm-relazionale *{box-sizing:border-box}\n.fm-relazionale a{text-decoration:none;color:inherit}\n.fm-relazionale img{max-width:100%;display:block}\n.fm-relazionale .fm-wrap{width:min(var(--fm-max),calc(100% - 40px));margin:0 auto}\n\n\/* NAV *\/\n.fm-relazionale .fm-nav{\n  position:sticky;\n  top:0;\n  z-index:90;\n  background:rgba(255,255,255,.95);\n  backdrop-filter:blur(14px);\n  border-bottom:1px solid var(--fm-border);\n}\n.fm-relazionale .fm-nav-inner{\n  width:min(var(--fm-max),calc(100% - 40px));\n  margin:0 auto;\n  min-height:76px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:20px;\n}\n.fm-relazionale .fm-brand{\n  display:flex;align-items:center;gap:11px;\n  font-weight:850;color:var(--fm-heading);\n}\n.fm-relazionale .fm-brand-mark{\n  width:42px;height:42px;border-radius:14px;\n  display:grid;place-items:center;color:#fff;font-weight:900;\n  background:linear-gradient(135deg,var(--fm-orange),var(--fm-blue));\n  box-shadow:0 9px 24px rgba(22,93,255,.18);\n}\n.fm-relazionale .fm-nav-links{\n  display:flex;align-items:center;justify-content:flex-end;\n  gap:4px;flex-wrap:wrap;\n}\n.fm-relazionale .fm-nav-links a{\n  padding:9px 10px;border-radius:999px;\n  font-size:14px;font-weight:700;color:#263244;\n}\n.fm-relazionale .fm-nav-links a:hover{background:#F0F4FF;color:var(--fm-blue)}\n.fm-relazionale .fm-nav-links .fm-nav-cta{\n  background:var(--fm-navy);color:#fff;padding:9px 15px;margin-left:4px\n}\n.fm-relazionale .fm-nav-links .fm-nav-cta:hover{background:var(--fm-blue);color:#fff}\n.fm-relazionale .fm-rel-nav-toggle{\n  display:none;width:46px;height:46px;\n  border:1px solid var(--fm-border);border-radius:14px;\n  background:#fff;padding:10px;cursor:pointer;\n}\n.fm-relazionale .fm-rel-nav-toggle span{\n  display:block;height:2px;background:var(--fm-heading);\n  margin:5px 0;border-radius:99px;\n}\n.fm-relazionale .fm-rel-mobile-menu{\n  display:none;background:#fff;border-bottom:1px solid var(--fm-border);\n  padding:12px 20px 18px;\n}\n.fm-relazionale .fm-rel-mobile-menu.is-open{display:grid}\n.fm-relazionale .fm-rel-mobile-menu a{\n  padding:11px 8px;font-weight:750;border-bottom:1px solid #eef2f7\n}\n\n\/* GENERALI *\/\n.fm-relazionale .fm-eyebrow{\n  display:inline-flex;align-items:center;gap:8px;\n  padding:8px 13px;border-radius:999px;\n  background:rgba(255,140,26,.12);\n  color:#8A4700;font-weight:850;font-size:13px;\n  letter-spacing:.04em;text-transform:uppercase;\n}\n.fm-relazionale .fm-orange-line{\n  width:68px;height:6px;border-radius:999px;\n  background:var(--fm-orange);margin:20px 0 22px;\n}\n.fm-relazionale .fm-btn{\n  display:inline-flex;align-items:center;justify-content:center;\n  gap:8px;min-height:50px;padding:13px 22px;\n  border-radius:999px;font-weight:850;\n  transition:.2s ease;border:1px solid transparent;\n}\n.fm-relazionale .fm-btn:hover{transform:translateY(-2px)}\n.fm-relazionale .fm-btn-primary{\n  background:linear-gradient(135deg,var(--fm-orange),var(--fm-blue));\n  color:#fff;box-shadow:0 14px 30px rgba(22,93,255,.18);\n}\n.fm-relazionale .fm-btn-secondary{\n  background:#fff;border-color:var(--fm-border);\n  color:var(--fm-heading);box-shadow:0 10px 26px rgba(15,23,42,.06);\n}\n.fm-relazionale .fm-section{padding:86px 0}\n.fm-relazionale .fm-section-soft{background:var(--fm-soft)}\n.fm-relazionale .fm-section-dark{\n  background:linear-gradient(145deg,#0F172A,#172033);\n  color:#fff;\n}\n.fm-relazionale .fm-section-head{max-width:840px;margin-bottom:38px}\n.fm-relazionale .fm-section-head.center{text-align:center;margin-left:auto;margin-right:auto}\n.fm-relazionale .fm-section-head h2{\n  margin:14px 0 0;color:var(--fm-heading);\n  font-size:clamp(2rem,4vw,3.7rem);\n  line-height:1.05;letter-spacing:-.035em;\n}\n.fm-relazionale .fm-section-head p{\n  margin:16px 0 0;color:var(--fm-muted);font-size:1.08rem;\n}\n.fm-relazionale .fm-section-dark .fm-section-head h2{color:#fff}\n.fm-relazionale .fm-section-dark .fm-section-head p{color:rgba(255,255,255,.78)}\n\n\/* HERO *\/\n.fm-relazionale .fm-hero{\n  padding:78px 0 66px;\n  background:\n    radial-gradient(circle at 14% 14%,rgba(255,140,26,.20),transparent 31%),\n    radial-gradient(circle at 88% 18%,rgba(22,93,255,.14),transparent 34%),\n    linear-gradient(135deg,#fff 0%,#fffaf3 48%,#f7f9ff 100%);\n}\n.fm-relazionale .fm-hero-grid{\n  display:grid;grid-template-columns:1.05fr .95fr;\n  gap:50px;align-items:center;\n}\n.fm-relazionale .fm-hero h1{\n  margin:0;color:var(--fm-heading);\n  font-size:clamp(2.8rem,5.3vw,5.7rem);\n  line-height:.97;letter-spacing:-.055em;max-width:780px;\n}\n.fm-relazionale .fm-hero h1 span{\n  background:linear-gradient(135deg,var(--fm-orange),var(--fm-blue));\n  -webkit-background-clip:text;background-clip:text;color:transparent;\n}\n.fm-relazionale .fm-hero-lead{\n  margin:24px 0 0;color:#354154;\n  font-size:clamp(1.12rem,2vw,1.45rem);\n  line-height:1.5;max-width:720px;\n}\n.fm-relazionale .fm-hero-note{\n  margin:16px 0 0;color:var(--fm-muted);max-width:680px;\n}\n.fm-relazionale .fm-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}\n.fm-relazionale .fm-hero-visual{\n  min-height:520px;border-radius:36px;padding:34px;\n  background:\n    radial-gradient(circle at 18% 15%,rgba(255,140,26,.24),transparent 30%),\n    radial-gradient(circle at 85% 12%,rgba(22,93,255,.22),transparent 34%),\n    linear-gradient(145deg,#0F172A,#172033);\n  color:#fff;box-shadow:var(--fm-shadow);\n  display:flex;flex-direction:column;justify-content:space-between;\n  position:relative;overflow:hidden;\n}\n.fm-relazionale .fm-hero-visual:before,\n.fm-relazionale .fm-hero-visual:after{\n  content:\"\";position:absolute;border-radius:50%;\n  border:1px solid rgba(255,255,255,.14);\n}\n.fm-relazionale .fm-hero-visual:before{\n  width:300px;height:300px;right:-110px;top:-90px;\n}\n.fm-relazionale .fm-hero-visual:after{\n  width:170px;height:170px;left:-65px;bottom:28px;\n}\n.fm-relazionale .fm-visual-label{\n  position:relative;z-index:2;\n  text-transform:uppercase;letter-spacing:.12em;\n  font-size:.78rem;font-weight:800;opacity:.75;\n}\n.fm-relazionale .fm-hero-visual h2{\n  position:relative;z-index:2;margin:0;\n  font-size:clamp(2.1rem,3.7vw,3.8rem);\n  line-height:1.03;color:#fff;max-width:450px;\n}\n.fm-relazionale .fm-chip-grid{\n  position:relative;z-index:2;\n  display:grid;grid-template-columns:repeat(2,1fr);gap:12px;\n}\n.fm-relazionale .fm-chip{\n  padding:14px 15px;border-radius:18px;\n  background:rgba(255,255,255,.09);\n  border:1px solid rgba(255,255,255,.14);font-weight:750;\n}\n\n\/* STRIP *\/\n.fm-relazionale .fm-strip{\n  border-top:1px solid var(--fm-border);\n  border-bottom:1px solid var(--fm-border);background:#fff;\n}\n.fm-relazionale .fm-strip-grid{\n  display:grid;grid-template-columns:repeat(5,1fr);text-align:center;\n}\n.fm-relazionale .fm-strip-grid div{\n  padding:18px 10px;font-weight:850;font-size:.88rem;\n  letter-spacing:.05em;border-right:1px solid var(--fm-border);\n}\n.fm-relazionale .fm-strip-grid div:last-child{border-right:none}\n\n\/* PROBLEMI *\/\n.fm-relazionale .fm-problem-grid{\n  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;\n}\n.fm-relazionale .fm-card{\n  background:#fff;border:1px solid var(--fm-border);\n  border-radius:var(--fm-radius);padding:28px;\n  box-shadow:0 10px 32px rgba(15,23,42,.05);\n}\n.fm-relazionale .fm-card-icon{\n  width:46px;height:46px;border-radius:15px;\n  display:grid;place-items:center;font-weight:900;\n  margin-bottom:20px;background:rgba(255,140,26,.13);\n  color:var(--fm-orange-dark);\n}\n.fm-relazionale .fm-card h3{\n  margin:0 0 10px;color:var(--fm-heading);\n  font-size:1.28rem;line-height:1.18;\n}\n.fm-relazionale .fm-card p{margin:0;color:var(--fm-muted)}\n\n\/* METODO *\/\n.fm-relazionale .fm-method{\n  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;\n}\n.fm-relazionale .fm-method-step{\n  background:#fff;border:1px solid var(--fm-border);\n  border-radius:24px;padding:28px;\n  box-shadow:0 12px 34px rgba(15,23,42,.05);\n}\n.fm-relazionale .fm-method-step b{\n  display:inline-flex;width:42px;height:42px;border-radius:14px;\n  align-items:center;justify-content:center;color:#fff;font-weight:900;\n  background:linear-gradient(135deg,var(--fm-orange),var(--fm-blue));\n  margin-bottom:22px;\n}\n.fm-relazionale .fm-method-step h3{\n  margin:0 0 10px;color:var(--fm-heading);font-size:1.35rem;\n}\n.fm-relazionale .fm-method-step p{margin:0;color:var(--fm-muted)}\n\n\/* AREE *\/\n.fm-relazionale .fm-area-grid{\n  display:grid;grid-template-columns:repeat(2,1fr);gap:18px;\n}\n.fm-relazionale .fm-area{\n  background:#fff;border:1px solid var(--fm-border);\n  border-radius:var(--fm-radius-lg);padding:30px;\n  box-shadow:0 12px 34px rgba(15,23,42,.05);\n}\n.fm-relazionale .fm-area h3{\n  margin:0 0 12px;color:var(--fm-heading);font-size:1.5rem;\n}\n.fm-relazionale .fm-area p{margin:0;color:var(--fm-muted)}\n.fm-relazionale .fm-area ul{margin:18px 0 0;padding-left:20px}\n.fm-relazionale .fm-area li{margin:7px 0}\n\n\/* QUOTE *\/\n.fm-relazionale .fm-quote{\n  padding:64px;border-radius:34px;color:#fff;\n  background:\n    linear-gradient(135deg,rgba(255,140,26,.94),rgba(22,93,255,.95));\n  box-shadow:var(--fm-shadow);\n}\n.fm-relazionale .fm-quote p{\n  margin:0;font-size:clamp(2rem,4vw,4rem);\n  line-height:1.06;letter-spacing:-.04em;font-weight:850;\n  max-width:980px;\n}\n.fm-relazionale .fm-quote small{\n  display:block;margin-top:20px;font-size:1rem;opacity:.86;\n}\n\n\/* DESTINATARI *\/\n.fm-relazionale .fm-audience{\n  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;\n}\n.fm-relazionale .fm-audience div{\n  padding:20px 22px;border-radius:18px;\n  background:#fff;border:1px solid var(--fm-border);\n  font-weight:780;color:var(--fm-heading);\n}\n\n\/* FORMATI *\/\n.fm-relazionale .fm-format-grid{\n  display:grid;grid-template-columns:repeat(5,1fr);gap:14px;\n}\n.fm-relazionale .fm-format{\n  background:#fff;border:1px solid var(--fm-border);\n  border-radius:20px;padding:22px;\n}\n.fm-relazionale .fm-format b{\n  display:block;color:var(--fm-blue);font-size:.85rem;margin-bottom:9px;\n}\n.fm-relazionale .fm-format strong{\n  display:block;color:var(--fm-heading);line-height:1.2;\n}\n.fm-relazionale .fm-format span{\n  display:block;margin-top:8px;color:var(--fm-muted);font-size:.94rem;\n}\n\n\/* CTA *\/\n.fm-relazionale .fm-final{\n  padding:64px;border-radius:34px;\n  background:linear-gradient(145deg,#0F172A,#172033);\n  color:#fff;display:grid;grid-template-columns:1fr auto;\n  align-items:center;gap:28px;box-shadow:var(--fm-shadow);\n}\n.fm-relazionale .fm-final h2{\n  margin:0;color:#fff;font-size:clamp(2rem,4vw,3.7rem);\n  line-height:1.05;letter-spacing:-.04em;\n}\n.fm-relazionale .fm-final p{\n  margin:14px 0 0;color:rgba(255,255,255,.76);\n  font-size:1.08rem;max-width:760px;\n}\n\n\/* FOOTER *\/\n.fm-relazionale .fm-footer{\n  margin-top:86px;padding:42px 0 28px;\n  border-top:1px solid var(--fm-border);\n}\n.fm-relazionale .fm-footer-grid{\n  display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start;\n}\n.fm-relazionale .fm-footer strong{color:var(--fm-heading)}\n.fm-relazionale .fm-footer p{margin:7px 0 0;color:var(--fm-muted)}\n.fm-relazionale .fm-footer-links{display:flex;gap:14px;flex-wrap:wrap}\n.fm-relazionale .fm-footer-links a{font-weight:700;color:var(--fm-blue)}\n.fm-relazionale .fm-copyright{\n  margin-top:28px;padding-top:20px;border-top:1px solid var(--fm-border);\n  color:var(--fm-muted);font-size:.9rem;\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:980px){\n  .fm-relazionale .fm-nav-links{display:none}\n  .fm-relazionale .fm-rel-nav-toggle{display:block}\n  .fm-relazionale .fm-hero-grid{grid-template-columns:1fr}\n  .fm-relazionale .fm-hero-visual{min-height:420px}\n  .fm-relazionale .fm-problem-grid,\n  .fm-relazionale .fm-audience{grid-template-columns:1fr 1fr}\n  .fm-relazionale .fm-method{grid-template-columns:1fr 1fr}\n  .fm-relazionale .fm-format-grid{grid-template-columns:1fr 1fr}\n  .fm-relazionale .fm-final{grid-template-columns:1fr}\n}\n@media(max-width:680px){\n  .fm-relazionale .fm-wrap,\n  .fm-relazionale .fm-nav-inner{width:min(100% - 24px,var(--fm-max))}\n  .fm-relazionale .fm-hero{padding:50px 0 46px}\n  .fm-relazionale .fm-section{padding:62px 0}\n  .fm-relazionale .fm-hero h1{font-size:2.65rem}\n  .fm-relazionale .fm-hero-visual{min-height:390px;padding:24px;border-radius:26px}\n  .fm-relazionale .fm-chip-grid{grid-template-columns:1fr}\n  .fm-relazionale .fm-strip-grid{grid-template-columns:1fr}\n  .fm-relazionale .fm-strip-grid div{border-right:none;border-bottom:1px solid var(--fm-border)}\n  .fm-relazionale .fm-problem-grid,\n  .fm-relazionale .fm-method,\n  .fm-relazionale .fm-area-grid,\n  .fm-relazionale .fm-audience,\n  .fm-relazionale .fm-format-grid{grid-template-columns:1fr}\n  .fm-relazionale .fm-quote,\n  .fm-relazionale .fm-final{padding:34px 24px;border-radius:26px}\n  .fm-relazionale .fm-actions{flex-direction:column}\n  .fm-relazionale .fm-btn{width:100%}\n  .fm-relazionale .fm-footer-grid{grid-template-columns:1fr}\n}\n\n\/* ===== FM MOBILE MENU FIX v1.1 ===== *\/\n@media(max-width:980px){\n  .fm-relazionale .fm-rel-mobile-menu{\n    position:fixed;\n    left:0;\n    right:0;\n    top:76px;\n    z-index:89;\n    width:100%;\n    max-height:calc(100dvh - 76px);\n    overflow-y:auto;\n    overscroll-behavior:contain;\n    -webkit-overflow-scrolling:touch;\n    padding:10px 20px 18px;\n    background:rgba(255,255,255,.985);\n    border-bottom:1px solid rgba(15,23,42,.10);\n    box-shadow:0 18px 38px rgba(15,23,42,.14);\n  }\n\n  .fm-relazionale .fm-rel-mobile-menu a{\n    min-height:48px;\n    display:flex;\n    align-items:center;\n    padding:12px 10px;\n    font-size:16px;\n    line-height:1.3;\n  }\n\n  .fm-relazionale .fm-rel-nav-toggle span{\n    transition:transform .22s ease, opacity .18s ease;\n    transform-origin:center;\n  }\n\n  .fm-relazionale .fm-rel-nav-toggle.open span:nth-child(1){\n    transform:translateY(7px) rotate(45deg);\n  }\n\n  .fm-relazionale .fm-rel-nav-toggle.open span:nth-child(2){\n    opacity:0;\n  }\n\n  .fm-relazionale .fm-rel-nav-toggle.open span:nth-child(3){\n    transform:translateY(-7px) rotate(-45deg);\n  }\n}\n\n@media(min-width:981px){\n  .fm-relazionale .fm-rel-mobile-menu{\n    display:none !important;\n  }\n}\n\nbody.fm-rel-mobile-menu-open{\n  overflow:hidden;\n}\n\n\n\/* ===== FM MOBILE MENU FULL PANEL v1.2 ===== *\/\n@media(max-width:980px){\n  .fm-relazionale .fm-rel-mobile-menu{\n    display:none;\n    position:fixed;\n    left:0;\n    right:0;\n    top:76px;\n    z-index:89;\n    width:100%;\n    height:calc(100dvh - 76px);\n    max-height:calc(100dvh - 76px);\n    overflow-y:auto;\n    overscroll-behavior:contain;\n    -webkit-overflow-scrolling:touch;\n    padding:38px 24px 46px;\n    background:rgba(255,255,255,.995);\n    border-bottom:1px solid rgba(15,23,42,.08);\n    box-shadow:0 18px 38px rgba(15,23,42,.09);\n  }\n\n  .fm-relazionale .fm-rel-mobile-menu.is-open{\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:flex-start;\n    gap:0;\n  }\n\n  .fm-relazionale .fm-rel-mobile-menu a{\n    width:100%;\n    max-width:420px;\n    min-height:72px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    padding:16px 10px;\n    border-bottom:none;\n    text-align:center;\n    font-size:clamp(1.35rem,5vw,1.75rem);\n    line-height:1.2;\n    font-weight:800;\n    color:#20304A;\n  }\n\n  .fm-relazionale .fm-rel-mobile-menu a:hover,\n  .fm-relazionale .fm-rel-mobile-menu a:focus-visible{\n    color:#165DFF;\n    background:transparent;\n    outline:none;\n  }\n\n  .fm-relazionale .fm-rel-nav-toggle{\n    position:relative;\n    z-index:91;\n  }\n\n  \/* L'hamburger resta hamburger anche quando il menu \u00e8 aperto *\/\n  .fm-relazionale .fm-rel-nav-toggle.open span:nth-child(1),\n  .fm-relazionale .fm-rel-nav-toggle.open span:nth-child(2),\n  .fm-relazionale .fm-rel-nav-toggle.open span:nth-child(3){\n    transform:none !important;\n    opacity:1 !important;\n  }\n}\n\n@media(max-width:480px){\n  .fm-relazionale .fm-rel-mobile-menu{\n    padding-top:26px;\n  }\n\n  .fm-relazionale .fm-rel-mobile-menu a{\n    min-height:64px;\n    font-size:1.35rem;\n  }\n}\n\n@media(min-width:981px){\n  .fm-relazionale .fm-rel-mobile-menu{\n    display:none !important;\n  }\n}\n\nbody.fm-rel-mobile-menu-open{\n  overflow:hidden;\n}\n\n\n\/* ===== FIX DEFINITIVO MENU MOBILE - COMUNICAZIONE RELAZIONALE v1.3 ===== *\/\n\n.fm-relazionale .fm-rel-mobile-menu{\n  display:none;\n}\n\n@media (max-width:980px){\n\n  .fm-relazionale .fm-nav-links{\n    display:none !important;\n  }\n\n  .fm-relazionale .fm-rel-nav-toggle{\n    display:block !important;\n    width:52px;\n    height:52px;\n    flex:0 0 52px;\n    padding:11px;\n    border:2px solid #FF8C1A;\n    border-radius:18px;\n    background:#fff;\n    position:relative;\n    z-index:1002;\n    cursor:pointer;\n    box-shadow:0 4px 14px rgba(15,23,42,.06);\n  }\n\n  .fm-relazionale .fm-rel-nav-toggle span{\n    display:block !important;\n    width:100%;\n    height:3px;\n    margin:5px 0;\n    border-radius:99px;\n    background:#172033 !important;\n    transform:none !important;\n    opacity:1 !important;\n    transition:none !important;\n  }\n\n  .fm-relazionale .fm-rel-mobile-menu{\n    display:none !important;\n    position:fixed !important;\n    left:0 !important;\n    right:0 !important;\n    width:100vw !important;\n    margin:0 !important;\n    padding:24px 20px 34px !important;\n    background:#fff !important;\n    border:0 !important;\n    border-top:1px solid rgba(15,23,42,.08) !important;\n    box-shadow:0 18px 34px rgba(15,23,42,.12) !important;\n    z-index:1000 !important;\n    overflow-y:auto !important;\n    overflow-x:hidden !important;\n    overscroll-behavior:contain;\n    -webkit-overflow-scrolling:touch;\n    flex-direction:column !important;\n    flex-wrap:nowrap !important;\n    align-items:stretch !important;\n    justify-content:flex-start !important;\n    gap:0 !important;\n  }\n\n  .fm-relazionale .fm-rel-mobile-menu.is-open{\n    display:flex !important;\n  }\n\n  .fm-relazionale .fm-rel-mobile-menu > a{\n    display:flex !important;\n    width:100% !important;\n    min-height:58px !important;\n    margin:0 !important;\n    padding:13px 12px !important;\n    align-items:center !important;\n    justify-content:center !important;\n    text-align:center !important;\n    border:0 !important;\n    border-bottom:1px solid #EEF2F7 !important;\n    border-radius:0 !important;\n    background:#fff !important;\n    color:#20304A !important;\n    font-size:20px !important;\n    line-height:1.25 !important;\n    font-weight:800 !important;\n    white-space:normal !important;\n  }\n\n  .fm-relazionale .fm-rel-mobile-menu > a:last-child{\n    border-bottom:0 !important;\n  }\n\n  .fm-relazionale .fm-rel-mobile-menu > a:hover,\n  .fm-relazionale .fm-rel-mobile-menu > a:focus{\n    color:#165DFF !important;\n    background:#F7F9FC !important;\n  }\n}\n\n@media (max-width:480px){\n  .fm-relazionale .fm-rel-mobile-menu{\n    padding-top:16px !important;\n    padding-bottom:24px !important;\n  }\n\n  .fm-relazionale .fm-rel-mobile-menu > a{\n    min-height:54px !important;\n    font-size:18px !important;\n  }\n}\n\n@media (min-width:981px){\n  .fm-relazionale .fm-rel-nav-toggle{\n    display:none !important;\n  }\n\n  .fm-relazionale .fm-rel-mobile-menu{\n    display:none !important;\n  }\n}\n\nbody.fm-rel-menu-open{\n  overflow:hidden !important;\n}\n\n<\/style>\n\n<!-- NAV -->\n<nav class=\"fm-nav\">\n  <div class=\"fm-nav-inner\">\n    <a href=\"\/\" class=\"fm-brand\">\n      <span class=\"fm-brand-mark\">FM<\/span>\n      <span>Francesco Mazzarella<\/span>\n    <\/a>\n\n    <div class=\"fm-nav-links\">\n      <a href=\"\/\">Home<\/a>\n      <a href=\"\/chi-sono\/\">Chi sono<\/a>\n      <a href=\"\/cosa-faccio\/\">Cosa faccio<\/a>\n      <a href=\"\/percorsi\/\">Percorsi<\/a>\n      <a href=\"\/siti-web-strumenti-digitali\/\">Siti web<\/a>\n      <a href=\"\/articoli\/\">Articoli<\/a>\n      <a href=\"\/podcast\/\">Podcast<\/a>\n      <a href=\"\/contattami\/\" class=\"fm-nav-cta\">Contattami<\/a>\n    <\/div>\n\n    <button class=\"fm-rel-nav-toggle\" type=\"button\" aria-label=\"Apri menu\" aria-expanded=\"false\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/button>\n  <\/div>\n<\/nav>\n\n<div class=\"fm-rel-mobile-menu\">\n  <a href=\"\/\">Home<\/a>\n  <a href=\"\/chi-sono\/\">Chi sono<\/a>\n  <a href=\"\/cosa-faccio\/\">Cosa faccio<\/a>\n  <a href=\"\/percorsi\/\">Percorsi<\/a>\n  <a href=\"\/siti-web-strumenti-digitali\/\">Siti web<\/a>\n  <a href=\"\/articoli\/\">Articoli<\/a>\n  <a href=\"\/podcast\/\">Podcast<\/a>\n  <a href=\"\/contattami\/\">Contattami<\/a>\n<\/div>\n\n<!-- HERO -->\n<section class=\"fm-hero\">\n  <div class=\"fm-wrap fm-hero-grid\">\n\n    <div>\n      <span class=\"fm-eyebrow\">Comunicazione relazionale<\/span>\n      <div class=\"fm-orange-line\"><\/div>\n\n      <h1>\n        Comunicare non \u00e8 solo parlare.\n        \u00c8 <span>costruire relazione.<\/span>\n      <\/h1>\n\n      <p class=\"fm-hero-lead\">\n        Percorsi, formazione e facilitazione per persone, gruppi, comunit\u00e0 e organizzazioni\n        che vogliono migliorare ascolto, dialogo, partecipazione e qualit\u00e0 delle relazioni.\n      <\/p>\n\n      <p class=\"fm-hero-note\">\n        Non parto dalla domanda \u201ccosa devo dire?\u201d, ma da una domanda pi\u00f9 profonda:\n        che relazione stiamo costruendo mentre parliamo, ascoltiamo, decidiamo o attraversiamo un conflitto?\n      <\/p>\n\n      <div class=\"fm-actions\">\n        <a class=\"fm-btn fm-btn-primary\" href=\"\/contattami\/\">Raccontami il tuo contesto<\/a>\n        <a class=\"fm-btn fm-btn-secondary\" href=\"#fm-metodo\">Scopri il metodo \u2193<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"fm-hero-visual\">\n      <span class=\"fm-visual-label\">FM \u00b7 Comunicazione relazionale<\/span>\n\n      <h2>\n        Ascoltare, chiarire, collegare, accompagnare.\n      <\/h2>\n\n      <div class=\"fm-chip-grid\">\n        <div class=\"fm-chip\">Ascolto<\/div>\n        <div class=\"fm-chip\">Dialogo<\/div>\n        <div class=\"fm-chip\">Conflitti<\/div>\n        <div class=\"fm-chip\">Partecipazione<\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- STRIP -->\n<div class=\"fm-strip\">\n  <div class=\"fm-wrap fm-strip-grid\">\n    <div>GRUPPI<\/div>\n    <div>COMUNIT\u00c0<\/div>\n    <div>\u00c9QUIPE<\/div>\n    <div>ORGANIZZAZIONI<\/div>\n    <div>PERCORSI EDUCATIVI<\/div>\n  <\/div>\n<\/div>\n\n<!-- PROBLEMI -->\n<section class=\"fm-section\">\n  <div class=\"fm-wrap\">\n\n    <div class=\"fm-section-head\">\n      <span class=\"fm-eyebrow\">Quando pu\u00f2 servire<\/span>\n      <h2>Molti problemi di comunicazione non nascono dalle parole. Nascono da ci\u00f2 che accade tra le persone.<\/h2>\n      <p>\n        Un gruppo pu\u00f2 parlare molto e ascoltarsi poco. Pu\u00f2 avere obiettivi comuni ma faticare a decidere.\n        Pu\u00f2 evitare i conflitti o viverli come rotture. La comunicazione relazionale lavora proprio qui.\n      <\/p>\n    <\/div>\n\n    <div class=\"fm-problem-grid\">\n\n      <article class=\"fm-card\">\n        <div class=\"fm-card-icon\">01<\/div>\n        <h3>Si parla molto, ma ci si comprende poco<\/h3>\n        <p>\n          Le parole aumentano, ma restano fraintendimenti, silenzi, rigidit\u00e0 o la sensazione\n          che ciascuno stia parlando solo dalla propria posizione.\n        <\/p>\n      <\/article>\n\n      <article class=\"fm-card\">\n        <div class=\"fm-card-icon\">02<\/div>\n        <h3>Le riunioni non generano decisioni condivise<\/h3>\n        <p>\n          Si accumulano interventi e opinioni, ma diventa difficile trasformare il confronto\n          in una direzione leggibile e sostenibile.\n        <\/p>\n      <\/article>\n\n      <article class=\"fm-card\">\n        <div class=\"fm-card-icon\">03<\/div>\n        <h3>I conflitti vengono evitati o esplodono<\/h3>\n        <p>\n          Tensioni non nominate, ruoli poco chiari e parole dette nel momento sbagliato possono\n          logorare lentamente la fiducia.\n        <\/p>\n      <\/article>\n\n      <article class=\"fm-card\">\n        <div class=\"fm-card-icon\">04<\/div>\n        <h3>Alcune persone partecipano, altre restano ai margini<\/h3>\n        <p>\n          Un processo \u00e8 realmente partecipativo quando crea spazio anche per chi ha tempi,\n          linguaggi e modalit\u00e0 diverse di prendere parola.\n        <\/p>\n      <\/article>\n\n      <article class=\"fm-card\">\n        <div class=\"fm-card-icon\">05<\/div>\n        <h3>Il gruppo ha perso chiarezza sul proprio cammino<\/h3>\n        <p>\n          A volte non serve una nuova attivit\u00e0, ma rileggere insieme ci\u00f2 che sta accadendo\n          e ritrovare una direzione condivisa.\n        <\/p>\n      <\/article>\n\n      <article class=\"fm-card\">\n        <div class=\"fm-card-icon\">06<\/div>\n        <h3>Serve accompagnare un passaggio delicato<\/h3>\n        <p>\n          Cambiamenti, nuovi incarichi, riorganizzazioni o momenti di crisi richiedono\n          parole, tempi e spazi capaci di custodire le persone.\n        <\/p>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- METODO -->\n<section class=\"fm-section fm-section-soft\" id=\"fm-metodo\">\n  <div class=\"fm-wrap\">\n\n    <div class=\"fm-section-head center\">\n      <span class=\"fm-eyebrow\">Metodo<\/span>\n      <h2>Ascoltare, chiarire, collegare, accompagnare.<\/h2>\n      <p>\n        Non propongo formule uguali per tutti. Leggo il contesto, aiuto a nominare ci\u00f2 che accade\n        e costruisco con le persone passaggi comprensibili e praticabili.\n      <\/p>\n    <\/div>\n\n    <div class=\"fm-method\">\n\n      <article class=\"fm-method-step\">\n        <b>01<\/b>\n        <h3>Ascoltare<\/h3>\n        <p>\n          Dare spazio a fatti, percezioni, bisogni, fatiche e punti di vista senza ridurre\n          subito tutto a una soluzione.\n        <\/p>\n      <\/article>\n\n      <article class=\"fm-method-step\">\n        <b>02<\/b>\n        <h3>Chiarire<\/h3>\n        <p>\n          Distinguere ci\u00f2 che \u00e8 centrale da ci\u00f2 che \u00e8 secondario, ci\u00f2 che appartiene ai fatti\n          da ci\u00f2 che nasce da interpretazioni o paure.\n        <\/p>\n      <\/article>\n\n      <article class=\"fm-method-step\">\n        <b>03<\/b>\n        <h3>Collegare<\/h3>\n        <p>\n          Mettere in relazione persone, temi, responsabilit\u00e0 e possibilit\u00e0 per far emergere\n          una lettura pi\u00f9 completa del contesto.\n        <\/p>\n      <\/article>\n\n      <article class=\"fm-method-step\">\n        <b>04<\/b>\n        <h3>Accompagnare<\/h3>\n        <p>\n          Trasformare ci\u00f2 che \u00e8 emerso in parole, scelte, strumenti e passi concreti\n          che il gruppo possa realmente abitare.\n        <\/p>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- AREE DI LAVORO -->\n<section class=\"fm-section\">\n  <div class=\"fm-wrap\">\n\n    <div class=\"fm-section-head\">\n      <span class=\"fm-eyebrow\">Aree di lavoro<\/span>\n      <h2>La relazione si costruisce in molti momenti diversi.<\/h2>\n      <p>\n        Un percorso pu\u00f2 concentrarsi su un singolo bisogno oppure intrecciare pi\u00f9 dimensioni.\n      <\/p>\n    <\/div>\n\n    <div class=\"fm-area-grid\">\n\n      <article class=\"fm-area\">\n        <h3>Ascolto e dialogo<\/h3>\n        <p>\n          Per gruppi che vogliono migliorare la qualit\u00e0 delle conversazioni e creare\n          uno spazio nel quale le persone possano davvero essere ascoltate.\n        <\/p>\n        <ul>\n          <li>ascolto attivo;<\/li>\n          <li>domande che aprono il dialogo;<\/li>\n          <li>linguaggi che non irrigidiscono;<\/li>\n          <li>restituzione e rispecchiamento.<\/li>\n        <\/ul>\n      <\/article>\n\n      <article class=\"fm-area\">\n        <h3>Conflitti e tensioni<\/h3>\n        <p>\n          Per imparare a leggere il conflitto senza negarlo e senza trasformarlo automaticamente\n          in una rottura della relazione.\n        <\/p>\n        <ul>\n          <li>lettura delle tensioni;<\/li>\n          <li>responsabilit\u00e0 proprie e altrui;<\/li>\n          <li>gestione delle conversazioni difficili;<\/li>\n          <li>ricostruzione della fiducia.<\/li>\n        <\/ul>\n      <\/article>\n\n      <article class=\"fm-area\">\n        <h3>Partecipazione e decisioni<\/h3>\n        <p>\n          Per rendere riunioni e processi meno dispersivi e pi\u00f9 capaci di generare\n          corresponsabilit\u00e0 e scelte comprensibili.\n        <\/p>\n        <ul>\n          <li>facilitazione;<\/li>\n          <li>qualit\u00e0 della partecipazione;<\/li>\n          <li>decisioni condivise;<\/li>\n          <li>restituzione dei passaggi emersi.<\/li>\n        <\/ul>\n      <\/article>\n\n      <article class=\"fm-area\">\n        <h3>Comunit\u00e0 e processi di cambiamento<\/h3>\n        <p>\n          Per accompagnare realt\u00e0 che stanno attraversando passaggi organizzativi,\n          educativi, comunitari o generazionali.\n        <\/p>\n        <ul>\n          <li>lettura del contesto;<\/li>\n          <li>ruoli e responsabilit\u00e0;<\/li>\n          <li>passaggi di consegne;<\/li>\n          <li>costruzione di una direzione condivisa.<\/li>\n        <\/ul>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- QUOTE -->\n<section class=\"fm-section\">\n  <div class=\"fm-wrap\">\n    <div class=\"fm-quote\">\n      <p>\n        \u201cLa domanda non \u00e8 soltanto: cosa devo dire?\n        Ma: che relazione sto costruendo mentre lo dico?\u201d\n      <\/p>\n      <small>Francesco Mazzarella \u00b7 FM Comunicazione<\/small>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- DESTINATARI -->\n<section class=\"fm-section fm-section-soft\">\n  <div class=\"fm-wrap\">\n\n    <div class=\"fm-section-head center\">\n      <span class=\"fm-eyebrow\">A chi si rivolge<\/span>\n      <h2>Persone e realt\u00e0 che vogliono comunicare meglio per vivere meglio i propri processi.<\/h2>\n    <\/div>\n\n    <div class=\"fm-audience\">\n      <div>Gruppi e comunit\u00e0<\/div>\n      <div>\u00c9quipe e gruppi di lavoro<\/div>\n      <div>Associazioni e terzo settore<\/div>\n      <div>Comunit\u00e0 ecclesiali<\/div>\n      <div>Scuole e realt\u00e0 educative<\/div>\n      <div>Enti e organizzazioni<\/div>\n      <div>Responsabili e coordinatori<\/div>\n      <div>Professionisti<\/div>\n      <div>Reti e processi partecipativi<\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- FORMATI -->\n<section class=\"fm-section\">\n  <div class=\"fm-wrap\">\n\n    <div class=\"fm-section-head\">\n      <span class=\"fm-eyebrow\">Formati possibili<\/span>\n      <h2>Un intervento pu\u00f2 essere breve oppure diventare un percorso.<\/h2>\n      <p>\n        La forma dipende dal bisogno, dal numero di persone coinvolte, dal tempo disponibile\n        e dal cambiamento che si vuole generare.\n      <\/p>\n    <\/div>\n\n    <div class=\"fm-format-grid\">\n\n      <div class=\"fm-format\">\n        <b>01<\/b>\n        <strong>Incontro singolo<\/strong>\n        <span>Per aprire una riflessione o lavorare su un nodo specifico.<\/span>\n      <\/div>\n\n      <div class=\"fm-format\">\n        <b>02<\/b>\n        <strong>Laboratorio<\/strong>\n        <span>Per sperimentare strumenti, simulazioni e modalit\u00e0 concrete di dialogo.<\/span>\n      <\/div>\n\n      <div class=\"fm-format\">\n        <b>03<\/b>\n        <strong>Ciclo formativo<\/strong>\n        <span>Pi\u00f9 tappe per approfondire, sperimentare e verificare il cambiamento.<\/span>\n      <\/div>\n\n      <div class=\"fm-format\">\n        <b>04<\/b>\n        <strong>Facilitazione<\/strong>\n        <span>Per accompagnare riunioni, passaggi delicati o processi partecipativi.<\/span>\n      <\/div>\n\n      <div class=\"fm-format\">\n        <b>05<\/b>\n        <strong>Percorso su misura<\/strong>\n        <span>Un progetto costruito intorno alla storia e agli obiettivi della realt\u00e0 coinvolta.<\/span>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CTA FINALE -->\n<section class=\"fm-section fm-section-dark\">\n  <div class=\"fm-wrap\">\n\n    <div class=\"fm-final\">\n      <div>\n        <h2>Partiamo da ci\u00f2 che sta accadendo davvero.<\/h2>\n        <p>\n          Raccontami il contesto, le persone coinvolte, ci\u00f2 che funziona e ci\u00f2 che oggi crea fatica.\n          Da l\u00ec possiamo capire insieme quale intervento pu\u00f2 essere realmente utile.\n        <\/p>\n      <\/div>\n\n      <div>\n        <a class=\"fm-btn fm-btn-primary\" href=\"\/contattami\/\">\n          Raccontami il tuo contesto\n        <\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer class=\"fm-footer\">\n  <div class=\"fm-wrap\">\n\n    <div class=\"fm-footer-grid\">\n      <div>\n        <strong>FM Comunicazione \u00b7 Francesco Mazzarella<\/strong>\n        <p>La tecnologia al servizio della relazione e dei carismi.<\/p>\n      <\/div>\n\n      <div class=\"fm-footer-links\">\n        <a href=\"\/chi-sono\/\">Chi sono<\/a>\n        <a href=\"\/cosa-faccio\/\">Cosa faccio<\/a>\n        <a href=\"\/percorsi\/\">Percorsi<\/a>\n        <a href=\"\/privacy-policy\/\">Privacy<\/a>\n        <a href=\"\/contattami\/\">Contatti<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"fm-copyright\">\n      \u00a9 FM Comunicazione \u00b7 Tutti i diritti riservati\n    <\/div>\n\n  <\/div>\n<\/footer>\n\n<script>\n(function(){\n  const root = document.querySelector('.fm-relazionale');\n  if(!root) return;\n\n  const toggle = root.querySelector('.fm-rel-nav-toggle');\n  const menu = root.querySelector('.fm-rel-mobile-menu');\n  const nav = root.querySelector('.fm-nav');\n\n  if(!toggle || !menu || !nav) return;\n\n  menu.id = 'fm-rel-mobile-menu';\n  toggle.setAttribute('aria-controls','fm-rel-mobile-menu');\n  toggle.setAttribute('aria-expanded','false');\n  menu.setAttribute('aria-hidden','true');\n\n  function positionMenu(){\n    const rect = nav.getBoundingClientRect();\n    const top = Math.max(0, Math.round(rect.bottom));\n    menu.style.top = top + 'px';\n    menu.style.height = 'calc(100dvh - ' + top + 'px)';\n    menu.style.maxHeight = 'calc(100dvh - ' + top + 'px)';\n  }\n\n  function openMenu(){\n    positionMenu();\n    menu.classList.add('is-open');\n    menu.setAttribute('aria-hidden','false');\n    toggle.setAttribute('aria-expanded','true');\n    document.body.classList.add('fm-rel-menu-open');\n  }\n\n  function closeMenu(){\n    menu.classList.remove('is-open');\n    menu.setAttribute('aria-hidden','true');\n    toggle.setAttribute('aria-expanded','false');\n    document.body.classList.remove('fm-rel-menu-open');\n  }\n\n  toggle.addEventListener('click', function(e){\n    e.preventDefault();\n    e.stopPropagation();\n\n    if(menu.classList.contains('is-open')){\n      closeMenu();\n    }else{\n      openMenu();\n    }\n  });\n\n  menu.querySelectorAll('a').forEach(function(link){\n    link.addEventListener('click', closeMenu);\n  });\n\n  document.addEventListener('keydown', function(e){\n    if(e.key === 'Escape' && menu.classList.contains('is-open')){\n      closeMenu();\n      toggle.focus({preventScroll:true});\n    }\n  });\n\n  window.addEventListener('resize', function(){\n    if(window.innerWidth > 980){\n      closeMenu();\n    }else if(menu.classList.contains('is-open')){\n      positionMenu();\n    }\n  });\n\n  window.addEventListener('orientationchange', function(){\n    setTimeout(function(){\n      if(menu.classList.contains('is-open')) positionMenu();\n    },150);\n  });\n\n  root.querySelectorAll('a[href^=\"#\"]').forEach(function(link){\n    link.addEventListener('click', function(e){\n      const target = root.querySelector(link.getAttribute('href'));\n      if(target){\n        e.preventDefault();\n        closeMenu();\n        target.scrollIntoView({behavior:'smooth',block:'start'});\n      }\n    });\n  });\n})();\n<\/script>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>FM Francesco Mazzarella Home Chi sono Cosa faccio Percorsi Siti web Articoli Podcast Contattami Home Chi sono Cosa faccio Percorsi Siti web Articoli Podcast Contattami Comunicazione relazionale Comunicare non \u00e8 solo parlare. \u00c8 costruire relazione. Percorsi, formazione e facilitazione per persone, gruppi, comunit\u00e0 e organizzazioni che vogliono migliorare ascolto, dialogo, partecipazione e qualit\u00e0 delle relazioni. [&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":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-905","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.francescomazzarella.eu\/en\/wp-json\/wp\/v2\/pages\/905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.francescomazzarella.eu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.francescomazzarella.eu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.francescomazzarella.eu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.francescomazzarella.eu\/en\/wp-json\/wp\/v2\/comments?post=905"}],"version-history":[{"count":4,"href":"https:\/\/www.francescomazzarella.eu\/en\/wp-json\/wp\/v2\/pages\/905\/revisions"}],"predecessor-version":[{"id":916,"href":"https:\/\/www.francescomazzarella.eu\/en\/wp-json\/wp\/v2\/pages\/905\/revisions\/916"}],"wp:attachment":[{"href":"https:\/\/www.francescomazzarella.eu\/en\/wp-json\/wp\/v2\/media?parent=905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}