{"id":1205,"date":"2026-08-12T17:16:52","date_gmt":"2026-08-12T15:16:52","guid":{"rendered":"https:\/\/test.undiciuno.it\/?page_id=1205"},"modified":"2026-08-21T19:55:02","modified_gmt":"2026-08-21T17:55:02","slug":"in-sintesi","status":"publish","type":"page","link":"https:\/\/test.undiciuno.it\/index.php\/in-sintesi\/","title":{"rendered":"Per iniziare"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =========================================\n   BLOCCO 1\n   ========================================= *\/\n\n.per-iniziare-hero {\n    position: relative;\n\n    \/* NON PI\u00d9 A TUTTO SCHERMO *\/\n    width: calc(100% - 80px);\n    max-width: 1500px;\n\n    margin-left: auto;\n    margin-right: auto;\n\n    padding: 0;\n\n    overflow: hidden;\n}\n\n\n\/* IMMAGINE BLOCCO 1 *\/\n\n.per-iniziare-hero img {\n    display: block;\n\n    width: 100%;\n    height: auto;\n\n    max-width: 100%;\n\n    margin: 0;\n    padding: 0;\n}\n\n\n\/* AREA CLICCABILE\n   \"PRENOTA UNA CHIACCHIERATA\" *\/\n\n.per-iniziare-cta-link {\n    position: absolute;\n    display: block;\n\n    left: 5.5%;\n    top: 71%;\n\n    width: 24%;\n    height: 11%;\n\n    background: transparent;\n\n    z-index: 10;\n\n    cursor: pointer;\n}\n\n\n<\/style>\n\n<div class=\"per-iniziare-hero\">\n  <img decoding=\"async\" src=\"https:\/\/test.undiciuno.it\/wp-content\/uploads\/2026\/08\/generated-image-3.png\" alt=\"Consulenza che d\u00e0 valore\">\n  <a class=\"per-iniziare-cta-link\" href=\"#popmake-1138\" aria-label=\"Prenota una chiacchierata\"><\/a>\n<\/div>\n\n\n\n<div style=\"\n    width: calc(100% - 80px);\n    max-width: 1500px;\n    margin-left: auto;\n    margin-right: auto;\n    margin-top: 40px;\n\">\n\n    <p style=\"\n        font-family: 'Lato', sans-serif;\n        font-size: 18px;\n        font-weight: 400;\n        line-height: 1.7;\n        color: #555555;\n        text-align: left;\n        margin: 0;\n        max-width: 100%;\n    \">\n        Ci sono momenti in cui un\u2019azienda ha bisogno di fermarsi, capire meglio cosa sta succedendo e scegliere una direzione con pi\u00f9 lucidit\u00e0.\n        <br>\n        Pu\u00f2 accadere quando deve crescere, cambiare organizzazione, affrontare una difficolt\u00e0, avviare un progetto o rimettere ordine in obiettivi e processi.\n\n        <strong style=\"color: #003087;\">\n            In quei momenti, noi ci siamo.\n        <\/strong>\n    <\/p>\n\n<\/div>\n\n\n\n<div style=\"\n    width: calc(100% - 80px);\n    max-width: 1500px;\n    margin-left: auto;\n    margin-right: auto;\n    margin-top: 20px;\n\">\n\n    <p style=\"\n        font-family: 'Lato', sans-serif;\n        font-size: 18px;\n        font-weight: 400;\n        line-height: 1.7;\n        color: #555555;\n        text-align: left;\n        margin: 0;\n    \">\n\n        <strong style=\"color: #003087;\">\n            Und<span style=\"color: #F06500;\">i<\/span>c<span style=\"color: #F06500;\">i<\/span>uno\n        <\/strong> nasce proprio per questo: accompagnare con\n\n        <strong style=\"color: #003087;\">\n            esperienza, metodo e concretezza<\/strong>,\n\n        senza formule standard e senza linguaggi inutilmente complicati.\n\n    <\/p>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================\n   BLOCCO 2\n   ========================================= *\/\n\n.per-iniziare-blocco-2 {\n    position: relative;\n\n    \/* STESSA LARGHEZZA DEL BLOCCO 1 *\/\n    width: calc(100% - 80px);\n    max-width: 1500px;\n\n    margin-left: auto;\n    margin-right: auto;\n\n    padding: 0;\n\n    overflow: hidden;\n}\n\n\n\/* IMMAGINE BLOCCO 2 *\/\n\n.per-iniziare-blocco-2-img {\n    display: block;\n\n    width: 100%;\n    height: auto;\n\n    max-width: 100%;\n\n    margin: 0;\n    padding: 0;\n\n    \/* ANIMAZIONE CHE AVEVAMO GI\u00c0 INSERITO *\/\n    opacity: 0;\n    transform: translateY(70px) scale(0.98);\n\n    animation-name: undiciuno-blocco-entra;\n    animation-duration: 1.4s;\n    animation-timing-function: ease-out;\n    animation-fill-mode: forwards;\n}\n\n\n\/* ANIMAZIONE BLOCCO 2 *\/\n\n@keyframes undiciuno-blocco-entra {\n\n    0% {\n        opacity: 0;\n        transform: translateY(70px) scale(0.98);\n    }\n\n    100% {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n    }\n\n}\n\n\n\/* AREA CLICCABILE\n   \"SCOPRI COME LAVORIAMO\" *\/\n\n.per-iniziare-metodo-link {\n    position: absolute;\n\n    left: 7.3%;\n    top: 82.3%;\n\n    width: 31.5%;\n    height: 8.5%;\n\n    display: block;\n\n    background: transparent;\n\n    border-radius: 50px;\n\n    z-index: 10;\n\n    cursor: pointer;\n\n    transition:\n        transform 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n\n\/* HOVER CTA BLOCCO 2 *\/\n\n.per-iniziare-metodo-link:hover {\n    transform: scale(1.03);\n\n    box-shadow:\n        0 10px 30px rgba(0, 0, 0, 0.12);\n}\n\n\n\/* =========================================\n   TABLET\n   ========================================= *\/\n\n@media screen and (max-width: 1024px) {\n\n    .per-iniziare-hero,\n    .per-iniziare-blocco-2 {\n        width: calc(100% - 40px);\n        max-width: none;\n    }\n\n\n    .per-iniziare-cta-link {\n        left: 5.5%;\n        top: 71%;\n        width: 28%;\n        height: 11%;\n    }\n\n\n    .per-iniziare-metodo-link {\n        left: 7.3%;\n        top: 82.3%;\n        width: 31.5%;\n        height: 8.5%;\n    }\n\n}\n\n\n\/* =========================================\n   SMARTPHONE\n   ========================================= *\/\n\n@media screen and (max-width: 767px) {\n\n    .per-iniziare-hero,\n    .per-iniziare-blocco-2 {\n        width: calc(100% - 24px);\n        max-width: none;\n    }\n\n\n    .per-iniziare-cta-link {\n        left: 7%;\n        top: 75%;\n        width: 48%;\n        height: 10%;\n    }\n\n\n    .per-iniziare-metodo-link {\n        left: 7%;\n        top: 82%;\n        width: 33%;\n        height: 9%;\n    }\n\n}\n\n\n\/* =========================================\n   ACCESSIBILIT\u00c0 ANIMAZIONI\n   ========================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .per-iniziare-blocco-2-img {\n        opacity: 1;\n        transform: none;\n        animation: none;\n    }\n\n}\n<\/style>\n\n<div class=\"per-iniziare-blocco-2\">\n\n    <img decoding=\"async\" src=\"https:\/\/test.undiciuno.it\/wp-content\/uploads\/2026\/08\/Blocco-2.png\" alt=\"Dai dati a soluzioni concrete\" class=\"per-iniziare-blocco-2-img\">\n    <a href=\"\/metodo\/\" class=\"per-iniziare-metodo-link\" aria-label=\"Scopri come lavoriamo\">\n    <\/a>\n<\/div>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const blocco = document.querySelector(\".per-iniziare-blocco-2\");\n    if (!blocco) return;\n    const observer = new IntersectionObserver(function(entries) {\n        entries.forEach(function(entry) {\n            if (entry.isIntersecting) {            entry.target.classList.add(\"is-visible\");\n         observer.unobserve(entry.target);\n            }\n        });\n    }, {\n        threshold: 0.18\n    });\n    observer.observe(blocco);\n});\n<\/script>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================\n   BLOCCO 3A\n   STESSE DIMENSIONI DEL BLOCCO 2\n   ========================================= *\/\n\n.per-iniziare-blocco-3a {\n    position: relative;\n\n    \/* STESSA IDENTICA LARGHEZZA DEL BLOCCO 2 *\/\n    width: calc(100% - 80px);\n    max-width: 1500px;\n\n    margin-left: auto;\n    margin-right: auto;\n\n    padding: 0;\n\n    overflow: hidden;\n}\n\n\n\/* IMMAGINE BLOCCO 3A *\/\n\n.per-iniziare-blocco-3a-img {\n    display: block;\n\n    width: 100%;\n    height: auto;\n\n    max-width: 100%;\n\n    margin: 0;\n    padding: 0;\n\n    \/* STESSA ANIMAZIONE DEL BLOCCO 2 *\/\n    opacity: 0;\n    transform: translateY(70px) scale(0.98);\n\n    animation-name: undiciuno-blocco-3a-entra;\n    animation-duration: 1.4s;\n    animation-timing-function: ease-out;\n    animation-fill-mode: forwards;\n}\n\n\n\/* ANIMAZIONE BLOCCO 3A *\/\n\n@keyframes undiciuno-blocco-3a-entra {\n\n    0% {\n        opacity: 0;\n        transform: translateY(70px) scale(0.98);\n    }\n\n    100% {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n    }\n\n}\n\n\n\/* =========================================\n   TABLET\n   ========================================= *\/\n\n@media screen and (max-width: 1024px) {\n\n    .per-iniziare-blocco-3a {\n        width: calc(100% - 40px);\n        max-width: none;\n    }\n\n}\n\n\n\/* =========================================\n   SMARTPHONE\n   ========================================= *\/\n\n@media screen and (max-width: 767px) {\n\n    .per-iniziare-blocco-3a {\n        width: calc(100% - 24px);\n        max-width: none;\n    }\n\n}\n\n\n\/* =========================================\n   ACCESSIBILIT\u00c0 ANIMAZIONI\n   ========================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .per-iniziare-blocco-3a-img {\n        opacity: 1;\n        transform: none;\n        animation: none;\n    }\n\n}\n<\/style>\n\n<div class=\"per-iniziare-blocco-3a\">\n\n    <img decoding=\"async\"\n        src=\"https:\/\/test.undiciuno.it\/wp-content\/uploads\/2026\/08\/Blocco-3.png\"\n        alt=\"Per chi lavoriamo\"\n        class=\"per-iniziare-blocco-3a-img\"\n    >\n\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const blocco = document.querySelector(\".per-iniziare-blocco-3a\");\n\n    if (!blocco) return;\n\n    const observer = new IntersectionObserver(function(entries) {\n\n        entries.forEach(function(entry) {\n\n            if (entry.isIntersecting) {\n                entry.target.classList.add(\"is-visible\");\n                observer.unobserve(entry.target);\n            }\n\n        });\n\n    }, {\n        threshold: 0.18\n    });\n\n    observer.observe(blocco);\n\n});\n<\/script>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================\n   BLOCCO 3B\n   STESSE DIMENSIONI DEL BLOCCO 2 E 3A\n   ========================================= *\/\n\n.per-iniziare-blocco-3b {\n    position: relative;\n\n    \/* STESSA IDENTICA LARGHEZZA DEL BLOCCO 2 *\/\n    width: calc(100% - 80px);\n    max-width: 1500px;\n\n    margin-left: auto;\n    margin-right: auto;\n\n    padding: 0;\n\n    overflow: hidden;\n}\n\n\n\/* IMMAGINE BLOCCO 3B *\/\n\n.per-iniziare-blocco-3b-img {\n    display: block;\n\n    width: 100%;\n    height: auto;\n\n    max-width: 100%;\n\n    margin: 0;\n    padding: 0;\n\n    \/* STESSA ANIMAZIONE DEL BLOCCO 2 E 3A *\/\n    opacity: 0;\n    transform: translateY(70px) scale(0.98);\n\n    animation-name: undiciuno-blocco-3b-entra;\n    animation-duration: 1.4s;\n    animation-timing-function: ease-out;\n    animation-fill-mode: forwards;\n}\n\n\n\/* ANIMAZIONE BLOCCO 3B *\/\n\n@keyframes undiciuno-blocco-3b-entra {\n\n    0% {\n        opacity: 0;\n        transform: translateY(70px) scale(0.98);\n    }\n\n    100% {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n    }\n\n}\n\n\n\/* =========================================\n   TABLET\n   ========================================= *\/\n\n@media screen and (max-width: 1024px) {\n\n    .per-iniziare-blocco-3b {\n        width: calc(100% - 40px);\n        max-width: none;\n    }\n\n}\n\n\n\/* =========================================\n   SMARTPHONE\n   ========================================= *\/\n\n@media screen and (max-width: 767px) {\n\n    .per-iniziare-blocco-3b {\n        width: calc(100% - 24px);\n        max-width: none;\n    }\n\n}\n\n\n\/* =========================================\n   ACCESSIBILIT\u00c0 ANIMAZIONI\n   ========================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .per-iniziare-blocco-3b-img {\n        opacity: 1;\n        transform: none;\n        animation: none;\n    }\n\n}\n<\/style>\n\n<div class=\"per-iniziare-blocco-3b\">\n\n    <img decoding=\"async\" src=\"https:\/\/test.undiciuno.it\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-19-ago-2026-21_39_17.png\" alt=\"Agenzie di comunicazione, professionisti e partner, imprenditori e PMI\" class=\"per-iniziare-blocco-3b-img\">\n\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const blocco = document.querySelector(\".per-iniziare-blocco-3b\");\n\n    if (!blocco) return;\n\n    const observer = new IntersectionObserver(function(entries) {\n\n        entries.forEach(function(entry) {\n\n            if (entry.isIntersecting) {\n                entry.target.classList.add(\"is-visible\");\n                observer.unobserve(entry.target);\n            }\n\n        });\n\n    }, {\n        threshold: 0.18\n    });\n\n    observer.observe(blocco);\n\n});\n<\/script>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   BLOCCO 4\n   TRE BASI DEL NOSTRO MODO DI LAVORARE\n\n   STESSA LARGHEZZA DEL BLOCCO 2\n   ========================================================= *\/\n\n.basi-lavoro {\n    position: relative;\n\n    width: calc(100% - 80px);\n    max-width: 1500px;\n\n    margin-left: auto;\n    margin-right: auto;\n\n    box-sizing: border-box;\n\n    padding: 58px 55px 64px 55px;\n\n    background: #FFFFFF;\n\n    font-family: 'Lato', sans-serif;\n}\n\n\n\/* =========================================================\n   HEADLINE\n   ========================================================= *\/\n\n.basi-lavoro-header {\n    margin-bottom: 42px;\n}\n\n\n.basi-lavoro-header h2 {\n    max-width: 850px;\n\n    margin: 0;\n\n    font-family: 'Playfair Display', serif;\n\n    font-size: 22px;\n    line-height: 1.35;\n\n    font-weight: 700;\n\n    color: #003087;\n}\n\n\n\/* =========================================================\n   GRIGLIA 3 COLONNE\n   ========================================================= *\/\n\n.basi-lavoro-grid {\n    display: grid;\n\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n\n    gap: 0;\n\n    width: 100%;\n}\n\n\n\/* =========================================================\n   SINGOLO ELEMENTO\n   ========================================================= *\/\n\n.basi-lavoro-item {\n    position: relative;\n\n    min-width: 0;\n\n    padding: 6px 38px 8px 38px;\n\n    box-sizing: border-box;\n}\n\n\n\/* PRIMA COLONNA *\/\n\n.basi-lavoro-item:first-child {\n    padding-left: 0;\n}\n\n\n\/* ULTIMA COLONNA *\/\n\n.basi-lavoro-item:last-child {\n    padding-right: 0;\n}\n\n\n\/* DIVISORI VERTICALI *\/\n\n.basi-lavoro-item + .basi-lavoro-item {\n    border-left: 1px solid rgba(0, 48, 135, 0.15);\n}\n\n\n\/* =========================================================\n   NUMERO DECORATIVO\n   ========================================================= *\/\n\n.basi-lavoro-numero {\n    margin-bottom: 16px;\n\n    font-family: 'Lato', sans-serif;\n\n    font-size: 14px;\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 1.5px;\n\n    color: #F06500;\n}\n\n\n\/* =========================================================\n   TITOLO DI OGNI BASE\n   GRASSETTO BLU\n   ========================================================= *\/\n\n.basi-lavoro-item h3 {\n    margin: 0 0 16px 0;\n\n    font-family: 'Lato', sans-serif;\n\n    font-size: 18px;\n    line-height: 1.4;\n\n    font-weight: 700;\n\n    color: #003087 !important;\n}\n\n\n\/* =========================================================\n   TESTO\n   ========================================================= *\/\n\n.basi-lavoro-item p {\n    margin: 0;\n\n    font-family: 'Lato', sans-serif;\n\n    font-size: 18px;\n    line-height: 1.65;\n\n    font-weight: 400;\n\n    color: #333333 !important;\n}\n\n\n\/* =========================================================\n   PICCOLO SEGNO ARANCIONE IN ALTO\n   ========================================================= *\/\n\n.basi-lavoro-item::before {\n    content: \"\";\n\n    display: block;\n\n    width: 42px;\n    height: 3px;\n\n    margin-bottom: 22px;\n\n    background: #F06500;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media screen and (max-width: 1024px) {\n\n    .basi-lavoro {\n        width: calc(100% - 40px);\n        max-width: none;\n\n        padding: 48px 35px 55px 35px;\n    }\n\n\n    .basi-lavoro-header {\n        margin-bottom: 35px;\n    }\n\n\n    .basi-lavoro-header h2 {\n        font-size: 22px;\n    }\n\n\n    .basi-lavoro-item {\n        padding-left: 24px;\n        padding-right: 24px;\n    }\n\n\n    .basi-lavoro-item h3 {\n        font-size: 18px;\n    }\n\n\n    .basi-lavoro-item p {\n        font-size: 17px;\n        line-height: 1.6;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media screen and (max-width: 767px) {\n\n    .basi-lavoro {\n        width: calc(100% - 24px);\n        max-width: none;\n\n        padding: 38px 22px 45px 22px;\n    }\n\n\n    .basi-lavoro-header {\n        margin-bottom: 32px;\n    }\n\n\n    .basi-lavoro-header h2 {\n        font-size: 22px;\n        line-height: 1.4;\n    }\n\n\n    \/* DA 3 COLONNE A 1 *\/\n\n    .basi-lavoro-grid {\n        grid-template-columns: 1fr;\n    }\n\n\n    .basi-lavoro-item,\n    .basi-lavoro-item:first-child,\n    .basi-lavoro-item:last-child {\n        padding: 0;\n    }\n\n\n    .basi-lavoro-item + .basi-lavoro-item {\n        margin-top: 34px;\n\n        padding-top: 34px;\n\n        border-left: 0;\n\n        border-top: 1px solid rgba(0, 48, 135, 0.15);\n    }\n\n\n    .basi-lavoro-item::before {\n        margin-bottom: 18px;\n    }\n\n\n    .basi-lavoro-item h3 {\n        margin-bottom: 12px;\n\n        font-size: 18px;\n    }\n\n\n    .basi-lavoro-item p {\n        font-size: 18px;\n        line-height: 1.6;\n\n        color: #333333 !important;\n    }\n\n}\n<\/style>\n\n<style>\n\/* =========================================\n   BLOCCO 4 - TRE BASI\n   ========================================= *\/\n\n.undiciuno-basi {\n    position: relative;\n    width: calc(100% - 80px);\n    max-width: 1500px;\n    margin-left: auto;\n    margin-right: auto;\n    box-sizing: border-box;\n    padding: 70px 60px 90px 60px;\n    background: #ffffff;\n    overflow: hidden;\n    font-family: 'Lato', sans-serif;\n}\n\n\/* =========================================\n   GRAFICA DECORATIVA\n   ========================================= *\/\n\n.undiciuno-basi-dots {\n    position: absolute;\n    top: 48px;\n    right: 55px;\n    width: 110px;\n    height: 80px;\n    background-image: radial-gradient(circle, #F06500 2.2px, transparent 2.2px);\n    background-size: 18px 18px;\n    opacity: 0.9;\n    pointer-events: none;\n}\n\n.undiciuno-basi-top-line {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 210px;\n    height: 90px;\n    pointer-events: none;\n}\n\n.undiciuno-basi-top-line svg,\n.undiciuno-basi-bottom-wave svg {\n    display: block;\n    width: 100%;\n    height: 100%;\n}\n\n.undiciuno-basi-top-line path,\n.undiciuno-basi-bottom-wave path {\n    fill: none;\n    stroke: #F06500;\n    stroke-width: 2.2;\n    stroke-linecap: round;\n}\n\n.undiciuno-basi-bottom-wave {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 95px;\n    pointer-events: none;\n}\n\n\/* =========================================\n   HEADLINE\n   ========================================= *\/\n\n.undiciuno-basi-header {\n    position: relative;\n    z-index: 2;\n    margin-bottom: 48px;\n}\n\n.undiciuno-basi-header h2 {\n    margin: 0;\n    font-family: 'Playfair Display', serif;\n    font-size: 22px;\n    line-height: 1.45;\n    font-weight: 700;\n    color: #003087;\n    max-width: 780px;\n}\n\n\/* =========================================\n   COLONNE\n   ========================================= *\/\n\n.undiciuno-basi-grid {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 38px;\n}\n\n.undiciuno-basi-item {\n    position: relative;\n    padding-right: 12px;\n}\n\n.undiciuno-basi-item:not(:last-child)::after {\n    content: \"\";\n    position: absolute;\n    top: 12px;\n    right: -19px;\n    width: 1px;\n    height: calc(100% - 12px);\n    background: rgba(0, 48, 135, 0.14);\n}\n\n\/* =========================================\n   TESTATINA DI OGNI COLONNA\n   ========================================= *\/\n\n.undiciuno-basi-mini-line {\n    width: 42px;\n    height: 3px;\n    background: #F06500;\n    margin-bottom: 16px;\n}\n\n.undiciuno-basi-number {\n    display: block;\n    margin-bottom: 14px;\n    font-size: 15px;\n    line-height: 1;\n    font-weight: 700;\n    letter-spacing: 0.6px;\n    color: #F06500;\n}\n\n.undiciuno-basi-item h3 {\n    margin: 0 0 18px 0;\n    font-family: 'Lato', sans-serif;\n    font-size: 18px;\n    line-height: 1.35;\n    font-weight: 700;\n    color: #003087;\n}\n\n.undiciuno-basi-item p {\n    margin: 0;\n    font-size: 18px;\n    line-height: 1.7;\n    font-weight: 400;\n    color: #333333;\n}\n\n\/* =========================================\n   TABLET\n   ========================================= *\/\n\n@media screen and (max-width: 1024px) {\n    .undiciuno-basi {\n        width: calc(100% - 40px);\n        padding: 60px 35px 80px 35px;\n    }\n\n    .undiciuno-basi-grid {\n        grid-template-columns: 1fr;\n        gap: 34px;\n    }\n\n    .undiciuno-basi-item {\n        padding-right: 0;\n        padding-bottom: 26px;\n        border-bottom: 1px solid rgba(0, 48, 135, 0.12);\n    }\n\n    .undiciuno-basi-item:last-child {\n        border-bottom: none;\n        padding-bottom: 0;\n    }\n\n    .undiciuno-basi-item:not(:last-child)::after {\n        display: none;\n    }\n\n    .undiciuno-basi-dots {\n        top: 34px;\n        right: 30px;\n        width: 90px;\n        height: 68px;\n        background-size: 16px 16px;\n    }\n}\n\n\/* =========================================\n   MOBILE\n   ========================================= *\/\n\n@media screen and (max-width: 767px) {\n    .undiciuno-basi {\n        width: calc(100% - 24px);\n        padding: 48px 22px 70px 22px;\n    }\n\n    .undiciuno-basi-header {\n        margin-bottom: 34px;\n    }\n\n    .undiciuno-basi-header h2 {\n        font-size: 22px;\n    }\n\n    .undiciuno-basi-item h3 {\n        font-size: 18px;\n    }\n\n    .undiciuno-basi-item p {\n        font-size: 18px;\n        line-height: 1.65;\n    }\n\n    .undiciuno-basi-dots {\n        width: 72px;\n        height: 54px;\n        background-size: 14px 14px;\n    }\n\n    .undiciuno-basi-top-line {\n        width: 130px;\n        height: 65px;\n    }\n\n    .undiciuno-basi-bottom-wave {\n        height: 70px;\n    }\n}\n<\/style>\n\n<section class=\"undiciuno-basi\">\n\n    <!-- GRAFICA -->\n    <div class=\"undiciuno-basi-dots\"><\/div>\n\n    <div class=\"undiciuno-basi-top-line\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 210 90\" preserveAspectRatio=\"none\">\n            <path d=\"M20,0 C42,25 44,55 28,90\"><\/path>\n        <\/svg>\n    <\/div>\n\n    <!-- HEADLINE -->\n    <div class=\"undiciuno-basi-header\">\n        <h2>Il nostro modo di lavorare si regge su tre basi semplici<\/h2>\n    <\/div>\n\n    <!-- COLONNE -->\n    <div class=\"undiciuno-basi-grid\">\n\n        <!-- 01 -->\n        <div class=\"undiciuno-basi-item\">\n            <div class=\"undiciuno-basi-mini-line\"><\/div>\n            <span class=\"undiciuno-basi-number\">01<\/span>\n            <h3>Competenza fondata sulla conoscenza<\/h3>\n            <p>\n                Per capire davvero un\u2019azienda non bastano impressioni, mode o risposte preconfezionate.\n                Servono esperienza, capacit\u00e0 di lettura e attenzione ai dati.\n                Il nostro lavoro parte sempre da qui: capire prima di proporre.\n            <\/p>\n        <\/div>\n\n        <!-- 02 -->\n        <div class=\"undiciuno-basi-item\">\n            <div class=\"undiciuno-basi-mini-line\"><\/div>\n            <span class=\"undiciuno-basi-number\">02<\/span>\n            <h3>Etica nelle scelte e nelle relazioni<\/h3>\n            <p>\n                Affidabilit\u00e0, riservatezza e trasparenza sono qualit\u00e0 che ci vengono riconosciute\n                e che consideriamo parte del lavoro, non un elemento accessorio.\n                Quando entriamo in una situazione aziendale, lo facciamo con rispetto e senso di responsabilit\u00e0.\n            <\/p>\n        <\/div>\n\n        <!-- 03 -->\n        <div class=\"undiciuno-basi-item\">\n            <div class=\"undiciuno-basi-mini-line\"><\/div>\n            <span class=\"undiciuno-basi-number\">03<\/span>\n            <h3>Lavoro di squadra<\/h3>\n            <p>\n                Seguiamo le aziende, ma anche le persone che ci lavorano.\n                Per noi ogni percorso funziona davvero solo quando \u00e8 comprensibile,\n                sostenibile e condivisibile da chi lo deve portare avanti nella pratica.\n            <\/p>\n        <\/div>\n\n    <\/div>\n\n    <!-- ONDA IN BASSO -->\n    <div class=\"undiciuno-basi-bottom-wave\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 1500 95\" preserveAspectRatio=\"none\">\n            <path d=\"M0,58 C180,28 320,82 500,56 C690,28 820,82 1030,50 C1200,24 1330,36 1500,62\"><\/path>\n        <\/svg>\n    <\/div>\n\n<\/section>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================\n   AMBITI HOME\n   STESSA MISURA DEL BLOCCO 2\n   TUTTO RIDIMENSIONATO IN PROPORZIONE\n   ========================================= *\/\n\n.ambiti-home {\n    position: relative;\n\n    \/* IDENTICO AL BLOCCO 2 *\/\n    width: calc(100% - 80px);\n    max-width: 1500px;\n\n    margin-left: auto;\n    margin-right: auto;\n\n    box-sizing: border-box;\n\n    padding: 40px 45px 80px 45px;\n\n    background: #FBF7F0;\n\n    overflow: hidden;\n\n    font-family: 'Lato', sans-serif;\n}\n\n\n\/* =========================================\n   HEADER\n   ========================================= *\/\n\n.ambiti-home-header {\n    display: flex;\n\n    justify-content: space-between;\n    align-items: flex-start;\n\n    margin-bottom: 26px;\n}\n\n\n\/* SERVIZI SEMPLICI DA CAPIRE *\/\n\n.ambiti-home-kicker {\n    margin: 0 0 7px 0;\n\n    font-family: 'Lato', sans-serif;\n\n    font-size: 15px;\n    line-height: 1.25;\n\n    font-weight: 700;\n\n    letter-spacing: 1.5px;\n\n    text-transform: uppercase;\n\n    color: #F06500;\n}\n\n\n\/* AMBITI DI INTERVENTO *\/\n\n.ambiti-home-heading h2 {\n    margin: 0;\n\n    font-family: 'Playfair Display', serif;\n\n    font-size: 46px;\n    line-height: 1.03;\n\n    font-weight: 700;\n\n    color: #003087;\n}\n\n\n\/* =========================================\n   PUNTINI\n   ========================================= *\/\n\n.ambiti-home-dots {\n    width: 105px;\n    height: 75px;\n\n    background-image:\n        radial-gradient(\n            circle,\n            rgba(0, 48, 135, 0.23) 2px,\n            transparent 3px\n        );\n\n    background-size: 20px 20px;\n\n    opacity: 0.7;\n}\n\n\n\/* =========================================\n   GRIGLIA\n   3 COLONNE x 2 RIGHE\n   ========================================= *\/\n\n.ambiti-home-grid {\n    display: grid;\n\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n\n    gap: 18px;\n\n    align-items: stretch;\n\n    width: 100%;\n}\n\n\n\/* =========================================\n   CARD\n   ========================================= *\/\n\n.ambiti-home-card {\n    display: flex;\n\n    flex-direction: column;\n    align-items: flex-start;\n\n    min-height: 245px;\n\n    padding: 18px 20px 20px 20px;\n\n    box-sizing: border-box;\n\n    background: #FFFFFF;\n\n    border-radius: 18px;\n\n    box-shadow:\n        0 6px 18px rgba(0, 48, 135, 0.08);\n\n    text-decoration: none !important;\n\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n\n.ambiti-home-card:hover {\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 10px 25px rgba(0, 48, 135, 0.12);\n}\n\n\n.ambiti-home-card,\n.ambiti-home-card:hover,\n.ambiti-home-card:focus,\n.ambiti-home-card:visited {\n    text-decoration: none !important;\n}\n\n\n\/* =========================================\n   FORME BLU \/ ARANCIONI\n   ========================================= *\/\n\n.ambiti-icon-shape {\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 130px;\n    height: 95px;\n\n    margin: 0 auto 13px auto;\n\n    flex-shrink: 0;\n\n    border-radius:\n        46% 54% 50% 50% \/\n        58% 44% 56% 42%;\n\n    transform: rotate(-4deg);\n}\n\n\n.ambiti-icon-blue {\n    background: #003087;\n}\n\n\n.ambiti-icon-orange {\n    background: #F06500;\n}\n\n\n\/* =========================================\n   ICONE\n   ========================================= *\/\n\n.ambiti-icon-shape svg {\n    width: 43px;\n    height: 43px;\n\n    fill: none;\n\n    stroke: #FFFFFF;\n\n    stroke-width: 3;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n    transform: rotate(4deg);\n}\n\n\n\/* SOLO INGRANAGGIO\n   LEGGERMENTE PI\u00d9 PICCOLO *\/\n\n.ambiti-icon-shape .ambiti-icon-ingranaggio {\n    width: 36px;\n    height: 36px;\n}\n\n\n\/* =========================================\n   TITOLI CARD\n   ========================================= *\/\n\n.ambiti-home-card h3 {\n    margin: 0 0 7px 0;\n\n    font-family: 'Playfair Display', serif;\n\n    font-size: 21px;\n    line-height: 1.15;\n\n    font-weight: 700;\n\n    color: #003087 !important;\n\n    text-decoration: none !important;\n}\n\n\n\/* =========================================\n   TESTI CARD\n   ========================================= *\/\n\n.ambiti-home-card p {\n    margin: 0;\n\n    font-family: 'Lato', sans-serif;\n\n    font-size: 16px;\n    line-height: 1.5;\n\n    font-weight: 400;\n\n    color: #333333 !important;\n\n    text-decoration: none !important;\n}\n\n\n\/* =========================================\n   ONDA ARANCIONE\n   ========================================= *\/\n\n.ambiti-home-wave {\n    position: absolute;\n\n    left: 0;\n    bottom: 0;\n\n    width: 100%;\n    height: 62px;\n\n    pointer-events: none;\n}\n\n\n.ambiti-home-wave path {\n    fill: none;\n\n    stroke: #F06500;\n\n    stroke-width: 2;\n}\n\n\n\/* =========================================\n   TABLET\n   STESSA LARGHEZZA DEL BLOCCO 2\n   ========================================= *\/\n\n@media screen and (max-width: 1024px) {\n\n    .ambiti-home {\n        width: calc(100% - 40px);\n        max-width: none;\n\n        padding: 35px 30px 70px 30px;\n    }\n\n\n    .ambiti-home-grid {\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n\n        gap: 14px;\n    }\n\n\n    .ambiti-home-heading h2 {\n        font-size: 40px;\n    }\n\n\n    .ambiti-home-kicker {\n        font-size: 14px;\n    }\n\n\n    .ambiti-home-card {\n        min-height: 230px;\n\n        padding: 16px 16px 18px 16px;\n    }\n\n\n    .ambiti-icon-shape {\n        width: 110px;\n        height: 82px;\n\n        margin-bottom: 11px;\n    }\n\n\n    .ambiti-icon-shape svg {\n        width: 38px;\n        height: 38px;\n    }\n\n\n    .ambiti-icon-shape .ambiti-icon-ingranaggio {\n        width: 32px;\n        height: 32px;\n    }\n\n\n    .ambiti-home-card h3 {\n        font-size: 19px;\n    }\n\n\n    .ambiti-home-card p {\n        font-size: 15px;\n    }\n\n\n    .ambiti-home-dots {\n        width: 85px;\n        height: 65px;\n    }\n\n}\n\n\n\/* =========================================\n   SMARTPHONE\n   ========================================= *\/\n\n@media screen and (max-width: 767px) {\n\n    .ambiti-home {\n        width: calc(100% - 24px);\n        max-width: none;\n\n        padding: 30px 18px 60px 18px;\n    }\n\n\n    .ambiti-home-header {\n        margin-bottom: 22px;\n    }\n\n\n    .ambiti-home-dots {\n        display: none;\n    }\n\n\n    .ambiti-home-kicker {\n        font-size: 13px;\n\n        letter-spacing: 1.2px;\n    }\n\n\n    .ambiti-home-heading h2 {\n        font-size: 34px;\n    }\n\n\n    .ambiti-home-grid {\n        grid-template-columns: 1fr;\n\n        gap: 14px;\n    }\n\n\n    .ambiti-home-card {\n        min-height: auto;\n\n        padding: 18px 20px 20px 20px;\n    }\n\n\n    .ambiti-icon-shape {\n        width: 120px;\n        height: 88px;\n\n        margin-bottom: 12px;\n    }\n\n\n    .ambiti-icon-shape svg {\n        width: 40px;\n        height: 40px;\n    }\n\n\n    .ambiti-icon-shape .ambiti-icon-ingranaggio {\n        width: 34px;\n        height: 34px;\n    }\n\n\n    .ambiti-home-card h3 {\n        font-size: 20px;\n    }\n\n\n    .ambiti-home-card p {\n        font-size: 16px;\n        line-height: 1.5;\n\n        color: #333333 !important;\n    }\n\n}\n<\/style>\n\n<section class=\"ambiti-home\">\n\n    <!-- =====================================\n         INTESTAZIONE\n         ===================================== -->\n\n    <div class=\"ambiti-home-header\">\n\n        <div class=\"ambiti-home-heading\">\n\n            <div class=\"ambiti-home-kicker\">\n                SERVIZI SEMPLICI DA CAPIRE\n            <\/div>\n\n            <h2>Ambiti di intervento<\/h2>\n\n        <\/div>\n\n        <div class=\"ambiti-home-dots\"><\/div>\n\n    <\/div>\n\n\n    <!-- =====================================\n         GRIGLIA 6 AMBITI\n         ===================================== -->\n\n    <div class=\"ambiti-home-grid\">\n\n\n        <!-- 1 - GESTIONE EFFICIENTE -->\n\n        <a href=\"https:\/\/test.undiciuno.it\/index.php\/ambiti-dintervento\/#gestione-efficiente\"\n           class=\"ambiti-home-card\"\n           aria-label=\"Vai a Gestione efficiente\">\n\n            <div class=\"ambiti-icon-shape ambiti-icon-blue\"\n                 style=\"width:110px;height:110px;border-radius:50%;\">\n\n                <svg class=\"ambiti-icon-ingranaggio\"\n                     viewBox=\"0 0 64 64\"\n                     aria-hidden=\"true\">\n\n                    <g transform=\"translate(0,-3)\">\n\n                        <path d=\"\n                            M27 7h10\n                            l2 7\n                            a20 20 0 0 1 5 2\n                            l7-3\n                            7 7\n                            -3 7\n                            a20 20 0 0 1 2 5\n                            l7 2\n                            v10\n                            l-7 2\n                            a20 20 0 0 1-2 5\n                            l3 7\n                            -7 7\n                            -7-3\n                            a20 20 0 0 1-5 2\n                            l-2 7\n                            H27\n                            l-2-7\n                            a20 20 0 0 1-5-2\n                            l-7 3\n                            -7-7\n                            3-7\n                            a20 20 0 0 1-2-5\n                            l-7-2\n                            V34\n                            l7-2\n                            a20 20 0 0 1 2-5\n                            l-3-7\n                            7-7\n                            7 3\n                            a20 20 0 0 1 5-2\n                            z\">\n                        <\/path>\n\n                        <circle cx=\"32\" cy=\"39\" r=\"11\"><\/circle>\n\n                    <\/g>\n\n                <\/svg>\n\n            <\/div>\n\n            <h3>Gestione efficiente<\/h3>\n\n            <p>\n                Ottimizziamo processi e risorse per migliorare performance e risultati.\n            <\/p>\n\n        <\/a>\n\n\n        <!-- 2 - DISEGNIAMO LA STRATEGIA -->\n\n        <a href=\"https:\/\/test.undiciuno.it\/index.php\/ambiti-dintervento\/#strategia\"\n           class=\"ambiti-home-card\"\n           aria-label=\"Vai a Disegniamo la strategia\">\n\n            <div class=\"ambiti-icon-shape ambiti-icon-orange\"\n                 style=\"width:110px;height:110px;border-radius:50%;\">\n\n                <svg viewBox=\"0 0 64 64\"\n                     aria-hidden=\"true\">\n\n                    <circle cx=\"32\" cy=\"32\" r=\"23\"><\/circle>\n\n                    <path d=\"\n                        M40 22\n                        L35 35\n                        L22 42\n                        L29 29\n                        Z\">\n                    <\/path>\n\n                    <circle cx=\"32\" cy=\"32\" r=\"2\"><\/circle>\n\n                <\/svg>\n\n            <\/div>\n\n            <h3>Disegniamo la strategia<\/h3>\n\n            <p>\n                Definiamo insieme obiettivi chiari e percorsi su misura per il futuro.\n            <\/p>\n\n        <\/a>\n\n\n        <!-- 3 - SVILUPPO SEMPLICE -->\n\n        <a href=\"https:\/\/test.undiciuno.it\/index.php\/ambiti-dintervento\/#sviluppo-semplice\"\n           class=\"ambiti-home-card\"\n           aria-label=\"Vai a Sviluppo semplice\">\n\n            <div class=\"ambiti-icon-shape ambiti-icon-blue\"\n                 style=\"width:110px;height:110px;border-radius:50%;\">\n\n                <svg viewBox=\"0 0 64 64\"\n                     aria-hidden=\"true\">\n\n                    <path d=\"\n                        M20 19\n                        C27 13 38 13 45 19\">\n                    <\/path>\n\n                    <path d=\"\n                        M40 14\n                        l6 5\n                        -5 6\">\n                    <\/path>\n\n                    <path d=\"\n                        M48 27\n                        C51 36 47 45 39 50\">\n                    <\/path>\n\n                    <path d=\"\n                        M44 49\n                        l-7 2\n                        -2-7\">\n                    <\/path>\n\n                    <path d=\"\n                        M29 51\n                        C20 49 14 42 15 33\">\n                    <\/path>\n\n                    <path d=\"\n                        M10 37\n                        l5-6\n                        6 5\">\n                    <\/path>\n\n                <\/svg>\n\n            <\/div>\n\n            <h3>Sviluppo semplice<\/h3>\n\n            <p>\n                Trasformiamo le idee in soluzioni pratiche e sostenibili nel tempo.\n            <\/p>\n\n        <\/a>\n\n\n        <!-- 4 - GESTIAMO PROGETTI -->\n\n        <a href=\"https:\/\/test.undiciuno.it\/index.php\/ambiti-dintervento\/#gestione-progetti\"\n           class=\"ambiti-home-card\"\n           aria-label=\"Vai a Gestiamo progetti\">\n\n            <div class=\"ambiti-icon-shape ambiti-icon-orange\"\n                 style=\"width:110px;height:110px;border-radius:50%;\">\n\n                <svg viewBox=\"0 0 64 64\"\n                     aria-hidden=\"true\">\n\n                    <rect x=\"18\"\n                          y=\"9\"\n                          width=\"30\"\n                          height=\"46\"\n                          rx=\"3\">\n                    <\/rect>\n\n                    <path d=\"M23 20l3 3 5-6\"><\/path>\n                    <path d=\"M34 21h9\"><\/path>\n\n                    <path d=\"M23 31l3 3 5-6\"><\/path>\n                    <path d=\"M34 32h9\"><\/path>\n\n                    <path d=\"M23 42l3 3 5-6\"><\/path>\n                    <path d=\"M34 43h9\"><\/path>\n\n                <\/svg>\n\n            <\/div>\n\n            <h3>Gestiamo progetti<\/h3>\n\n            <p>\n                Pianifichiamo, coordiniamo e monitoriamo ogni fase con rigore.\n            <\/p>\n\n        <\/a>\n\n\n        <!-- 5 - FORMIAMO LE PERSONE -->\n\n        <a href=\"https:\/\/test.undiciuno.it\/index.php\/ambiti-dintervento\/#formazione\"\n           class=\"ambiti-home-card\"\n           aria-label=\"Vai a Formiamo le persone\">\n\n            <div class=\"ambiti-icon-shape ambiti-icon-blue\"\n                 style=\"width:110px;height:110px;border-radius:50%;\">\n\n                <svg viewBox=\"0 0 64 64\"\n                     aria-hidden=\"true\">\n\n                    <path d=\"\n                        M7 24\n                        L32 11\n                        L57 24\n                        L32 38\n                        Z\">\n                    <\/path>\n\n                    <path d=\"\n                        M18 31\n                        v12\n                        C25 49 39 49 46 43\n                        V31\">\n                    <\/path>\n\n                    <path d=\"\n                        M56 25\n                        v19\">\n                    <\/path>\n\n                    <circle cx=\"56\" cy=\"47\" r=\"2\"><\/circle>\n\n                <\/svg>\n\n            <\/div>\n\n            <h3>Formiamo le persone<\/h3>\n\n            <p>\n                Valorizziamo competenze e talenti per far crescere le persone.\n            <\/p>\n\n        <\/a>\n\n\n        <!-- 6 - TROVIAMO LE RISORSE -->\n\n        <a href=\"https:\/\/test.undiciuno.it\/index.php\/ambiti-dintervento\/#risorse\"\n           class=\"ambiti-home-card\"\n           aria-label=\"Vai a Troviamo le risorse\">\n\n            <div class=\"ambiti-icon-shape ambiti-icon-orange\"\n                 style=\"width:110px;height:110px;border-radius:50%;\">\n\n                <svg viewBox=\"0 0 64 64\"\n                     aria-hidden=\"true\">\n\n                    <!-- MONETA -->\n\n                    <circle cx=\"34\"\n                            cy=\"11\"\n                            r=\"6\">\n                    <\/circle>\n\n\n                    <!-- SALVADANAIO -->\n\n                    <path d=\"\n                        M17 31\n                        C20 24 28 20 38 21\n                        C47 22 53 27 55 34\n                        L60 36\n                        L60 43\n                        L54 44\n                        C52 49 48 52 43 54\n                        H24\n                        C17 52 13 48 12 42\n                        H7\n                        V35\n                        H13\n                        C14 33 15 32 17 31\n                        Z\">\n                    <\/path>\n\n\n                    <!-- ORECCHIO -->\n\n                    <path d=\"\n                        M46 24\n                        l5-5\n                        2 9\">\n                    <\/path>\n\n\n                    <!-- OCCHIO -->\n\n                    <circle cx=\"48\"\n                            cy=\"35\"\n                            r=\"1.5\">\n                    <\/circle>\n\n\n                    <!-- FESSURA -->\n\n                    <path d=\"\n                        M29 27\n                        h10\">\n                    <\/path>\n\n\n                    <!-- GAMBE -->\n\n                    <path d=\"\n                        M22 53\n                        v5\">\n                    <\/path>\n\n                    <path d=\"\n                        M45 53\n                        v5\">\n                    <\/path>\n\n                <\/svg>\n\n            <\/div>\n\n            <h3>Troviamo le risorse<\/h3>\n\n            <p>\n                Individuiamo opportunit\u00e0 e strumenti per finanziare i tuoi progetti.\n            <\/p>\n\n        <\/a>\n\n    <\/div>\n\n\n    <!-- =====================================\n         ONDA ARANCIONE\n         ===================================== -->\n\n    <svg class=\"ambiti-home-wave\"\n         viewBox=\"0 0 1500 130\"\n         preserveAspectRatio=\"none\"\n         aria-hidden=\"true\">\n\n        <path d=\"\n            M0,92\n            C180,5 330,130 510,68\n            C650,20 760,120 910,98\n            C1050,78 1120,38 1260,62\n            C1370,82 1440,95 1500,5\">\n        <\/path>\n\n    <\/svg>\n\n<\/section>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   COME LAVORIAMO\n   ========================================================= *\/\n\n.come-lavoriamo-home {\n    position: relative;\n    width: calc(100% - 80px);\n    max-width: 1500px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 72px 68px 120px 68px;\n    box-sizing: border-box;\n    background: #ffffff;\n    overflow: hidden;\n    font-family: 'Lato', sans-serif;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.come-lavoriamo-header {\n    position: relative;\n    z-index: 3;\n    margin-bottom: 72px;\n}\n\n.come-lavoriamo-kicker {\n    margin: 0 0 16px 0;\n    font-family: 'Lato', sans-serif;\n    font-size: 18px;\n    line-height: 1.2;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: #F06500;\n}\n\n.come-lavoriamo-header h2 {\n    margin: 0;\n    font-family: 'Playfair Display', serif;\n    font-size: 72px;\n    line-height: 1.02;\n    font-weight: 700;\n    letter-spacing: -1px;\n    color: #003087;\n}\n\n\n\/* =========================================================\n   PALLINI IN ALTO A DESTRA\n   ========================================================= *\/\n\n.come-lavoriamo-dots {\n    position: absolute;\n    top: 34px;\n    right: 36px;\n    width: 150px;\n    height: 120px;\n    background-image: radial-gradient(circle, rgba(0, 48, 135, 0.85) 2.4px, transparent 2.8px);\n    background-size: 28px 28px;\n    opacity: 0.85;\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   GRID 2 COLONNE\n   ========================================================= *\/\n\n.come-lavoriamo-grid {\n    position: relative;\n    z-index: 3;\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);\n    column-gap: 40px;\n    align-items: start;\n}\n\n.come-lavoriamo-item {\n    min-width: 0;\n}\n\n.come-lavoriamo-item-top {\n    display: grid;\n    grid-template-columns: 130px minmax(0, 1fr);\n    column-gap: 28px;\n    align-items: start;\n}\n\n\n\/* =========================================================\n   ICONE\n   ========================================================= *\/\n\n.come-lavoriamo-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 126px;\n    height: 126px;\n    border-radius: 50%;\n    flex: 0 0 126px;\n}\n\n.come-lavoriamo-icon-blue {\n    background: #003087;\n}\n\n.come-lavoriamo-icon-orange {\n    background: #F06500;\n}\n\n.come-lavoriamo-icon svg {\n    width: 60px;\n    height: 60px;\n    fill: none;\n    stroke: #ffffff;\n    stroke-width: 3;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n\/* =========================================================\n   TESTI\n   ========================================================= *\/\n\n.come-lavoriamo-copy {\n    padding-top: 8px;\n}\n\n.come-lavoriamo-copy h3 {\n    margin: 0 0 18px 0;\n    font-family: 'Playfair Display', serif;\n    font-size: 34px;\n    line-height: 1.08;\n    font-weight: 700;\n    color: #003087;\n}\n\n.come-lavoriamo-copy p {\n    margin: 0;\n    font-family: 'Lato', sans-serif;\n    font-size: 18px;\n    line-height: 1.7;\n    font-weight: 400;\n    color: #333333 !important;\n}\n\n\/* se per caso hai lasciato dei <br>, li riduce su desktop *\/\n.come-lavoriamo-copy p br {\n    display: none;\n}\n\n\n\/* =========================================================\n   LINK CTA\n   ========================================================= *\/\n\n.come-lavoriamo-link,\n.come-lavoriamo-link:link,\n.come-lavoriamo-link:visited {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-top: 28px;\n    font-family: 'Lato', sans-serif;\n    font-size: 18px;\n    line-height: 1;\n    font-weight: 700;\n    color: #F06500 !important;\n    text-decoration: none !important;\n    transition: gap 0.25s ease, opacity 0.25s ease;\n}\n\n.come-lavoriamo-link span {\n    font-size: 30px;\n    line-height: 1;\n    transform: translateY(-1px);\n}\n\n.come-lavoriamo-link:hover {\n    gap: 14px;\n    opacity: 0.85;\n}\n\n\n\/* =========================================================\n   DIVISORE\n   ========================================================= *\/\n\n.come-lavoriamo-divider {\n    width: 1px;\n    min-height: 360px;\n    background: rgba(0, 48, 135, 0.14);\n}\n\n\n\/* =========================================================\n   DECORAZIONE BLU IN BASSO A SINISTRA\n   ========================================================= *\/\n\n.come-lavoriamo-blob {\n    position: absolute;\n    left: -58px;\n    bottom: -12px;\n    width: 210px;\n    height: 185px;\n    z-index: 1;\n    pointer-events: none;\n}\n\n.come-lavoriamo-blob-one {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 150px;\n    height: 150px;\n    background: #002a77;\n    border-radius: 58% 42% 53% 47% \/ 49% 58% 42% 51%;\n}\n\n.come-lavoriamo-blob-two {\n    position: absolute;\n    left: 54px;\n    bottom: -22px;\n    width: 110px;\n    height: 110px;\n    background: #002a77;\n    border-radius: 52% 48% 44% 56% \/ 55% 45% 55% 45%;\n}\n\n\n\/* =========================================================\n   ONDA IN BASSO\n   ========================================================= *\/\n\n.come-lavoriamo-wave {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 110px;\n    z-index: 2;\n    pointer-events: none;\n}\n\n.come-lavoriamo-wave path {\n    fill: none;\n    stroke: #F06500;\n    stroke-width: 2.2;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media screen and (max-width: 1024px) {\n\n    .come-lavoriamo-home {\n        width: calc(100% - 40px);\n        max-width: none;\n        padding: 56px 38px 95px 38px;\n    }\n\n    .come-lavoriamo-header {\n        margin-bottom: 52px;\n    }\n\n    .come-lavoriamo-header h2 {\n        font-size: 56px;\n    }\n\n    .come-lavoriamo-kicker {\n        font-size: 16px;\n    }\n\n    .come-lavoriamo-grid {\n        column-gap: 28px;\n    }\n\n    .come-lavoriamo-item-top {\n        grid-template-columns: 104px minmax(0, 1fr);\n        column-gap: 22px;\n    }\n\n    .come-lavoriamo-icon {\n        width: 104px;\n        height: 104px;\n        flex-basis: 104px;\n    }\n\n    .come-lavoriamo-icon svg {\n        width: 50px;\n        height: 50px;\n    }\n\n    .come-lavoriamo-copy h3 {\n        font-size: 30px;\n    }\n\n    .come-lavoriamo-copy p {\n        font-size: 17px;\n        line-height: 1.65;\n        color: #333333 !important;\n    }\n\n    .come-lavoriamo-divider {\n        min-height: 320px;\n    }\n\n    .come-lavoriamo-dots {\n        width: 110px;\n        height: 90px;\n        background-size: 22px 22px;\n    }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media screen and (max-width: 767px) {\n\n    .come-lavoriamo-home {\n        width: calc(100% - 24px);\n        padding: 38px 22px 82px 22px;\n    }\n\n    .come-lavoriamo-header {\n        margin-bottom: 38px;\n    }\n\n    .come-lavoriamo-kicker {\n        font-size: 14px;\n        letter-spacing: 1.4px;\n    }\n\n    .come-lavoriamo-header h2 {\n        font-size: 40px;\n        line-height: 1.05;\n    }\n\n    .come-lavoriamo-dots {\n        display: none;\n    }\n\n    .come-lavoriamo-grid {\n        display: block;\n    }\n\n    .come-lavoriamo-item-top {\n        grid-template-columns: 88px minmax(0, 1fr);\n        column-gap: 18px;\n    }\n\n    .come-lavoriamo-icon {\n        width: 88px;\n        height: 88px;\n        flex-basis: 88px;\n    }\n\n    .come-lavoriamo-icon svg {\n        width: 42px;\n        height: 42px;\n    }\n\n    .come-lavoriamo-copy h3 {\n        font-size: 28px;\n        margin-bottom: 14px;\n    }\n\n    .come-lavoriamo-copy p {\n        font-size: 16px;\n        line-height: 1.6;\n        color: #333333 !important;\n    }\n\n    .come-lavoriamo-link {\n        margin-top: 20px;\n        font-size: 17px;\n    }\n\n    .come-lavoriamo-divider {\n        width: 100%;\n        min-height: 1px;\n        height: 1px;\n        margin: 34px 0;\n    }\n\n    .come-lavoriamo-blob {\n        transform: scale(0.7);\n        left: -72px;\n        bottom: -30px;\n    }\n\n    .come-lavoriamo-wave {\n        height: 70px;\n    }\n}\n<\/style>\n\n<div class=\"come-lavoriamo-home\">\n\n    <!-- =====================================\n         PUNTINI DECORATIVI\n         ===================================== -->\n\n    <div class=\"come-lavoriamo-dots\" aria-hidden=\"true\"><\/div>\n\n\n    <!-- =====================================\n         INTESTAZIONE\n         ===================================== -->\n\n    <div class=\"come-lavoriamo-header\">\n\n        <p class=\"come-lavoriamo-kicker\">\n            COME LAVORIAMO\n        <\/p>\n\n        <h2>\n            Due modi di essere utili\n        <\/h2>\n\n    <\/div>\n\n\n    <!-- =====================================\n         CONTENUTO\n         ===================================== -->\n\n    <div class=\"come-lavoriamo-grid\">\n\n\n        <!-- =====================================\n             STRATEGIA\n             ===================================== -->\n\n        <div class=\"come-lavoriamo-item\">\n\n            <div class=\"come-lavoriamo-item-top\">\n\n                <!-- CERCHIO BLU + BUSSOLA -->\n\n                <div class=\"come-lavoriamo-icon come-lavoriamo-icon-blue\">\n\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n\n                        <circle cx=\"32\" cy=\"32\" r=\"19\">\n                        <\/circle>\n\n                        <line x1=\"32\" y1=\"7\" x2=\"32\" y2=\"13\">\n                        <\/line>\n\n                        <line x1=\"32\" y1=\"51\" x2=\"32\" y2=\"57\">\n                        <\/line>\n\n                        <line x1=\"7\" y1=\"32\" x2=\"13\" y2=\"32\">\n                        <\/line>\n\n                        <line x1=\"51\" y1=\"32\" x2=\"57\" y2=\"32\">\n                        <\/line>\n\n                        <polygon points=\"26,38 30,23 41,19 37,34\">\n                        <\/polygon>\n\n                    <\/svg>\n\n                <\/div>\n\n\n                <!-- TESTO STRATEGIA -->\n\n                <div class=\"come-lavoriamo-copy\">\n\n                    <h3>\n                        Strategia\n                    <\/h3>\n\n                    <p>\n                        Ti aiutiamo a definire direzioni chiare, scelte consapevoli e piani sostenibili per generare valore nel tempo. Dalla visione all\u2019impatto, con metodo e concretezza.\n                    <\/p>\n\n                    <a href=\"https:\/\/test.undiciuno.it\/index.php\/come-lavoriamo\/#strategia\" class=\"come-lavoriamo-link\" aria-label=\"Scopri di pi\u00f9 sulla Strategia\">\n                        Scopri di pi\u00f9\n                        <span aria-hidden=\"true\">\u2192<\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =====================================\n             DIVISORE CENTRALE\n             ===================================== -->\n\n        <div class=\"come-lavoriamo-divider\" aria-hidden=\"true\">\n        <\/div>\n\n\n        <!-- =====================================\n             OPERATIVIT\u00c0\n             ===================================== -->\n\n        <div class=\"come-lavoriamo-item\">\n\n            <div class=\"come-lavoriamo-item-top\">\n\n                <!-- CERCHIO ARANCIONE + INGRANAGGIO -->\n\n                <div class=\"come-lavoriamo-icon come-lavoriamo-icon-orange\">\n\n                    <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n\n                        <rect x=\"46\" y=\"8\" width=\"8\" height=\"16\" rx=\"2\">\n                        <\/rect>\n\n                        <rect x=\"46\" y=\"8\" width=\"8\" height=\"16\" rx=\"2\" transform=\"rotate(45 50 50)\">\n                        <\/rect>\n\n                        <rect x=\"46\" y=\"8\" width=\"8\" height=\"16\" rx=\"2\" transform=\"rotate(90 50 50)\">\n                        <\/rect>\n\n                        <rect x=\"46\" y=\"8\" width=\"8\" height=\"16\" rx=\"2\" transform=\"rotate(135 50 50)\">\n                        <\/rect>\n\n                        <rect x=\"46\" y=\"8\" width=\"8\" height=\"16\" rx=\"2\" transform=\"rotate(180 50 50)\">\n                        <\/rect>\n\n                        <rect x=\"46\" y=\"8\" width=\"8\" height=\"16\" rx=\"2\" transform=\"rotate(225 50 50)\">\n                        <\/rect>\n\n                        <rect x=\"46\" y=\"8\" width=\"8\" height=\"16\" rx=\"2\" transform=\"rotate(270 50 50)\">\n                        <\/rect>\n\n                        <rect x=\"46\" y=\"8\" width=\"8\" height=\"16\" rx=\"2\" transform=\"rotate(315 50 50)\">\n                        <\/rect>\n\n                        <circle cx=\"50\" cy=\"50\" r=\"28\">\n                        <\/circle>\n\n                        <circle cx=\"50\" cy=\"50\" r=\"13\">\n                        <\/circle>\n\n                    <\/svg>\n\n                <\/div>\n\n\n                <!-- TESTO OPERATIVIT\u00c0 -->\n\n                <div class=\"come-lavoriamo-copy\">\n\n                    <h3>\n                        Operativit\u00e0\n                    <\/h3>\n\n                    <p>\n                        Affianchiamo i team nell\u2019esecuzione con focus, strumenti e processi efficaci per trasformare le strategie in risultati misurabili e duraturi.\n                    <\/p>\n\n                    <a href=\"https:\/\/test.undiciuno.it\/index.php\/come-lavoriamo\/#operativita\" class=\"come-lavoriamo-link\" aria-label=\"Scopri di pi\u00f9 sull'Operativit\u00e0\">\n                        Scopri di pi\u00f9\n                        <span aria-hidden=\"true\">\u2192<\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================\n         DECORAZIONE BLU IN BASSO A SINISTRA\n         ===================================== -->\n\n    <div class=\"come-lavoriamo-blob\" aria-hidden=\"true\">\n\n        <span class=\"come-lavoriamo-blob-one\"><\/span>\n\n        <span class=\"come-lavoriamo-blob-two\"><\/span>\n\n    <\/div>\n\n\n    <!-- =====================================\n         ONDA ARANCIONE\n         ===================================== -->\n\n    <svg class=\"come-lavoriamo-wave\" viewBox=\"0 0 1440 140\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n\n        <path d=\"\n                M0,110\n                C120,70 220,70 340,95\n                C460,120 560,130 700,95\n                C820,65 940,25 1080,30\n                C1210,35 1320,60 1440,90\n            \">\n        <\/path>\n\n    <\/svg>\n\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Ci sono momenti in cui un\u2019azienda ha bisogno di fermarsi, capire meglio cosa sta succedendo e scegliere una direzione con pi\u00f9 lucidit\u00e0. Pu\u00f2 accadere quando deve crescere, cambiare organizzazione, affrontare una difficolt\u00e0, avviare un progetto o rimettere ordine in obiettivi e processi. In quei momenti, noi ci siamo. Undiciuno nasce proprio per questo: accompagnare con&#8230; <\/p>\n<p class=\"more\"> <a class=\"more-link\" href=\"https:\/\/test.undiciuno.it\/index.php\/in-sintesi\/\">Read More<\/a> <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-1205","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.undiciuno.it\/index.php\/wp-json\/wp\/v2\/pages\/1205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.undiciuno.it\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.undiciuno.it\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.undiciuno.it\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.undiciuno.it\/index.php\/wp-json\/wp\/v2\/comments?post=1205"}],"version-history":[{"count":69,"href":"https:\/\/test.undiciuno.it\/index.php\/wp-json\/wp\/v2\/pages\/1205\/revisions"}],"predecessor-version":[{"id":1482,"href":"https:\/\/test.undiciuno.it\/index.php\/wp-json\/wp\/v2\/pages\/1205\/revisions\/1482"}],"wp:attachment":[{"href":"https:\/\/test.undiciuno.it\/index.php\/wp-json\/wp\/v2\/media?parent=1205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}