{"id":2103,"date":"2025-11-25T21:15:04","date_gmt":"2025-11-25T20:15:04","guid":{"rendered":"https:\/\/halo.cat\/?page_id=2103"},"modified":"2026-02-01T13:21:36","modified_gmt":"2026-02-01T12:21:36","slug":"inicio","status":"publish","type":"page","link":"https:\/\/halo.cat\/cat\/","title":{"rendered":"Inicio"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"2103\" class=\"elementor elementor-2103\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46dade9 e-flex e-con-boxed e-con e-parent\" data-id=\"46dade9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8eb95e2 elementor-widget elementor-widget-html\" data-id=\"8eb95e2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HERO SECTION -->\r\n<section class=\"hero\">\r\n    <div class=\"hero-container\">\r\n        <div class=\"hero-content\">\r\n            <div class=\"hero-text\">\r\n                <h1 class=\"hero-title\">Recupera la teva calma i <span class=\"highlight\">equilibri interior<\/span><\/h1>\r\n                <p class=\"hero-description\">\r\n                    Un espai segur per reconnectar amb tu mateix, sanar i cr\u00e9ixer. A trav\u00e9s de ter\u00e0pies hol\u00edstiques i tallers transformadors, t'acompanyem en el teu cam\u00ed cap al benestar emocional i l'autoconeixement.\r\n                <\/p>\r\n                <div class=\"hero-buttons\">\r\n                    <a href=\"#contacto\" class=\"btn btn-primary\">Reserva una sessi\u00f3<\/a>\r\n                    <a href=\"#caminos-para-sanar\" class=\"btn btn-secondary\">Com funciona<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"hero-image\">\r\n                <div class=\"image-placeholder\">\r\n                    <img decoding=\"async\" src=\"https:\/\/halo.cat\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_1ec1a61ec1a61ec1-scaled-e1764347294139.png\" alt=\"Terapia y bienestar\" class=\"hero-img\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- CSS PARA HERO -->\r\n<style>\r\n\/* HERO SECTION *\/\r\n.hero {\r\n    background: #FFFFFF;\r\n    padding: 5rem 2rem;\r\n    min-height: calc(100vh - 90px);\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.hero-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n}\r\n\r\n.hero-content {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 4rem;\r\n    align-items: center;\r\n}\r\n\r\n.hero-text {\r\n    animation: fadeInLeft 1s ease-out;\r\n}\r\n\r\n@keyframes fadeInLeft {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateX(-30px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n.hero-title {\r\n    font-family: 'Josefin Sans', sans-serif;\r\n    font-size: 3.5rem;\r\n    font-weight: 600;\r\n    color: #2C3E50;\r\n    line-height: 1.2;\r\n    margin-bottom: 1.5rem;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n.hero-title .highlight {\r\n    color: #3EBFB4;\r\n}\r\n\r\n.hero-title::after {\r\n    content: '';\r\n    display: block;\r\n    width: 80px;\r\n    height: 4px;\r\n    background: #3EBFB4;\r\n    margin-top: 1.5rem;\r\n    border-radius: 2px;\r\n}\r\n\r\n.hero-description {\r\n    font-size: 1.15rem;\r\n    color: #5A6C7D;\r\n    line-height: 1.8;\r\n    margin-bottom: 2.5rem;\r\n    max-width: 550px;\r\n}\r\n\r\n.hero-buttons {\r\n    display: flex;\r\n    gap: 1.5rem;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.btn {\r\n    text-decoration: none;\r\n    padding: 1rem 2.5rem;\r\n    border-radius: 50px;\r\n    font-weight: 600;\r\n    font-size: 1rem;\r\n    transition: all 0.3s ease;\r\n    display: inline-block;\r\n    font-family: 'Josefin Sans', sans-serif;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.btn-primary {\r\n    background: #3EBFB4;\r\n    color: #FFFFFF;\r\n    box-shadow: 0 4px 15px rgba(62, 191, 180, 0.2);\r\n}\r\n\r\n.btn-primary:hover {\r\n    background: #35ADA3;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 25px rgba(62, 191, 180, 0.35);\r\n}\r\n\r\n.btn-secondary {\r\n    background: transparent;\r\n    color: #3EBFB4;\r\n    border: 2px solid #3EBFB4;\r\n}\r\n\r\n.btn-secondary:hover {\r\n    background: #3EBFB4;\r\n    color: #FFFFFF;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 25px rgba(62, 191, 180, 0.25);\r\n}\r\n\r\n.hero-image {\r\n    animation: fadeInRight 1s ease-out;\r\n}\r\n\r\n@keyframes fadeInRight {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateX(30px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n.image-placeholder {\r\n    position: relative;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.image-placeholder:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.image-placeholder::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: linear-gradient(135deg, rgba(62, 191, 180, 0.2) 0%, rgba(62, 191, 180, 0) 50%);\r\n    z-index: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n.hero-img {\r\n    width: 100%;\r\n    height: 600px;\r\n    object-fit: cover;\r\n    display: block;\r\n}\r\n\r\n\/* RESPONSIVE HERO *\/\r\n@media (max-width: 1024px) {\r\n    .hero-title {\r\n        font-size: 3rem;\r\n    }\r\n    \r\n    .hero-content {\r\n        gap: 3rem;\r\n    }\r\n    \r\n    .hero-img {\r\n        height: 500px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .hero {\r\n        padding: 3rem 1.5rem;\r\n        min-height: auto;\r\n    }\r\n    \r\n    .hero-content {\r\n        grid-template-columns: 1fr;\r\n        gap: 3rem;\r\n    }\r\n    \r\n    .hero-title {\r\n        font-size: 2.5rem;\r\n    }\r\n    \r\n    .hero-description {\r\n        font-size: 1.05rem;\r\n    }\r\n    \r\n    .hero-buttons {\r\n        justify-content: flex-start;\r\n    }\r\n    \r\n    .btn {\r\n        padding: 0.9rem 2rem;\r\n        font-size: 0.95rem;\r\n    }\r\n    \r\n    .hero-img {\r\n        height: 450px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hero {\r\n        padding: 2rem 1rem;\r\n    }\r\n    \r\n    .hero-title {\r\n        font-size: 2rem;\r\n    }\r\n    \r\n    .hero-description {\r\n        font-size: 1rem;\r\n        margin-bottom: 2rem;\r\n    }\r\n    \r\n    .hero-buttons {\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n    }\r\n    \r\n    .btn {\r\n        text-align: center;\r\n        width: 100%;\r\n    }\r\n    \r\n    .hero-img {\r\n        height: 400px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c42af67 e-flex e-con-boxed e-con e-parent\" data-id=\"c42af67\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00e2bad elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"00e2bad\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CSS Personalizado para secci\u00f3n TE SIENTES AS\u00cd - HALO - ANCHO COMPLETO -->\r\n<style>\r\n\/* RESET CONTENEDORES PADRE *\/\r\n.te-sientes,\r\n.te-sientes * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* TE SIENTES AS\u00cd SECTION - ANCHO COMPLETO *\/\r\n.te-sientes {\r\n    padding: 5rem 0;\r\n    background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFA 100%);\r\n    font-family: 'Hanken Grotesk', sans-serif;\r\n    width: 100vw !important;\r\n    max-width: 100vw !important;\r\n    position: relative !important;\r\n    left: 50% !important;\r\n    transform: translateX(-50%) !important;\r\n    margin-left: 0 !important;\r\n    margin-right: 0 !important;\r\n    overflow: hidden;\r\n}\r\n\r\n.te-sientes-container {\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 0 2rem;\r\n    text-align: center;\r\n}\r\n\r\n.section-title-alt {\r\n    font-family: 'Josefin Sans', sans-serif;\r\n    font-size: clamp(2rem, 5vw, 2.8rem);\r\n    color: #2C3E50;\r\n    margin-bottom: 1rem;\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.section-title-alt::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -10px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 60px;\r\n    height: 3px;\r\n    background: #3EBFB4;\r\n    border-radius: 2px;\r\n}\r\n\r\n.section-subtitle {\r\n    font-size: 1.15rem;\r\n    color: #5A6C7D;\r\n    margin-top: 1.5rem;\r\n    margin-bottom: 3rem;\r\n    max-width: 600px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    line-height: 1.7;\r\n}\r\n\r\n.feelings-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 2rem;\r\n    margin-top: 2rem;\r\n    width: 100%;\r\n}\r\n\r\n.feeling-card-alt {\r\n    background: #FFFFFF;\r\n    padding: 2.5rem 2rem;\r\n    border-radius: 16px;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\r\n    transition: all 0.3s ease;\r\n    border: 1px solid rgba(62, 191, 180, 0.1);\r\n    text-align: center;\r\n}\r\n\r\n.feeling-card-alt:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 12px 35px rgba(62, 191, 180, 0.15);\r\n    border-color: rgba(62, 191, 180, 0.3);\r\n}\r\n\r\n.feeling-icon {\r\n    font-size: 3rem;\r\n    margin-bottom: 1.5rem;\r\n    display: block;\r\n    line-height: 1;\r\n}\r\n\r\n.feeling-title-alt {\r\n    font-family: 'Josefin Sans', sans-serif;\r\n    font-size: 1.4rem;\r\n    color: #2C3E50;\r\n    margin-bottom: 1rem;\r\n    font-weight: 600;\r\n}\r\n\r\n.feeling-description-alt {\r\n    font-size: 1rem;\r\n    color: #5A6C7D;\r\n    line-height: 1.8;\r\n    margin: 0;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 992px) {\r\n    .te-sientes-container {\r\n        padding: 0 1.5rem;\r\n    }\r\n    \r\n    .feelings-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 1.5rem;\r\n    }\r\n    \r\n    .feeling-card-alt:last-child {\r\n        grid-column: 1 \/ -1;\r\n        max-width: 400px;\r\n        margin: 0 auto;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .te-sientes {\r\n        padding: 4rem 0;\r\n    }\r\n    \r\n    .te-sientes-container {\r\n        padding: 0 1.5rem;\r\n    }\r\n    \r\n    .feelings-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 1.5rem;\r\n    }\r\n    \r\n    .feeling-card-alt:last-child {\r\n        max-width: 100%;\r\n    }\r\n    \r\n    .feeling-card-alt {\r\n        padding: 2rem 1.5rem;\r\n    }\r\n    \r\n    .section-subtitle {\r\n        font-size: 1.05rem;\r\n        margin-bottom: 2rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .te-sientes {\r\n        padding: 3rem 0;\r\n    }\r\n    \r\n    .te-sientes-container {\r\n        padding: 0 1rem;\r\n    }\r\n    \r\n    .feeling-icon {\r\n        font-size: 2.5rem;\r\n    }\r\n    \r\n    .feeling-title-alt {\r\n        font-size: 1.25rem;\r\n    }\r\n    \r\n    .feeling-description-alt {\r\n        font-size: 0.95rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- TE SIENTES AS\u00cd SECTION -->\r\n<section class=\"te-sientes\" id=\"te-sientes\">\r\n    <div class=\"te-sientes-container\">\r\n        <h2 class=\"section-title-alt\">Et sents aix\u00ed?<\/h2>\r\n        <p class=\"section-subtitle\">Si reconeixes alguna d'aquestes senyals, es moment de cuidar-te<\/p>\r\n        <div class=\"feelings-grid\">\r\n            <div class=\"feeling-card-alt\">\r\n                <div class=\"feeling-icon\">\ud83e\udde0<\/div>\r\n                <h3 class=\"feeling-title-alt\">Ment esgotada<\/h3>\r\n                <p class=\"feeling-description-alt\">\r\n                    La teva ment no para de donar voltes. Els teus pensaments s'acumulen sense descans, et costa concentrar-te i sents que has perdut la claritat mental que abans tenies.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"feeling-card-alt\">\r\n                <div class=\"feeling-icon\">\ud83d\udcad<\/div>\r\n                <h3 class=\"feeling-title-alt\">Bloqueig emocional<\/h3>\r\n                <p class=\"feeling-description-alt\">\r\n                    Hi ha emocions que no saps com expressar o gestionar. Et sents estancat, desconnectat de tu mateix i dels altres, incapa\u00e7 d'avan\u00e7ar emocionalment.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"feeling-card-alt\">\r\n                <div class=\"feeling-icon\">\ud83e\udded<\/div>\r\n                <h3 class=\"feeling-title-alt\">P\u00e8rdua de rumb<\/h3>\r\n                <p class=\"feeling-description-alt\">\r\n                    No tens clar cap a on vas. Et sents perdut en el teu cam\u00ed personal o professional i necessites recuperar el sentit i la direcci\u00f3 a la teva vida.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c86f105 e-flex e-con-boxed e-con e-parent\" data-id=\"c86f105\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-828356d elementor-widget elementor-widget-html\" data-id=\"828356d\" data-element_type=\"widget\" id=\"quien-soy\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- QUIEN SOY SECTION -->\r\n<section class=\"quien-soy\" id=\"quien-soy\">\r\n    <div class=\"quien-soy-container\">\r\n        <div class=\"quien-soy-content\">\r\n            <div class=\"quien-soy-text\">\r\n                <h2 class=\"section-title\">No ets nom\u00e9s el que et passa<\/h2>\r\n                <p class=\"intro-text\">\r\n                    <strong>Hola, soc Laura Maynou<\/strong>, terapeuta hol\u00edstica i especialista en arteter\u00e0pia, creadora de HALO, un espai pensat per acompanyar-te en el teu proc\u00e9s d\u2019autoconeixement i curaci\u00f3.\r\n                <\/p>\r\n                <p class=\"description-text\">\r\n                    El meu cam\u00ed en les ter\u00e0pies alternatives va comen\u00e7ar el 2004 des de la necessitat de trobar el meu propi equilibri. Al llarg d'anys de formaci\u00f3 i pr\u00e0ctica en diferents disciplines hol\u00edstiques, vaig descobrir que el veritable benestar ve de reconnectar amb la nostra ess\u00e8ncia m\u00e9s aut\u00e8ntica.\r\n                <\/p>\r\n                <p class=\"description-text\">\r\n                    A HALO treballo des del respecte, l\u2019empatia i l\u2019escolta profunda i activa. Creo fermament que cada persona t\u00e9 dins seu la capacitat de sanar i transformar-se. El meu paper \u00e9s acompanyar-te en aquest cam\u00ed, oferint-te eines i un espai segur on puguis reconnectar amb tu mateix.\r\n                <\/p>\r\n                <div class=\"quien-soy-highlight\">\r\n                    <p>\"El teu benestar emocional mereix temps, atenci\u00f3 i cura.\"<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"quien-soy-image\">\r\n                <div class=\"image-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/halo.cat\/wp-content\/uploads\/2025\/11\/PHOTO-2025-11-20-10-17-38.jpg?w=600&h=800&fit=crop\" alt=\"Laura Maynou\" class=\"quien-soy-img\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- CSS PARA ESTA SECCI\u00d3N -->\r\n<style>\r\n\/* QUIEN SOY SECTION *\/\r\n.quien-soy {\r\n    background: #FFFFFF;\r\n    padding: 7rem 2rem;\r\n}\r\n\r\n.quien-soy-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.quien-soy-content {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 5rem;\r\n    align-items: center;\r\n}\r\n\r\n.section-title {\r\n    font-family: 'Josefin Sans', sans-serif;\r\n    font-size: 3rem;\r\n    font-weight: 600;\r\n    color: #2C3E50;\r\n    margin-bottom: 2rem;\r\n    line-height: 1.3;\r\n    position: relative;\r\n    padding-bottom: 1.5rem;\r\n}\r\n\r\n.section-title::after {\r\n    content: '';\r\n    display: block;\r\n    width: 100px;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #3EBFB4 0%, rgba(62, 191, 180, 0.3) 100%);\r\n    margin-top: 1rem;\r\n    border-radius: 2px;\r\n}\r\n\r\n.intro-text {\r\n    font-size: 1.2rem;\r\n    color: #2C3E50;\r\n    margin-bottom: 1.5rem;\r\n    line-height: 1.8;\r\n    text-align: justify;\r\n}\r\n\r\n.intro-text strong {\r\n    color: #3EBFB4;\r\n    font-weight: 600;\r\n}\r\n\r\n.description-text {\r\n    font-size: 1.05rem;\r\n    color: #5A6C7D;\r\n    line-height: 1.8;\r\n    margin-bottom: 1.5rem;\r\n    text-align: justify;\r\n}\r\n\r\n.quien-soy-highlight {\r\n    background: linear-gradient(135deg, rgba(62, 191, 180, 0.1) 0%, rgba(62, 191, 180, 0.05) 100%);\r\n    padding: 2rem;\r\n    border-left: 4px solid #3EBFB4;\r\n    border-radius: 8px;\r\n    margin: 2.5rem 0;\r\n}\r\n\r\n.quien-soy-highlight p {\r\n    font-family: 'Josefin Sans', sans-serif;\r\n    font-size: 1.3rem;\r\n    color: #2C3E50;\r\n    font-weight: 500;\r\n    font-style: italic;\r\n    margin: 0;\r\n}\r\n\r\n.image-container {\r\n    position: relative;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.image-container:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.image-container::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: linear-gradient(135deg, rgba(62, 191, 180, 0.15) 0%, rgba(62, 191, 180, 0) 50%);\r\n    z-index: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n.quien-soy-img {\r\n    width: 100%;\r\n    height: 650px;\r\n    object-fit: cover;\r\n    display: block;\r\n}\r\n\r\n.btn {\r\n    text-decoration: none;\r\n    padding: 1rem 2.5rem;\r\n    border-radius: 50px;\r\n    font-weight: 600;\r\n    font-size: 1rem;\r\n    transition: all 0.3s ease;\r\n    display: inline-block;\r\n    font-family: 'Josefin Sans', sans-serif;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.btn-primary {\r\n    background: #3EBFB4;\r\n    color: #FFFFFF;\r\n    box-shadow: 0 4px 15px rgba(62, 191, 180, 0.2);\r\n}\r\n\r\n.btn-primary:hover {\r\n    background: #35ADA3;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 25px rgba(62, 191, 180, 0.35);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1024px) {\r\n    .quien-soy-content {\r\n        gap: 4rem;\r\n    }\r\n    \r\n    .section-title {\r\n        font-size: 2.5rem;\r\n    }\r\n    \r\n    .quien-soy-img {\r\n        height: 550px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .quien-soy {\r\n        padding: 5rem 1.5rem;\r\n    }\r\n    \r\n    .quien-soy-content {\r\n        grid-template-columns: 1fr;\r\n        gap: 3rem;\r\n    }\r\n    \r\n    .section-title {\r\n        font-size: 2.3rem;\r\n    }\r\n    \r\n    .intro-text {\r\n        font-size: 1.1rem;\r\n    }\r\n    \r\n    .description-text {\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .quien-soy-highlight p {\r\n        font-size: 1.15rem;\r\n    }\r\n    \r\n    .quien-soy-img {\r\n        height: 500px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .quien-soy {\r\n        padding: 4rem 1rem;\r\n    }\r\n    \r\n    .section-title {\r\n        font-size: 2rem;\r\n    }\r\n    \r\n    .intro-text {\r\n        font-size: 1.05rem;\r\n    }\r\n    \r\n    .description-text {\r\n        font-size: 0.95rem;\r\n    }\r\n    \r\n    .quien-soy-highlight {\r\n        padding: 1.5rem;\r\n        margin: 2rem 0;\r\n    }\r\n    \r\n    .quien-soy-highlight p {\r\n        font-size: 1.05rem;\r\n    }\r\n    \r\n    .quien-soy-img {\r\n        height: 450px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf53acc elementor-widget elementor-widget-image\" data-id=\"bf53acc\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/halo.cat\/wp-content\/uploads\/elementor\/thumbs\/logo-transparente-cuadrado-1-rf8p077x0pabmfxu06closj00ssf7lrs0e10jesqew.png\" title=\"logo-transparent-quadrat\" alt=\"logo-transparente-cuadrado\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e7ee53b e-con-full e-flex e-con e-parent\" data-id=\"e7ee53b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8472139 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8472139\" data-element_type=\"widget\" id=\"caminos-para-sanar\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CSS Personalizado para secci\u00f3n CAMINOS PARA SANAR - HALO -->\r\n<style>\r\n\/* CAMINOS PARA SANAR SECTION *\/\r\n.caminos-sanar {\r\n    padding: 5rem 0;\r\n    background: linear-gradient(180deg, #F8FAFA 0%, #FFFFFF 100%);\r\n    font-family: 'Hanken Grotesk', sans-serif;\r\n    width: 100vw !important;\r\n    max-width: 100vw !important;\r\n    position: relative !important;\r\n    left: 50% !important;\r\n    transform: translateX(-50%) !important;\r\n    margin-left: 0 !important;\r\n    margin-right: 0 !important;\r\n    overflow: hidden;\r\n}\r\n\r\n.caminos-container {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 2rem;\r\n    text-align: center;\r\n}\r\n\r\n.section-title-caminos {\r\n    font-family: 'Josefin Sans', sans-serif;\r\n    font-size: clamp(2rem, 5vw, 2.8rem);\r\n    color: #2C3E50;\r\n    margin-bottom: 1rem;\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.section-title-caminos::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -10px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 60px;\r\n    height: 3px;\r\n    background: #3EBFB4;\r\n    border-radius: 2px;\r\n}\r\n\r\n.section-description-caminos {\r\n    font-size: 1.15rem;\r\n    color: #5A6C7D;\r\n    margin-top: 1.5rem;\r\n    margin-bottom: 3rem;\r\n    max-width: 700px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* GRID DE CARDS *\/\r\n.caminos-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 2rem;\r\n    margin-top: 2rem;\r\n}\r\n\r\n\/* CARD STYLES *\/\r\n.camino-card {\r\n    background: #FFFFFF;\r\n    border-radius: 20px;\r\n    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.06);\r\n    border: 1px solid rgba(62, 191, 180, 0.1);\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.camino-card:hover {\r\n    box-shadow: 0 8px 35px rgba(62, 191, 180, 0.15);\r\n    border-color: rgba(62, 191, 180, 0.25);\r\n}\r\n\r\n\/* CARD HEADER *\/\r\n.card-header {\r\n    padding: 2rem;\r\n    cursor: pointer;\r\n    position: relative;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.card-header:hover {\r\n    background: rgba(62, 191, 180, 0.03);\r\n}\r\n\r\n.card-icon {\r\n    font-size: 3rem;\r\n    margin-bottom: 1rem;\r\n    display: block;\r\n    line-height: 1;\r\n}\r\n\r\n.card-title {\r\n    font-family: 'Josefin Sans', sans-serif;\r\n    font-size: 1.6rem;\r\n    color: #2C3E50;\r\n    margin-bottom: 0.5rem;\r\n    font-weight: 600;\r\n}\r\n\r\n.card-intro {\r\n    font-size: 1rem;\r\n    color: #5A6C7D;\r\n    margin: 0;\r\n    line-height: 1.6;\r\n}\r\n\r\n.expand-icon {\r\n    position: absolute;\r\n    top: 2rem;\r\n    right: 2rem;\r\n    width: 36px;\r\n    height: 36px;\r\n    background: rgba(62, 191, 180, 0.1);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.5rem;\r\n    color: #3EBFB4;\r\n    font-weight: 300;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.camino-card.is-open-camino .expand-icon {\r\n    transform: rotate(45deg);\r\n    background: #3EBFB4;\r\n    color: #FFFFFF;\r\n}\r\n\r\n\/* CARD CONTENT (DESPLEGABLE) *\/\r\n.card-content {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.4s ease, padding 0.3s ease;\r\n    padding: 0 2rem;\r\n}\r\n\r\n.camino-card.is-open-camino .card-content {\r\n    max-height: 800px;\r\n    padding: 0 2rem 2rem;\r\n}\r\n\r\n\/* LISTA DE SERVICIOS *\/\r\n.services-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0 0 1.5rem 0;\r\n    text-align: left;\r\n}\r\n\r\n.service-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 1rem;\r\n    padding: 1rem 0;\r\n    border-bottom: 1px solid rgba(62, 191, 180, 0.1);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.service-item:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.service-item:hover {\r\n    padding-left: 0.5rem;\r\n}\r\n\r\n.service-icon {\r\n    font-size: 1.5rem;\r\n    flex-shrink: 0;\r\n    width: 40px;\r\n    height: 40px;\r\n    background: rgba(62, 191, 180, 0.1);\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.service-info {\r\n    flex: 1;\r\n}\r\n\r\n.service-info strong {\r\n    font-family: 'Josefin Sans', sans-serif;\r\n    font-size: 1.1rem;\r\n    color: #2C3E50;\r\n    display: block;\r\n    margin-bottom: 0.25rem;\r\n}\r\n\r\n.service-info p {\r\n    font-size: 0.95rem;\r\n    color: #5A6C7D;\r\n    margin: 0;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* CTA BUTTON *\/\r\n.card-cta {\r\n    display: inline-block;\r\n    background: linear-gradient(135deg, #3EBFB4 0%, #35ADA3 100%);\r\n    color: #FFFFFF !important;\r\n    text-decoration: none;\r\n    font-family: 'Josefin Sans', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 1rem;\r\n    padding: 0.9rem 2rem;\r\n    border-radius: 50px;\r\n    transition: all 0.3s ease;\r\n    margin-top: 0.5rem;\r\n}\r\n\r\n.card-cta:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 20px rgba(62, 191, 180, 0.35);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 992px) {\r\n    .caminos-container {\r\n        padding: 0 1.5rem;\r\n    }\r\n    \r\n    .caminos-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 1.5rem;\r\n        max-width: 550px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .caminos-sanar {\r\n        padding: 4rem 0;\r\n    }\r\n    \r\n    .section-description-caminos {\r\n        font-size: 1.05rem;\r\n        margin-bottom: 2rem;\r\n    }\r\n    \r\n    .card-header {\r\n        padding: 1.5rem;\r\n    }\r\n    \r\n    .card-content {\r\n        padding: 0 1.5rem;\r\n    }\r\n    \r\n    .camino-card.is-open-camino .card-content {\r\n        padding: 0 1.5rem 1.5rem;\r\n    }\r\n    \r\n    .expand-icon {\r\n        top: 1.5rem;\r\n        right: 1.5rem;\r\n        width: 32px;\r\n        height: 32px;\r\n        font-size: 1.3rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .caminos-sanar {\r\n        padding: 3rem 0;\r\n    }\r\n    \r\n    .caminos-container {\r\n        padding: 0 1rem;\r\n    }\r\n    \r\n    .card-icon {\r\n        font-size: 2.5rem;\r\n    }\r\n    \r\n    .card-title {\r\n        font-size: 1.4rem;\r\n    }\r\n    \r\n    .service-icon {\r\n        width: 35px;\r\n        height: 35px;\r\n        font-size: 1.2rem;\r\n    }\r\n    \r\n    .service-info strong {\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .service-info p {\r\n        font-size: 0.9rem;\r\n    }\r\n    \r\n    .card-cta {\r\n        width: 100%;\r\n        text-align: center;\r\n        padding: 0.85rem 1.5rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"caminos-sanar\" id=\"caminos-sanar\">\r\n    <div class=\"caminos-container\">\r\n        <h2 class=\"section-title-caminos\">Camins per sanar<\/h2>\r\n        <p class=\"section-description-caminos\">\r\n            Explora les diferents formes en qu\u00e8 puc acompanyar-te en el teu proc\u00e9s de transformaci\u00f3 personal. Cada cam\u00ed est\u00e0 dissenyat per ajudar-te a reconnectar amb tu mateix i trobar el teu equilibri interior.\r\n        <\/p>\r\n        \r\n        <div class=\"caminos-grid\">\r\n            <div class=\"camino-card\">\r\n                <div class=\"card-header\"> \r\n                    <div class=\"card-icon\">\ud83c\udf3f<\/div>\r\n                    <h3 class=\"card-title\">Ter\u00e0pies<\/h3>\r\n                    <p class=\"card-intro\">Sessions personalitzades pel teu benestar<\/p>\r\n                    <div class=\"expand-icon\">+<\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <ul class=\"services-list\">\r\n                        <li class=\"service-item\">\r\n                            <span class=\"service-icon\">\u2728<\/span>\r\n                            <div class=\"service-info\">\r\n                                <strong>P\u00e8ndol Hebreu<\/strong>\r\n                                <p>T\u00e8cnica ancestral de curaci\u00f3 energ\u00e8tica i equilibri<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"service-item\">\r\n                            <span class=\"service-icon\">\ud83d\udcd6<\/span>\r\n                            <div class=\"service-info\">\r\n                                <strong>Lectura de Registres<\/strong>\r\n                                <p>Accedeix a la saviesa de la teva \u00e0nima i al teu prop\u00f2sit de vida<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"service-item\">\r\n                            <span class=\"service-icon\">\ud83c\udf3a<\/span>\r\n                            <div class=\"service-info\">\r\n                                <strong>Aromater\u00e0pia<\/strong>\r\n                                <p>Curaci\u00f3 a trav\u00e9s d'olis essencials naturals<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"service-item\">\r\n                            <span class=\"service-icon\">\ud83d\udc63<\/span>\r\n                            <div class=\"service-info\">\r\n                                <strong>Reflexologia<\/strong>\r\n                                <p>Equilibra el teu cos mitjan\u00e7ant punts de pressi\u00f3<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"service-item\">\r\n                            <span class=\"service-icon\">\ud83c\udf38<\/span>\r\n                            <div class=\"service-info\">\r\n                                <strong>Ter\u00e0pia Floral<\/strong>\r\n                                <p>Equilibri emocional a trav\u00e9s d'ess\u00e8ncies florals.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n                    <a href=\"#contacto\" class=\"card-cta\">Reservar sessi\u00f3<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"camino-card\">\r\n                 <div class=\"card-header\">\r\n                    <div class=\"card-icon\">\ud83c\udfa8<\/div>\r\n                    <h3 class=\"card-title\">Tallers<\/h3>\r\n                    <p class=\"card-intro\">Experi\u00e8ncies grupals transformadores<\/p>\r\n                    <div class=\"expand-icon\">+<\/div>\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <ul class=\"services-list\">\r\n                        <li class=\"service-item\">\r\n                            <span class=\"service-icon\">\ud83d\udcda<\/span>\r\n                            <div class=\"service-info\">\r\n                                <strong>Club de Lectura<\/strong>\r\n                                <p>Comparteix i descobreix noves perspectives a trav\u00e9s dels llibres<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"service-item\">\r\n                            <span class=\"service-icon\">\ud83e\uddd8\u200d\u2640\ufe0f<\/span>\r\n                            <div class=\"service-info\">\r\n                                <strong>Meditaci\u00f3<\/strong>\r\n                                <p>Cultiva la pres\u00e8ncia i la pau interior.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"service-item\">\r\n                            <span class=\"service-icon\">\u270d\ufe0f<\/span>\r\n                            <div class=\"service-info\">\r\n                                <strong>Escriptura Creativa<\/strong>\r\n                                <p>Expressa el teu m\u00f3n interior a trav\u00e9s de les paraules<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"service-item\">\r\n                            <span class=\"service-icon\">\ud83c\udfa4<\/span>\r\n                            <div class=\"service-info\">\r\n                                <strong>Classes de Cant<\/strong>\r\n                                <p>Allibera la teva veu i connecta amb la teva expressi\u00f3 aut\u00e8ntica<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"service-item\">\r\n                            <span class=\"service-icon\">\ud83c\udfa8<\/span>\r\n                            <div class=\"service-info\">\r\n                                <strong>Arteterapia<\/strong>\r\n                                <p>Sana i creix a trav\u00e9s de l'expressi\u00f3 art\u00edstica.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n                    <a href=\"#contacto\" class=\"card-cta\">Consultar tallers<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const cardHeaders = document.querySelectorAll('.card-header');\r\n\r\n    cardHeaders.forEach(header => {\r\n        header.addEventListener('click', function() {\r\n            const card = this.parentElement; \r\n            card.classList.toggle('is-open-camino');\r\n        });\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1bb1ca7 e-flex e-con-boxed e-con e-parent\" data-id=\"1bb1ca7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e20127a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e20127a\" data-element_type=\"widget\" id=\"refugio\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TU REFUGIO EN SABADELL SECTION -->\r\n<section class=\"refugio-sabadell\" id=\"ubicacion\">\r\n    <div class=\"refugio-container\">\r\n        <div class=\"refugio-content\">\r\n            <div class=\"refugio-text\">\r\n                <h2 class=\"refugio-title\">El teu refugi a Sabadell<\/h2>\r\n                <p class=\"refugio-description\">\r\n                    HALO est\u00e0 situat en un espai tranquil i acollidor, dissenyat especialment per al teu benestar i transformaci\u00f3 personal. Un lloc on podr\u00e0s desconnectar del soroll exterior i reconnectar amb tu mateix.\r\n                <\/p>\r\n                <div class=\"ubicacion-info\">\r\n                    <div class=\"info-item\">\r\n                        <span class=\"info-icon\">\ud83d\udccd<\/span>\r\n                        <div class=\"info-content\">\r\n                            <h3>On som<\/h3>\r\n                            <p>\r\n                                Ens trobar\u00e1s a <a href=\"https:\/\/centrevitae.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"vitae-link\">Centre Vitae<\/a>, un centre hol\u00edstic al cor de Sabadell, dedicat a la cura integral del cos, la ment i l'esperit.\r\n                            <\/p>\r\n                            <p class=\"direccion-completa\">\r\n                                <strong>Carrer de les Valls 28, 2n2a<\/strong><br>\r\n                                08201 Sabadell, Barcelona\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <span class=\"info-icon\">\ud83d\udd50<\/span>\r\n                        <div class=\"info-content\">\r\n                            <h3>Horari<\/h3>\r\n                            <p>\r\n                                Amb cita pr\u00e8via per garantir la teva privacitat i atenci\u00f3 personalitzada. Horaris flexibles adaptats a les teves necessitats.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <span class=\"info-icon\">\u2728<\/span>\r\n                        <div class=\"info-content\">\r\n                            <h3>Un espai per t\u00fa<\/h3>\r\n                            <p>\r\n                                Ambient c\u00e0lid i relaxant, on cada detall est\u00e0 pensat per crear l'atmosfera perfecta per al teu proc\u00e9s de curaci\u00f3.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"refugio-visual\">\r\n                <div class=\"sala-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600334129128-685c5582fd35?w=600&h=400&fit=crop\" alt=\"Sala de terapia HALO\" class=\"sala-img\">\r\n                    <p class=\"image-caption\">El nostre espai de curaci\u00f3<\/p>\r\n                <\/div>\r\n                <div class=\"map-container\">\r\n                    <!-- Cambia este iframe por el mapa real de Centre Vitae -->\r\n                    <iframe \r\n                        src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2986.064!2d2.108847!3d41.543917!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12a4967c89f3f2e5%3A0x7e8b8c3e8f3f3f3f!2sCarrer%20de%20les%20Valls%2C%2028%2C%2008201%20Sabadell%2C%20Barcelona!5e0!3m2!1ses!2ses!4v1234567890\"\r\n                        width=\"100%\" \r\n                        height=\"100%\" \r\n                        style=\"border:0; border-radius: 20px;\" \r\n                        allowfullscreen=\"\" \r\n                        loading=\"lazy\" \r\n                        referrerpolicy=\"no-referrer-when-downgrade\">\r\n                    <\/iframe>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- CSS PARA ESTA SECCI\u00d3N -->\r\n<style>\r\n\/* TU REFUGIO EN SABADELL SECTION *\/\r\n.refugio-sabadell {\r\n    background: #FFFFFF;\r\n    padding: 7rem 2rem;\r\n}\r\n\r\n.refugio-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.refugio-content {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 5rem;\r\n    align-items: center;\r\n}\r\n\r\n.refugio-title {\r\n    font-family: 'Josefin Sans', sans-serif;\r\n    font-size: 3rem;\r\n    font-weight: 600;\r\n    color: #2C3E50;\r\n    margin-bottom: 1.5rem;\r\n    position: relative;\r\n    padding-bottom: 1rem;\r\n}\r\n\r\n.refugio-title::after {\r\n    content: '';\r\n    display: block;\r\n    width: 100px;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #3EBFB4 0%, rgba(62, 191, 180, 0.3) 100%);\r\n    margin-top: 1rem;\r\n    border-radius: 2px;\r\n}\r\n\r\n.refugio-description {\r\n    font-size: 1.15rem;\r\n    color: #5A6C7D;\r\n    line-height: 1.8;\r\n    margin-bottom: 3rem;\r\n    text-align: justify;\r\n}\r\n\r\n.ubicacion-info {\r\n    margin-bottom: 2.5rem;\r\n}\r\n\r\n.info-item {\r\n    display: flex;\r\n    gap: 1.5rem;\r\n    margin-bottom: 2rem;\r\n    padding: 1.5rem;\r\n    background: linear-gradient(135deg, rgba(62, 191, 180, 0.05) 0%, rgba(62, 191, 180, 0.02) 100%);\r\n    border-radius: 15px;\r\n    border-left: 4px solid #3EBFB4;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.info-item:hover {\r\n    transform: translateX(10px);\r\n    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.info-icon {\r\n    font-size: 2.5rem;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.info-content h3 {\r\n    font-family: 'Josefin Sans', sans-serif;\r\n    font-size: 1.3rem;\r\n    color: #2C3E50;\r\n    margin-bottom: 0.5rem;\r\n    font-weight: 600;\r\n}\r\n\r\n.info-content p {\r\n    font-size: 1rem;\r\n    color: #5A6C7D;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n    text-align: justify;\r\n}\r\n\r\n.vitae-link {\r\n    color: #3EBFB4;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    position: relative;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.vitae-link::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -2px;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 2px;\r\n    background: #3EBFB4;\r\n    transform: scaleX(0);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.vitae-link:hover {\r\n    color: #35ADA3;\r\n}\r\n\r\n.vitae-link:hover::after {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.map-container {\r\n    position: relative;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\r\n    height: 600px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.map-container:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.btn {\r\n    text-decoration: none;\r\n    padding: 1rem 2.5rem;\r\n    border-radius: 50px;\r\n    font-weight: 600;\r\n    font-size: 1rem;\r\n    transition: all 0.3s ease;\r\n    display: inline-block;\r\n    font-family: 'Josefin Sans', sans-serif;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.btn-primary {\r\n    background: #3EBFB4;\r\n    color: #FFFFFF;\r\n    box-shadow: 0 4px 15px rgba(62, 191, 180, 0.2);\r\n}\r\n\r\n.btn-primary:hover {\r\n    background: #35ADA3;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 25px rgba(62, 191, 180, 0.35);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1024px) {\r\n    .refugio-content {\r\n        gap: 4rem;\r\n    }\r\n    \r\n    .map-container {\r\n        height: 500px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .refugio-sabadell {\r\n        padding: 5rem 1.5rem;\r\n    }\r\n    \r\n    .refugio-content {\r\n        grid-template-columns: 1fr;\r\n        gap: 3rem;\r\n    }\r\n    \r\n    .refugio-title {\r\n        font-size: 2.5rem;\r\n    }\r\n    \r\n    .refugio-description {\r\n        font-size: 1.05rem;\r\n    }\r\n    \r\n    .info-item {\r\n        gap: 1rem;\r\n        padding: 1.2rem;\r\n    }\r\n    \r\n    .info-icon {\r\n        font-size: 2rem;\r\n    }\r\n    \r\n    .info-content h3 {\r\n        font-size: 1.15rem;\r\n    }\r\n    \r\n    .map-container {\r\n        height: 400px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .refugio-sabadell {\r\n        padding: 4rem 1rem;\r\n    }\r\n    \r\n    .refugio-title {\r\n        font-size: 2rem;\r\n    }\r\n    \r\n    .refugio-description {\r\n        font-size: 1rem;\r\n        margin-bottom: 2rem;\r\n    }\r\n    \r\n    .info-item {\r\n        flex-direction: column;\r\n        gap: 0.8rem;\r\n        padding: 1rem;\r\n    }\r\n    \r\n    .info-icon {\r\n        font-size: 2.5rem;\r\n    }\r\n    \r\n    .info-content h3 {\r\n        font-size: 1.1rem;\r\n    }\r\n    \r\n    .info-content p {\r\n        font-size: 0.95rem;\r\n    }\r\n    \r\n    .map-container {\r\n        height: 350px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f8b47a e-flex e-con-boxed e-con e-parent\" data-id=\"3f8b47a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f045c30 elementor-widget elementor-widget-html\" data-id=\"f045c30\" data-element_type=\"widget\" id=\"testimonios\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HISTORIAS REALES SECTION -->\r\n<section class=\"historias-reales\" id=\"testimonios\">\r\n    <div class=\"historias-container\">\r\n        <h2 class=\"historias-title\">Hist\u00f2ries reals<\/h2>\r\n        <p class=\"historias-subtitle\">\r\n            Cada persona que passa per HALO t\u00e9 una hist\u00f2ria \u00fanica. Aquestes s\u00f3n algunes de les transformacions que hem tingut el privilegi d\u2019acompanyar.\r\n        <\/p>\r\n        \r\n        <div class=\"historias-grid\">\r\n            <!-- Historia 1 -->\r\n            <div class=\"historia-card\">\r\n                <div class=\"historia-quote\">\"<\/div>\r\n                <div class=\"historia-content\">\r\n                    <p class=\"historia-text\">\r\n                        Vaig arribar a HALO completament perduda. Acabava de passar per un divorci i sentia que havia perdut la meva identitat. No sabia qui era sense la meva parella. La Laura em va ajudar a redescobrir-me, a trobar la meva veu interior que havia silenciat durant anys. Avui puc dir que s\u00f3c m\u00e9s jo que mai. He apr\u00e8s a escoltar-me, a respectar-me i a posar l\u00edmits saludables. El canvi no va ser d'un dia per l'altre, per\u00f2 cada sessi\u00f3 va ser un pas m\u00e9s cap al meu veritable jo.\r\n                    <\/p>\r\n                    <div class=\"historia-autor\">\r\n                        <div class=\"autor-avatar\">M<\/div>\r\n                        <div class=\"autor-info\">\r\n                            <h4>Mar\u00eda, 42 anys<\/h4>\r\n                            <p>Professora de secundaria<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Historia 2 -->\r\n            <div class=\"historia-card\">\r\n                <div class=\"historia-quote\">\"<\/div>\r\n                <div class=\"historia-content\">\r\n                    <p class=\"historia-text\">\r\n                        Durant anys vaig portar una armadura invisible. A la meva feina com a advocat havia de ser fort, anal\u00edtic, sempre en control. Per\u00f2 per dins estava esgotat, desconnectat de les meves emocions. Les sessions de ter\u00e0pia hol\u00edstica em van ensenyar que ser vulnerable no \u00e9s feblesa, \u00e9s valentia. Vaig aprendre a deixar anar, a permetre'm sentir sense jutjar-me. Ara tinc eines per gestionar l\u2019estr\u00e8s i, el m\u00e9s important, he recuperat la connexi\u00f3 amb la meva fam\u00edlia. Els meus fills tenen un pare m\u00e9s present i aut\u00e8ntic.\r\n                    <\/p>\r\n                    <div class=\"historia-autor\">\r\n                        <div class=\"autor-avatar\">J<\/div>\r\n                        <div class=\"autor-info\">\r\n                            <h4>Jordi, 38 anys<\/h4>\r\n                            <p>Advocat<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Historia 3 -->\r\n            <div class=\"historia-card\">\r\n                <div class=\"historia-quote\">\"<\/div>\r\n                <div class=\"historia-content\">\r\n                    <p class=\"historia-text\">\r\n                        Despr\u00e9s de perdre la meva mare, vaig entrar en una espiral d\u2019ansietat que em paralitzava. No podia dormir, gaireb\u00e9 no menjava, i els atacs de p\u00e0nic eren constants. El meu metge em va receptar ansiol\u00edtics, per\u00f2 jo sabia que necessitava alguna cosa m\u00e9s profunda. A HALO vaig trobar un espai segur on vaig poder plorar sense vergonya, parlar del meu dolor i, a poc a poc, sanar. El treball amb Flors de Bach i les sessions de Reiki m\u2019han ajudat a calmar el meu sistema nervi\u00f3s. Avui dormo millor, he tornat a somriure i honro la mem\u00f2ria de la meva mare vivint plenament.\r\n                    <\/p>\r\n                    <div class=\"historia-autor\">\r\n                        <div class=\"autor-avatar\">S<\/div>\r\n                        <div class=\"autor-info\">\r\n                            <h4>Sara, 29 anys<\/h4>\r\n                            <p>Dissenyadora gr\u00e1fica<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Historia 4 -->\r\n            <div class=\"historia-card\">\r\n                <div class=\"historia-quote\">\"<\/div>\r\n                <div class=\"historia-content\">\r\n                    <p class=\"historia-text\">\r\n                        Als meus 55 anys sentia que la meva vida havia perdut sentit. Els fills s'havien anat de casa, el meu matrimoni estava en pilot autom\u00e0tic i la meva feina ja no m'omplia. Em sentia invisible, com si l'\u00fanica funci\u00f3 hagu\u00e9s estat cuidar dels altres i ara no sab\u00e9s cuidar-me a mi mateixa. Els tallers d'autoconeixement van ser reveladors. Vaig descobrir passions que havia abandonat feia d\u00e8cades. Vaig tornar a pintar, alguna cosa que estimava de jove. La meva relaci\u00f3 amb la meva parella es va transformar quan vaig comen\u00e7ar a comunicar les meves necessitats. Aquest any he tingut la meva primera exposici\u00f3. Als 55, estic comen\u00e7ant de nou.\r\n                    <\/p>\r\n                    <div class=\"historia-autor\">\r\n                        <div class=\"autor-avatar\">A<\/div>\r\n                        <div class=\"autor-info\">\r\n                            <h4>Ana, 55 anys<\/h4>\r\n                            <p>Administrativa<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Historia 5 -->\r\n            <div class=\"historia-card\">\r\n                <div class=\"historia-quote\">\"<\/div>\r\n                <div class=\"historia-content\">\r\n                    <p class=\"historia-text\">\r\n                        Treballava 12 hores al dia perseguint un \u00e8xit que mai em satisfia. Cada assoliment professional deixava un buit m\u00e9s gran. El meu cos va comen\u00e7ar a passar-me factura: dolors d'esquena, migranyes constants, problemes digestius. Un amic em va parlar de HALO i, tot i que era esc\u00e8ptic amb les \"ter\u00e0pies alternatives\", estava desesperat. La primera sessi\u00f3 de massatge terap\u00e8utic em va fer plorar. Havia acumulat tanta tensi\u00f3 que el meu cos era un nus. Poc a poc vaig anar entenent que l'\u00e8xit sense benestar no \u00e9s \u00e8xit. Ara treballo menys, visc m\u00e9s i s\u00f3c m\u00e9s productiu que mai.\r\n                    <\/p>\r\n                    <div class=\"historia-autor\">\r\n                        <div class=\"autor-avatar\">D<\/div>\r\n                        <div class=\"autor-info\">\r\n                            <h4>David, 33 anys<\/h4>\r\n                            <p>Emprenedor tecnol\u00f2gic<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Historia 6 -->\r\n            <div class=\"historia-card\">\r\n                <div class=\"historia-quote\">\"<\/div>\r\n                <div class=\"historia-content\">\r\n                    <p class=\"historia-text\">\r\n                        Tota la meva vida havia estat la \"forta\", la que sostenia tothom. Quan vaig tenir un avortament espontani, em vaig ensorrar. Per\u00f2 vaig continuar intentant aparentar que estava b\u00e9, que podia amb tot. La meva parella no sabia com ajudar-me perqu\u00e8 jo no el deixava entrar. Als cercles de dones de HALO vaig trobar alguna cosa que mai havia tingut: germanor sense judici. Puc ser fr\u00e0gil, puc dir \"no puc\" sense sentir-me d\u00e8bil. Vaig aprendre que demanar ajuda \u00e9s un acte d'amor propi. Avui la meva relaci\u00f3 \u00e9s m\u00e9s profunda, m\u00e9s real. I quan finalment vaig ser mare, ho vaig fer des d'un lloc de plenitud, no de manca.\r\n                    <\/p>\r\n                    <div class=\"historia-autor\">\r\n                        <div class=\"autor-avatar\">L<\/div>\r\n                        <div class=\"autor-info\">\r\n                            <h4>Laura, 35 anys<\/h4>\r\n                            <p>Infermera<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"historias-cta\">\r\n            <p class=\"cta-mensaje\">Preparat per escriure la teva pr\u00f2pia hist\u00f2ria de transformaci\u00f3?<\/p>\r\n            <a href=\"#contacto\" class=\"btn btn-primary\">Comen\u00e7a el teu cam\u00ed<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- CSS PARA ESTA SECCI\u00d3N -->\r\n<style>\r\n\/* HISTORIAS REALES SECTION *\/\r\n.historias-reales {\r\n    background: #F5F7FA;\r\n    padding: 7rem 2rem;\r\n    width: 100vw !important;\r\n    position: relative;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw !important;\r\n    margin-right: -50vw !important;\r\n}\r\n\r\n.historias-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 0 4rem;\r\n}\r\n\r\n.historias-title {\r\n    font-family: 'Josefin Sans', sans-serif;\r\n    font-size: 3.2rem;\r\n    font-weight: 600;\r\n    color: #2C3E50;\r\n    text-align: center;\r\n    margin-bottom: 1.5rem;\r\n    position: relative;\r\n    padding-bottom: 1rem;\r\n}\r\n\r\n.historias-title::after {\r\n    content: '';\r\n    display: block;\r\n    width: 100px;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #3EBFB4 0%, rgba(62, 191, 180, 0.3) 100%);\r\n    margin: 1rem auto 0;\r\n    border-radius: 2px;\r\n}\r\n\r\n.historias-subtitle {\r\n    font-size: 1.2rem;\r\n    color: #5A6C7D;\r\n    text-align: center;\r\n    max-width: 800px;\r\n    margin: 0 auto 4rem;\r\n    line-height: 1.8;\r\n}\r\n\r\n.historias-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 3rem;\r\n    margin-bottom: 4rem;\r\n}\r\n\r\n.historia-card {\r\n    background: #FFFFFF;\r\n    padding: 3rem;\r\n    border-radius: 20px;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\r\n    position: relative;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.historia-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);\r\n}\r\n\r\n.historia-quote {\r\n    position: absolute;\r\n    top: -10px;\r\n    left: 25px;\r\n    font-size: 8rem;\r\n    color: rgba(62, 191, 180, 0.15);\r\n    font-family: Georgia, serif;\r\n    line-height: 1;\r\n    font-weight: bold;\r\n    pointer-events: none;\r\n}\r\n\r\n.historia-content {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.historia-text {\r\n    font-size: 1rem;\r\n    color: #5A6C7D;\r\n    line-height: 1.9;\r\n    margin-bottom: 2rem;\r\n    text-align: justify;\r\n    font-style: italic;\r\n}\r\n\r\n.historia-autor {\r\n    display: flex;\r\n    gap: 1rem;\r\n    align-items: center;\r\n    padding-top: 1.5rem;\r\n    border-top: 2px solid rgba(62, 191, 180, 0.2);\r\n}\r\n\r\n.autor-avatar {\r\n    width: 55px;\r\n    height: 55px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #3EBFB4 0%, #35ADA3 100%);\r\n    color: white;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.5rem;\r\n    font-weight: 600;\r\n    font-family: 'Josefin Sans', sans-serif;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.autor-info h4 {\r\n    font-family: 'Josefin Sans', sans-serif;\r\n    font-size: 1.1rem;\r\n    color: #2C3E50;\r\n    margin: 0 0 0.3rem 0;\r\n    font-weight: 600;\r\n}\r\n\r\n.autor-info p {\r\n    font-size: 0.9rem;\r\n    color: #5A6C7D;\r\n    margin: 0;\r\n}\r\n\r\n.historias-cta {\r\n    text-align: center;\r\n    padding: 3rem 2rem;\r\n    background: linear-gradient(135deg, rgba(62, 191, 180, 0.1) 0%, rgba(62, 191, 180, 0.05) 100%);\r\n    border-radius: 20px;\r\n    border: 2px solid rgba(62, 191, 180, 0.2);\r\n}\r\n\r\n.cta-mensaje {\r\n    font-size: 1.4rem;\r\n    color: #2C3E50;\r\n    margin-bottom: 1.5rem;\r\n    font-weight: 500;\r\n    font-family: 'Josefin Sans', sans-serif;\r\n}\r\n\r\n.btn {\r\n    text-decoration: none;\r\n    padding: 1rem 2.5rem;\r\n    border-radius: 50px;\r\n    font-weight: 600;\r\n    font-size: 1rem;\r\n    transition: all 0.3s ease;\r\n    display: inline-block;\r\n    font-family: 'Josefin Sans', sans-serif;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.btn-primary {\r\n    background: #3EBFB4;\r\n    color: #FFFFFF;\r\n    box-shadow: 0 4px 15px rgba(62, 191, 180, 0.2);\r\n}\r\n\r\n.btn-primary:hover {\r\n    background: #35ADA3;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 25px rgba(62, 191, 180, 0.35);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1024px) {\r\n    .historias-grid {\r\n        gap: 2.5rem;\r\n    }\r\n    \r\n    .historia-card {\r\n        padding: 2.5rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .historias-reales {\r\n        padding: 5rem 1.5rem;\r\n    }\r\n    \r\n    .historias-container {\r\n        padding: 0 2rem;\r\n    }\r\n    \r\n    .historias-title {\r\n        font-size: 2.5rem;\r\n    }\r\n    \r\n    .historias-subtitle {\r\n        font-size: 1.1rem;\r\n        margin-bottom: 3rem;\r\n    }\r\n    \r\n    .historias-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 2rem;\r\n    }\r\n    \r\n    .historia-card {\r\n        padding: 2rem;\r\n    }\r\n    \r\n    .historia-quote {\r\n        font-size: 6rem;\r\n        left: 15px;\r\n    }\r\n    \r\n    .historia-text {\r\n        font-size: 0.98rem;\r\n    }\r\n    \r\n    .cta-mensaje {\r\n        font-size: 1.2rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .historias-reales {\r\n        padding: 4rem 1rem;\r\n    }\r\n    \r\n    .historias-container {\r\n        padding: 0 1rem;\r\n    }\r\n    \r\n    .historias-title {\r\n        font-size: 2rem;\r\n    }\r\n    \r\n    .historias-subtitle {\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .historia-card {\r\n        padding: 1.5rem;\r\n    }\r\n    \r\n    .historia-quote {\r\n        font-size: 5rem;\r\n        left: 10px;\r\n    }\r\n    \r\n    .historia-text {\r\n        font-size: 0.95rem;\r\n    }\r\n    \r\n    .autor-avatar {\r\n        width: 45px;\r\n        height: 45px;\r\n        font-size: 1.2rem;\r\n    }\r\n    \r\n    .autor-info h4 {\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .autor-info p {\r\n        font-size: 0.85rem;\r\n    }\r\n    \r\n    .historias-cta {\r\n        padding: 2rem 1.5rem;\r\n    }\r\n    \r\n    .cta-mensaje {\r\n        font-size: 1.1rem;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cdc465a e-flex e-con-boxed e-con e-parent\" data-id=\"cdc465a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c86b9e5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c86b9e5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- PREGUNTAS FRECUENTES SECTION -->\r\n<section class=\"preguntas-frecuentes\" id=\"faq\">\r\n    <div class=\"faq-container\">\r\n        <h2 class=\"faq-title\">Preguntas frecuents<\/h2>\r\n        <p class=\"faq-subtitle\">\r\n            Resolem els dubtes m\u00e9s comuns sobre les nostres ter\u00e0pies i tallers\r\n        <\/p>\r\n        \r\n        <div class=\"faq-list\">\r\n            <!-- Pregunta 1 -->\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    <h3>Quant dura una sessi\u00f3 de t\u00e8rapia?<\/h3>\r\n                    <span class=\"faq-icon\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>La sessi\u00f3 de ter\u00e0pia sol tenir una durada aproximada d'una hora (60 minuts).<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Pregunta 2 -->\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    <h3>Necessito experi\u00e8ncia pr\u00e8via per assistir als tallers?<\/h3>\r\n                    <span class=\"faq-icon\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>No cal experi\u00e8ncia pr\u00e8via. Els nostres tallers estan dissenyats per ser accessibles i beneficiosos per a totes les persones, independentment del seu nivell de coneixement inicial.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Pregunta 3 -->\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    <h3>Quantes sessions necessitar\u00e9?<\/h3>\r\n                    <span class=\"faq-icon\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>Despr\u00e9s de la primera sessi\u00f3, far\u00e9 una valoraci\u00f3 personalitzada per determinar si s\u00f3n necess\u00e0ries m\u00e9s sessions i estimar la freq\u00fc\u00e8ncia i el nombre d\u2019aquestes.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Pregunta 4 -->\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    <h3>Quins m\u00e8todes de pagament accepteu?<\/h3>\r\n                    <span class=\"faq-icon\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>Acceptem els seg\u00fcents m\u00e8todes de pagament: efectiu, Bizum i transfer\u00e8ncia banc\u00e0ria.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Pregunta 5 -->\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    <h3>Oferiu sessions en l\u00ednia o nom\u00e9s presencials?<\/h3>\r\n                    <span class=\"faq-icon\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>Oferim ambdues modalitats: les sessions poden ser presencials o tamb\u00e9 en l\u00ednia, adaptant-nos a les teves necessitats i comoditat.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- CSS PARA ESTA SECCI\u00d3N -->\r\n<style>\r\n\/* PREGUNTAS FRECUENTES SECTION *\/\r\n.preguntas-frecuentes {\r\n    background: #FFFFFF;\r\n    padding: 7rem 2rem;\r\n}\r\n\r\n.faq-container {\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.faq-title {\r\n    font-family: 'Josefin Sans', sans-serif;\r\n    font-size: 3.2rem;\r\n    font-weight: 600;\r\n    color: #2C3E50;\r\n    text-align: center;\r\n    margin-bottom: 1.5rem;\r\n    position: relative;\r\n    padding-bottom: 1rem;\r\n}\r\n\r\n.faq-title::after {\r\n    content: '';\r\n    display: block;\r\n    width: 100px;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #3EBFB4 0%, rgba(62, 191, 180, 0.3) 100%);\r\n    margin: 1rem auto 0;\r\n    border-radius: 2px;\r\n}\r\n\r\n.faq-subtitle {\r\n    font-size: 1.2rem;\r\n    color: #5A6C7D;\r\n    text-align: center;\r\n    margin-bottom: 4rem;\r\n    line-height: 1.8;\r\n}\r\n\r\n.faq-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1.5rem;\r\n}\r\n\r\n.faq-item {\r\n    background: #FFFFFF;\r\n    border: 2px solid #F0F0F0;\r\n    border-radius: 15px;\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.faq-item:hover {\r\n    border-color: #3EBFB4;\r\n    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.faq-item.active {\r\n    border-color: #3EBFB4;\r\n    box-shadow: 0 5px 20px rgba(62, 191, 180, 0.1);\r\n}\r\n\r\n.faq-question {\r\n    padding: 2rem 2.5rem;\r\n    cursor: pointer;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 2rem;\r\n    background: linear-gradient(135deg, rgba(62, 191, 180, 0.02) 0%, rgba(62, 191, 180, 0.01) 100%);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.faq-question:hover {\r\n    background: linear-gradient(135deg, rgba(62, 191, 180, 0.05) 0%, rgba(62, 191, 180, 0.02) 100%);\r\n}\r\n\r\n.faq-question h3 {\r\n    font-family: 'Josefin Sans', sans-serif;\r\n    font-size: 1.2rem;\r\n    color: #2C3E50;\r\n    font-weight: 600;\r\n    margin: 0;\r\n    line-height: 1.4;\r\n}\r\n\r\n.faq-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    background: #3EBFB4;\r\n    color: white;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.8rem;\r\n    font-weight: 300;\r\n    flex-shrink: 0;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.faq-item.active .faq-icon {\r\n    transform: rotate(45deg);\r\n    background: #35ADA3;\r\n}\r\n\r\n.faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.4s ease;\r\n}\r\n\r\n.faq-item.active .faq-answer {\r\n    max-height: 500px;\r\n}\r\n\r\n.faq-answer p {\r\n    padding: 0 2.5rem 2rem;\r\n    font-size: 1.05rem;\r\n    color: #5A6C7D;\r\n    line-height: 1.8;\r\n    margin: 0;\r\n    text-align: justify;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n    .preguntas-frecuentes {\r\n        padding: 5rem 1.5rem;\r\n    }\r\n    \r\n    .faq-title {\r\n        font-size: 2.5rem;\r\n    }\r\n    \r\n    .faq-subtitle {\r\n        font-size: 1.1rem;\r\n        margin-bottom: 3rem;\r\n    }\r\n    \r\n    .faq-question {\r\n        padding: 1.5rem 1.5rem;\r\n        gap: 1.5rem;\r\n    }\r\n    \r\n    .faq-question h3 {\r\n        font-size: 1.1rem;\r\n    }\r\n    \r\n    .faq-icon {\r\n        width: 35px;\r\n        height: 35px;\r\n        font-size: 1.5rem;\r\n    }\r\n    \r\n    .faq-answer p {\r\n        padding: 0 1.5rem 1.5rem;\r\n        font-size: 1rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .preguntas-frecuentes {\r\n        padding: 4rem 1rem;\r\n    }\r\n    \r\n    .faq-title {\r\n        font-size: 2rem;\r\n    }\r\n    \r\n    .faq-subtitle {\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .faq-question {\r\n        padding: 1.2rem 1rem;\r\n        gap: 1rem;\r\n    }\r\n    \r\n    .faq-question h3 {\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .faq-icon {\r\n        width: 30px;\r\n        height: 30px;\r\n        font-size: 1.3rem;\r\n    }\r\n    \r\n    .faq-answer p {\r\n        padding: 0 1rem 1.2rem;\r\n        font-size: 0.95rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- JAVASCRIPT PARA ESTA SECCI\u00d3N -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const faqQuestions = document.querySelectorAll('.faq-question');\r\n    \r\n    faqQuestions.forEach(function(question) {\r\n        question.addEventListener('click', function() {\r\n            const faqItem = this.parentElement;\r\n            const isActive = faqItem.classList.contains('active');\r\n            \r\n            \/\/ Cerrar todas las preguntas\r\n            document.querySelectorAll('.faq-item').forEach(function(item) {\r\n                item.classList.remove('active');\r\n            });\r\n            \r\n            \/\/ Si no estaba activa, la abrimos\r\n            if (!isActive) {\r\n                faqItem.classList.add('active');\r\n            }\r\n        });\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb5ec54 e-flex e-con-boxed e-con e-parent\" data-id=\"bb5ec54\" data-element_type=\"container\" id=\"contacto\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-aa1dcc2 e-con-full e-flex e-con e-child\" data-id=\"aa1dcc2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c65b7fe elementor-widget elementor-widget-html\" data-id=\"c65b7fe\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CONTACTO (Columna izquierda) - Estilo HALO (HTML + CSS integrado) -->\r\n<style>\r\n\/* CONTACT STYLES - HALO *\/\r\n.contacto-info{\r\n  padding: 3rem 2rem;\r\n  background:#FFFFFF;\r\n  font-family:'Hanken Grotesk', sans-serif;\r\n  border-radius: 16px;\r\n}\r\n\r\n.contacto-title{\r\n  font-family:'Josefin Sans', sans-serif;\r\n  font-size: clamp(1.8rem, 4vw, 2.3rem);\r\n  color:#2C3E50;\r\n  margin: 0 0 1rem 0;\r\n  line-height: 1.2;\r\n}\r\n\r\n.contacto-description{\r\n  font-size: 1.05rem;\r\n  color:#5A6C7D;\r\n  line-height: 1.85;\r\n  margin: 0 0 2rem 0;\r\n  max-width: 560px;\r\n}\r\n\r\n.info-blocks{\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 1rem;\r\n  margin: 0 0 2.25rem 0;\r\n}\r\n\r\n.info-block{\r\n  display: grid;\r\n  grid-template-columns: 48px 1fr;\r\n  gap: 1rem;\r\n  align-items: start;\r\n  padding: 1.1rem 1.25rem;\r\n  background: linear-gradient(135deg, rgba(62,191,180,.10) 0%, rgba(62,191,180,.05) 100%);\r\n  border-left: 4px solid #3EBFB4;\r\n  border-radius: 0 12px 12px 0;\r\n}\r\n\r\n.block-icon{\r\n  width: 44px;\r\n  height: 44px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size: 1.3rem;\r\n  border-radius: 12px;\r\n  background: rgba(62,191,180,.12);\r\n}\r\n\r\n.block-content h3{\r\n  font-family:'Josefin Sans', sans-serif;\r\n  font-size: 1.15rem;\r\n  color:#2C3E50;\r\n  margin: 0 0 .35rem 0;\r\n}\r\n\r\n.block-content p{\r\n  margin: 0;\r\n  font-size: 1.02rem;\r\n  color:#5A6C7D;\r\n  line-height: 1.75;\r\n}\r\n\r\n.block-content a{\r\n  color:#3EBFB4;\r\n  text-decoration: underline;\r\n  text-underline-offset: 3px;\r\n  font-size: 1.02rem;\r\n}\r\n\r\n.block-content a:hover{\r\n  color:#2C3E50;\r\n}\r\n\r\n.vitae-link{\r\n  font-weight: 600;\r\n}\r\n\r\n.social-links h3{\r\n  font-family:'Josefin Sans', sans-serif;\r\n  font-size: 1.2rem;\r\n  color:#2C3E50;\r\n  margin: 0 0 1rem 0;\r\n}\r\n\r\n.social-icons{\r\n  display:flex;\r\n  gap: .9rem;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.social-icon{\r\n  width: 48px;\r\n  height: 48px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border-radius: 14px;\r\n  background: #FFFFFF;\r\n  border: 1px solid rgba(62,191,180,.25);\r\n  color:#3EBFB4;\r\n  transition: all .25s ease;\r\n}\r\n\r\n.social-icon:hover{\r\n  background:#2C3E50;\r\n  color:#FFFFFF;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 25px rgba(0,0,0,.12);\r\n}\r\n\r\n.social-icon svg{\r\n  width: 22px;\r\n  height: 22px;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px){\r\n  .contacto-info{ padding: 2.25rem 1.5rem; }\r\n  .contacto-description{ font-size: 1rem; }\r\n  .info-block{ padding: 1rem 1.1rem; }\r\n}\r\n\r\n@media (max-width: 480px){\r\n  .contacto-info{ padding: 2rem 1rem; }\r\n  .info-block{\r\n    grid-template-columns: 42px 1fr;\r\n    gap: .85rem;\r\n  }\r\n  .block-icon{\r\n    width: 40px;\r\n    height: 40px;\r\n    font-size: 1.2rem;\r\n    border-radius: 10px;\r\n  }\r\n  .social-icon{\r\n    width: 46px;\r\n    height: 46px;\r\n    border-radius: 12px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- INFORMACI\u00d3N DE CONTACTO - COLUMNA IZQUIERDA -->\r\n<div class=\"contacto-info\">\r\n  <h2 class=\"contacto-title\">Comen\u00e7a la teva transformaci\u00f3<\/h2>\r\n  <p class=\"contacto-description\">\r\n    Ets a un pas d&#039;iniciar el teu cam\u00ed cap al benestar. Completa el formulari i em posar\u00e9 en contacte amb tu per agendar la primera sessi\u00f3.\r\n  <\/p>\r\n\r\n  <div class=\"info-blocks\">\r\n    <div class=\"info-block\">\r\n      <div class=\"block-icon\">\ud83d\udce7<\/div>\r\n      <div class=\"block-content\">\r\n        <h3>Mail<\/h3>\r\n        <a href=\"mailto:halosabadell@gmail.com\">halosabadell@gmail.com<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"info-block\">\r\n      <div class=\"block-icon\">\ud83d\udcf1<\/div>\r\n      <div class=\"block-content\">\r\n        <h3>Tel\u00e8fon<\/h3>\r\n        <a href=\"tel:+34622456395\">+34 622 456 395<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"info-block\">\r\n      <div class=\"block-icon\">\ud83d\udccd<\/div>\r\n      <div class=\"block-content\">\r\n        <h3>Ubicaci\u00f3<\/h3>\r\n        <p>\r\n          <a href=\"https:\/\/centrevitae.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"vitae-link\">Centre Vitae<\/a><br>\r\n          Carrer de les Valls 28, 2n2a<br>\r\n          08201 Sabadell, Barcelona\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"info-block\">\r\n      <div class=\"block-icon\">\ud83d\udd50<\/div>\r\n      <div class=\"block-content\">\r\n        <h3>Horari<\/h3>\r\n        <p>\r\n          Dilluns a Divendres: 10:00 a 13:30 - 16:00 a 20:00<br>\r\n          Dissabtes: 10:00 - 14:00<br>\r\n          <em>Amb cita pr\u00e8via<\/em>\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"social-links\">\r\n    <h3>Segueix-me a xarxes socials<\/h3>\r\n    <div class=\"social-icons\">\r\n      <a href=\"https:\/\/www.instagram.com\/espai_halo\/\" target=\"_blank\" rel=\"noopener\" class=\"social-icon\" aria-label=\"Instagram\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect>\r\n          <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path>\r\n          <line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line>\r\n        <\/svg>\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/www.facebook.com\/profile.php?id=61554898317307\" target=\"_blank\" rel=\"noopener\" class=\"social-icon\" aria-label=\"Facebook\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"><\/path>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c6038fc e-con-full e-flex e-con e-child\" data-id=\"c6038fc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47bdc5c elementor-widget elementor-widget-html\" data-id=\"47bdc5c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FORMULARIO (MetForm) - HALO brand (HTML + CSS integrado) --> <style> \/* ========================= HALO BRAND TOKENS ========================= *\/ .contacto-form-wrap{ --halo-primary: #3EBFB4; --halo-primary-2: #35ADA3; --halo-ink: #2C3E50; --halo-muted: #5A6C7D; --halo-border: rgba(62,191,180,.35); --halo-soft: rgba(62,191,180,.07); --halo-focus: rgba(62,191,180,.22); padding: 3rem 2rem; background:#FFFFFF; font-family:'Hanken Grotesk', sans-serif; border-radius: 16px; box-shadow: 0 14px 40px rgba(44,62,80,.08); border: 1px solid rgba(62,191,180,.18); } .contacto-form-title{ font-family:'Josefin Sans', sans-serif; font-size: clamp(1.7rem, 3.5vw, 2.15rem); color: var(--halo-ink); margin: 0 0 .65rem 0; line-height: 1.15; } .contacto-form-subtitle{ font-size: 1.02rem; color: var(--halo-muted); line-height: 1.8; margin: 0 0 1.75rem 0; } \/* contenedor *\/ .contacto-form-embed{ margin-top: .25rem; } \/* ========================= METFORM: TYPO + SPACING (M\u00e1s especificidad) ========================= *\/ .contacto-form-wrap .mf-form-wrapper, .contacto-form-wrap .metform-form-content, .contacto-form-wrap .metform-form-main-wrapper{ font-family:'Hanken Grotesk', sans-serif !important; } .contacto-form-wrap .mf-form-wrapper .mf-field, .contacto-form-wrap .metform-form-content .mf-field, .contacto-form-wrap .metform-form-content .mf-field-group{ margin-bottom: 1.05rem !important; } \/* labels *\/ .contacto-form-wrap .mf-form-wrapper label, .contacto-form-wrap .metform-form-content label{ display:block !important; margin: 0 0 .45rem 0 !important; color: var(--halo-ink) !important; font-weight: 600 !important; font-size: .98rem !important; letter-spacing: .2px; } \/* asterisco requerido (en tu captura sale rojo) *\/ .contacto-form-wrap .mf-form-wrapper .required, .contacto-form-wrap .metform-form-content .required, .contacto-form-wrap .metform-form-content .mf-required{ color: #E74C3C !important; font-weight: 700 !important; } \/* ========================= INPUTS \/ SELECT \/ TEXTAREA ========================= *\/ .contacto-form-wrap .mf-form-wrapper input[type=\"text\"], .contacto-form-wrap .mf-form-wrapper input[type=\"email\"], .contacto-form-wrap .mf-form-wrapper input[type=\"tel\"], .contacto-form-wrap .mf-form-wrapper input[type=\"url\"], .contacto-form-wrap .mf-form-wrapper input[type=\"number\"], .contacto-form-wrap .mf-form-wrapper select, .contacto-form-wrap .mf-form-wrapper textarea, .contacto-form-wrap .metform-form-content input[type=\"text\"], .contacto-form-wrap .metform-form-content input[type=\"email\"], .contacto-form-wrap .metform-form-content input[type=\"tel\"], .contacto-form-wrap .metform-form-content input[type=\"url\"], .contacto-form-wrap .metform-form-content input[type=\"number\"], .contacto-form-wrap .metform-form-content select, .contacto-form-wrap .metform-form-content textarea{ width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; font-family:'Hanken Grotesk', sans-serif !important; font-size: 1rem !important; color: var(--halo-ink) !important; padding: .95rem 1rem !important; border-radius: 12px !important; border: 1px solid var(--halo-border) !important; background: var(--halo-soft) !important; outline: none !important; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease, transform .2s ease; } .contacto-form-wrap .metform-form-content textarea, .contacto-form-wrap .mf-form-wrapper textarea{ min-height: 150px !important; resize: vertical !important; } \/* placeholder *\/ .contacto-form-wrap input::placeholder, .contacto-form-wrap textarea::placeholder{ color: rgba(90,108,125,.65) !important; } \/* focus *\/ .contacto-form-wrap .mf-form-wrapper input:focus, .contacto-form-wrap .mf-form-wrapper select:focus, .contacto-form-wrap .mf-form-wrapper textarea:focus, .contacto-form-wrap .metform-form-content input:focus, .contacto-form-wrap .metform-form-content select:focus, .contacto-form-wrap .metform-form-content textarea:focus{ border-color: var(--halo-primary) !important; box-shadow: 0 0 0 4px var(--halo-focus) !important; background: #FFFFFF !important; } \/* ========================= BUTTON (CONTACTAR) ========================= *\/ .contacto-form-wrap .mf-form-wrapper button, .contacto-form-wrap .mf-form-wrapper input[type=\"submit\"], .contacto-form-wrap .metform-form-content button, .contacto-form-wrap .metform-form-content input[type=\"submit\"], .contacto-form-wrap .mf-btn, .contacto-form-wrap .metform-btn, .contacto-form-wrap .elementor-button{ display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 52px !important; cursor: pointer !important; border: none !important; border-radius: 999px !important; font-family:'Josefin Sans', sans-serif !important; font-weight: 700 !important; letter-spacing: .5px !important; text-transform: uppercase !important; padding: 1rem 1.25rem !important; font-size: 1rem !important; background: linear-gradient(135deg, var(--halo-primary) 0%, var(--halo-primary-2) 100%) !important; color: #FFFFFF !important; box-shadow: 0 14px 28px rgba(62,191,180,.22) !important; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, filter .2s ease; } \/* hover *\/ .contacto-form-wrap .mf-form-wrapper button:hover, .contacto-form-wrap .mf-form-wrapper input[type=\"submit\"]:hover, .contacto-form-wrap .metform-form-content button:hover, .contacto-form-wrap .metform-form-content input[type=\"submit\"]:hover, .contacto-form-wrap .mf-btn:hover, .contacto-form-wrap .metform-btn:hover, .contacto-form-wrap .elementor-button:hover{ transform: translateY(-2px) !important; filter: brightness(0.98) !important; box-shadow: 0 18px 34px rgba(44,62,80,.18) !important; } \/* active *\/ .contacto-form-wrap .mf-form-wrapper button:active, .contacto-form-wrap .metform-form-content button:active{ transform: translateY(0) !important; } \/* ========================= ERRORS \/ SUCCESS ========================= *\/ .contacto-form-wrap .mf-error, .contacto-form-wrap .mf-error-message, .contacto-form-wrap .metform-message, .contacto-form-wrap .metform-alert, .contacto-form-wrap .mf-form-wrapper .error, .contacto-form-wrap .metform-form-content .error{ margin-top: .6rem !important; font-size: .95rem !important; line-height: 1.6 !important; } .contacto-form-wrap .mf-error, .contacto-form-wrap .mf-error-message{ color: #C0392B !important; } .contacto-form-wrap .mf-success, .contacto-form-wrap .mf-success-message{ color: #1E8E6D !important; } \/* ========================= RESPONSIVE ========================= *\/ @media (max-width: 768px){ .contacto-form-wrap{ padding: 2.25rem 1.5rem; } } @media (max-width: 480px){ .contacto-form-wrap{ padding: 2rem 1rem; } } <\/style> <div class=\"contacto-form-wrap\"> <h2 class=\"contacto-form-title\">Reserva la teva primera sessi\u00f3<\/h2> <p class=\"contacto-form-subtitle\"> Omple el formulari i et respondr\u00e9 com m\u00e9s aviat millor per agendar una cita. <\/p> <div class=\"contacto-form-embed\"> <div class=\"mf-form-shortcode\">\r\n\t\t<div\r\n\t\t\tid=\"metform-wrap-2348-2348\"\r\n\t\t\tclass=\"mf-form-wrapper\"\r\n\t\t\tdata-form-id=\"2348\"\r\n\t\t\tdata-action=\"https:\/\/halo.cat\/cat\/wp-json\/metform\/v1\/entries\/insert\/2348\"\r\n\t\t\tdata-wp-nonce=\"bd7cffff59\"\r\n\t\t\tdata-form-nonce=\"6b47f3f034\"\r\n\t\t\tdata-quiz-summery = \"false\"\r\n\t\t\tdata-save-progress = \"false\"\r\n\t\t\tdata-form-type=\"general-form\"\r\n\t\t\tdata-stop-vertical-effect=\"\"\r\n\t\t\t><\/div>\r\n\r\n\r\n\t\t<!----------------------------- \r\n\t\t\t* controls_data : find the the props passed indie of data attribute\r\n\t\t\t* props.SubmitResponseMarkup : contains the markup of error or success message\r\n\t\t\t* https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Template_literals\r\n\t\t--------------------------- -->\r\n\r\n\t\t\t\t<script type=\"text\/mf\" class=\"mf-template\">\r\n\t\t\tfunction controls_data (value){\r\n\t\t\t\tlet currentWrapper = \"mf-response-props-id-2348\";\r\n\t\t\t\tlet currentEl = document.getElementById(currentWrapper);\r\n\t\t\t\t\r\n\t\t\t\treturn currentEl ? currentEl.dataset[value] : false\r\n\t\t\t}\r\n\r\n\r\n\t\t\tlet is_edit_mode = '' ? true : false;\r\n\t\t\tlet message_position = controls_data('messageposition') || 'top';\r\n\r\n\t\t\t\r\n\t\t\tlet message_successIcon = controls_data('successicon') || '';\r\n\t\t\tlet message_errorIcon = controls_data('erroricon') || '';\r\n\t\t\tlet message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;\r\n\t\t\tlet message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';\r\n\t\t\t\r\n\t\t\tlet is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;\r\n\r\n\t\t\t\r\n\t\t\treturn html`\r\n\t\t\t\t<form\r\n\t\t\t\t\tclassName=\"metform-form-content\"\r\n\t\t\t\t\tref=${parent.formContainerRef}\r\n\t\t\t\t\tonSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }\r\n\t\t\t\t\r\n\t\t\t\t\t>\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'top' ?  props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' :  message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\r\n\t\t\t\t\t<!--------------------------------------------------------\r\n\t\t\t\t\t*** IMPORTANT \/ DANGEROUS ***\r\n\t\t\t\t\t${html``} must be used as in immediate child of \"metform-form-main-wrapper\"\r\n\t\t\t\t\tclass otherwise multistep form will not run at all\r\n\t\t\t\t\t---------------------------------------------------------->\r\n\r\n\t\t\t\t\t<div className=\"metform-form-main-wrapper\" key=${'hide-form-after-submit'} ref=${parent.formRef}>\r\n\t\t\t\t\t${html`\r\n\t\t\t\t\t\t\t\t<div data-elementor-type=\"wp-post\" key=\"2\" data-elementor-id=\"2348\" className=\"elementor elementor-2348\">\n\t\t\t\t<div className=\"elementor-element elementor-element-46a3f1bf e-con-full e-flex e-con e-parent\" data-id=\"46a3f1bf\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div className=\"elementor-element elementor-element-65b14f34 e-con-full e-grid e-con e-child\" data-id=\"65b14f34\" data-element_type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-229b8a8 elementor-widget elementor-widget-mf-text\" data-id=\"229b8a8\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;nombre&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-229b8a8\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Nombre`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input mf-conditional-input\"\r\n\t\t\t\tid=\"mf-input-text-229b8a8\"\r\n\t\t\t\tname=\"nombre\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Nombre`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['nombre'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"Este campo es obligatorio.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"nombre\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-1a922000 elementor-widget elementor-widget-mf-text\" data-id=\"1a922000\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;Apellidos&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-1a922000\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Apellidos`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input mf-conditional-input\"\r\n\t\t\t\tid=\"mf-input-text-1a922000\"\r\n\t\t\t\tname=\"Apellidos\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Apellidos`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['Apellidos'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"Este campo es obligatorio.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"Apellidos\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-752b6f44 elementor-widget elementor-widget-mf-email\" data-id=\"752b6f44\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-email&quot;}\" data-widget_type=\"mf-email.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-email-752b6f44\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Email `) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input \r\n\t\t\t\ttype=\"email\" \r\n\t\t\t\t \r\n\t\t\t\tdefaultValue=\"\" \r\n\t\t\t\tclassName=\"mf-input mf-conditional-input\" \r\n\t\t\t\tid=\"mf-input-email-752b6f44\" \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Email`) } \" \r\n\t\t\t\t \r\n\t\t\t\tonBlur=${parent.handleChange} onFocus=${parent.handleChange} aria-invalid=${validation.errors['mf-email'] ? 'true' : 'false' } \r\n\t\t\t\tref=${el=> parent.activateValidation({\"message\":\"Este campo es obligatorio.\",\"emailMessage\":\"Please enter a valid Email address\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t<${validation.ErrorMessage} \r\n\t\t\t\terrors=${validation.errors} \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-452c321f elementor-widget elementor-widget-mf-text\" data-id=\"452c321f\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-telefono&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-452c321f\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Tel\u00e9fono`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input mf-conditional-input\"\r\n\t\t\t\tid=\"mf-input-text-452c321f\"\r\n\t\t\t\tname=\"mf-telefono\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`+34 666 111 333`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-telefono'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"Este campo es obligatorio.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-telefono\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-13f46608 elementor-widget__width-inherit elementor-widget elementor-widget-mf-textarea\" data-id=\"13f46608\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-comment&quot;}\" data-widget_type=\"mf-textarea.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-area-13f46608\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Comentarios \/ Preguntas`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<textarea className=\"mf-input mf-textarea mf-conditional-input\" id=\"mf-input-text-area-13f46608\"\r\n\t\t\t\tname=\"mf-comment\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Dejame aqu\u00ed tus dudas o preguntas y las comentamos.`) } \"\r\n\t\t\t\tcols=\"30\" rows=\"10\"\r\n\t\t\t\t\t\t\t\t\tonInput=${ parent.handleChange }\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-comment'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\t><\/textarea>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-comment\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-50e956bc elementor-widget__width-inherit elementor-widget elementor-widget-mf-recaptcha\" data-id=\"50e956bc\" data-element_type=\"widget\" data-widget_type=\"mf-recaptcha.default\">\n\t\t\t\t\t\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"g-recaptcha \"\n\t\t\t\t\t\tid=\"g-recaptcha\"\n\t\t\t\t\t\tdata-sitekey=\"dummy\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdata-callback=\"handleReCAPTCHA_${this.state.recaptcha_uid}\"\n\t\t\t\t\t\t\tdata-expired-callback=\"handleReCAPTCHA_${this.state.recaptcha_uid}\"\n\t\t\t\t\t\t\tdata-error-callback=\"handleReCAPTCHA_${this.state.recaptcha_uid}\"\n\t\t\t\t\t\t\taria-invalid=${validation.errors['g-recaptcha-response'] ? 'true' : 'false'}\n\t\t\t\t\t\t\t\t\t\t\t\t><\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t<input type=\"hidden\"\n\t\t\t\t\t\t\tname=\"g-recaptcha-response\"\n\t\t\t\t\t\t\tclassName=\"mf-input mf-mobile-hidden\"\n\t\t\t\t\t\t\tvalue=${parent.getValue('g-recaptcha-response')}\n\t\t\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"reCAPTCHA is required.\",\"required\":true}, el)}\n\t\t\t\t\t\t\t\/>\n\n\t\t\t\t\t\t<${validation.ErrorMessage} errors=${validation.errors} name=\"g-recaptcha-response\" as=${html`<span className=\"mf-error-message\"><\/span>`} \/>\n\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-54379b03 elementor-widget__width-auto elementor-widget elementor-widget-mf-button\" data-id=\"54379b03\" data-element_type=\"widget\" data-widget_type=\"mf-button.default\">\n\t\t\t\t\t\t\t<div className=\"mf-btn-wraper mf-conditional-input\" data-mf-form-conditional-logic-requirement=\"\">\r\n\t\t\t\t\t\t\t<button type=\"submit\" className=\"metform-btn metform-submit-btn \" id=\"\">\r\n\t\t\t\t\t<span>${ parent.decodeEntities(`CONTACTAR`) } <\/span>\r\n\t\t\t\t<\/button>\r\n\t\t\t        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t`}\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\t\t\t\t\r\n\t\t\t\t<\/form>\r\n\t\t\t`\r\n\t\t<\/script>\r\n\r\n\t\t<\/div> <\/div> <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Recupera tu calma y equilibrio interior Un espacio seguro para reconectar contigo mismo, sanar y crecer. A trav\u00e9s de terapias hol\u00edsticas y talleres transformadores, te acompa\u00f1amos en tu camino hacia el bienestar emocional y el autoconocimiento. Reserva tu sesi\u00f3n C\u00f3mo funciona \u00bfTe sientes as\u00ed? Si reconoces alguna de estas se\u00f1ales, es momento de cuidarte \ud83e\udde0 [&hellip;]<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2103","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/halo.cat\/cat\/wp-json\/wp\/v2\/pages\/2103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/halo.cat\/cat\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/halo.cat\/cat\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/halo.cat\/cat\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/halo.cat\/cat\/wp-json\/wp\/v2\/comments?post=2103"}],"version-history":[{"count":120,"href":"https:\/\/halo.cat\/cat\/wp-json\/wp\/v2\/pages\/2103\/revisions"}],"predecessor-version":[{"id":2383,"href":"https:\/\/halo.cat\/cat\/wp-json\/wp\/v2\/pages\/2103\/revisions\/2383"}],"wp:attachment":[{"href":"https:\/\/halo.cat\/cat\/wp-json\/wp\/v2\/media?parent=2103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}