{"id":44,"date":"2026-09-05T12:32:02","date_gmt":"2026-09-05T12:32:02","guid":{"rendered":"https:\/\/www.musicaelogopedia.com\/?page_id=44"},"modified":"2026-09-27T13:01:46","modified_gmt":"2026-09-27T13:01:46","slug":"home","status":"publish","type":"page","link":"https:\/\/www.musicaelogopedia.com\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"wp-block-group alignfull ext-hero-section ext-hero-section--silly-mantis ext-hero-section--full-screen is-style-ext-preset--group--natural-1--section ext-section has-background-background-color has-background\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-bcdf4cc6 wp-block-group-is-layout-constrained\">\n<style>\n\n\/* =========================================================\n   HERO \u2014 LOGOPEDIA + MUSICA\n   ========================================================= *\/\n\n.music-hero {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    background: #ffffff;\n}\n\n\n\/* =========================================================\n   SLIDER IMMAGINI\n   ========================================================= *\/\n\n.music-hero-slider {\n    position: relative;\n    width: 100%;\n    height: 650px;\n    overflow: hidden;\n    background: #2C6F82;\n}\n\n\n.music-hero-slide {\n    position: absolute;\n    inset: 0;\n\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n\n    opacity: 0;\n    transform: scale(1.06);\n\n    transition:\n        opacity 1.5s ease-in-out,\n        transform 7s ease-out;\n}\n\n\n.music-hero-slide.active {\n    opacity: 1;\n    transform: scale(1);\n}\n\n\n\/* =========================================================\n   IMMAGINI \u2014 5 SLIDES\n   ========================================================= *\/\n\n\/* IMMAGINE 1 \u2014 NUOVA *\/\n.music-hero-slide:nth-child(1) {\n    background-image: url(\"https:\/\/www.musicaelogopedia.com\/wp-content\/uploads\/2026\/09\/2026-09-08-08-49-23-63fdc9fd-b209-4fb7-a0a5-144890e42e49-1.png\");\n}\n\n\n\/* IMMAGINE 2 \u2014 EX IMMAGINE 2 *\/\n.music-hero-slide:nth-child(2) {\n    background-image: url(\"https:\/\/www.musicaelogopedia.com\/wp-content\/uploads\/2026\/09\/JP_6.png\");\n}\n\n\n\/* IMMAGINE 3 \u2014 EX IMMAGINE 3 *\/\n.music-hero-slide:nth-child(3) {\n    background-image: url(\"https:\/\/www.musicaelogopedia.com\/wp-content\/uploads\/2026\/09\/2026-09-26-15-04-42-63fdc9fd-b209-4fb7-a0a5-144890e42e49-1.png\");\n}\n\n\n\/* IMMAGINE 4 \u2014 EX IMMAGINE 4 *\/\n.music-hero-slide:nth-child(4) {\n    background-image: url(\"https:\/\/www.musicaelogopedia.com\/wp-content\/uploads\/2026\/09\/2026-09-26-15-38-40-63fdc9fd-b209-4fb7-a0a5-144890e42e49.png\");\n}\n\n\n\/* IMMAGINE 5 \u2014 NUOVA ULTIMA *\/\n.music-hero-slide:nth-child(5) {\n    background-image: url(\"https:\/\/www.musicaelogopedia.com\/wp-content\/uploads\/2026\/09\/JP_2.png\");\n}\n\n\n\/* =========================================================\n   OVERLAY IMMAGINI\n   ========================================================= *\/\n\n.music-hero-slider::after {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    z-index: 2;\n\n    pointer-events: none;\n\n    background: linear-gradient(\n        180deg,\n        rgba(15, 53, 78, 0.03) 0%,\n        rgba(15, 53, 78, 0.08) 55%,\n        rgba(15, 53, 78, 0.30) 100%\n    );\n}\n\n\n\/* =========================================================\n   INDICATORI\n   ========================================================= *\/\n\n.music-hero-dots {\n    position: absolute;\n\n    left: 50%;\n    bottom: 35px;\n\n    transform: translateX(-50%);\n\n    z-index: 5;\n\n    display: flex;\n    align-items: center;\n\n    gap: 9px;\n}\n\n\n.music-hero-dot {\n    width: 30px;\n    height: 3px;\n\n    padding: 0;\n\n    border: 0;\n    border-radius: 20px;\n\n    background: rgba(255, 255, 255, 0.45);\n\n    cursor: pointer;\n\n    transition:\n        width 0.35s ease,\n        background 0.35s ease;\n}\n\n\n.music-hero-dot.active {\n    width: 58px;\n\n    background: #8FE0D9;\n}\n\n\n\/* =========================================================\n   BLOCCO TESTO \u2014 BLU OCEANO\n   ========================================================= *\/\n\n.music-hero-content {\n    position: relative;\n\n    width: 100%;\n\n    margin: 0;\n\n    padding: 95px 40px 105px;\n\n    box-sizing: border-box;\n\n    text-align: center;\n\n    color: #ffffff;\n\n    background: linear-gradient(\n        135deg,\n        #1F6078 0%,\n        #287C91 50%,\n        #1F6078 100%\n    );\n\n    border-top: 1px solid rgba(255, 255, 255, 0.15);\n}\n\n\n\/* =========================================================\n   CONTENUTO CENTRATO\n   ========================================================= *\/\n\n.music-hero-content-inner {\n    width: 100%;\n\n    max-width: 1200px;\n\n    margin: 0 auto;\n\n    text-align: center;\n}\n\n\n\/* =========================================================\n   EYEBROW\n   ========================================================= *\/\n\n.music-hero-eyebrow {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 15px;\n\n    margin-bottom: 28px;\n\n    color: #9BE4DE;\n\n    font-size: 17px;\n\n    font-weight: 800;\n\n    letter-spacing: 4px;\n\n    text-transform: uppercase;\n}\n\n\n.music-hero-eyebrow::before,\n.music-hero-eyebrow::after {\n    content: \"\";\n\n    width: 55px;\n    height: 2px;\n\n    background: #76D4CE;\n\n    border-radius: 20px;\n}\n\n\n\/* =========================================================\n   TITOLO\n   ========================================================= *\/\n\n.music-hero-title {\n    max-width: 1150px;\n\n    margin: 0 auto 38px;\n\n    color: #FFFFFF;\n\n    font-size: clamp(58px, 6.5vw, 96px);\n\n    line-height: 0.98;\n\n    font-weight: 800;\n\n    letter-spacing: -4px;\n\n    text-align: center;\n}\n\n\n\/* =========================================================\n   PAROLA \"LOGOPEDIA\"\n   ========================================================= *\/\n\n.music-hero-title span {\n    color: #8FE0D9;\n}\n\n\n\/* =========================================================\n   DESCRIZIONE\n   ========================================================= *\/\n\n.music-hero-description {\n    max-width: 1050px;\n\n    margin: 0 auto 48px;\n\n    color: #E8F7F8;\n\n    font-size: clamp(20px, 1.7vw, 25px);\n\n    line-height: 1.65;\n\n    font-weight: 400;\n\n    text-align: center;\n}\n\n\n\/* =========================================================\n   PULSANTI\n   ========================================================= *\/\n\n.music-hero-buttons {\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 20px;\n\n    flex-wrap: wrap;\n\n    text-align: center;\n}\n\n\n.music-hero-button {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    min-height: 64px;\n\n    padding: 0 38px;\n\n    border-radius: 14px;\n\n    font-size: 18px;\n\n    font-weight: 800;\n\n    text-decoration: none;\n\n    transition:\n        transform 0.3s ease,\n        background 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n\n\/* =========================================================\n   PULSANTE PRINCIPALE\n   ========================================================= *\/\n\n.music-hero-button.primary {\n    color: #17566B;\n\n    background: #9BE4DE;\n\n    box-shadow:\n        0 12px 30px rgba(0, 40, 55, 0.20);\n}\n\n\n.music-hero-button.primary:hover {\n    color: #17566B;\n\n    background: #B3EEE9;\n\n    transform: translateY(-4px);\n\n    box-shadow:\n        0 18px 38px rgba(0, 40, 55, 0.28);\n}\n\n\n\/* =========================================================\n   PULSANTE SECONDARIO\n   ========================================================= *\/\n\n.music-hero-button.secondary {\n    color: #FFFFFF;\n\n    background: rgba(255, 255, 255, 0.10);\n\n    border: 1px solid rgba(255, 255, 255, 0.45);\n\n    box-shadow:\n        0 8px 25px rgba(0, 40, 55, 0.12);\n}\n\n\n.music-hero-button.secondary:hover {\n    color: #FFFFFF;\n\n    background: rgba(255, 255, 255, 0.18);\n\n    transform: translateY(-4px);\n\n    box-shadow:\n        0 14px 30px rgba(0, 40, 55, 0.20);\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .music-hero-slider {\n        height: 560px;\n    }\n\n\n    .music-hero-content {\n        padding: 80px 30px 90px;\n    }\n\n\n    .music-hero-title {\n        font-size: clamp(52px, 7.5vw, 78px);\n\n        letter-spacing: -3px;\n    }\n\n\n    .music-hero-description {\n        font-size: clamp(19px, 2.3vw, 23px);\n    }\n\n\n    .music-hero-button {\n        min-height: 60px;\n\n        padding: 0 32px;\n\n        font-size: 17px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .music-hero-slider {\n        height: 430px;\n    }\n\n\n    .music-hero-slide {\n        background-position: center center;\n    }\n\n\n    .music-hero-content {\n        padding: 65px 20px 75px;\n    }\n\n\n    .music-hero-eyebrow {\n        gap: 9px;\n\n        margin-bottom: 22px;\n\n        font-size: 10px;\n\n        letter-spacing: 2px;\n    }\n\n\n    .music-hero-eyebrow::before,\n    .music-hero-eyebrow::after {\n        width: 25px;\n    }\n\n\n    .music-hero-title {\n        max-width: 100%;\n\n        margin-bottom: 27px;\n\n        font-size: clamp(45px, 12vw, 60px);\n\n        line-height: 0.98;\n\n        letter-spacing: -2px;\n    }\n\n\n    .music-hero-description {\n        max-width: 100%;\n\n        margin-bottom: 35px;\n\n        font-size: 17px;\n\n        line-height: 1.65;\n    }\n\n\n    .music-hero-buttons {\n        width: 100%;\n\n        flex-direction: column;\n\n        align-items: stretch;\n\n        gap: 12px;\n    }\n\n\n    .music-hero-button {\n        width: 100%;\n\n        min-height: 58px;\n\n        padding: 0 20px;\n\n        font-size: 16px;\n    }\n\n\n    .music-hero-dots {\n        bottom: 22px;\n    }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c0\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .music-hero-slide,\n    .music-hero-button,\n    .music-hero-dot {\n        transition: none;\n    }\n\n}\n\n<\/style>\n\n\n<section class=\"music-hero\">\n\n\n    <!-- =====================================================\n         SLIDER IMMAGINI\n         ===================================================== -->\n\n    <div class=\"music-hero-slider\">\n\n\n        <!-- IMMAGINE 1 \u2014 NUOVA -->\n\n        <div class=\"music-hero-slide active\"><\/div>\n\n\n        <!-- IMMAGINE 2 \u2014 ORIGINALE -->\n\n        <div class=\"music-hero-slide\"><\/div>\n\n\n        <!-- IMMAGINE 3 \u2014 ORIGINALE -->\n\n        <div class=\"music-hero-slide\"><\/div>\n\n\n        <!-- IMMAGINE 4 \u2014 ORIGINALE -->\n\n        <div class=\"music-hero-slide\"><\/div>\n\n\n        <!-- IMMAGINE 5 \u2014 NUOVA -->\n\n        <div class=\"music-hero-slide\"><\/div>\n\n\n        <!-- =================================================\n             INDICATORI \u2014 5 SLIDES\n             ================================================= -->\n\n        <div class=\"music-hero-dots\">\n\n\n            <button class=\"music-hero-dot active\" type=\"button\" aria-label=\"Prima immagine\">\n            <\/button>\n\n\n            <button class=\"music-hero-dot\" type=\"button\" aria-label=\"Seconda immagine\">\n            <\/button>\n\n\n            <button class=\"music-hero-dot\" type=\"button\" aria-label=\"Terza immagine\">\n            <\/button>\n\n\n            <button class=\"music-hero-dot\" type=\"button\" aria-label=\"Quarta immagine\">\n            <\/button>\n\n\n            <button class=\"music-hero-dot\" type=\"button\" aria-label=\"Quinta immagine\">\n            <\/button>\n\n\n        <\/div>\n\n\n    <\/div>\n\n\n    <!-- =====================================================\n         BLOCCO TESTO\n         ===================================================== -->\n\n    <div class=\"music-hero-content\">\n\n\n        <div class=\"music-hero-content-inner\">\n\n\n            <!-- EYEBROW -->\n\n            <div class=\"music-hero-eyebrow\">\n\n                Logopedia \u00b7 Musica \u00b7 Persona\n\n            <\/div>\n\n\n            <!-- TITOLO -->\n\n            <h1 class=\"music-hero-title\">\n\n                Musica e <span>Logopedia<\/span> si incontrano\n\n            <\/h1>\n\n\n            <!-- DESCRIZIONE -->\n\n            <p class=\"music-hero-description\">\n\n                Intrecciare la musica al percorso riabilitativo e prendersi cura\n                di chi usa la voce o uno strumento a fiato per lavoro, con il\n                rigore della clinica e la sensibilit\u00e0 dell&#8217;artista.\n                <strong>Un percorso costruito insieme<\/strong>, incentrato sulla <strong>persona<\/strong>,\n                sui suoi bisogni e sulle sue risorse.\n\n            <\/p>\n\n\n            <!-- PULSANTI -->\n\n            <div class=\"music-hero-buttons\">\n\n\n                <a href=\"https:\/\/www.musicaelogopedia.com\/en\/trattamenti-terapie\/\" class=\"music-hero-button primary\">\n\n                    Scopri il percorso\n\n                <\/a>\n\n\n                <a href=\"https:\/\/www.musicaelogopedia.com\/en\/chi-sono\/\" class=\"music-hero-button secondary\">\n\n                    Conosci il mio approccio\n\n                <\/a>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n\n\n<\/section>\n\n\n<script>\n\n\/* =========================================================\n   SLIDER \u2014 CAMBIO OGNI 4,5 SECONDI\n   ========================================================= *\/\n\n(function () {\n\n    const hero =\n        document.querySelector('.music-hero');\n\n\n    if (!hero) {\n        return;\n    }\n\n\n    const slides =\n        hero.querySelectorAll(\n            '.music-hero-slide'\n        );\n\n\n    const dots =\n        hero.querySelectorAll(\n            '.music-hero-dot'\n        );\n\n\n    if (!slides.length) {\n        return;\n    }\n\n\n    let currentSlide = 0;\n\n\n    \/* 4,5 secondi *\/\n\n    const slideDuration = 4500;\n\n\n    function showSlide(index) {\n\n        slides.forEach(\n            function (slide, i) {\n\n                slide.classList.toggle(\n                    'active',\n                    i === index\n                );\n\n            }\n        );\n\n\n        dots.forEach(\n            function (dot, i) {\n\n                dot.classList.toggle(\n                    'active',\n                    i === index\n                );\n\n            }\n        );\n\n\n        currentSlide = index;\n\n    }\n\n\n    function nextSlide() {\n\n        const next =\n            (currentSlide + 1) %\n            slides.length;\n\n\n        showSlide(next);\n\n    }\n\n\n    let sliderInterval =\n        setInterval(\n            nextSlide,\n            slideDuration\n        );\n\n\n    dots.forEach(\n        function (dot, index) {\n\n            dot.addEventListener(\n                'click',\n                function () {\n\n                    showSlide(index);\n\n\n                    clearInterval(\n                        sliderInterval\n                    );\n\n\n                    sliderInterval =\n                        setInterval(\n                            nextSlide,\n                            slideDuration\n                        );\n\n                }\n            );\n\n        }\n    );\n\n})();\n\n<\/script>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-d05cb3ef wp-block-group-is-layout-flex\">\n<section class=\"presentazione-logopedia\">\n\n  <div class=\"presentazione-container\">\n\n    <div class=\"presentazione-testo\">\n\n      <h2>Piacere di conoscerti!<\/h2>\n\n      <p>\n        Sono <strong>Ludovica Badino<\/strong>, logopedista e clarinettista.\n        Mi occupo di <strong>comunicazione<\/strong>, <strong>voce<\/strong> e <strong>linguaggio<\/strong>, con un approccio\n        personalizzato e attento alle esigenze di ogni persona.\n      <\/p>\n\n      <p>\n        La <strong>musica<\/strong> rappresenta per me non solo una grande passione,\n        ma anche uno <strong>strumento prezioso per favorire l&#8217;espressione,\n        la comunicazione e il benessere<\/strong>.\n      <\/p>\n\n      <a href=\"https:\/\/www.musicaelogopedia.com\/en\/chi-sono\/\" class=\"presentazione-bottone\">\n        Scopri di pi\u00f9\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   SEZIONE PRESENTAZIONE\n   ========================================================= *\/\n\n.presentazione-logopedia {\n    padding: 85px 20px;\n\n    background: #34758A;\n}\n\n\n\/* =========================================================\n   CONTENITORE\n   ========================================================= *\/\n\n.presentazione-container {\n    max-width: 900px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\n   TESTO\n   ========================================================= *\/\n\n.presentazione-testo {\n    text-align: center;\n}\n\n\n\/* =========================================================\n   TITOLO\n   ========================================================= *\/\n\n.presentazione-testo h2 {\n    margin: 0 0 30px;\n\n    font-size: clamp(42px, 5vw, 58px);\n\n    line-height: 1.15;\n\n    font-weight: 700;\n\n    letter-spacing: -1.5px;\n\n    color: #FFFFFF;\n}\n\n\n\/* =========================================================\n   PARAGRAFI\n   ========================================================= *\/\n\n.presentazione-testo p {\n    max-width: 780px;\n\n    margin: 0 auto 22px;\n\n    font-size: 19px;\n\n    line-height: 1.8;\n\n    font-weight: 400;\n\n    color: #EAF7F8;\n}\n\n\n\/* =========================================================\n   TESTO IN GRASSETTO\n   ========================================================= *\/\n\n.presentazione-testo strong {\n    color: #FFFFFF;\n\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   BOTTONE\n   ========================================================= *\/\n\n.presentazione-bottone {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    margin-top: 20px;\n\n    min-height: 56px;\n\n    padding: 0 32px;\n\n    border-radius: 30px;\n\n    background: #9BE4DE;\n\n    color: #20566A !important;\n\n    text-decoration: none !important;\n\n    font-size: 16px;\n\n    font-weight: 700;\n\n    transition:\n        transform 0.25s ease,\n        background 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n\n.presentazione-bottone:hover {\n    background: #B3EEE9;\n\n    color: #20566A !important;\n\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 10px 25px rgba(0, 40, 55, 0.18);\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 768px) {\n\n    .presentazione-logopedia {\n        padding: 65px 20px;\n    }\n\n\n    .presentazione-testo h2 {\n        margin-bottom: 25px;\n\n        font-size: 38px;\n\n        letter-spacing: -1px;\n    }\n\n\n    .presentazione-testo p {\n        font-size: 17px;\n\n        line-height: 1.75;\n    }\n\n\n    .presentazione-bottone {\n        margin-top: 15px;\n\n        min-height: 54px;\n\n        padding: 0 28px;\n\n        font-size: 15px;\n    }\n\n}\n\n<\/style>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"512\" height=\"512\" data-src=\"https:\/\/www.musicaelogopedia.com\/wp-content\/uploads\/2026\/07\/cropped-Ludovica-Badino.png\" alt=\"\" class=\"wp-image-12 lazyload\" data-srcset=\"https:\/\/www.musicaelogopedia.com\/wp-content\/uploads\/2026\/07\/cropped-Ludovica-Badino.png 512w, https:\/\/www.musicaelogopedia.com\/wp-content\/uploads\/2026\/07\/cropped-Ludovica-Badino-300x300.png 300w, https:\/\/www.musicaelogopedia.com\/wp-content\/uploads\/2026\/07\/cropped-Ludovica-Badino-150x150.png 150w, https:\/\/www.musicaelogopedia.com\/wp-content\/uploads\/2026\/07\/cropped-Ludovica-Badino-12x12.png 12w, https:\/\/www.musicaelogopedia.com\/wp-content\/uploads\/2026\/07\/cropped-Ludovica-Badino-270x270.png 270w, https:\/\/www.musicaelogopedia.com\/wp-content\/uploads\/2026\/07\/cropped-Ludovica-Badino-192x192.png 192w, https:\/\/www.musicaelogopedia.com\/wp-content\/uploads\/2026\/07\/cropped-Ludovica-Badino-180x180.png 180w, https:\/\/www.musicaelogopedia.com\/wp-content\/uploads\/2026\/07\/cropped-Ludovica-Badino-32x32.png 32w\" data-sizes=\"(max-width: 512px) 100vw, 512px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 512px; --smush-placeholder-aspect-ratio: 512\/512;\" \/><\/figure>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<section class=\"ambiti-logopedia\">\n\n  <div class=\"ambiti-container\">\n\n    <div class=\"ambiti-introduzione\">\n      <span>LE MIE AREE DI INTERVENTO<\/span>\n\n      <h2>Come posso aiutarti<\/h2>\n\n      <p>\n        Percorsi <strong>personalizzati<\/strong> per accompagnarti nella comunicazione,\n        nella voce e nel benessere miofunzionale.\n      <\/p>\n    <\/div>\n\n\n    <div class=\"ambiti-griglia\">\n\n\n      <!-- =====================================================\n           BOX 01 - DISTURBI DELLA VOCE\n      ====================================================== -->\n\n      <a\n        href=\"https:\/\/www.musicaelogopedia.com\/en\/trattamenti-terapie\/\"\n        class=\"ambito-box ambito-01\"\n      >\n\n        <div class=\"ambito-numero\">01<\/div>\n\n        <div class=\"ambito-titolo\">\n\n          <div class=\"ambito-icona\">\n\n            <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\n\n              <path\n                d=\"M32 10v27\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"3\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <path\n                d=\"M23 25V15a9 9 0 0 1 18 0v10\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"3\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <path\n                d=\"M16 29a16 16 0 0 0 32 0\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"3\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <path\n                d=\"M32 45v8\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"3\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <path\n                d=\"M25 53h14\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"3\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n            <\/svg>\n\n          <\/div>\n\n          <h3>Disturbi della voce<\/h3>\n\n        <\/div>\n\n        <span class=\"ambito-link\">\n          Scopri di pi\u00f9 \u2192\n        <\/span>\n\n      <\/a>\n\n\n      <!-- =====================================================\n           BOX 02 - DISARTRIA\n      ====================================================== -->\n\n      <a\n        href=\"https:\/\/www.musicaelogopedia.com\/en\/trattamenti-terapie\/\"\n        class=\"ambito-box ambito-02\"\n      >\n\n        <div class=\"ambito-numero\">02<\/div>\n\n        <div class=\"ambito-titolo\">\n\n          <div class=\"ambito-icona\">\n\n            <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\n\n              <path\n                d=\"M15 30c5 10 29 10 34 0\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"3\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <path\n                d=\"M21 31c5 4 17 4 22 0\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2.5\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <path\n                d=\"M17 18c-3 3-3 8 0 11\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"3\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <path\n                d=\"M47 18c3 3 3 8 0 11\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"3\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <path\n                d=\"M12 14c-5 5-5 14 0 19\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2.5\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <path\n                d=\"M52 14c5 5 5 14 0 19\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2.5\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n            <\/svg>\n\n          <\/div>\n\n          <h3>Disartria<\/h3>\n\n        <\/div>\n\n        <span class=\"ambito-link\">\n          Scopri di pi\u00f9 \u2192\n        <\/span>\n\n      <\/a>\n\n\n      <!-- =====================================================\n           BOX 03 - VOCE ARTISTICA E PROFESSIONALE\n      ====================================================== -->\n\n      <a\n        href=\"https:\/\/www.musicaelogopedia.com\/en\/trattamenti-terapie\/\"\n        class=\"ambito-box ambito-03\"\n      >\n\n        <div class=\"ambito-numero\">03<\/div>\n\n        <div class=\"ambito-titolo\">\n\n          <div class=\"ambito-icona\">\n\n            <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\n\n              <rect\n                x=\"24\"\n                y=\"11\"\n                width=\"16\"\n                height=\"27\"\n                rx=\"8\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"3\">\n              <\/rect>\n\n              <path\n                d=\"M18 28a14 14 0 0 0 28 0\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"3\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <path\n                d=\"M32 42v10\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"3\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <path\n                d=\"M25 52h14\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"3\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <path\n                d=\"M48 14v15\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2.5\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <circle\n                cx=\"44\"\n                cy=\"31\"\n                r=\"4\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2.5\">\n              <\/circle>\n\n              <path\n                d=\"M48 14l7 2\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2.5\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n            <\/svg>\n\n          <\/div>\n\n          <h3>Voce artistica e professionale<\/h3>\n\n        <\/div>\n\n        <span class=\"ambito-link\">\n          Scopri di pi\u00f9 \u2192\n        <\/span>\n\n      <\/a>\n\n\n      <!-- =====================================================\n           BOX 04 - MUSICISTI A FIATO\n      ====================================================== -->\n\n      <a\n        href=\"https:\/\/www.musicaelogopedia.com\/en\/trattamenti-terapie\/\"\n        class=\"ambito-box ambito-04\"\n      >\n\n        <div class=\"ambito-numero\">04<\/div>\n\n        <div class=\"ambito-titolo\">\n\n          <div class=\"ambito-icona\">\n\n            <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\n\n              <path\n                d=\"M27 10v38\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"5\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <path\n                d=\"M24 48h6\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"4\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <path\n                d=\"M22 52h11\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"4\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <path\n                d=\"M27 10h7\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"4\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <path\n                d=\"M34 10v5\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"3\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <circle\n                cx=\"36\"\n                cy=\"22\"\n                r=\"3\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2.5\">\n              <\/circle>\n\n              <circle\n                cx=\"36\"\n                cy=\"30\"\n                r=\"3\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2.5\">\n              <\/circle>\n\n              <circle\n                cx=\"36\"\n                cy=\"38\"\n                r=\"3\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2.5\">\n              <\/circle>\n\n              <path\n                d=\"M27 22h9\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\">\n              <\/path>\n\n              <path\n                d=\"M27 30h9\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\">\n              <\/path>\n\n              <path\n                d=\"M27 38h9\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\">\n              <\/path>\n\n            <\/svg>\n\n          <\/div>\n\n          <h3>Musicisti a fiato<\/h3>\n\n        <\/div>\n\n        <span class=\"ambito-link\">\n          Scopri di pi\u00f9 \u2192\n        <\/span>\n\n      <\/a>\n\n\n      <!-- =====================================================\n           BOX 05 - FUNZIONI COGNITIVE\n      ====================================================== -->\n\n      <a\n        href=\"https:\/\/www.musicaelogopedia.com\/en\/trattamenti-terapie\/\"\n        class=\"ambito-box ambito-05\"\n      >\n\n        <div class=\"ambito-numero\">05<\/div>\n\n        <div class=\"ambito-titolo\">\n\n          <div class=\"ambito-icona\">\n\n            <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\n\n              <path\n                d=\"M30 13                   c-7-4-15 1-14 8                   c-5 3-5 10-1 13                   c-3 6 2 12 8 11                   c2 6 10 6 13 1                   c4 5 12 2 12-4                   c6-2 6-10 1-13                   c2-7-5-13-11-10                   c-2-5-5-7-8-6z\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"3\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\">\n              <\/path>\n\n              <path\n                d=\"M25 21c4 2 5 5 4 9\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2.5\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <path\n                d=\"M39 20c-3 3-4 6-3 10\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2.5\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <path\n                d=\"M23 34c3-2 6-1 8 2\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2.5\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <path\n                d=\"M41 34c-3-2-6-1-8 2\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2.5\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n            <\/svg>\n\n          <\/div>\n\n          <h3>Funzioni cognitive<\/h3>\n\n        <\/div>\n\n        <span class=\"ambito-link\">\n          Scopri di pi\u00f9 \u2192\n        <\/span>\n\n      <\/a>\n\n\n      <!-- =====================================================\n           BOX 06 - COMUNICAZIONE\n      ====================================================== -->\n\n      <a\n        href=\"https:\/\/www.musicaelogopedia.com\/en\/trattamenti-terapie\/\"\n        class=\"ambito-box ambito-06\"\n      >\n\n        <div class=\"ambito-numero\">06<\/div>\n\n        <div class=\"ambito-titolo\">\n\n          <div class=\"ambito-icona\">\n\n            <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\n\n              <path\n                d=\"M12 16h34v25H12z\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"3\"\n                stroke-linejoin=\"round\">\n              <\/path>\n\n              <path\n                d=\"M21 41l-6 10 12-10\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"3\"\n                stroke-linejoin=\"round\">\n              <\/path>\n\n              <path\n                d=\"M20 25h18\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"3\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <path\n                d=\"M20 32h12\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"3\"\n                stroke-linecap=\"round\">\n              <\/path>\n\n              <path\n                d=\"M43 24h10v13h-5l-4 5v-5h-1z\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2.5\"\n                stroke-linejoin=\"round\">\n              <\/path>\n\n            <\/svg>\n\n          <\/div>\n\n          <h3>Comunicazione<\/h3>\n\n        <\/div>\n\n        <span class=\"ambito-link\">\n          Scopri di pi\u00f9 \u2192\n        <\/span>\n\n      <\/a>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================\n   SEZIONE\n========================================= *\/\n\n.ambiti-logopedia {\n  padding: 80px 20px;\n  background: #ffffff;\n}\n\n.ambiti-container {\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n\n\/* =========================================\n   INTRODUZIONE\n========================================= *\/\n\n.ambiti-introduzione {\n  text-align: center;\n  max-width: 700px;\n  margin: 0 auto 50px;\n}\n\n.ambiti-introduzione span {\n  display: block;\n  margin-bottom: 12px;\n\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 2px;\n\n  color: #72AFC1;\n}\n\n.ambiti-introduzione h2 {\n  margin: 0 0 15px;\n\n  font-size: 38px;\n  line-height: 1.2;\n\n  color: #315D6B;\n  font-weight: 600;\n}\n\n.ambiti-introduzione p {\n  margin: 0;\n\n  font-size: 18px;\n  line-height: 1.7;\n\n  color: #66818A;\n}\n\n\n\/* =========================================\n   GRIGLIA\n========================================= *\/\n\n.ambiti-griglia {\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n\n  gap: 25px;\n}\n\n\n\/* =========================================\n   BOX\n========================================= *\/\n\n.ambito-box {\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n\n  min-height: 260px;\n\n  padding: 30px;\n\n  border-radius: 18px;\n\n  text-decoration: none !important;\n\n  border: 2px solid transparent;\n\n  transition:\n    transform 0.35s ease,\n    box-shadow 0.35s ease,\n    border-color 0.35s ease,\n    background-color 0.35s ease;\n}\n\n\n\/* =========================================\n   TONALIT\u00c0 DIFFERENTI\n========================================= *\/\n\n.ambito-01 {\n  background: #EAF8FC;\n}\n\n.ambito-02 {\n  background: #E1F5FA;\n}\n\n.ambito-03 {\n  background: #E6F3F6;\n}\n\n.ambito-04 {\n  background: #D9F0F6;\n}\n\n.ambito-05 {\n  background: #EDF7F8;\n}\n\n.ambito-06 {\n  background: #E3F1F4;\n}\n\n\n\/* =========================================\n   HOVER \u2014 EFFETTO PRINCIPALE\n========================================= *\/\n\n.ambito-box:hover {\n  transform: translateY(-7px);\n\n  border-color: #2C8A91;\n\n  box-shadow:\n    0 18px 40px rgba(44, 138, 145, 0.20),\n    0 4px 12px rgba(44, 138, 145, 0.12);\n}\n\n\n\/* =========================================\n   COLORI PI\u00d9 ACCESI AL PASSAGGIO\n========================================= *\/\n\n.ambito-01:hover {\n  background: #D8F3F5;\n}\n\n.ambito-02:hover {\n  background: #D0EFF3;\n}\n\n.ambito-03:hover {\n  background: #D4ECEF;\n}\n\n.ambito-04:hover {\n  background: #C8E8ED;\n}\n\n.ambito-05:hover {\n  background: #DCEFF1;\n}\n\n.ambito-06:hover {\n  background: #D1E9ED;\n}\n\n\n\/* =========================================\n   PICCOLO BAGLIORE INTERNO\n========================================= *\/\n\n.ambito-box::after {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  border-radius: 16px;\n\n  pointer-events: none;\n\n  opacity: 0;\n\n  box-shadow:\n    inset 0 0 0 1px rgba(255, 255, 255, 0.50);\n\n  transition:\n    opacity 0.35s ease;\n}\n\n.ambito-box:hover::after {\n  opacity: 1;\n}\n\n\n\/* =========================================\n   NUMERI\n========================================= *\/\n\n.ambito-numero {\n  margin-bottom: 22px;\n\n  font-size: 17px;\n  font-weight: 700;\n\n  letter-spacing: 2px;\n\n  color: #72AFC1;\n\n  transition:\n    transform 0.3s ease,\n    color 0.3s ease;\n}\n\n.ambito-box:hover .ambito-numero {\n  color: #247D85;\n\n  transform: translateX(5px);\n}\n\n\n\/* =========================================\n   ICONA + TITOLO\n========================================= *\/\n\n.ambito-titolo {\n  display: flex;\n\n  align-items: center;\n\n  gap: 18px;\n\n  min-height: 75px;\n}\n\n\n\/* =========================================\n   ICONE\n========================================= *\/\n\n.ambito-icona {\n  flex: 0 0 58px;\n\n  width: 58px;\n  height: 58px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  color: #579FB8;\n\n  transition:\n    transform 0.4s cubic-bezier(.34,1.56,.64,1),\n    color 0.3s ease;\n}\n\n.ambito-icona svg {\n  width: 100%;\n  height: 100%;\n\n  overflow: visible;\n\n  transition:\n    transform 0.4s ease;\n}\n\n\n\/* =========================================\n   ANIMAZIONE ICONA\n========================================= *\/\n\n.ambito-box:hover .ambito-icona {\n  color: #247D85;\n\n  transform: scale(1.10);\n}\n\n.ambito-box:hover .ambito-icona svg {\n  transform: rotate(-3deg);\n}\n\n\n\/* =========================================\n   TITOLI\n========================================= *\/\n\n.ambito-box h3 {\n  margin: 0;\n\n  font-size: 22px;\n  line-height: 1.3;\n\n  font-weight: 700;\n\n  color: #315D6B;\n\n  transition:\n    transform 0.3s ease,\n    color 0.3s ease;\n}\n\n.ambito-box:hover h3 {\n  color: #245966;\n\n  transform: translateX(3px);\n}\n\n\n\/* =========================================\n   LINK\n========================================= *\/\n\n.ambito-link {\n  margin-top: auto;\n\n  padding-top: 25px;\n\n  font-size: 16px;\n  font-weight: 600;\n\n  color: #579FB8;\n\n  transition:\n    transform 0.3s ease,\n    color 0.3s ease;\n}\n\n.ambito-box:hover .ambito-link {\n  color: #247D85;\n\n  transform: translateX(7px);\n}\n\n\n\/* =========================================\n   TOUCH \/ PRESSIONE\n========================================= *\/\n\n.ambito-box:active {\n  transform: translateY(-2px) scale(0.985);\n\n  border-color: #247D85;\n}\n\n.ambito-box:active .ambito-icona {\n  color: #247D85;\n\n  transform: scale(1.12);\n}\n\n\n\/* =========================================\n   FOCUS DA TASTIERA\n========================================= *\/\n\n.ambito-box:focus-visible {\n  outline: none;\n\n  border-color: #247D85;\n\n  box-shadow:\n    0 0 0 4px rgba(44, 138, 145, 0.20),\n    0 15px 35px rgba(44, 138, 145, 0.16);\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 800px) {\n\n  .ambiti-logopedia {\n    padding: 60px 20px;\n  }\n\n  .ambiti-griglia {\n    grid-template-columns: repeat(2, 1fr);\n\n    gap: 20px;\n  }\n\n  .ambito-box {\n    min-height: 240px;\n\n    padding: 25px;\n  }\n\n  .ambiti-introduzione h2 {\n    font-size: 32px;\n  }\n\n  .ambito-titolo {\n    gap: 14px;\n  }\n\n  .ambito-icona {\n    flex-basis: 52px;\n\n    width: 52px;\n    height: 52px;\n  }\n\n  .ambito-box h3 {\n    font-size: 20px;\n  }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 520px) {\n\n  .ambiti-griglia {\n    grid-template-columns: 1fr;\n\n    gap: 18px;\n  }\n\n  .ambito-box {\n    min-height: 210px;\n  }\n\n  .ambito-box h3 {\n    font-size: 22px;\n  }\n\n}\n\n\n\/* =========================================\n   RIDUZIONE ANIMAZIONI\n========================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .ambito-box,\n  .ambito-icona,\n  .ambito-icona svg,\n  .ambito-numero,\n  .ambito-box h3,\n  .ambito-link,\n  .ambito-box::after {\n    transition: none;\n  }\n\n}\n\n<\/style>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<section class=\"cta-logopedia\">\n  <div class=\"cta-container\">\n\n    <span class=\"cta-etichetta\">\n      PRENDERSI CURA DELLA VOCE E DELLA COMUNICAZIONE\n    <\/span>\n\n    <h2>\n      Hai bisogno di una consulenza o vuoi prenotare una prima visita?\n    <\/h2>\n\n    <p>\n      Ricevo su appuntamento a <strong>Genova sia in presenza sia online<\/strong> e offro\n      consulenze dedicate, pensate sulle esigenze di ogni persona.\n    <\/p>\n\n    <div class=\"cta-pulsanti\">\n\n      <!-- =====================================================\n           PULSANTE CONTATTI\n           ===================================================== -->\n\n      <a href=\"\/en\/contatti\/\" class=\"cta-bottone\">\n        Contattami ora\n      <\/a>\n\n\n      <!-- =====================================================\n           WHATSAPP\n           INSERISCI QUI IL NUMERO DI TELEFONO\n           \n           Esempio:\n           393331234567\n           \n           NON inserire:\n           +39 333 1234567\n           ===================================================== -->\n\n      <a href=\"https:\/\/wa.me\/393272780807?text=Ciao%20Dottoressa%2C%20vorrei%20avere%20informazioni%20su%20una%20consulenza.\" class=\"cta-whatsapp\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Contattami direttamente su WhatsApp\">\n\n        <span class=\"cta-whatsapp-icon\" aria-hidden=\"true\">\n\n          <svg viewbox=\"0 0 32 32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\">\n            <path fill=\"currentColor\" d=\"M19.11 17.23c-.27-.14-1.59-.78-1.84-.87-.25-.09-.43-.14-.61.14-.18.27-.7.87-.86 1.05-.16.18-.32.2-.59.07-.27-.14-1.13-.42-2.15-1.34-.79-.71-1.33-1.58-1.49-1.85-.16-.27-.02-.42.12-.56.12-.12.27-.32.41-.48.14-.16.18-.27.27-.45.09-.18.05-.34-.02-.48-.07-.14-.61-1.47-.84-2.01-.22-.53-.45-.46-.61-.47h-.52c-.18 0-.48.07-.73.34-.25.27-.95.93-.95 2.26s.98 2.62 1.11 2.8c.14.18 1.93 2.95 4.68 4.13.65.28 1.16.45 1.56.58.66.21 1.26.18 1.73.11.53-.08 1.59-.65 1.82-1.28.23-.63.23-1.17.16-1.28-.07-.11-.25-.18-.52-.32z\"><\/path>\n\n            <path fill=\"currentColor\" d=\"M16.02 3.2c-7.05 0-12.78 5.73-12.78 12.78 0 2.25.59 4.36 1.62 6.19L3.15 28.8l6.78-1.68a12.74 12.74 0 0 0 6.09 1.55h.01c7.04 0 12.77-5.73 12.77-12.78S23.06 3.2 16.02 3.2zm0 23.25h-.01a10.45 10.45 0 0 1-5.33-1.46l-.38-.23-4.03 1 1.08-3.93-.25-.4a10.47 10.47 0 1 1 8.92 5.02z\"><\/path>\n\n          <\/svg>\n\n        <\/span>\n\n        <span class=\"cta-whatsapp-text\">\n          Scrivimi su WhatsApp\n        <\/span>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   SEZIONE CTA\n   ========================================================= *\/\n\n.cta-logopedia {\n\n  padding: 85px 20px;\n\n  background: #6FB7B0;\n\n  text-align: center;\n\n  box-sizing: border-box;\n\n}\n\n\n\/* =========================================================\n   CONTENITORE\n   ========================================================= *\/\n\n.cta-container {\n\n  max-width: 800px;\n\n  margin: 0 auto;\n\n}\n\n\n\/* =========================================================\n   ETICHETTA\n   ========================================================= *\/\n\n.cta-etichetta {\n\n  display: block;\n\n  margin-bottom: 18px;\n\n  font-size: 15px;\n\n  font-weight: 600;\n\n  letter-spacing: 2px;\n\n  color: #E8FAF8;\n\n}\n\n\n\/* =========================================================\n   TITOLO\n   ========================================================= *\/\n\n.cta-container h2 {\n\n  margin: 0 auto 22px;\n\n  max-width: 780px;\n\n  font-size: 40px;\n\n  line-height: 1.25;\n\n  font-weight: 600;\n\n  color: #FFFFFF;\n\n}\n\n\n\/* =========================================================\n   TESTO\n   ========================================================= *\/\n\n.cta-container p {\n\n  margin: 0 auto 35px;\n\n  max-width: 650px;\n\n  font-size: 18px;\n\n  line-height: 1.7;\n\n  color: #EFFAF9;\n\n}\n\n\n.cta-container p strong {\n\n  color: #FFFFFF;\n\n  font-weight: 700;\n\n}\n\n\n\/* =========================================================\n   CONTENITORE PULSANTI\n   ========================================================= *\/\n\n.cta-pulsanti {\n\n  display: flex;\n\n  justify-content: center;\n\n  align-items: center;\n\n  flex-wrap: wrap;\n\n  gap: 14px;\n\n}\n\n\n\/* =========================================================\n   PULSANTE CONTATTI\n   ========================================================= *\/\n\n.cta-bottone {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  min-height: 54px;\n\n  padding: 15px 34px;\n\n  border-radius: 35px;\n\n  box-sizing: border-box;\n\n  background: #FFFFFF;\n\n  color: #397C78 !important;\n\n  text-decoration: none !important;\n\n  font-size: 17px;\n\n  font-weight: 600;\n\n  box-shadow:\n    0 6px 18px rgba(30, 90, 85, 0.18);\n\n  transition:\n    transform 0.25s ease,\n    background 0.25s ease,\n    box-shadow 0.25s ease;\n\n}\n\n\n.cta-bottone:hover {\n\n  background: #E8FAF8;\n\n  color: #285F5C !important;\n\n  transform: translateY(-3px);\n\n  box-shadow:\n    0 9px 22px rgba(30, 90, 85, 0.25);\n\n}\n\n\n\/* =========================================================\n   PULSANTE WHATSAPP\n   ========================================================= *\/\n\n.cta-whatsapp {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 10px;\n\n  min-height: 54px;\n\n  padding: 14px 27px;\n\n  box-sizing: border-box;\n\n  border-radius: 35px;\n\n  background: #25D366;\n\n  color: #FFFFFF !important;\n\n  text-decoration: none !important;\n\n  font-size: 17px;\n\n  font-weight: 600;\n\n  box-shadow:\n    0 6px 18px rgba(18, 112, 61, 0.20);\n\n  transition:\n    transform 0.25s ease,\n    background 0.25s ease,\n    box-shadow 0.25s ease;\n\n}\n\n\n.cta-whatsapp:hover {\n\n  background: #20BD5A;\n\n  color: #FFFFFF !important;\n\n  transform: translateY(-3px);\n\n  box-shadow:\n    0 9px 23px rgba(18, 112, 61, 0.28);\n\n}\n\n\n\/* =========================================================\n   ICONA WHATSAPP\n   ========================================================= *\/\n\n.cta-whatsapp-icon {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  width: 24px;\n\n  height: 24px;\n\n  flex-shrink: 0;\n\n}\n\n\n.cta-whatsapp-icon svg {\n\n  display: block;\n\n  width: 24px;\n\n  height: 24px;\n\n  color: #FFFFFF;\n\n}\n\n\n\/* =========================================================\n   TESTO WHATSAPP\n   ========================================================= *\/\n\n.cta-whatsapp-text {\n\n  line-height: 1;\n\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 768px) {\n\n  .cta-logopedia {\n\n    padding: 65px 20px;\n\n  }\n\n\n  .cta-container h2 {\n\n    font-size: 30px;\n\n    line-height: 1.3;\n\n  }\n\n\n  .cta-container p {\n\n    font-size: 16px;\n\n    line-height: 1.7;\n\n  }\n\n\n  .cta-pulsanti {\n\n    gap: 12px;\n\n  }\n\n\n  .cta-bottone,\n  .cta-whatsapp {\n\n    padding: 14px 25px;\n\n    font-size: 16px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 480px) {\n\n  .cta-pulsanti {\n\n    flex-direction: column;\n\n    width: 100%;\n\n  }\n\n\n  .cta-bottone,\n  .cta-whatsapp {\n\n    width: 100%;\n\n    max-width: 330px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c0\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .cta-bottone,\n  .cta-whatsapp {\n\n    transition: none;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<style>\n\/* =========================================================\n   ENTI E COLLABORAZIONI\n   ========================================================= *\/\n\n.partners-section {\n  width: 100%;\n  padding: 70px 20px;\n  background: #ffffff;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.partners-header {\n  max-width: 1100px;\n  margin: 0 auto 45px;\n  text-align: center;\n}\n\n.partners-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n\n  margin-bottom: 12px;\n\n  color: #7b7f82;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 2.5px;\n  text-transform: uppercase;\n}\n\n.partners-eyebrow::before,\n.partners-eyebrow::after {\n  content: \"\";\n\n  width: 28px;\n  height: 1px;\n\n  background: #d8d8d8;\n}\n\n\n\/* =========================================================\n   TITOLO\n   ========================================================= *\/\n\n.partners-header h2 {\n  margin: 0;\n\n  font-size: clamp(33px, 4.3vw, 50px);\n  line-height: 1.15;\n\n  font-weight: 700;\n  letter-spacing: -1px;\n\n  color: #181818;\n}\n\n.partners-header h2 .title-blue {\n  color: #174A70;\n}\n\n.partners-header h2 .title-teal {\n  color: #168080;\n}\n\n\n\/* =========================================================\n   COLLEGAMENTO ATTIVIT\u00c0 DI RICERCA\n   ========================================================= *\/\n\n.partners-research-link {\n  display: inline-block;\n\n  margin-top: 28px;\n\n  color: #168080;\n  font-size: 18px;\n  font-weight: 600;\n\n  text-decoration: none;\n\n  transition:\n    color 0.3s ease,\n    transform 0.3s ease;\n}\n\n.partners-research-link:hover {\n  color: #174A70;\n  transform: translateY(-2px);\n}\n\n\n\/* =========================================================\n   GRIGLIA LOGHI\n   ========================================================= *\/\n\n.partners-grid {\n  width: 100%;\n  max-width: 1250px;\n\n  margin: 0 auto;\n\n  display: flex;\n  justify-content: center;\n  align-items: stretch;\n\n  gap: 20px;\n\n  flex-wrap: nowrap;\n}\n\n\n\/* =========================================================\n   CARD LOGO\n   ========================================================= *\/\n\n.partner-logo {\n  position: relative;\n\n  flex: 1 1 0;\n  min-width: 0;\n\n  height: 170px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: 16px 22px;\n\n  box-sizing: border-box;\n\n  background: #ffffff;\n\n  border: 1px solid #e3e7e7;\n\n  border-radius: 20px;\n\n  box-shadow:\n    0 5px 22px rgba(0, 0, 0, 0.045);\n\n  overflow: hidden;\n\n  text-decoration: none;\n  cursor: pointer;\n\n  transition:\n    transform 0.35s ease,\n    box-shadow 0.35s ease,\n    border-color 0.35s ease;\n}\n\n\n\/* =========================================================\n   EFFETTO LUCE\n   ========================================================= *\/\n\n.partner-logo::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  left: -100%;\n\n  width: 60%;\n  height: 100%;\n\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(255, 255, 255, 0.75),\n    transparent\n  );\n\n  transform: skewX(-20deg);\n\n  transition: left 0.65s ease;\n}\n\n\n\/* =========================================================\n   LINEA OTTANIO SUPERIORE\n   ========================================================= *\/\n\n.partner-logo::after {\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  left: 15%;\n  right: 15%;\n\n  height: 2px;\n\n  background: linear-gradient(\n    90deg,\n    transparent,\n    #168080,\n    transparent\n  );\n\n  opacity: 0;\n\n  transition: opacity 0.35s ease;\n}\n\n\n\/* =========================================================\n   LOGHI\n   ========================================================= *\/\n\n.partner-logo img {\n  position: relative;\n  z-index: 2;\n\n  display: block;\n\n  width: auto;\n  max-width: 98%;\n\n  height: auto;\n  max-height: 125px;\n\n  object-fit: contain;\n\n  \/* SEMPRE A COLORI *\/\n  filter: none;\n  opacity: 1;\n\n  \/* Evita che il logo venga deformato *\/\n  object-position: center;\n\n  transition:\n    transform 0.35s ease;\n}\n\n\n\/* =========================================================\n   HOVER\n   ========================================================= *\/\n\n.partner-logo:hover {\n  transform: translateY(-7px);\n\n  border-color: rgba(22, 128, 128, 0.40);\n\n  box-shadow:\n    0 20px 42px rgba(0, 0, 0, 0.10),\n    0 6px 18px rgba(22, 128, 128, 0.10);\n}\n\n.partner-logo:hover::before {\n  left: 140%;\n}\n\n.partner-logo:hover::after {\n  opacity: 1;\n}\n\n\n\/* Leggerissimo ingrandimento *\/\n\n.partner-logo:hover img {\n  transform: scale(1.08);\n}\n\n\n\/* =========================================================\n   ACCESSIBILIT\u00c0\n   ========================================================= *\/\n\n.partner-logo:focus-visible {\n  outline: 3px solid rgba(22, 128, 128, 0.35);\n  outline-offset: 4px;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .partners-section {\n    padding: 55px 18px;\n  }\n\n  .partners-grid {\n    flex-wrap: wrap;\n    gap: 16px;\n  }\n\n  .partner-logo {\n    flex: 1 1 calc(50% - 8px);\n    max-width: calc(50% - 8px);\n\n    height: 155px;\n  }\n\n  .partner-logo img {\n    max-height: 110px;\n    max-width: 94%;\n  }\n}\n\n\n\/* =========================================================\n   SMARTPHONE\n   ========================================================= *\/\n\n@media (max-width: 560px) {\n\n  .partners-section {\n    padding: 45px 15px;\n  }\n\n  .partners-header {\n    margin-bottom: 30px;\n  }\n\n  .partners-eyebrow {\n    font-size: 10px;\n    letter-spacing: 2px;\n  }\n\n  .partners-eyebrow::before,\n  .partners-eyebrow::after {\n    width: 18px;\n  }\n\n  .partners-header h2 {\n    font-size: 33px;\n  }\n\n  .partners-research-link {\n    margin-top: 24px;\n    font-size: 17px;\n    line-height: 1.5;\n  }\n\n\n  \/* Due colonne *\/\n\n  .partners-grid {\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    gap: 12px;\n  }\n\n\n  .partner-logo {\n    width: 100%;\n\n    max-width: none;\n\n    height: 125px;\n\n    padding: 10px;\n\n    border-radius: 15px;\n  }\n\n\n  .partner-logo img {\n    max-width: 98%;\n    max-height: 90px;\n  }\n}\n\n\n\/* =========================================================\n   RIDUZIONE ANIMAZIONI\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .partner-logo,\n  .partner-logo img,\n  .partner-logo::before,\n  .partner-logo::after,\n  .partners-research-link {\n    transition: none;\n  }\n}\n<\/style>\n\n\n<section class=\"partners-section\">\n\n\n  <!-- =====================================================\n       HEADER\n       ===================================================== -->\n\n  <div class=\"partners-header\">\n\n    <span class=\"partners-eyebrow\">\n      Rete Professionale\n    <\/span>\n\n    <h2>\n      <span class=\"title-blue\">Enti<\/span> e\n      <span class=\"title-teal\">Collaborazioni<\/span>\n    <\/h2>\n\n    <a class=\"partners-research-link\" href=\"https:\/\/www.musicaelogopedia.com\/en\/attivita-di-ricerca\/\">\n      Scopri le attivit\u00e0 di ricerca e i progetti scientifici \u2192\n    <\/a>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       LOGHI\n       ===================================================== -->\n\n  <div class=\"partners-grid\">\n\n\n    <!-- 1. UNIVERSIT\u00c0 DI GENOVA -->\n\n    <a class=\"partner-logo\" href=\"https:\/\/www.unige.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Universit\u00e0 di Genova\">\n\n      <img decoding=\"async\" data-src=\"https:\/\/id.unige.it\/sites\/id.unige.it\/files\/2022-02\/logo-colore.png?itok=WQlW_KLU\" alt=\"Universit\u00e0 di Genova\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n\n    <\/a>\n\n\n    <!-- 2. CONSERVATORIO NICCOL\u00d2 PAGANINI -->\n\n    <a class=\"partner-logo\" href=\"https:\/\/www.conspaganini.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Conservatorio Niccol\u00f2 Paganini\">\n\n      <img decoding=\"async\" data-src=\"https:\/\/www.conspaganini.it\/wp-content\/uploads\/2025\/03\/paganini-logo.png\" alt=\"Conservatorio Niccol\u00f2 Paganini\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n\n    <\/a>\n\n\n    <!-- 3. OSPEDALE POLICLINICO SAN MARTINO -->\n\n    <a class=\"partner-logo\" href=\"https:\/\/www.ospedalesanmartino.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Ospedale Policlinico San Martino\">\n\n      <img decoding=\"async\" data-src=\"https:\/\/donazionionline.ospedalesanmartino.it\/static\/media\/logo_largo_3.b21abb23.png\" alt=\"Ospedale Policlinico San Martino\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n\n    <\/a>\n\n\n    <!-- 4. FARMACIA SAN ROCCO -->\n\n    <a class=\"partner-logo\" href=\"https:\/\/lafarmaciasanrocco.it\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Farmacia San Rocco\">\n\n      <img decoding=\"async\" data-src=\"https:\/\/lafarmaciasanrocco.it\/wp-content\/uploads\/2025\/06\/Logo-Centro-Servizi-San-Rocco-1024x777.png\" alt=\"Farmacia San Rocco\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/777;\">\n\n    <\/a>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>","protected":false},"excerpt":{"rendered":"<p>Logopedia \u00b7 Musica \u00b7 Persona Musica e Logopedia si incontrano Intrecciare la musica al percorso riabilitativo e prendersi cura di chi usa la voce o uno strumento a fiato per lavoro, con il rigore della clinica e la sensibilit\u00e0 dell&#8217;artista. Un percorso costruito insieme, incentrato sulla persona, sui suoi bisogni e sulle sue risorse. Scopri&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_kad_post_transparent":"","_kad_post_title":"show","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-44","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.musicaelogopedia.com\/en\/wp-json\/wp\/v2\/pages\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.musicaelogopedia.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.musicaelogopedia.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.musicaelogopedia.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.musicaelogopedia.com\/en\/wp-json\/wp\/v2\/comments?post=44"}],"version-history":[{"count":27,"href":"https:\/\/www.musicaelogopedia.com\/en\/wp-json\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":243,"href":"https:\/\/www.musicaelogopedia.com\/en\/wp-json\/wp\/v2\/pages\/44\/revisions\/243"}],"wp:attachment":[{"href":"https:\/\/www.musicaelogopedia.com\/en\/wp-json\/wp\/v2\/media?parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}