{"id":128,"date":"2026-03-11T18:10:07","date_gmt":"2026-03-11T17:10:07","guid":{"rendered":"http:\/\/centrevitae.com\/?page_id=128"},"modified":"2026-06-09T19:31:09","modified_gmt":"2026-06-09T17:31:09","slug":"contacto","status":"publish","type":"page","link":"https:\/\/centrevitae.com\/cat\/contacto\/","title":{"rendered":"Contacte"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"128\" class=\"elementor elementor-128\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e969cc e-flex e-con-boxed e-con e-parent\" data-id=\"6e969cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfffc11 elementor-widget elementor-widget-html\" data-id=\"bfffc11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Dancing+Script:wght@400;500;600&family=Abhaya+Libre:wght@200;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n  :root {\n    --cv-rosy: #BC9989;\n    --cv-rosy-light: #d4b8ab;\n    --cv-rosy-dark: #a07e6e;\n    --cv-charcoal: #373A3C;\n    --cv-plum: #7D4E4E;\n    --cv-gold: #C28E48;\n    --cv-gold-light: #d4a866;\n    --cv-dusty: #EADED9;\n    --cv-dusty-light: #F5F0ED;\n    --cv-cream: #FBF8F6;\n    --cv-white: #FFFFFF;\n    --cv-display: 'Dancing Script', cursive;\n    --cv-body: 'Abhaya Libre', serif;\n  }\n\n  .cv-full-width {\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n  }\n\n  .cv-contact *, .cv-contact *::before, .cv-contact *::after,\n  .cv-contact-hero *, .cv-contact-map *, .cv-contact-transport * {\n    margin: 0; padding: 0; box-sizing: border-box;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     BLOQUE 1 \u2014 HERO\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .cv-contact-hero {\n    padding: 9rem 0 3.5rem;\n    background:\n      radial-gradient(ellipse 70% 50% at 70% 40%, rgba(188,153,137,0.1) 0%, transparent 70%),\n      linear-gradient(175deg, var(--cv-cream) 0%, var(--cv-dusty-light) 50%, var(--cv-dusty) 100%);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .cv-contact-hero::before {\n    content: '';\n    position: absolute;\n    width: 350px; height: 350px;\n    border-radius: 50% 42% 55% 48% \/ 46% 54% 42% 56%;\n    background: var(--cv-plum);\n    opacity: 0.025;\n    top: -80px; right: -60px;\n    pointer-events: none;\n  }\n\n  .cv-contact-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 2rem;\n    position: relative;\n    z-index: 1;\n  }\n\n  .cv-contact-hero-label {\n    font-family: var(--cv-body);\n    font-weight: 400;\n    font-size: 0.8rem;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--cv-rosy);\n    margin-bottom: 0.6rem;\n  }\n\n  .cv-contact-hero-title {\n    font-family: var(--cv-display);\n    font-weight: 400;\n    font-size: clamp(2.2rem, 4vw, 3.2rem);\n    color: var(--cv-charcoal);\n    line-height: 1.2;\n    margin-bottom: 0.8rem;\n  }\n\n  .cv-contact-hero-sub {\n    font-family: var(--cv-body);\n    font-weight: 200;\n    font-size: 1.05rem;\n    line-height: 1.8;\n    color: var(--cv-charcoal);\n    opacity: 0.65;\n    max-width: 520px;\n    margin: 0 auto;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     BLOQUE 2 \u2014 CONTACTO PRINCIPAL\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .cv-contact {\n    padding: 5rem 0;\n    background: var(--cv-white);\n    position: relative;\n  }\n\n  .cv-contact-grid {\n    display: grid;\n    grid-template-columns: 1fr 1.2fr;\n    gap: 4rem;\n    align-items: start;\n  }\n\n  .cv-contact-info-title {\n    font-family: var(--cv-display);\n    font-weight: 400;\n    font-size: 1.8rem;\n    color: var(--cv-charcoal);\n    margin-bottom: 0.5rem;\n  }\n\n  .cv-contact-info-sub {\n    font-family: var(--cv-body);\n    font-weight: 200;\n    font-size: 0.95rem;\n    color: var(--cv-charcoal);\n    opacity: 0.6;\n    margin-bottom: 2rem;\n    line-height: 1.7;\n  }\n\n  .cv-contact-cards {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    margin-bottom: 2.5rem;\n  }\n\n  .cv-contact-card {\n    display: flex;\n    align-items: flex-start;\n    gap: 1rem;\n    padding: 1.2rem 1.3rem;\n    background: var(--cv-cream);\n    border-radius: 14px;\n    border: 1px solid rgba(188,153,137,0.08);\n    text-decoration: none;\n    color: inherit;\n    transition: all 0.3s ease;\n  }\n\n  .cv-contact-card:hover {\n    border-color: var(--cv-rosy-light);\n    box-shadow: 0 6px 24px rgba(188,153,137,0.1);\n    transform: translateY(-2px);\n  }\n\n  .cv-contact-card-icon {\n    width: 42px; height: 42px;\n    min-width: 42px;\n    border-radius: 12px;\n    background: var(--cv-dusty);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s ease;\n  }\n\n  .cv-contact-card:hover .cv-contact-card-icon { background: var(--cv-rosy); }\n\n  .cv-contact-card-icon svg {\n    width: 20px; height: 20px;\n    stroke: var(--cv-plum);\n    fill: none;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: stroke 0.3s ease;\n  }\n\n  .cv-contact-card:hover .cv-contact-card-icon svg { stroke: var(--cv-white); }\n\n  .cv-contact-card-label {\n    font-family: var(--cv-body);\n    font-weight: 500;\n    font-size: 0.85rem;\n    color: var(--cv-charcoal);\n    margin-bottom: 0.2rem;\n  }\n\n  .cv-contact-card-value {\n    font-family: var(--cv-body);\n    font-weight: 200;\n    font-size: 0.92rem;\n    color: var(--cv-charcoal);\n    opacity: 0.7;\n    line-height: 1.5;\n  }\n\n  .cv-contact-actions {\n    display: flex;\n    gap: 0.8rem;\n    flex-wrap: wrap;\n  }\n\n  .cv-contact-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.4rem;\n    font-family: var(--cv-body);\n    font-weight: 500;\n    font-size: 0.88rem;\n    padding: 0.65rem 1.4rem;\n    border-radius: 50px;\n    text-decoration: none;\n    border: 2px solid transparent;\n    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    cursor: pointer;\n  }\n\n  .cv-contact-btn--gold {\n    background: var(--cv-gold) !important;\n    color: var(--cv-white) !important;\n    border-color: var(--cv-gold) !important;\n  }\n\n  .cv-contact-btn--gold:hover {\n    background: var(--cv-gold-light) !important;\n    border-color: var(--cv-gold-light) !important;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(194,142,72,0.3);\n    color: var(--cv-white) !important;\n  }\n\n  .cv-contact-btn--whatsapp {\n    background: #25D366 !important;\n    color: var(--cv-white) !important;\n    border-color: #25D366 !important;\n  }\n\n  .cv-contact-btn--whatsapp:hover {\n    background: #20bd5a !important;\n    border-color: #20bd5a !important;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(37,211,102,0.3);\n    color: var(--cv-white) !important;\n  }\n\n  .cv-contact-btn svg {\n    width: 16px; height: 16px;\n    stroke: currentColor;\n    fill: none;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .cv-contact-btn--whatsapp svg { fill: currentColor; stroke: none; }\n\n  \/* \u2500\u2500 FORMULARIO \u2500\u2500 *\/\n  .cv-contact-form-wrap {\n    background: var(--cv-cream);\n    border-radius: 20px;\n    padding: 2.5rem;\n    border: 1px solid rgba(188,153,137,0.08);\n  }\n\n  .cv-contact-form-title {\n    font-family: var(--cv-display);\n    font-weight: 400;\n    font-size: 1.5rem;\n    color: var(--cv-charcoal);\n    margin-bottom: 0.4rem;\n  }\n\n  .cv-contact-form-sub {\n    font-family: var(--cv-body);\n    font-weight: 200;\n    font-size: 0.88rem;\n    color: var(--cv-charcoal);\n    opacity: 0.55;\n    margin-bottom: 1.8rem;\n  }\n\n  \/* Campos del formulario *\/\n  .cv-form-group {\n    margin-bottom: 1.2rem;\n  }\n\n  .cv-form-label {\n    display: block;\n    font-family: var(--cv-body);\n    font-weight: 500;\n    font-size: 0.82rem;\n    color: var(--cv-charcoal);\n    margin-bottom: 0.4rem;\n    letter-spacing: 0.3px;\n  }\n\n  .cv-form-input,\n  .cv-form-select {\n    width: 100%;\n    font-family: var(--cv-body);\n    font-weight: 200;\n    font-size: 0.95rem;\n    color: var(--cv-charcoal);\n    background: var(--cv-white);\n    border: 1.5px solid rgba(188,153,137,0.2);\n    border-radius: 12px;\n    padding: 0.75rem 1rem;\n    outline: none;\n    transition: all 0.25s ease;\n    -webkit-appearance: none;\n    appearance: none;\n  }\n\n  .cv-form-input::placeholder {\n    color: var(--cv-charcoal);\n    opacity: 0.3;\n    font-weight: 200;\n  }\n\n  .cv-form-input:focus,\n  .cv-form-select:focus {\n    border-color: var(--cv-rosy) !important;\n    box-shadow: 0 0 0 3px rgba(188,153,137,0.1) !important;\n    background: var(--cv-white) !important;\n  }\n\n  .cv-form-select-wrap {\n    position: relative;\n  }\n\n  .cv-form-select-wrap::after {\n    content: '';\n    position: absolute;\n    right: 1rem;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 0;\n    height: 0;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-top: 5px solid var(--cv-rosy);\n    pointer-events: none;\n  }\n\n  .cv-form-select {\n    cursor: pointer;\n    color: var(--cv-charcoal);\n  }\n\n  .cv-form-select option[value=\"\"] { color: rgba(55,58,60,0.35); }\n\n  \/* Bot\u00f3n submit *\/\n  .cv-form-submit {\n    width: 100%;\n    font-family: var(--cv-body);\n    font-weight: 500;\n    font-size: 0.95rem;\n    letter-spacing: 0.5px;\n    color: var(--cv-white) !important;\n    background: var(--cv-gold) !important;\n    border: 2px solid var(--cv-gold) !important;\n    border-radius: 50px;\n    padding: 0.85rem 2rem;\n    cursor: pointer;\n    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    margin-top: 0.5rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n  }\n\n  .cv-form-submit:hover {\n    background: var(--cv-gold-light) !important;\n    border-color: var(--cv-gold-light) !important;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(194,142,72,0.3);\n  }\n\n  .cv-form-submit:disabled {\n    opacity: 0.6 !important;\n    cursor: not-allowed;\n    transform: none !important;\n  }\n\n  .cv-form-submit svg {\n    width: 16px; height: 16px;\n    stroke: var(--cv-white);\n    fill: none;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  \/* Spinner *\/\n  .cv-form-spinner {\n    width: 16px; height: 16px;\n    border: 2px solid rgba(255,255,255,0.3);\n    border-top-color: var(--cv-white);\n    border-radius: 50%;\n    animation: cv-spin 0.7s linear infinite;\n    display: none;\n  }\n\n  @keyframes cv-spin { to { transform: rotate(360deg); } }\n\n  \/* Mensajes de estado *\/\n  .cv-form-status {\n    display: none;\n    margin-top: 1rem;\n    padding: 0.9rem 1.1rem;\n    border-radius: 12px;\n    font-family: var(--cv-body);\n    font-weight: 400;\n    font-size: 0.88rem;\n    line-height: 1.5;\n  }\n\n  .cv-form-status--success {\n    background: rgba(188,153,137,0.1);\n    border: 1px solid rgba(188,153,137,0.25);\n    color: var(--cv-plum);\n  }\n\n  .cv-form-status--error {\n    background: rgba(125,78,78,0.06);\n    border: 1px solid rgba(125,78,78,0.2);\n    color: var(--cv-plum);\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     BLOQUE 3 \u2014 MAPA\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .cv-contact-map { padding: 0; background: var(--cv-white); }\n\n  .cv-contact-map-wrap {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 2rem 5rem;\n  }\n\n  .cv-contact-map-frame {\n    width: 100%;\n    height: 380px;\n    border-radius: 20px;\n    overflow: hidden;\n    border: 1px solid rgba(188,153,137,0.1);\n    box-shadow: 0 8px 30px rgba(0,0,0,0.04);\n  }\n\n  .cv-contact-map-frame iframe {\n    width: 100%; height: 100%;\n    border: 0;\n    filter: grayscale(0.15) brightness(0.97);\n    transition: filter 0.3s ease;\n  }\n\n  .cv-contact-map-frame:hover iframe { filter: grayscale(0) brightness(1); }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     BLOQUE 4 \u2014 C\u00d3MO LLEGAR\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .cv-contact-transport {\n    padding: 4rem 0 5rem;\n    background: var(--cv-dusty-light);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .cv-contact-transport::before {\n    content: '';\n    position: absolute;\n    width: 300px; height: 300px;\n    border-radius: 48% 52% 45% 55% \/ 50% 46% 54% 50%;\n    background: var(--cv-rosy);\n    opacity: 0.03;\n    bottom: -80px; right: -60px;\n    pointer-events: none;\n  }\n\n  .cv-contact-transport-header { text-align: center; margin-bottom: 2.5rem; }\n\n  .cv-contact-transport-title {\n    font-family: var(--cv-display);\n    font-weight: 400;\n    font-size: clamp(1.8rem, 3vw, 2.4rem);\n    color: var(--cv-charcoal);\n    margin-bottom: 0.5rem;\n  }\n\n  .cv-contact-transport-sub {\n    font-family: var(--cv-body);\n    font-weight: 200;\n    font-size: 0.95rem;\n    color: var(--cv-charcoal);\n    opacity: 0.6;\n  }\n\n  .cv-contact-transport-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1.5rem;\n  }\n\n  .cv-contact-transport-card {\n    background: var(--cv-white);\n    border-radius: 16px;\n    padding: 1.8rem 1.5rem;\n    text-align: center;\n    border: 1px solid rgba(188,153,137,0.06);\n    transition: all 0.3s ease;\n  }\n\n  .cv-contact-transport-card:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 28px rgba(188,153,137,0.1);\n    border-color: var(--cv-rosy-light);\n  }\n\n  .cv-contact-transport-icon {\n    width: 50px; height: 50px;\n    border-radius: 14px;\n    background: var(--cv-dusty-light);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 1rem;\n    transition: all 0.3s ease;\n  }\n\n  .cv-contact-transport-card:hover .cv-contact-transport-icon { background: var(--cv-rosy); }\n\n  .cv-contact-transport-icon svg {\n    width: 24px; height: 24px;\n    stroke: var(--cv-plum);\n    fill: none;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: stroke 0.3s ease;\n  }\n\n  .cv-contact-transport-card:hover .cv-contact-transport-icon svg { stroke: var(--cv-white); }\n\n  .cv-contact-transport-card h3 {\n    font-family: var(--cv-body);\n    font-weight: 500;\n    font-size: 0.95rem;\n    color: var(--cv-charcoal);\n    margin-bottom: 0.4rem;\n  }\n\n  .cv-contact-transport-card p {\n    font-family: var(--cv-body);\n    font-size: 0.85rem;\n    font-weight: 200;\n    line-height: 1.6;\n    opacity: 0.6;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     RESPONSIVE\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  @media (max-width: 900px) {\n    .cv-contact-grid { grid-template-columns: 1fr; gap: 2.5rem; }\n    .cv-contact-transport-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }\n  }\n\n  @media (max-width: 640px) {\n    .cv-contact-hero { padding: 7rem 0 2.5rem; }\n    .cv-contact { padding: 3.5rem 0; }\n    .cv-contact-container { padding: 0 1.2rem; }\n    .cv-contact-map-wrap { padding: 0 1.2rem 3.5rem; }\n    .cv-contact-transport { padding: 3rem 0 3.5rem; }\n    .cv-contact-form-wrap { padding: 1.8rem; }\n    .cv-contact-map-frame { height: 280px; border-radius: 16px; }\n    .cv-contact-actions { flex-direction: column; align-items: stretch; }\n    .cv-contact-btn { justify-content: center; }\n  }\n\n  @media (max-width: 400px) {\n    .cv-contact-hero { padding: 6rem 0 2rem; }\n    .cv-contact-container { padding: 0 0.8rem; }\n    .cv-contact-map-wrap { padding: 0 0.8rem 3rem; }\n    .cv-contact-hero-title { font-size: 2rem; }\n    .cv-contact-map-frame { height: 220px; }\n    .cv-contact-form-wrap { padding: 1.3rem; }\n  }\n<\/style>\n\n<!-- BLOQUE 1 \u2014 HERO -->\n<section class=\"cv-contact-hero cv-full-width\">\n  <div class=\"cv-contact-container\">\n    <div class=\"cv-contact-hero-label\">Contacto<\/div>\n    <h1 class=\"cv-contact-hero-title\">Estamos aqu\u00ed para ayudarte<\/h1>\n    <p class=\"cv-contact-hero-sub\">\n      Contacta con nuestro centro de psicoterapia en Sabadell.\n      Estaremos encantados de resolver tus dudas y acompa\u00f1arte\n      desde el primer momento.\n    <\/p>\n  <\/div>\n<\/section>\n\n<!-- BLOQUE 2 \u2014 INFO + FORMULARIO -->\n<section class=\"cv-contact cv-full-width\">\n  <div class=\"cv-contact-container\">\n    <div class=\"cv-contact-grid\">\n\n      <!-- Info -->\n      <div class=\"cv-contact-info\">\n        <h2 class=\"cv-contact-info-title\">Datos de contacto<\/h2>\n        <p class=\"cv-contact-info-sub\">\n          Puedes contactarnos por tel\u00e9fono, WhatsApp, email o visitarnos\n          directamente en nuestro centro en Sabadell.\n        <\/p>\n\n        <div class=\"cv-contact-cards\">\n          <a href=\"https:\/\/maps.google.com\/?q=Carrer+de+les+Valls+28+08201+Sabadell\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cv-contact-card\">\n            <div class=\"cv-contact-card-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n            <\/div>\n            <div>\n              <div class=\"cv-contact-card-label\">Direcci\u00f3n<\/div>\n              <div class=\"cv-contact-card-value\">Carrer de les Valls, 28, 4\u00ba 3\u00aa<br>08201 Sabadell, Barcelona<\/div>\n            <\/div>\n          <\/a>\n\n          <a href=\"tel:+34680457788\" class=\"cv-contact-card\">\n            <div class=\"cv-contact-card-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\n            <\/div>\n            <div>\n              <div class=\"cv-contact-card-label\">Tel\u00e9fono<\/div>\n              <div class=\"cv-contact-card-value\">680 45 77 88<\/div>\n            <\/div>\n          <\/a>\n\n          <a href=\"mailto:info@centrevitae.com\" class=\"cv-contact-card\">\n            <div class=\"cv-contact-card-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n            <\/div>\n            <div>\n              <div class=\"cv-contact-card-label\">Email<\/div>\n              <div class=\"cv-contact-card-value\">info@centrevitae.com<\/div>\n            <\/div>\n          <\/a>\n\n          <div class=\"cv-contact-card\">\n            <div class=\"cv-contact-card-icon\">\n              <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n            <\/div>\n            <div>\n              <div class=\"cv-contact-card-label\">Horario de atenci\u00f3n del Centre Vitae<\/div>\n              <div class=\"cv-contact-card-value\">Lunes a Viernes: 9:00 \u2013 20:00<br><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"cv-contact-actions\">\n          <a href=\"tel:+34680457788\" class=\"cv-contact-btn cv-contact-btn--gold\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\n            Llamar ahora\n          <\/a>\n          <a href=\"https:\/\/wa.me\/34680457788\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cv-contact-btn cv-contact-btn--whatsapp\">\n            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.625.846 5.059 2.284 7.034L.789 23.492l4.634-1.215A11.95 11.95 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.75c-2.115 0-4.09-.645-5.728-1.749l-.41-.244-2.751.721.735-2.682-.268-.427A9.713 9.713 0 012.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75z\"\/><\/svg>\n            WhatsApp\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Formulario -->\n      <div class=\"cv-contact-form-wrap\">\n        <h2 class=\"cv-contact-form-title\">Escr\u00edbenos directamente<\/h2>\n        <p class=\"cv-contact-form-sub\">Rellena el formulario y te responderemos en menos de 24 horas.<\/p>\n\n        <form id=\"cv-contact-form\" novalidate>\n\n          <div class=\"cv-form-group\">\n            <label class=\"cv-form-label\" for=\"cv-nombre\">Nombre<\/label>\n            <input class=\"cv-form-input\" type=\"text\" id=\"cv-nombre\" name=\"nombre\" placeholder=\"Tu nombre completo\" required>\n          <\/div>\n\n          <div class=\"cv-form-group\">\n            <label class=\"cv-form-label\" for=\"cv-email\">Email<\/label>\n            <input class=\"cv-form-input\" type=\"email\" id=\"cv-email\" name=\"email\" placeholder=\"tu@email.com\" required>\n          <\/div>\n\n          <div class=\"cv-form-group\">\n            <label class=\"cv-form-label\" for=\"cv-telefono\">Tel\u00e9fono<\/label>\n            <input class=\"cv-form-input\" type=\"tel\" id=\"cv-telefono\" name=\"telefono\" placeholder=\"600 000 000\">\n          <\/div>\n\n          <div class=\"cv-form-group\">\n            <label class=\"cv-form-label\" for=\"cv-motivo\">\u00bfEn qu\u00e9 podemos ayudarte?<\/label>\n            <div class=\"cv-form-select-wrap\">\n              <select class=\"cv-form-input cv-form-select\" id=\"cv-motivo\" name=\"motivo\" required>\n                <option value=\"\">Selecciona una opci\u00f3n<\/option>\n                <option value=\"terapeuta\">Busco terapeuta<\/option>\n                <option value=\"salas\">Alquiler de salas<\/option>\n              <\/select>\n            <\/div>\n          <\/div>\n\n          <button type=\"submit\" class=\"cv-form-submit\" id=\"cv-submit-btn\">\n            <span id=\"cv-btn-text\">Enviar mensaje<\/span>\n            <div class=\"cv-form-spinner\" id=\"cv-spinner\"><\/div>\n            <svg id=\"cv-btn-icon\" viewBox=\"0 0 24 24\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\n          <\/button>\n\n          <div class=\"cv-form-status cv-form-status--success\" id=\"cv-status-success\">\n            Mensaje enviado correctamente. Te responderemos en menos de 24 horas.\n          <\/div>\n          <div class=\"cv-form-status cv-form-status--error\" id=\"cv-status-error\">\n            Ha ocurrido un error. Por favor, int\u00e9ntalo de nuevo o contacta directamente por tel\u00e9fono.\n          <\/div>\n\n        <\/form>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- BLOQUE 3 \u2014 MAPA -->\n<section class=\"cv-contact-map cv-full-width\">\n  <div class=\"cv-contact-map-wrap\">\n    <div class=\"cv-contact-map-frame\">\n      <iframe\n        src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2987.5!2d2.1087!3d41.5433!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12a495024000c5b3%3A0x21a7d088e3b08068!2sCentre%20Vitae!5e0!3m2!1sca!2ses!4v1700000000000\"\n        allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"\n        title=\"Centre Vitae - Carrer de les Valls 28, Sabadell\">\n      <\/iframe>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- BLOQUE 4 \u2014 C\u00d3MO LLEGAR -->\n<section class=\"cv-contact-transport cv-full-width\">\n  <div class=\"cv-contact-container\">\n    <div class=\"cv-contact-transport-header\">\n      <h2 class=\"cv-contact-transport-title\">C\u00f3mo llegar a Centre Vitae<\/h2>\n      <p class=\"cv-contact-transport-sub\">Estamos en el centro de Sabadell, con f\u00e1cil acceso en transporte p\u00fablico y aparcamiento cercano.<\/p>\n    <\/div>\n    <div class=\"cv-contact-transport-grid\">\n      <div class=\"cv-contact-transport-card\">\n        <div class=\"cv-contact-transport-icon\">\n          <svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"3\" width=\"16\" height=\"16\" rx=\"2\"\/><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"19\"\/><line x1=\"4\" y1=\"11\" x2=\"20\" y2=\"11\"\/><circle cx=\"8\" cy=\"15\" r=\"1\"\/><circle cx=\"16\" cy=\"15\" r=\"1\"\/><path d=\"M8 19l-2 3M16 19l2 3\"\/><\/svg>\n        <\/div>\n        <h3>Tren y FGC<\/h3>\n        <p>Estaciones de Sabadell Centre y Sabadell Rambla a menos de 10 minutos andando.<\/p>\n      <\/div>\n      <div class=\"cv-contact-transport-card\">\n        <div class=\"cv-contact-transport-icon\">\n          <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"16\" rx=\"2\"\/><line x1=\"3\" y1=\"11\" x2=\"21\" y2=\"11\"\/><circle cx=\"7.5\" cy=\"15.5\" r=\"1.5\"\/><circle cx=\"16.5\" cy=\"15.5\" r=\"1.5\"\/><path d=\"M5 19v2M19 19v2\"\/><\/svg>\n        <\/div>\n        <h3>Autob\u00fas<\/h3>\n        <p>Paradas de bus urbano a pocos metros. L\u00edneas que conectan con toda la ciudad.<\/p>\n      <\/div>\n      <div class=\"cv-contact-transport-card\">\n        <div class=\"cv-contact-transport-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M14 16H9m10 0h3v-3.15a1 1 0 00-.84-.99L16 11l-2.7-3.6a1 1 0 00-.8-.4H5.24a1 1 0 00-.94.65L2 12v4h3\"\/><circle cx=\"6.5\" cy=\"16.5\" r=\"2.5\"\/><circle cx=\"16.5\" cy=\"16.5\" r=\"2.5\"\/><\/svg>\n        <\/div>\n        <h3>En coche<\/h3>\n        <p>Aparcamiento p\u00fablico en las inmediaciones. F\u00e1cil acceso desde la C-58 y AP-7.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  const WEBHOOK = 'https:\/\/n8n.desarrollosconia.com\/webhook\/a1f84ae9-6f1a-4e62-998a-52e0ab4ac92f';\n\n  const form      = document.getElementById('cv-contact-form');\n  const btn       = document.getElementById('cv-submit-btn');\n  const btnText   = document.getElementById('cv-btn-text');\n  const spinner   = document.getElementById('cv-spinner');\n  const btnIcon   = document.getElementById('cv-btn-icon');\n  const statusOk  = document.getElementById('cv-status-success');\n  const statusErr = document.getElementById('cv-status-error');\n\n  form.addEventListener('submit', async function(e) {\n    e.preventDefault();\n\n    \/\/ Reset\n    statusOk.style.display  = 'none';\n    statusErr.style.display = 'none';\n\n    \/\/ Validaci\u00f3n b\u00e1sica\n    const nombre = form.nombre.value.trim();\n    const email  = form.email.value.trim();\n    const motivo = form.motivo.value;\n\n    if (!nombre || !email || !motivo) {\n      statusErr.textContent = 'Por favor, completa los campos obligatorios.';\n      statusErr.style.display = 'block';\n      return;\n    }\n\n    \/\/ Loading\n    btn.disabled       = true;\n    btnText.textContent = 'Enviando...';\n    spinner.style.display = 'block';\n    btnIcon.style.display = 'none';\n\n    try {\n      const res = await fetch(WEBHOOK, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application\/json' },\n        body: JSON.stringify({\n          nombre:   nombre,\n          email:    email,\n          telefono: form.telefono.value.trim(),\n          motivo:   motivo\n        })\n      });\n\n      if (res.ok) {\n        statusOk.style.display = 'block';\n        form.reset();\n      } else {\n        throw new Error('Response not ok');\n      }\n    } catch (err) {\n      statusErr.textContent = 'Ha ocurrido un error. Por favor, int\u00e9ntalo de nuevo o contacta directamente por tel\u00e9fono.';\n      statusErr.style.display = 'block';\n    } finally {\n      btn.disabled          = false;\n      btnText.textContent   = 'Enviar mensaje';\n      spinner.style.display = 'none';\n      btnIcon.style.display = 'block';\n    }\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contacto Estamos aqu\u00ed para ayudarte Contacta con nuestro centro de psicoterapia en Sabadell. Estaremos encantados de resolver tus dudas y acompa\u00f1arte desde el primer momento. Datos de contacto Puedes contactarnos por tel\u00e9fono, WhatsApp, email o visitarnos directamente en nuestro centro en Sabadell. Direcci\u00f3n Carrer de les Valls, 28, 4\u00ba 3\u00aa08201 Sabadell, Barcelona Tel\u00e9fono 680 45 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-128","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/centrevitae.com\/cat\/wp-json\/wp\/v2\/pages\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/centrevitae.com\/cat\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/centrevitae.com\/cat\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/centrevitae.com\/cat\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/centrevitae.com\/cat\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":31,"href":"https:\/\/centrevitae.com\/cat\/wp-json\/wp\/v2\/pages\/128\/revisions"}],"predecessor-version":[{"id":1470,"href":"https:\/\/centrevitae.com\/cat\/wp-json\/wp\/v2\/pages\/128\/revisions\/1470"}],"wp:attachment":[{"href":"https:\/\/centrevitae.com\/cat\/wp-json\/wp\/v2\/media?parent=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}