{"id":3687,"date":"2025-07-26T10:40:18","date_gmt":"2025-07-26T08:40:18","guid":{"rendered":"https:\/\/www.csdmaritain.it\/?page_id=3687"},"modified":"2026-08-01T13:20:36","modified_gmt":"2026-08-01T11:20:36","slug":"contatti-sede","status":"publish","type":"page","link":"https:\/\/www.csdmaritain.it\/?page_id=3687","title":{"rendered":"Contatti"},"content":{"rendered":"\n<section class=\"maritain-contact-hub\" aria-labelledby=\"contact-hub-title\">\n\n  <style>\n    .maritain-contact-hub,\n    .maritain-contact-hub * {\n      box-sizing: border-box;\n    }\n\n    .maritain-contact-hub {\n      --contact-blue: #123f93;\n      --contact-blue-dark: #082b6b;\n      --contact-blue-light: #2874d0;\n      --contact-yellow: #f4c430;\n      --contact-green: #43a047;\n      --contact-green-dark: #2e7d32;\n      --contact-text: #172033;\n      --contact-muted: #5d6879;\n      --contact-light: #f5f7fb;\n      --contact-border: #e1e7f0;\n      --contact-white: #ffffff;\n\n      width: 100%;\n      margin: 0;\n      color: var(--contact-text);\n      background: var(--contact-white);\n      font-family: inherit;\n    }\n\n    .maritain-contact-hub a {\n      text-decoration: none;\n    }\n\n\n    \/* =========================\n       HERO\n       ========================= *\/\n\n    .contact-hub-hero {\n      position: relative;\n      overflow: hidden;\n      padding: 90px 22px;\n      color: #ffffff;\n      background:\n        radial-gradient(\n          circle at 85% 18%,\n          rgba(244, 196, 48, 0.3),\n          transparent 27%\n        ),\n        linear-gradient(\n          120deg,\n          var(--contact-blue-dark),\n          var(--contact-blue)\n        );\n      text-align: center;\n    }\n\n    .contact-hub-hero::before {\n      content: \"\";\n      position: absolute;\n      left: -140px;\n      bottom: -210px;\n      width: 440px;\n      height: 440px;\n      border: 70px solid rgba(255, 255, 255, 0.06);\n      border-radius: 50%;\n      pointer-events: none;\n    }\n\n    .contact-hub-hero::after {\n      content: \"\";\n      position: absolute;\n      top: -80px;\n      right: -70px;\n      width: 230px;\n      height: 230px;\n      border: 42px solid rgba(244, 196, 48, 0.1);\n      border-radius: 50%;\n      pointer-events: none;\n    }\n\n    .contact-hub-hero-inner {\n      position: relative;\n      z-index: 2;\n      max-width: 900px;\n      margin: 0 auto;\n    }\n\n    .contact-hub-kicker {\n      display: inline-block;\n      margin-bottom: 18px;\n      padding: 8px 17px;\n      color: var(--contact-blue-dark);\n      background: var(--contact-yellow);\n      border-radius: 999px;\n      font-size: 0.9rem;\n      line-height: 1.2;\n      font-weight: 900;\n      letter-spacing: 0.09em;\n      text-transform: uppercase;\n    }\n\n    .contact-hub-hero h2 {\n      margin: 0;\n      color: #ffffff;\n      font-size: clamp(2.5rem, 7vw, 4.8rem);\n      line-height: 1.05;\n      font-weight: 900;\n      letter-spacing: -0.03em;\n    }\n\n    .contact-hub-hero p {\n      max-width: 760px;\n      margin: 24px auto 0;\n      color: rgba(255, 255, 255, 0.92);\n      font-size: clamp(1.05rem, 2.5vw, 1.28rem);\n      line-height: 1.72;\n    }\n\n\n    \/* =========================\n       INTRODUZIONE\n       ========================= *\/\n\n    .contact-hub-intro {\n      padding: 70px 22px 35px;\n      background: #ffffff;\n      text-align: center;\n    }\n\n    .contact-hub-intro-inner {\n      max-width: 820px;\n      margin: 0 auto;\n    }\n\n    .contact-hub-label {\n      display: block;\n      margin-bottom: 13px;\n      color: var(--contact-blue);\n      font-size: 0.88rem;\n      line-height: 1.2;\n      font-weight: 900;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n    }\n\n    .contact-hub-intro h3,\n    .contact-hub-help h3 {\n      margin: 0;\n      color: var(--contact-blue-dark);\n      font-size: clamp(2rem, 5vw, 3rem);\n      line-height: 1.15;\n      font-weight: 900;\n    }\n\n    .contact-hub-intro p {\n      margin: 21px auto 0;\n      color: var(--contact-muted);\n      font-size: 1.08rem;\n      line-height: 1.78;\n    }\n\n\n    \/* =========================\n       SCHEDE DEI SETTORI\n       ========================= *\/\n\n    .contact-hub-sectors {\n      padding: 48px 22px 85px;\n      background: #ffffff;\n    }\n\n    .contact-hub-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 30px;\n      width: 100%;\n      max-width: 1050px;\n      margin: 0 auto;\n    }\n\n    .contact-hub-card {\n      position: relative;\n      display: flex;\n      min-height: 440px;\n      flex-direction: column;\n      overflow: hidden;\n      padding: 42px 36px 35px;\n      background: var(--contact-light);\n      border: 1px solid var(--contact-border);\n      border-radius: 25px;\n      box-shadow: 0 12px 34px rgba(17, 40, 86, 0.11);\n      transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease;\n    }\n\n    .contact-hub-card::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 9px;\n      background: linear-gradient(\n        90deg,\n        var(--contact-blue),\n        var(--contact-blue-light)\n      );\n    }\n\n    .contact-hub-card--evolution::before {\n      background: linear-gradient(\n        90deg,\n        var(--contact-green),\n        #7acb62\n      );\n    }\n\n    .contact-hub-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 20px 45px rgba(17, 40, 86, 0.17);\n    }\n\n    .contact-hub-icon {\n      display: flex;\n      width: 72px;\n      height: 72px;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 27px;\n      color: #ffffff;\n      background: linear-gradient(\n        135deg,\n        var(--contact-blue),\n        var(--contact-blue-light)\n      );\n      border-radius: 22px;\n      box-shadow: 0 9px 22px rgba(18, 63, 147, 0.22);\n      font-size: 1.8rem;\n      font-weight: 900;\n    }\n\n    .contact-hub-card--evolution .contact-hub-icon {\n      background: linear-gradient(\n        135deg,\n        var(--contact-green-dark),\n        var(--contact-green)\n      );\n      box-shadow: 0 9px 22px rgba(67, 160, 71, 0.23);\n    }\n\n    .contact-hub-card h3 {\n      margin: 0 0 16px;\n      color: var(--contact-blue-dark);\n      font-size: clamp(1.65rem, 4vw, 2rem);\n      line-height: 1.22;\n      font-weight: 900;\n    }\n\n    .contact-hub-card--evolution h3 {\n      color: var(--contact-green-dark);\n    }\n\n    .contact-hub-card > p {\n      margin: 0 0 23px;\n      color: var(--contact-muted);\n      font-size: 1.02rem;\n      line-height: 1.75;\n    }\n\n    .contact-hub-list {\n      display: grid;\n      gap: 11px;\n      margin: 0 0 30px;\n      padding: 0;\n      list-style: none;\n    }\n\n    .contact-hub-list li {\n      position: relative;\n      padding-left: 27px;\n      color: #465164;\n      font-size: 0.96rem;\n      line-height: 1.55;\n    }\n\n    .contact-hub-list li::before {\n      content: \"\u2713\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      color: var(--contact-blue);\n      font-weight: 900;\n    }\n\n    .contact-hub-card--evolution\n    .contact-hub-list li::before {\n      color: var(--contact-green);\n    }\n\n\n    \/* =========================\n       PULSANTI\n       ========================= *\/\n\n    .contact-hub-button {\n      display: inline-flex;\n      min-height: 52px;\n      align-items: center;\n      justify-content: center;\n      margin-top: auto;\n      padding: 14px 26px;\n      color: #ffffff;\n      background: var(--contact-blue);\n      border: 2px solid var(--contact-blue);\n      border-radius: 999px;\n      box-shadow: 0 8px 22px rgba(18, 63, 147, 0.22);\n      font-size: 1rem;\n      line-height: 1.2;\n      font-weight: 900;\n      text-align: center;\n      transition:\n        transform 0.22s ease,\n        box-shadow 0.22s ease,\n        color 0.22s ease,\n        background 0.22s ease,\n        border-color 0.22s ease;\n    }\n\n    .contact-hub-card--evolution .contact-hub-button {\n      background: var(--contact-green);\n      border-color: var(--contact-green);\n      box-shadow: 0 8px 22px rgba(67, 160, 71, 0.22);\n    }\n\n    .contact-hub-button:hover,\n    .contact-hub-button:focus-visible {\n      color: var(--contact-blue-dark);\n      background: var(--contact-yellow);\n      border-color: var(--contact-yellow);\n      transform: translateY(-4px);\n      box-shadow: 0 13px 28px rgba(17, 40, 86, 0.2);\n    }\n\n    .contact-hub-button:focus-visible {\n      outline: 3px solid var(--contact-blue-dark);\n      outline-offset: 4px;\n    }\n\n\n    \/* =========================\n       AVVISO\n       ========================= *\/\n\n    .contact-hub-notice {\n      padding: 0 22px 80px;\n      background: #ffffff;\n    }\n\n    .contact-hub-notice-inner {\n      display: grid;\n      grid-template-columns: auto 1fr;\n      gap: 21px;\n      max-width: 1050px;\n      margin: 0 auto;\n      padding: 30px;\n      background: #fff8d9;\n      border: 2px solid var(--contact-yellow);\n      border-radius: 22px;\n    }\n\n    .contact-hub-notice-icon {\n      display: flex;\n      width: 56px;\n      height: 56px;\n      align-items: center;\n      justify-content: center;\n      color: var(--contact-blue-dark);\n      background: var(--contact-yellow);\n      border-radius: 17px;\n      font-size: 1.35rem;\n      font-weight: 900;\n    }\n\n    .contact-hub-notice h3 {\n      margin: 0 0 9px;\n      color: var(--contact-blue-dark);\n      font-size: 1.3rem;\n      line-height: 1.3;\n      font-weight: 900;\n    }\n\n    .contact-hub-notice p {\n      margin: 0;\n      color: #515968;\n      font-size: 1rem;\n      line-height: 1.7;\n    }\n\n\n    \/* =========================\n       CHIUSURA\n       ========================= *\/\n\n    .contact-hub-help {\n      padding: 75px 22px;\n      background: var(--contact-light);\n      text-align: center;\n    }\n\n    .contact-hub-help-inner {\n      max-width: 790px;\n      margin: 0 auto;\n    }\n\n    .contact-hub-help p {\n      margin: 20px auto 0;\n      color: var(--contact-muted);\n      font-size: 1.06rem;\n      line-height: 1.75;\n    }\n\n\n    \/* =========================\n       TABLET\n       ========================= *\/\n\n    @media (max-width: 820px) {\n      .contact-hub-grid {\n        grid-template-columns: 1fr;\n        max-width: 650px;\n      }\n\n      .contact-hub-card {\n        min-height: auto;\n      }\n    }\n\n\n    \/* =========================\n       SMARTPHONE\n       ========================= *\/\n\n    @media (max-width: 600px) {\n      .contact-hub-hero {\n        padding: 70px 17px;\n      }\n\n      .contact-hub-intro {\n        padding: 56px 17px 28px;\n      }\n\n      .contact-hub-sectors {\n        padding: 35px 15px 62px;\n      }\n\n      .contact-hub-card {\n        padding: 36px 24px 29px;\n        border-radius: 20px;\n      }\n\n      .contact-hub-button {\n        width: 100%;\n      }\n\n      .contact-hub-notice {\n        padding: 0 15px 62px;\n      }\n\n      .contact-hub-notice-inner {\n        grid-template-columns: 1fr;\n        padding: 25px 21px;\n        text-align: center;\n      }\n\n      .contact-hub-notice-icon {\n        margin: 0 auto;\n      }\n\n      .contact-hub-help {\n        padding: 58px 17px;\n      }\n    }\n\n\n    \/* Accessibilit\u00e0: riduzione animazioni *\/\n\n    @media (prefers-reduced-motion: reduce) {\n      .contact-hub-card,\n      .contact-hub-button {\n        transition: none;\n      }\n\n      .contact-hub-card:hover,\n      .contact-hub-button:hover {\n        transform: none;\n      }\n    }\n  <\/style>\n\n\n  <!-- HERO -->\n\n  <header class=\"contact-hub-hero\">\n\n    <div class=\"contact-hub-hero-inner\">\n\n      <span class=\"contact-hub-kicker\">\n        CSD J. Maritain\n      <\/span>\n\n      <h2 id=\"contact-hub-title\">\n        Contatti\n      <\/h2>\n\n      <p>\n        Scegli il settore che ti interessa per trovare i recapiti,\n        i responsabili, le sedi e le informazioni amministrative\n        dedicate.\n      <\/p>\n\n    <\/div>\n\n  <\/header>\n\n\n  <!-- INTRODUZIONE -->\n\n  <section class=\"contact-hub-intro\">\n\n    <div class=\"contact-hub-intro-inner\">\n\n      <span class=\"contact-hub-label\">\n        A chi vuoi rivolgerti?\n      <\/span>\n\n      <h3>\n        Seleziona il settore\n      <\/h3>\n\n      <p>\n        Il CSD J. Maritain gestisce separatamente i contatti del settore\n        Maschile e Femminile e quelli di Maritain Evolution. Apri la\n        sezione corretta per consultare esclusivamente le informazioni\n        relative al percorso che ti interessa.\n      <\/p>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- SCHEDE -->\n\n  <section class=\"contact-hub-sectors\">\n\n    <div class=\"contact-hub-grid\">\n\n\n      <!-- MASCHILE E FEMMINILE -->\n\n      <article class=\"contact-hub-card\">\n\n        <div class=\"contact-hub-icon\" aria-hidden=\"true\">\n          M\/F\n        <\/div>\n\n        <h3>\n          Settore Maschile e Femminile\n        <\/h3>\n\n        <p>\n          Consulta i contatti e le informazioni dedicate alle attivit\u00e0\n          del Volley Maschile e del Volley Femminile.\n        <\/p>\n\n        <ul class=\"contact-hub-list\">\n          <li>Recapiti e responsabili del settore<\/li>\n          <li>Sedi e palestre di riferimento<\/li>\n          <li>Informazioni amministrative<\/li>\n          <li>Coordinate e indicazioni per i pagamenti<\/li>\n        <\/ul>\n\n        <a\n          class=\"contact-hub-button\"\n          href=\"https:\/\/www.csdmaritain.it\/?page_id=3734\"\n          target=\"_self\"\n          aria-label=\"Apri i contatti del settore Maschile e Femminile\"\n        >\n          Contatti Maschile e Femminile\n        <\/a>\n\n      <\/article>\n\n\n      <!-- EVOLUTION -->\n\n      <article class=\"contact-hub-card contact-hub-card--evolution\">\n\n        <div class=\"contact-hub-icon\" aria-hidden=\"true\">\n          E\n        <\/div>\n\n        <h3>\n          Settore Evolution\n        <\/h3>\n\n        <p>\n          Accedi ai contatti e alle informazioni riservate al percorso\n          Maritain Evolution e alle attivit\u00e0 dedicate ai pi\u00f9 piccoli.\n        <\/p>\n\n        <ul class=\"contact-hub-list\">\n          <li>Recapiti e figure di riferimento<\/li>\n          <li>Sedi nelle quali si svolgono le attivit\u00e0<\/li>\n          <li>Informazioni organizzative<\/li>\n          <li>Coordinate e indicazioni per i pagamenti<\/li>\n        <\/ul>\n\n        <a\n          class=\"contact-hub-button\"\n          href=\"https:\/\/www.csdmaritain.it\/?page_id=3676\"\n          target=\"_self\"\n          aria-label=\"Apri i contatti del settore Evolution\"\n        >\n          Contatti Evolution\n        <\/a>\n\n      <\/article>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- AVVISO -->\n\n  <section class=\"contact-hub-notice\">\n\n    <div class=\"contact-hub-notice-inner\">\n\n      <div class=\"contact-hub-notice-icon\" aria-hidden=\"true\">\n        i\n      <\/div>\n\n      <div>\n\n        <h3>\n          Utilizza i contatti del settore corretto\n        <\/h3>\n\n        <p>\n          Recapiti, responsabili e coordinate amministrative possono\n          essere differenti. Prima di inviare comunicazioni o effettuare\n          pagamenti, verifica di avere aperto la pagina relativa al\n          settore interessato.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- CHIUSURA -->\n\n  <section class=\"contact-hub-help\">\n\n    <div class=\"contact-hub-help-inner\">\n\n      <span class=\"contact-hub-label\">\n        Informazioni dedicate\n      <\/span>\n\n      <h3>\n        Tutto nel posto giusto\n      <\/h3>\n\n      <p>\n        Le pagine dei due settori rimangono separate per permettere alle\n        famiglie e agli atleti di trovare dati precisi, evitando di\n        confondere responsabili, recapiti e informazioni amministrative.\n      <\/p>\n\n    <\/div>\n\n  <\/section>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>CSD J. Maritain Contatti Scegli il settore che ti interessa per trovare i recapiti, i responsabili, le sedi e le informazioni amministrative dedicate. A chi vuoi rivolgerti? Seleziona il settore Il CSD J. Maritain gestisce separatamente i contatti del settore Maschile e Femminile e quelli di Maritain Evolution. Apri la sezione corretta per consultare esclusivamente  [&#8230;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3687","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/www.csdmaritain.it\/index.php?rest_route=\/wp\/v2\/pages\/3687","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.csdmaritain.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.csdmaritain.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.csdmaritain.it\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.csdmaritain.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3687"}],"version-history":[{"count":13,"href":"https:\/\/www.csdmaritain.it\/index.php?rest_route=\/wp\/v2\/pages\/3687\/revisions"}],"predecessor-version":[{"id":4918,"href":"https:\/\/www.csdmaritain.it\/index.php?rest_route=\/wp\/v2\/pages\/3687\/revisions\/4918"}],"wp:attachment":[{"href":"https:\/\/www.csdmaritain.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}