{"id":649,"date":"2026-10-01T12:21:30","date_gmt":"2026-10-01T12:21:30","guid":{"rendered":"https:\/\/teleasistencia.programando.ovh\/landing-2026\/"},"modified":"2026-10-26T15:25:38","modified_gmt":"2026-10-26T15:25:38","slug":"landing-2026","status":"publish","type":"page","link":"https:\/\/teleasistencia.programando.ovh\/ca\/","title":{"rendered":"Teleasistencia"},"content":{"rendered":"<!-- wp:shortcode -->\n<section id=\"hero-block_18b68ba5b748cfe4ccaea3526ac83d64\" class=\"hero section  \">\n    <div class=\"hero__fondo\">\n                    <img decoding=\"async\" class=\"hero__img hero__img--desktop\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/5da16230cb14700e9f146808d35a40b2a7b33839.jpg\" alt=\"\" aria-hidden=\"true\">\n                                    <img decoding=\"async\" class=\"hero__img hero__img--movil\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/5da16230cb14700e9f146808d35a40b2a7b33839.jpg\" alt=\"\" aria-hidden=\"true\">\n        \n        <div class=\"container hero__container\">\n            <div class=\"hero__copy\">\n                                    <p class=\"hero__antetitulo\">SERVEI DE TELEASSIST\u00c8NCIA DOMUSVI<\/p>\n                \n                                    <h1 class=\"hero__titulo\">M\u00e9s seguretat, m\u00e9s autonomia, m\u00e9s tranquil\u00b7litat<\/h1>\n                \n                                    <ul class=\"hero__checks\">\n                                                    <li>Atenci\u00f3 professional les 24 hores, els 365 dies de l\u2019any<\/li>\n                                                    <li>Des de <strong>10 \u20ac <\/strong> al mes (IVA incl\u00f2s)<\/li>\n                                                    <li>Sense perman\u00e8ncia i amb alta gratu\u00efta<\/li>\n                                            <\/ul>\n                \n                <div class=\"hero__bloque-acciones\">\n                <div class=\"hero__acciones\">\n                                            <a class=\"btn btn-primary\" href=\"#plans-section\"\n                           target=\"_self\">Prova-ho des de 10 \u20ac al mes<\/a>\n                                                                <a class=\"btn hero__btn-secundario\" href=\"#plans-section\"\n                           target=\"_self\">Veure tots els plans<\/a>\n                                    <\/div>\n\n                                    <div class=\"hero__valoracion\">\n                                                    <span class=\"hero__valoracion-marca\">Nota satisfacci\u00f3 client<\/span>\n                        \n                                                <span class=\"hero__valoracion-sep\" aria-hidden=\"true\">|<\/span>\n\n                                                <svg class=\"hero__valoracion-estrella\" width=\"23\" height=\"22\" viewBox=\"0 0 23 22\" fill=\"none\" aria-hidden=\"true\">\n                            <path d=\"M15.0727 12.7064C15 12.7673 14.968 12.8641 14.9901 12.9563L16.0338 17.3152C16.0874 17.5391 15.8355 17.7103 15.6471 17.578L4.47342 9.73702C4.2821 9.60276 4.36322 9.30278 4.59613 9.28325L9.22609 8.89501C9.31755 8.88734 9.39745 8.83017 9.43424 8.74609L11.271 4.54786C11.3584 4.34814 11.6417 4.34814 11.7291 4.54786L13.5659 8.74609C13.6026 8.83017 13.6825 8.88734 13.774 8.89501L18.4859 9.29012C18.7084 9.30878 18.7967 9.58755 18.6255 9.73091L15.0727 12.7064Z\" fill=\"#F3DA35\"\/>\n                            <path d=\"M6.45011 17.6813C6.26003 17.792 6.02988 17.621 6.08111 17.4071L7.09294 13.1815C7.13402 13.01 7.33505 12.9338 7.47952 13.035L10.3126 15.0199C10.462 15.1246 10.4526 15.3489 10.295 15.4407L6.45011 17.6813Z\" fill=\"#F3DA35\"\/>\n                        <\/svg>\n\n                                                    <span class=\"hero__valoracion-texto\">9,5\/10 de satisfacci\u00f3<\/span>\n                                            <\/div>\n                                <\/div>\n            <\/div>\n\n                            <div class=\"hero__cta-zona\">\n                    <a class=\"hero__cta hero__cta--escritorio\" href=\"#hablamos\"\n                                                  role=\"button\" aria-expanded=\"false\" aria-controls=\"hablamos\" data-hablamos\n                       >\n                        <span class=\"hero__cta-icono\" aria-hidden=\"true\">\n                                                        <svg width=\"61\" height=\"61\" viewBox=\"0 0 61 61\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M10.1665 30.5C10.1665 25.1073 12.3088 19.9354 16.122 16.1222C19.9352 12.3089 25.1071 10.1667 30.4998 10.1667C35.8926 10.1667 41.0644 12.3089 44.8777 16.1222C48.6909 19.9354 50.8332 25.1073 50.8332 30.5V43.4371C50.8332 45.5924 50.8332 46.665 50.5129 47.5266C50.2583 48.2094 49.8598 48.8294 49.3445 49.3447C48.8293 49.86 48.2092 50.2584 47.5265 50.5131C46.6648 50.8333 45.5897 50.8333 43.4369 50.8333H30.4998C25.1071 50.8333 19.9352 48.6911 16.122 44.8778C12.3088 41.0646 10.1665 35.8927 10.1665 30.5Z\" stroke=\"white\" stroke-width=\"1.71831\"\/>\n                                <path d=\"M22.875 27.9583H38.125M30.5 38.125H38.125\" stroke=\"white\" stroke-width=\"1.71831\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/svg>\n                        <\/span>\n                        <span class=\"hero__cta-textos\">\n                            <strong>Parlem?<\/strong>\n                                                            <span class=\"hero__cta-linea\">\n                                    <span class=\"hero__cta-texto\"> Et truquem gratu\u00eftament<\/span>\n                                                                        <svg class=\"hero__cta-flecha\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" aria-hidden=\"true\">\n                                        <path d=\"M14.4195 3.60074L14.4376 13.8915L13.3993 13.8934L13.3845 5.37005L3.98817 14.7664L3.25387 14.0321L12.6502 4.63575L4.12681 4.62093L4.12872 3.58258L14.4195 3.60074Z\" fill=\"white\"\/>\n                                    <\/svg>\n                                <\/span>\n                                                    <\/span>\n                    <\/a>\n                                        <a class=\"hero__cta hero__cta--movil\" href=\"tel:900104424\">\n                        <span class=\"hero__cta-icono\" aria-hidden=\"true\">\n                                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n                                <path d=\"M13.9718 10.4817V12.5893C13.9726 12.7849 13.9325 12.9786 13.8542 13.1578C13.7758 13.3371 13.6608 13.498 13.5167 13.6303C13.3725 13.7626 13.2023 13.8633 13.0169 13.9259C12.8316 13.9886 12.6352 14.0119 12.4403 13.9943C10.2786 13.7594 8.20202 13.0207 6.37757 11.8376C4.68016 10.7589 3.24105 9.31984 2.16244 7.62243C0.975167 5.78969 0.2363 3.70306 0.00570216 1.53156C-0.0118535 1.33729 0.0112345 1.1415 0.0734958 0.956639C0.135757 0.77178 0.235828 0.601911 0.367336 0.457846C0.498845 0.313781 0.65891 0.198678 0.837341 0.119863C1.01577 0.0410494 1.20866 0.000251806 1.40372 6.81111e-05H3.51128C3.85222 -0.00328744 4.18275 0.117444 4.44126 0.33976C4.69976 0.562076 4.86861 0.870806 4.91633 1.20841C5.00528 1.88287 5.17025 2.54511 5.40809 3.18249C5.50261 3.43394 5.52307 3.70721 5.46704 3.96993C5.41101 4.23265 5.28084 4.4738 5.09196 4.66481L4.19976 5.55701C5.19983 7.31581 6.65609 8.77206 8.41489 9.77214L9.30709 8.87994C9.4981 8.69106 9.73925 8.56089 10.002 8.50486C10.2647 8.44883 10.538 8.46929 10.7894 8.56381C11.4268 8.80164 12.089 8.96662 12.7635 9.05557C13.1048 9.10371 13.4164 9.2756 13.6392 9.53855C13.862 9.8015 13.9804 10.1372 13.9718 10.4817Z\" fill=\"currentColor\"\/>\n                            <\/svg>\n                        <\/span>\n                        <span class=\"hero__cta-textos\">\n                            <strong>Truca\u2019ns gratis: 900 10 44 24<\/strong>\n                        <\/span>\n                    <\/a>\n\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n<style type=\"text\/css\">\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 {\n        position: relative;\n    }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__fondo {\n        position: relative;\n        height: 676px;\n        border-bottom-left-radius: 40px;\n        border-bottom-right-radius: 40px;\n        overflow: hidden;\n        display: flex;\n        \/* El diseno pone el contenido a 174px del borde superior, no centrado. *\/\n        align-items: flex-start;\n        padding-top: 174px;\n    }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__img {\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        z-index: 0;\n    }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__img--movil { display: none; }\n\n    \/* Velo para que el texto blanco se lea sobre la foto. *\/\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__fondo:after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        \/* Figma: lineal horizontal del 1,6% al 61,3% del ancho, negro hasta el 66% del\n           tramo y transparente en el 95%, todo al 50% de opacidad. *\/\n        background: linear-gradient(90deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.5) 41%, rgba(0,0,0,0) 58.3%);\n        z-index: 1;\n    }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__container {\n        position: relative;\n        z-index: 2;\n        display: flex;\n        align-items: flex-end;\n        justify-content: space-between;\n        gap: 40px;\n        padding-bottom: 40px;\n    }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__copy {\n        width: 644px;\n        max-width: 100%;\n        color: #fff;\n    }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__antetitulo {\n        font-size: 14px;\n        font-weight: 600;\n        line-height: 1.2 !important;\n        letter-spacing: .02em;\n        text-transform: uppercase;\n        margin-bottom: 8px;\n    }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__titulo {\n        font-size: 52px;\n        font-weight: 600;\n        line-height: 1.1 !important;\n        letter-spacing: -1.75px;\n        color: #fff;\n        margin-bottom: 35px;\n    }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__checks {\n        list-style: none;\n        padding: 0;\n        margin: 0 0 40px;\n    }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__checks li {\n        position: relative;\n        \/* Fila de 24 con el texto a 16\/19,2 centrado: (24 - 19,2) \/ 2 = 2,4. *\/\n        padding: 2.4px 0 2.4px 32px;\n        margin-bottom: 8px;\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 19.2px !important;\n    }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__checks li:last-child { margin-bottom: 0; }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__checks li strong { font-weight: 700; }\n\n    \/* Check decorativo: va en CSS para no meter un <img> sin funci\u00f3n. *\/\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__checks li:before {\n        content: \"\";\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 24px;\n        height: 24px;\n        \/* SVG exportado del Figma tal cual (nodo 2209:880): circulo de 24 en\n           blanco al 20% y el tick de 9,33 x 6,42 con trazo de 2. *\/\n        background: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Crect width='24' height='24' rx='12' fill='white' fill-opacity='0.2'\/%3E%3Cpath d='M16.6661 8.5L10.2501 14.9162L7.33374 11.9997' stroke='white' stroke-width='2' stroke-linecap='round'\/%3E%3C\/svg%3E\") no-repeat center \/ 24px 24px;\n    }\n\n    \/* El bloque de botones y la valoracion miden 445 en el diseno, no los 644\n       de la columna. Y el boton es una pildora de 56 de alto con radio 39. *\/\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__bloque-acciones {\n        width: fit-content;\n        max-width: 100%;\n    }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__acciones {\n        display: flex;\n        flex-wrap: nowrap;\n        gap: 16px;\n        margin-bottom: 36px;\n    }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__acciones .btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        height: 56px;\n        padding: 16px;\n        border-radius: 39px !important;\n        font-size: 18.5px;\n        font-weight: 600;\n        line-height: 24.05px !important;\n        letter-spacing: -0.5px;\n    }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__btn-secundario {\n        background: transparent !important;\n        color: #fff !important;\n        border: 1px solid #fff !important;\n    }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__btn-secundario:hover {\n        background: #fff !important;\n        color: var(--VerdeOscuro) !important;\n    }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__valoracion {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 100%;\n        gap: 12px;\n        padding: 8px 24px;\n        border-radius: 8px;\n        background: rgba(255, 255, 255, .2);\n        -webkit-backdrop-filter: blur(32px);\n        backdrop-filter: blur(32px);\n        font-size: 14px;\n        font-weight: 700;\n        line-height: 19.12px !important;\n    }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__valoracion-logo { height: 18px; width: auto; }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__valoracion-marca { font-weight: 700; }\n\n    \/* El \"|\" del diseno. *\/\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__valoracion-sep {\n        \/* En el Figma el separador es el caracter \"|\" en el mismo estilo del texto. *\/\n        font-weight: 700;\n    }\n\n    \/* Color tomado del diseno; conviene confirmarlo cuando se pueda exportar el icono. *\/\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__valoracion-estrella {\n        width: 23px;\n        height: 22px;\n        flex-shrink: 0;\n        \/* La estrella y la nota van juntas a 4px; el hueco general es de 12. *\/\n        margin-right: -8px;\n    }\n\n    \/* Aviso \"\u00bfHablamos?\" *\/\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta {\n        display: flex;\n        align-items: center;\n        \/* Fila de 294 con icono de 61 y columna de texto de 215: sobran 18. *\/\n        justify-content: space-between;\n        width: 342px;\n        max-width: 100%;\n        \/* En Figma el trazo va por dentro: 16\/24\/16\/24 incluye el borde 1\/1\/2\/1\n           (el relleno inferior pas\u00f3 de 12 a 16 el 13\/10\/2026, comentario de Bel\u00e9n). *\/\n        padding: 15px 23px 14px;\n        border-radius: 16px;\n        border: 1px solid var(--VerdeClaro);\n        border-bottom-width: 2px;\n        box-shadow: 0 4px 8px rgba(0, 0, 0, .15);\n        background: var(--VerdeOscuro);\n        color: #fff;\n        text-decoration: none;\n        flex-shrink: 0;\n        \/* Comentario de Bel\u00e9n Oliva en el Figma (09\/10\/2026): en escritorio el aviso\n           funciona como en m\u00f3vil, fijo abajo y acompa\u00f1ando al desplazamiento. Va a la\n           derecha, alineado con el borde del contenido (67 a 1440) y a 40 del fondo,\n           como el panel #hablamos y la cabecera. *\/\n        position: fixed;\n        right: 67px;\n        bottom: 40px;\n        z-index: 1100;\n        transition: background .3s ease, opacity .25s ease, transform .3s ease;\n    }\n\n    \/* Se aparta mientras el banner del CTA est\u00e1 a la vista (comentario #64) y\n       mientras el panel #hablamos est\u00e1 abierto; lo controla cabecera-2026.js. *\/\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta.is-oculto,\n    body.hablamos-abierto #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta {\n        opacity: 0;\n        transform: translateY(24px);\n        pointer-events: none;\n    }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta:hover { background: var(--VerdeHoja); }\n\n    \/* Dos flotantes: el de escritorio abre el formulario y el de m\u00f3vil llama\n       (correo de I\u00f1igo, 26\/10). display:none saca al otro del \u00e1rbol de accesibilidad. *\/\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta--movil { display: none; }\n\n    \/* Caja de 62 con el bocadillo de 44 centrado: asi el texto arranca a 103px\n       del borde, como en el diseno (25 + 62 + 16). *\/\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta-icono {\n        display: block;\n        width: 61px;\n        height: 61px;\n        flex-shrink: 0;\n    }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta-icono svg {\n        display: block;\n        width: 61px;\n        height: 61px;\n    }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta-textos {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        gap: 8px;\n        width: 215px;\n        \/* El Figma usa Geist en este componente, no Manrope. *\/\n        font-family: 'Geist', 'Manrope', sans-serif;\n    }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta-textos strong {\n        font-size: 16px;\n        font-weight: 700;\n        line-height: 17.6px !important;\n        \/* Caja de 16,5 en el Figma (nodo 2178:214). *\/\n        height: 16.5px;\n    }\n\n    \/* El texto parte en dos lineas (\"Te llamamos de \/ forma gratuita\") y la\n       flecha va a su derecha, centrada. Medido sobre el diseno: la primera\n       linea ocupa 120px, que es Manrope a 16, y la caja de texto mide 145. *\/\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta-linea {\n        display: flex;\n        align-items: center;\n        gap: 24px;\n        padding: 4px 0;\n    }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta-texto {\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 17.6px !important;\n        letter-spacing: 0.3px;\n        \/* Caja de 125 x 29 en el Figma (nodo 2178:217): las dos lineas ocupan\n           35,2 y desbordan la caja por abajo; el layout cuenta con los 29. *\/\n        width: 125px;\n        height: 29px;\n    }\n\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta-flecha {\n        flex-shrink: 0;\n    }\n\n    \/* Panel del formulario: se despliega encima del bot\u00f3n. *\/\n    \/* En el Figma el aviso tiene posicion absoluta en hero-body: pegado a la\n       derecha y a 59px del fondo (los 40 de relleno del cuerpo mas 19). *\/\n    \/* La zona queda vac\u00eda en el flujo (el aviso va fijo), pero se mantiene por\n       si se vuelve al aviso dentro del hero: 19 + los 40 del cuerpo en el Figma. *\/\n    #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta-zona { position: static; flex-shrink: 0; margin-bottom: 0; }\n\n    @media (max-width: 1199px) {\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta { right: 24px; bottom: 24px; }\n    }\n\n    @media (max-width: 992px) {\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__copy { width: 100%; }\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__container { flex-direction: column; align-items: flex-start; }\n    }\n\n    \/* M\u00f3vil: artboard mb-teleasistencia (375), hero 2137:165. Relleno 136\/16\/32\/16,\n       hueco 32 entre bloques, radio 0 0 24 24. *\/\n    @media (max-width: 768px) {\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__fondo {\n            height: auto;\n            min-height: 0;\n            padding: 136px 0 32px;\n            align-items: flex-start;\n            border-bottom-left-radius: 24px;\n            border-bottom-right-radius: 24px;\n        }\n\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__img--desktop { display: none; }\n\n        \/* Recorte del Figma (imageTransform): se ve el 34,3% del ancho de la foto a\n           partir del 51,3%, o sea object-position al 78,1%. *\/\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__img--movil { display: block; }\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__img--movil-propia { object-position: 78.1% 50%; }\n        \/* En el artboard la foto sale volteada (la hija a la izquierda, la madre a\n           la derecha); el original de la API no lo est\u00e1. *\/\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__img--movil-propia { transform: scaleX(-1); }\n\n        \/* Velo: negro al 20% mas un degradado vertical al 60% (asas del -38,4% al\n           100% del alto, transparente en el 25% y negro en el 76,6% de ese tramo). *\/\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__fondo:after {\n            background: linear-gradient(180deg, rgba(0,0,0,0) -3.8%, rgba(0,0,0,.6) 67.6%), rgba(0,0,0,.2);\n        }\n\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__container { padding-bottom: 0; }\n\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__antetitulo {\n            font-size: 12px;\n            line-height: 14.4px !important;\n            letter-spacing: .24px;\n            margin-bottom: 8px;\n        }\n\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__titulo {\n            font-size: 28px;\n            line-height: 30.8px !important;\n            letter-spacing: -1.75px;\n            margin-bottom: 32px;\n        }\n\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__checks { margin-bottom: 32px; }\n\n        \/* Filas de 24 con el texto arriba (eje cruzado MIN), hueco 12, icono a 10. *\/\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__checks li {\n            min-height: 24px;\n            padding: 0 0 0 34px;\n            margin-bottom: 12px;\n            font-size: 14px;\n            line-height: 16.8px !important;\n        }\n\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__bloque-acciones { width: 100%; }\n\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__acciones {\n            flex-direction: column;\n            align-items: stretch;\n            gap: 16px;\n            margin-bottom: 32px;\n        }\n\n        \/* Botones de 343 x 51: relleno 16, texto 16\/19,2. *\/\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__acciones .btn {\n            width: 100%;\n            height: 51px;\n            padding: 16px;\n            font-size: 16px;\n            line-height: 19.2px !important;\n            letter-spacing: -0.5px;\n        }\n\n        \/* En m\u00f3vil el aviso es el componente sticky-boton-mb (2139:4927): 272 x 53\n           fijo abajo y centrado, relleno 8\/16 (borde 1\/1\/2\/1 por dentro), radio 16,\n           icono de 37, \"\u00bfHablamos?\" y la flecha en fila con huecos de 16. *\/\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta-zona { position: static; margin-bottom: 0; }\n\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta {\n            position: fixed;\n            left: 50%;\n            right: auto;\n            bottom: 11px;\n            transform: translateX(-50%);\n            z-index: 1100;\n            width: 272px;\n            justify-content: center;\n            gap: 16px;\n            padding: 7px 15px 6px;\n            border-radius: 16px;\n            box-shadow: 0 4px 8px rgba(0,0,0,.15);\n        }\n\n        \/* Caja de 37 con el bocadillo de 24,67: misma proporci\u00f3n que el de 61\/44. *\/\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta-icono { width: 37px; height: 37px; display: grid; place-items: center; }\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta-icono svg { width: 34.2px; height: 34.2px; }\n\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta-textos {\n            flex-direction: row;\n            align-items: center;\n            gap: 16px;\n            width: auto;\n        }\n\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta-textos strong { font-weight: 600; letter-spacing: .3px; }\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta-linea { gap: 0; padding: 0; }\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta-texto { display: none; }\n\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta--escritorio { display: none; }\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta--movil {\n            display: flex;\n            width: auto;\n            max-width: calc(100% - 32px);\n            white-space: nowrap;\n            gap: 12px;\n            padding: 11px 23px 10px 19px;\n        }\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta--movil .hero__cta-icono { width: 24px; height: 24px; }\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta--movil .hero__cta-icono svg { width: 24px; height: 24px; }\n\n        \/* El aviso fijo se aparta (comentario #64 del Figma) mientras el banner del\n           CTA est\u00e1 a la vista y mientras el panel #hablamos est\u00e1 abierto. *\/\n        #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta.is-oculto,\n        body.hablamos-abierto #hero-block_18b68ba5b748cfe4ccaea3526ac83d64 .hero__cta {\n            opacity: 0;\n            transform: translate(-50%, 24px);\n            pointer-events: none;\n        }\n    }\n<\/style>\n\n<!-- \/wp:shortcode -->\n\n\n<!-- wp:shortcode -->\n<div class=\"bloque-ancla\" id=\"intro-content\" tabindex=\"-1\">\n<section id=\"intro-content-block_a22f12e2a90c556038fa00ef865f6536\" class=\"intro-content section  \">\n    <div class=\"container\">\n        <div class=\"intro-content__fila\">\n            <div class=\"intro-content__texto\">\n                                    <p class=\"intro-content__antetitulo\">Qu\u00e8 \u00e9s la teleassist\u00e8ncia?<\/p>\n                \n                                    <h2 class=\"intro-content__titulo\">Teleassist\u00e8ncia DomusVi: tranquil\u00b7litat a casa i fora de casa<\/h2>\n                \n                                    <div class=\"intro-content__cuerpo\"><p>La teleassist\u00e8ncia de DomusVi et permet comptar amb una persona del nostre equip les 24 hores, nom\u00e9s prement un bot\u00f3. T\u2019atenem en cas de caiguda, d\u2019imprevist o quan necessitis ajuda, i avisem les persones que ens indiquis.<\/p>\n<\/div>\n                            <\/div>\n\n                            <div class=\"intro-content__media\">\n                                        <img decoding=\"async\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/intro-image.jpg\" alt=\"\"\n                         aria-hidden=\"true\">\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n<\/div>\n\n<style type=\"text\/css\">\n    #intro-content-block_a22f12e2a90c556038fa00ef865f6536 {\n        padding: 80px 0;\n    }\n\n    \/* El diseno reparte 531 de texto + 245 de hueco + 530 de foto sobre 1306.\n       Se expresa en porcentaje para que aguante el ancho real del contenedor. *\/\n    #intro-content-block_a22f12e2a90c556038fa00ef865f6536 .intro-content__fila {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    #intro-content-block_a22f12e2a90c556038fa00ef865f6536 .intro-content__texto { width: 40.66%; flex: none; }\n\n    #intro-content-block_a22f12e2a90c556038fa00ef865f6536 .intro-content__antetitulo {\n        color: var(--VerdeOscuro);\n        font-size: 14px;\n        font-weight: 700;\n        line-height: 1.1 !important;\n        margin-bottom: 24px;\n    }\n\n    #intro-content-block_a22f12e2a90c556038fa00ef865f6536 .intro-content__titulo {\n        font-size: 32px;\n        font-weight: 700;\n        line-height: 1.1 !important;\n        letter-spacing: -0.65px;\n        color: var(--Negro);\n        margin-bottom: 24px;\n    }\n\n    #intro-content-block_a22f12e2a90c556038fa00ef865f6536 .intro-content__cuerpo {\n        font-size: 18px;\n        font-weight: 500;\n        letter-spacing: -0.25px;\n        color: var(--Negro);\n    }\n\n    #intro-content-block_a22f12e2a90c556038fa00ef865f6536 .intro-content__cuerpo p { line-height: 1.5 !important; margin-bottom: 16px; }\n    #intro-content-block_a22f12e2a90c556038fa00ef865f6536 .intro-content__cuerpo p:last-child { margin-bottom: 0; }\n\n    #intro-content-block_a22f12e2a90c556038fa00ef865f6536 .intro-content__media {\n        width: 40.58%;\n        flex: none;\n    }\n\n    #intro-content-block_a22f12e2a90c556038fa00ef865f6536 .intro-content__media img {\n        width: 100%;\n        aspect-ratio: 530 \/ 365;\n        object-fit: cover;\n        border-radius: 24px;\n        display: block;\n    }\n\n    @media (min-width: 769px) and (max-width: 992px) {\n        #intro-content-block_a22f12e2a90c556038fa00ef865f6536 { padding: 64px 0; }\n        #intro-content-block_a22f12e2a90c556038fa00ef865f6536 .intro-content__fila { flex-direction: column; gap: 32px; }\n        #intro-content-block_a22f12e2a90c556038fa00ef865f6536 .intro-content__texto { width: 100%; }\n        #intro-content-block_a22f12e2a90c556038fa00ef865f6536 .intro-content__media { width: 100%; }\n        #intro-content-block_a22f12e2a90c556038fa00ef865f6536 .intro-content__titulo { font-size: 28px; }\n        #intro-content-block_a22f12e2a90c556038fa00ef865f6536 .intro-content__cuerpo { font-size: 16px; }\n    }\n\n    \/* M\u00f3vil (Figma 2137:203): relleno 56\/16\/40, texto y debajo la foto (343 x 220,\n       radio 16) a 32. Antet\u00edtulo 14\/15,4, t\u00edtulo 28\/30,8 y cuerpo 16\/24 a 16. *\/\n    @media (max-width: 768px) {\n        #intro-content-block_a22f12e2a90c556038fa00ef865f6536 { padding: 56px 0 40px; }\n        #intro-content-block_a22f12e2a90c556038fa00ef865f6536 .intro-content__fila { flex-direction: column; gap: 32px; }\n        #intro-content-block_a22f12e2a90c556038fa00ef865f6536 .intro-content__texto { width: 100%; }\n        #intro-content-block_a22f12e2a90c556038fa00ef865f6536 .intro-content__media { width: 100%; order: 1; }\n        #intro-content-block_a22f12e2a90c556038fa00ef865f6536 .intro-content__media img { aspect-ratio: 343 \/ 220; border-radius: 16px; }\n        #intro-content-block_a22f12e2a90c556038fa00ef865f6536 .intro-content__antetitulo { font-size: 14px; line-height: 15.4px !important; margin: 0 0 16px; }\n        #intro-content-block_a22f12e2a90c556038fa00ef865f6536 .intro-content__titulo { font-size: 28px; line-height: 30.8px !important; letter-spacing: -0.65px; margin: 0 0 16px; }\n        #intro-content-block_a22f12e2a90c556038fa00ef865f6536 .intro-content__cuerpo { font-size: 16px; line-height: 24px !important; letter-spacing: -0.25px; }\n        #intro-content-block_a22f12e2a90c556038fa00ef865f6536 .intro-content__cuerpo p { line-height: 24px !important; margin: 0; }\n    }\n<\/style>\n<!-- \/wp:shortcode -->\n\n\n<!-- wp:shortcode -->\n<div class=\"bloque-ancla\" id=\"intro-characteristics\" tabindex=\"-1\">\n<section id=\"intro-characteristics-block_33256f1330ee1bcad8e068d1fb8fda0b\" class=\"intro-characteristics section  \">\n    <div class=\"container\">\n                    <h2 class=\"intro-characteristics__titulo\">All\u00f2 que caracteritza la nostra assist\u00e8ncia<\/h2>\n        \n                    <ul class=\"intro-characteristics__lista\" data-carrusel>\n                                    <li class=\"intro-characteristics__item\">\n                                                                                <img decoding=\"async\" class=\"intro-characteristics__icono\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/landing26-ico-reloj.svg\" alt=\"\" aria-hidden=\"true\">\n                                                                            <h3 class=\"intro-characteristics__item-titulo\">Atenci\u00f3 24\/7<\/h3>\n                                                                            <p class=\"intro-characteristics__item-texto\">Professionals disponibles cada dia de l\u2019any<\/p>\n                                            <\/li>\n                                    <li class=\"intro-characteristics__item\">\n                                                                                <img decoding=\"async\" class=\"intro-characteristics__icono\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/landing26-ico-ubicacion.svg\" alt=\"\" aria-hidden=\"true\">\n                                                                            <h3 class=\"intro-characteristics__item-titulo\">Assist\u00e8ncia a tot l\u2019Estat<\/h3>\n                                                                            <p class=\"intro-characteristics__item-texto\">Cobertura a tot Espanya<\/p>\n                                            <\/li>\n                                    <li class=\"intro-characteristics__item\">\n                                                                                <img decoding=\"async\" class=\"intro-characteristics__icono\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/landing26-ico-candado.svg\" alt=\"\" aria-hidden=\"true\">\n                                                                            <h3 class=\"intro-characteristics__item-titulo\">Sense perman\u00e8ncia<\/h3>\n                                                                            <p class=\"intro-characteristics__item-texto\">Dona\u2019t de baixa quan vulguis, sense penalitzacions<\/p>\n                                            <\/li>\n                                    <li class=\"intro-characteristics__item\">\n                                                                                <img decoding=\"async\" class=\"intro-characteristics__icono\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/landing26-ico-wrench.svg\" alt=\"\" aria-hidden=\"true\">\n                                                                            <h3 class=\"intro-characteristics__item-titulo\">Instal\u00b7laci\u00f3 i manteniment gratu\u00efts<\/h3>\n                                                                            <p class=\"intro-characteristics__item-texto\">Equips f\u00e0cils d\u2019instal\u00b7lar i manteniment sense cost<\/p>\n                                            <\/li>\n                            <\/ul>\n            <\/div>\n<\/section>\n<\/div>\n\n<style type=\"text\/css\">\n    \/* Todos los valores salen de la API del Figma (nodo 2067:2439). *\/\n    #intro-characteristics-block_33256f1330ee1bcad8e068d1fb8fda0b {\n        background: #fff;\n        padding: 40px 0 80px;\n    }\n\n    #intro-characteristics-block_33256f1330ee1bcad8e068d1fb8fda0b .intro-characteristics__titulo {\n        font-size: 32px;\n        font-weight: 700;\n        line-height: 35.2px !important;\n        letter-spacing: -0.65px;\n        text-align: center;\n        color: var(--GrisOscuro);\n        margin: 0 0 40px;\n    }\n\n    \/* characteristics-row: 1086 fijo, cuatro cajas de 235 con space-between y\n       una l\u00ednea de 1px #959595 (128 de alto) centrada en cada hueco. *\/\n    #intro-characteristics-block_33256f1330ee1bcad8e068d1fb8fda0b .intro-characteristics__lista {\n        list-style: none;\n        max-width: 1086px;\n        margin: 0 auto;\n        padding: 0;\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n    }\n\n    #intro-characteristics-block_33256f1330ee1bcad8e068d1fb8fda0b .intro-characteristics__item {\n        position: relative;\n        width: 235px;\n        flex: none;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 16px;\n        text-align: center;\n    }\n\n    \/* (1086 - 4 x 235) \/ 3 = 48,67 de hueco; la l\u00ednea va en su centro. *\/\n    #intro-characteristics-block_33256f1330ee1bcad8e068d1fb8fda0b .intro-characteristics__item + .intro-characteristics__item::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: -24.83px;\n        height: 128px;\n        border-left: 1px solid #959595;\n    }\n\n    #intro-characteristics-block_33256f1330ee1bcad8e068d1fb8fda0b .intro-characteristics__icono {\n        height: 32px;\n        width: auto;\n        display: block;\n    }\n\n    #intro-characteristics-block_33256f1330ee1bcad8e068d1fb8fda0b .intro-characteristics__item-titulo {\n        font-size: 24px;\n        font-weight: 700;\n        line-height: 26.4px !important;\n        letter-spacing: -0.2px;\n        color: var(--GrisOscuro);\n        margin: 0;\n    }\n\n    #intro-characteristics-block_33256f1330ee1bcad8e068d1fb8fda0b .intro-characteristics__item-texto {\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 22.4px !important;\n        color: var(--GrisOscuro);\n        margin: 0;\n    }\n\n    @media (max-width: 1199px) {\n        #intro-characteristics-block_33256f1330ee1bcad8e068d1fb8fda0b .intro-characteristics__lista { flex-wrap: wrap; justify-content: center; gap: 40px 48px; }\n        #intro-characteristics-block_33256f1330ee1bcad8e068d1fb8fda0b .intro-characteristics__item + .intro-characteristics__item::before { display: none; }\n    }\n\n    \/* M\u00f3vil (Figma 2137:209): relleno 40\/16\/56, 32 entre bloques, y las cuatro\n       caracter\u00edsticas en una tira de tarjetas de 343 (una a la vista) con la\n       barra \"1 de 4\" debajo. Tarjeta: relleno 16, borde 1 #212121, radio 16,\n       icono de 32, t\u00edtulo 20\/22 y texto 14\/18,2 centrados, hueco 12. *\/\n    @media (max-width: 768px) {\n        #intro-characteristics-block_33256f1330ee1bcad8e068d1fb8fda0b { padding: 40px 0 56px; }\n\n        #intro-characteristics-block_33256f1330ee1bcad8e068d1fb8fda0b .intro-characteristics__titulo {\n            font-size: 28px;\n            line-height: 30.8px !important;\n            letter-spacing: -0.65px;\n            text-align: left;\n            margin: 0 0 32px;\n        }\n\n        #intro-characteristics-block_33256f1330ee1bcad8e068d1fb8fda0b .intro-characteristics__lista {\n            flex-wrap: nowrap;\n            justify-content: flex-start;\n            gap: 16px;\n            width: auto;\n            max-width: none;\n            margin: 0 -16px 0 0;\n            \/* El relleno derecho de la tira (regla gen\u00e9rica de [data-carrusel]) lo\n               pisaba el reset de la lista; sin \u00e9l las tarjetas salen 16px anchas. *\/\n            padding: 0 16px 0 0;\n        }\n\n        #intro-characteristics-block_33256f1330ee1bcad8e068d1fb8fda0b .intro-characteristics__item {\n            \/* 343 en el artboard de 375 = todo el ancho de contenido. *\/\n            flex: 0 0 100%;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 12px;\n            padding: 15px;\n            border: 1px solid #212121;\n            border-radius: 16px;\n            text-align: center;\n        }\n\n        #intro-characteristics-block_33256f1330ee1bcad8e068d1fb8fda0b .intro-characteristics__item::before { display: none; }\n        #intro-characteristics-block_33256f1330ee1bcad8e068d1fb8fda0b .intro-characteristics__icono { width: 32px; height: 32px; margin: 0; }\n        #intro-characteristics-block_33256f1330ee1bcad8e068d1fb8fda0b .intro-characteristics__item-titulo { font-size: 20px; line-height: 22px !important; letter-spacing: -0.25px; margin: 0; }\n        #intro-characteristics-block_33256f1330ee1bcad8e068d1fb8fda0b .intro-characteristics__item-texto { font-size: 14px; line-height: 18.2px !important; margin: 0; }\n\n        #intro-characteristics-block_33256f1330ee1bcad8e068d1fb8fda0b .carrusel-nav { margin-top: 32px; }\n    }\n<\/style>\n<!-- \/wp:shortcode -->\n\n\n<!-- wp:shortcode -->\n<div class=\"bloque-ancla\" id=\"plans-section\" tabindex=\"-1\">\n<section id=\"plans-section-block_3a71fd07193b6fd87d9167dcb8698750\" class=\"plans-section section  \">\n    <div class=\"container\">\n\n                    <div class=\"plans-section__cabecera\">\n                                    <h2 class=\"plans-section__titulo\">Quina teleassist\u00e8ncia necessites?<\/h2>\n                                                    <p class=\"plans-section__subtitulo\">Tria la modalitat que millor s\u2019adapta a tu o al teu familiar<\/p>\n                            <\/div>\n        \n                    <div class=\"plans-section__prueba\">\n                                                        <span class=\"plans-section__avatares\">\n                                                                                    <img decoding=\"async\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/landing26-cara-1.jpg\" alt=\"\" aria-hidden=\"true\">\n                                                                                                                <img decoding=\"async\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/landing26-cara-2.jpg\" alt=\"\" aria-hidden=\"true\">\n                                                                                                                <img decoding=\"async\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/landing26-cara-3.jpg\" alt=\"\" aria-hidden=\"true\">\n                                                                        <\/span>\n                                                    <p class=\"plans-section__prueba-texto\">\n                        <strong>64.237<\/strong>                         persones confien en nosaltres                    <\/p>\n                            <\/div>\n        \n                    <ul class=\"plans-section__grid\" data-carrusel>\n                                                        <li class=\"plans-section__plan plans-section__plan--destacado\">\n\n                                                    <p class=\"plans-section__etiqueta\">Recomanada<\/p>\n                        \n                        <div class=\"plans-section__cuerpo\">\n                            <div class=\"plans-section__datos\">\n                                                                    <img decoding=\"async\" class=\"plans-section__img\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/landing26-plan-esencial.jpg\"\n                                         alt=\"\"\n                                         aria-hidden=\"true\">\n                                \n                                                                    <h3 class=\"plans-section__nombre\">Essencial<\/h3>\n                                \n                                                                    <p class=\"plans-section__desc\">Seguretat b\u00e0sica a casa<\/p>\n                                \n                                                                    <p class=\"plans-section__precio\">\n                                        <span class=\"plans-section__precio-num\">Des de<\/span>\n                                                                                    <span class=\"plans-section__precio-suf\">\u20ac\/mes<\/span>\n                                                                            <\/p>\n                                \n                                                                    <p class=\"plans-section__precio-nota\">(IVA incl\u00f2s)<\/p>\n                                \n                                                                    <ul class=\"plans-section__lista\">\n                                                                                                                                <li><svg class=\"plans-section__check\" width=\"12\" height=\"16\" viewBox=\"0 0 12 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M9.99957 5L4.50012 10.4996L2.00037 7.99978\" stroke=\"#52840C\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>Atenci\u00f3 24\/7 davant d\u2019emerg\u00e8ncies<\/li>\n                                                                                                                                <li><svg class=\"plans-section__check\" width=\"12\" height=\"16\" viewBox=\"0 0 12 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M9.99957 5L4.50012 10.4996L2.00037 7.99978\" stroke=\"#52840C\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>Bot\u00f3 d\u2019assist\u00e8ncia<\/li>\n                                                                                                                                <li><svg class=\"plans-section__check\" width=\"12\" height=\"16\" viewBox=\"0 0 12 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M9.99957 5L4.50012 10.4996L2.00037 7.99978\" stroke=\"#52840C\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>Comunicaci\u00f3 amb mans lliures<\/li>\n                                                                            <\/ul>\n                                                            <\/div>\n\n                            <div class=\"plans-section__pie\">\n                                                                                                    <p class=\"plans-section__legal\">0 \u20ac durant 3 mesos. Despr\u00e9s, 10 \u20ac al mes. Oferta v\u00e0lida nom\u00e9s per a qui no hagi tingut abans el servei de teleassist\u00e8ncia de DomusVi.<\/p>\n                                                            <\/div>\n                        <\/div>\n                    <\/li>\n                                                        <li class=\"plans-section__plan\">\n\n                        \n                        <div class=\"plans-section__cuerpo\">\n                            <div class=\"plans-section__datos\">\n                                                                    <img decoding=\"async\" class=\"plans-section__img\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/landing26-plan-mi-hogar.jpg\"\n                                         alt=\"\"\n                                         aria-hidden=\"true\">\n                                \n                                                                    <h3 class=\"plans-section__nombre\">La meva llar<\/h3>\n                                \n                                                                    <p class=\"plans-section__desc\">M\u00e9s seguretat per a la teva llar<\/p>\n                                \n                                                                    <p class=\"plans-section__precio\">\n                                        <span class=\"plans-section__precio-num\">Des de 22<\/span>\n                                                                                    <span class=\"plans-section__precio-suf\">\u20ac\/mes<\/span>\n                                                                            <\/p>\n                                \n                                                                    <p class=\"plans-section__precio-nota\">(IVA incluido)<\/p>\n                                \n                                                                    <ul class=\"plans-section__lista\">\n                                                                                                                                <li><svg class=\"plans-section__check\" width=\"12\" height=\"16\" viewBox=\"0 0 12 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M9.99957 5L4.50012 10.4996L2.00037 7.99978\" stroke=\"#52840C\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>Atenci\u00f3 24\/7 davant d\u2019emerg\u00e8ncies<\/li>\n                                                                                                                                <li><svg class=\"plans-section__check\" width=\"12\" height=\"16\" viewBox=\"0 0 12 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M9.99957 5L4.50012 10.4996L2.00037 7.99978\" stroke=\"#52840C\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>Bot\u00f3 d\u2019assist\u00e8ncia<\/li>\n                                                                                                                                <li><svg class=\"plans-section__check\" width=\"12\" height=\"16\" viewBox=\"0 0 12 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M9.99957 5L4.50012 10.4996L2.00037 7.99978\" stroke=\"#52840C\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>Comunicaci\u00f3 amb mans lliures<\/li>\n                                                                                                                                <li><svg class=\"plans-section__check\" width=\"12\" height=\"16\" viewBox=\"0 0 12 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M9.99957 5L4.50012 10.4996L2.00037 7.99978\" stroke=\"#52840C\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>Detecci\u00f3 de fum, gas i inundacions<\/li>\n                                                                                                                                <li><svg class=\"plans-section__check\" width=\"12\" height=\"16\" viewBox=\"0 0 12 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M9.99957 5L4.50012 10.4996L2.00037 7.99978\" stroke=\"#52840C\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>Recordatoris i seguiment<\/li>\n                                                                            <\/ul>\n                                                            <\/div>\n\n                            <div class=\"plans-section__pie\">\n                                                                                                    <p class=\"plans-section__legal\">Per a qui vol afegir m\u00e9s seguretat a casa seva i seguiment al seu servei de teleassist\u00e8ncia.<\/p>\n                                                            <\/div>\n                        <\/div>\n                    <\/li>\n                                                        <li class=\"plans-section__plan\">\n\n                        \n                        <div class=\"plans-section__cuerpo\">\n                            <div class=\"plans-section__datos\">\n                                                                    <img decoding=\"async\" class=\"plans-section__img\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/landing26-plan-movil.jpg\"\n                                         alt=\"\"\n                                         aria-hidden=\"true\">\n                                \n                                                                    <h3 class=\"plans-section__nombre\">M\u00f2bil<\/h3>\n                                \n                                                                    <p class=\"plans-section__desc\">Seguretat dins i fora de casa<\/p>\n                                \n                                                                    <p class=\"plans-section__precio\">\n                                        <span class=\"plans-section__precio-num\">Des de 28<\/span>\n                                                                                    <span class=\"plans-section__precio-suf\">\u20ac\/mes<\/span>\n                                                                            <\/p>\n                                \n                                                                    <p class=\"plans-section__precio-nota\">(IVA incl\u00f2s)<\/p>\n                                \n                                                                    <ul class=\"plans-section__lista\">\n                                                                                                                                <li><svg class=\"plans-section__check\" width=\"12\" height=\"16\" viewBox=\"0 0 12 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M9.99957 5L4.50012 10.4996L2.00037 7.99978\" stroke=\"#52840C\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>Atenci\u00f3 dins i fora de casa<\/li>\n                                                                                                                                <li><svg class=\"plans-section__check\" width=\"12\" height=\"16\" viewBox=\"0 0 12 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M9.99957 5L4.50012 10.4996L2.00037 7.99978\" stroke=\"#52840C\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>Localitzaci\u00f3 GPS<\/li>\n                                                                                                                                <li><svg class=\"plans-section__check\" width=\"12\" height=\"16\" viewBox=\"0 0 12 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M9.99957 5L4.50012 10.4996L2.00037 7.99978\" stroke=\"#52840C\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>Zones segures<\/li>\n                                                                                                                                <li><svg class=\"plans-section__check\" width=\"12\" height=\"16\" viewBox=\"0 0 12 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M9.99957 5L4.50012 10.4996L2.00037 7.99978\" stroke=\"#52840C\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>Dispositiu m\u00f2bil<\/li>\n                                                                            <\/ul>\n                                                            <\/div>\n\n                            <div class=\"plans-section__pie\">\n                                                                                                    <p class=\"plans-section__legal\">Ideal per mantenir una vida activa amb ajuda tamb\u00e9 fora de casa.<\/p>\n                                                            <\/div>\n                        <\/div>\n                    <\/li>\n                            <\/ul>\n        \n                    <div class=\"plans-section__cta\">\n                                <a class=\"btn btn-primary\" href=\"#hablamos\" data-hablamos role=\"button\" aria-controls=\"hablamos\" aria-expanded=\"false\">Sol\u00b7licitar informaci\u00f3<\/a>\n            <\/div>\n        \n    <\/div>\n<\/section>\n<\/div>\n\n<style type=\"text\/css\">\n    \/* Todos los valores salen de la API del Figma (nodo 2102:3227). *\/\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 {\n        background: var(--VerdeUltraLavado);\n        padding: 80px 0;\n    }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__cabecera { text-align: center; }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__titulo {\n        font-size: 32px;\n        font-weight: 700;\n        line-height: 35px !important;\n        letter-spacing: -0.65px;\n        color: var(--GrisOscuro);\n        margin: 0 0 24px;\n    }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__subtitulo {\n        font-size: 18px;\n        font-weight: 500;\n        line-height: 23px !important;\n        letter-spacing: -0.25px;\n        color: var(--GrisOscuro);\n        margin: 0;\n    }\n\n    \/* Prueba social: fila de 32 de alto, caras solapadas 10 y hueco de 10. *\/\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__prueba {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        height: 32px;\n        margin-top: 40px;\n    }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__avatares { display: inline-flex; }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__avatares img {\n        width: 32px;\n        height: 32px;\n        border-radius: 50%;\n        object-fit: cover;\n        border: 2px solid #fff;\n        margin-left: -10px;\n    }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__avatares img:first-child { margin-left: 0; }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__prueba-texto {\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 18px !important;\n        color: var(--GrisOscuro);\n        margin: 0;\n    }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__prueba-texto strong { font-weight: 600; }\n\n    \/* plans-grid: 1306 x 766, hueco 24; la destacada mide 418 y las otras 420. *\/\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__grid {\n        list-style: none;\n        margin: 40px 0 0;\n        padding: 0;\n        display: flex;\n        gap: 24px;\n        align-items: stretch;\n    }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__plan {\n        \/* 420 de 1258 (1306 menos los dos huecos); con calc para que el borde\n           de 1px no altere el reparto como pasaba con flex-grow. *\/\n        flex: 0 0 calc((100% - 48px) * 420 \/ 1258);\n        min-width: 0;\n        min-height: 766px;\n        background: #fff;\n        border: 1px solid var(--GrisOscuro);\n        border-radius: 16px;\n        display: flex;\n        flex-direction: column;\n    }\n\n    \/* La destacada lleva el trazo de 3px POR FUERA de la caja y sombra propia,\n       as\u00ed que va con box-shadow y sin borde. *\/\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__plan--destacado {\n        flex: 0 0 calc((100% - 48px) * 418 \/ 1258);\n        border: 0;\n        box-shadow: 0 0 0 3px var(--VerdeOscuro), 3px 6px 12px rgba(26, 26, 26, .15);\n    }\n\n    \/* Cinta: 42 de alto, relleno 10\/10\/10\/20. *\/\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__etiqueta {\n        background: var(--VerdeOscuro);\n        color: #fff;\n        font-size: 20px;\n        font-weight: 700;\n        line-height: 22px !important;\n        letter-spacing: -0.25px;\n        text-align: center;\n        padding: 10px 10px 10px 20px;\n        margin: 0 0 24px;\n        border-radius: 16px 16px 0 0;\n    }\n\n    \/* Frame interior: 700 de alto, relleno 0\/24\/24\/24, reparto space-between. *\/\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__cuerpo {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        \/* En el Figma el hueco es lo que sobra (space-between); esto es solo un m\u00ednimo. *\/\n        gap: 24px;\n        \/* 66\/24\/24\/24 menos el 1px de borde, que en el Figma va por dentro. *\/\n        padding: 65px 23px 23px;\n    }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__plan--destacado .plans-section__cuerpo { padding: 0 24px 24px; }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__img {\n        width: 100%;\n        height: 164px;\n        object-fit: cover;\n        border-radius: 16px;\n        display: block;\n        margin-bottom: 16px;\n    }\n\n    \/* El nombre va centrado en una fila de 48 de alto. *\/\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__nombre {\n        display: flex;\n        align-items: center;\n        height: 48px;\n        font-size: 28px;\n        font-weight: 700;\n        line-height: 30.8px !important;\n        letter-spacing: -0.65px;\n        color: var(--GrisOscuro);\n        margin: 0 0 8px;\n    }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__desc {\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 22px !important;\n        color: var(--GrisOscuro);\n        margin: 0 0 40px;\n    }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__precio {\n        color: var(--VerdeOscuro);\n        margin: 0 0 4px;\n        display: flex;\n        align-items: baseline;\n        gap: 4px;\n    }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__precio-num {\n        font-size: 32px;\n        font-weight: 700;\n        line-height: 35px !important;\n    }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__precio-suf {\n        font-size: 14px;\n        font-weight: 600;\n        line-height: 17px !important;\n    }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__precio-nota {\n        font-size: 12px;\n        font-weight: 500;\n        line-height: 16px !important;\n        color: var(--GrisOscuro);\n        margin: 0 0 16px;\n    }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__lista {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__lista li {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 19px !important;\n        color: var(--GrisOscuro);\n        margin-bottom: 8px;\n    }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__lista li:last-child { margin-bottom: 0; }\n\n    \/* El check ocupa una caja de 7,27 de ancho aunque el dibujo mida 12. *\/\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__check {\n        flex-shrink: 0;\n        margin: 0 -2.365px;\n    }\n\n    \/* Pie: 115 de alto en todas (bot\u00f3n 51 + 16 + la nota). *\/\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__pie { min-height: 115px; }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__boton {\n        display: block;\n        text-align: center;\n        border: 1px solid var(--VerdeOscuro);\n        border-radius: 39px;\n        color: var(--VerdeOscuro);\n        font-size: 16px;\n        font-weight: 600;\n        line-height: 19px !important;\n        letter-spacing: -0.5px;\n        padding: 15px 16px;\n        text-decoration: none;\n        transition: background-color .2s, color .2s;\n    }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__boton:hover,\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__boton:focus-visible {\n        background: var(--VerdeOscuro);\n        color: #fff;\n    }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__legal {\n        font-size: 13px;\n        font-weight: 300;\n        line-height: 16px !important;\n        color: var(--GrisOscuro);\n        margin: 16px 0 0;\n    }\n\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__cta {\n        text-align: center;\n        margin-top: 40px;\n    }\n\n    \/* boton-primario-blanco: 56 de alto, relleno 16, radio 39. *\/\n    #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__cta .btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        height: 56px;\n        padding: 16px;\n        border-radius: 39px !important;\n        font-size: 18.5px;\n        font-weight: 600;\n        line-height: 24px !important;\n        letter-spacing: -0.5px;\n    }\n\n    @media (max-width: 1199px) {\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__cuerpo { padding-left: 16px; padding-right: 16px; }\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__nombre { font-size: 24px; }\n    }\n\n    @media (min-width: 769px) and (max-width: 991px) {\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__grid { flex-direction: column; max-width: 420px; margin-left: auto; margin-right: auto; }\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__plan,\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__plan--destacado { min-height: 0; flex: none; }\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__cuerpo { padding-top: 24px; }\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__plan--destacado .plans-section__cuerpo { padding-top: 0; }\n    }\n\n    \/* M\u00f3vil (Figma 2137:278): relleno 56\/16, 40 entre bloques. Los planes van en\n       una tira de tarjetas de 313 con 16 de hueco y la barra \"1 de 3\" a 24. *\/\n    @media (max-width: 768px) {\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 { padding: 56px 0; }\n\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__cabecera { margin: 0 0 40px; text-align: left; }\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__titulo { font-size: 28px; line-height: 30.8px !important; letter-spacing: -0.65px; margin: 0 0 16px; text-align: left; }\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__subtitulo { font-size: 16px; line-height: 22.4px !important; margin: 0; text-align: left; }\n\n        \/* Caras de 25,26 solapadas 7,89 con borde blanco de 1,58; texto 16\/17,6 a 10. *\/\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__prueba { flex-direction: row; align-items: center; gap: 10px; height: auto; margin: 0 0 40px; }\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__avatares img { width: 25.26px; height: 25.26px; border-width: 1.58px; margin-left: -7.89px; }\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__avatares img:first-child { margin-left: 0; }\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__prueba-texto { font-size: 16px; line-height: 17.6px !important; margin: 0; white-space: nowrap; }\n\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__grid {\n            flex-direction: row;\n            flex-wrap: nowrap;\n            gap: 16px;\n            max-width: none;\n            margin: 0 -16px 0 0;\n            padding: 0 16px 0 0;\n        }\n\n        \/* Tarjeta normal (plan-mi-hogar): borde 1 #212121, relleno 24\/0 y 24 dentro. *\/\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__plan {\n            \/* 313 sobre los 343 del artboard: la tarjeta deja 30px de la siguiente a la vista. *\/\n            flex: 0 0 calc(100% - 30px);\n            width: calc(100% - 30px);\n            min-height: 0;\n            border-radius: 16px;\n        }\n\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__cuerpo { padding: 24px; }\n\n        \/* Destacada (plan-esencial): borde 2 verde, sombra 3 6 12, cinta de 47. *\/\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__plan--destacado {\n            border: 2px solid var(--VerdeOscuro);\n            box-shadow: 3px 6px 12px rgba(26, 26, 26, .15);\n        }\n\n        \/* La cinta sigue el radio interior de la tarjeta (16 menos los 2 del borde):\n           con 16 asomaban dos picos blancos en las esquinas (comentario de Bel\u00e9n, 13\/10). *\/\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__etiqueta {\n            margin: 0;\n            border-radius: 14px 14px 0 0;\n            height: 45px;\n            padding: 9px 16px;\n            font-size: 20px;\n            font-weight: 800;\n            line-height: 27.32px !important;\n            letter-spacing: -0.2px;\n        }\n\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__plan--destacado .plans-section__cuerpo { padding: 16px 14px 22px; }\n\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__img { height: 140px; border-radius: 12px; margin: 0 0 24px; }\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__nombre { display: block; height: auto; font-size: 28px; font-weight: 600; line-height: 30.8px !important; letter-spacing: -0.65px; margin: 0 0 8px; }\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__desc { font-size: 16px; line-height: 22.4px !important; margin: 0 0 24px; }\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__precio { margin: 0 0 4px; }\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__precio-num { font-size: 32px; line-height: 35.2px !important; }\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__precio-suf { font-size: 14px; line-height: 16.8px !important; }\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__precio-nota { font-size: 14px; line-height: 18.2px !important; margin: 0 0 16px; }\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__lista { margin: 0 0 24px; }\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__lista li { font-size: 16px; line-height: 19.2px !important; margin-bottom: 8px; }\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__pie { min-height: 0; }\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__boton { padding: 15px 16px; margin: 0 0 16px; }\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__legal { margin: 0; }\n\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .carrusel-nav { margin-top: 24px; }\n\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__cta { margin-top: 40px; }\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__cta .btn { width: 100%; height: 51px; padding: 16px; font-size: 16px; line-height: 19.2px !important; letter-spacing: -0.5px; }\n    }\n\n    \/* Por debajo de los 375 del artboard la frase de las caras no cabe en una l\u00ednea. *\/\n    @media (max-width: 359px) {\n        #plans-section-block_3a71fd07193b6fd87d9167dcb8698750 .plans-section__prueba-texto { white-space: normal; }\n    }\n<\/style>\n<!-- \/wp:shortcode -->\n\n\n<!-- wp:shortcode -->\n<div class=\"bloque-ancla\" id=\"how-it-works\" tabindex=\"-1\">\n<section id=\"how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4\" class=\"how-it-works section  \">\n    <div class=\"container\">\n\n                    <div class=\"how-it-works__cabecera\">\n                                    <h2 class=\"how-it-works__titulo\">As\u00ed funciona la Teleasistencia<\/h2>\n                                                    <p class=\"how-it-works__subtitulo\">Un proc\u00e9s senzill pensat per oferir la m\u00e0xima tranquil\u00b7litat quan m\u00e9s es necessita.<\/p>\n                            <\/div>\n        \n                    <div class=\"how-it-works__cuerpo\">\n\n                <ol class=\"how-it-works__pasos\" role=\"tablist\" aria-label=\"As\u00ed funciona la Teleasistencia\">\n                                            <li class=\"how-it-works__paso is-activo\">\n                            <button type=\"button\"\n                                    class=\"how-it-works__paso-btn\"\n                                    role=\"tab\"\n                                    id=\"how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4-tab-0\"\n                                    aria-controls=\"how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4-panel-0\"\n                                    aria-selected=\"true\"\n                                    tabindex=\"0\">\n                                <span class=\"how-it-works__num\">1<\/span>\n                                <span class=\"how-it-works__etiqueta\">Dispositiu<\/span>\n                            <\/button>\n                        <\/li>\n                                            <li class=\"how-it-works__paso\">\n                            <button type=\"button\"\n                                    class=\"how-it-works__paso-btn\"\n                                    role=\"tab\"\n                                    id=\"how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4-tab-1\"\n                                    aria-controls=\"how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4-panel-1\"\n                                    aria-selected=\"false\"\n                                    tabindex=\"-1\">\n                                <span class=\"how-it-works__num\">2<\/span>\n                                <span class=\"how-it-works__etiqueta\">Demana ajuda<\/span>\n                            <\/button>\n                        <\/li>\n                                            <li class=\"how-it-works__paso\">\n                            <button type=\"button\"\n                                    class=\"how-it-works__paso-btn\"\n                                    role=\"tab\"\n                                    id=\"how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4-tab-2\"\n                                    aria-controls=\"how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4-panel-2\"\n                                    aria-selected=\"false\"\n                                    tabindex=\"-1\">\n                                <span class=\"how-it-works__num\">3<\/span>\n                                <span class=\"how-it-works__etiqueta\">Assist\u00e8ncia<\/span>\n                            <\/button>\n                        <\/li>\n                                            <li class=\"how-it-works__paso\">\n                            <button type=\"button\"\n                                    class=\"how-it-works__paso-btn\"\n                                    role=\"tab\"\n                                    id=\"how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4-tab-3\"\n                                    aria-controls=\"how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4-panel-3\"\n                                    aria-selected=\"false\"\n                                    tabindex=\"-1\">\n                                <span class=\"how-it-works__num\">4<\/span>\n                                <span class=\"how-it-works__etiqueta\">Ajuda<\/span>\n                            <\/button>\n                        <\/li>\n                                            <li class=\"how-it-works__paso\">\n                            <button type=\"button\"\n                                    class=\"how-it-works__paso-btn\"\n                                    role=\"tab\"\n                                    id=\"how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4-tab-4\"\n                                    aria-controls=\"how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4-panel-4\"\n                                    aria-selected=\"false\"\n                                    tabindex=\"-1\">\n                                <span class=\"how-it-works__num\">5<\/span>\n                                <span class=\"how-it-works__etiqueta\">Av\u00eds als teus contactes<\/span>\n                            <\/button>\n                        <\/li>\n                                    <\/ol>\n\n                <div class=\"how-it-works__paneles\" data-carrusel data-carrusel-items=\".how-it-works__panel\">\n                                                        <div class=\"how-it-works__panel\"\n                         role=\"tabpanel\"\n                         id=\"how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4-panel-0\"\n                         aria-labelledby=\"how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4-tab-0\"\n                         tabindex=\"0\"\n                         >\n\n                                                    <img decoding=\"async\" class=\"how-it-works__img\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/landing26-paso-1-dispositivo.jpg\"\n                                 alt=\"\"\n                                 aria-hidden=\"true\">\n                        \n                        <div class=\"how-it-works__panel-texto\">\n                                                            <h3 class=\"how-it-works__panel-titulo\">Dispositiu<\/h3>\n                                                                                        <p class=\"how-it-works__panel-sub\">Portes a sobre el bot\u00f3 o dispositiu<\/p>\n                                                                                        <div class=\"how-it-works__panel-desc\"><p>Recibes el equipo en casa, de instalaci\u00f3n sencilla y con mantenimiento gratuito. El colgante o la pulsera es resistente al agua: puedes llevarlo siempre contigo, tambi\u00e9n en la ducha.<\/p>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                                                        <div class=\"how-it-works__panel\"\n                         role=\"tabpanel\"\n                         id=\"how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4-panel-1\"\n                         aria-labelledby=\"how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4-tab-1\"\n                         tabindex=\"0\"\n                         hidden>\n\n                                                    <img decoding=\"async\" class=\"how-it-works__img\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/landing26-paso-2.jpg\"\n                                 alt=\"\"\n                                 aria-hidden=\"true\">\n                        \n                        <div class=\"how-it-works__panel-texto\">\n                                                            <h3 class=\"how-it-works__panel-titulo\">Demana ajuda<\/h3>\n                                                                                        <p class=\"how-it-works__panel-sub\">Prems el bot\u00f3 quan ho necessites<\/p>\n                                                                                        <div class=\"how-it-works__panel-desc\"><p>Si te caes, te encuentras mal o necesitas ayuda por cualquier motivo, pulsa el bot\u00f3n. Con una sola pulsaci\u00f3n se activa la llamada con nuestro centro de atenci\u00f3n. Y si lo pulsas sin querer, no pasa nada.<\/p>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                                                        <div class=\"how-it-works__panel\"\n                         role=\"tabpanel\"\n                         id=\"how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4-panel-2\"\n                         aria-labelledby=\"how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4-tab-2\"\n                         tabindex=\"0\"\n                         hidden>\n\n                                                    <img decoding=\"async\" class=\"how-it-works__img\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/landing26-paso-3.jpg\"\n                                 alt=\"\"\n                                 aria-hidden=\"true\">\n                        \n                        <div class=\"how-it-works__panel-texto\">\n                                                            <h3 class=\"how-it-works__panel-titulo\">Assist\u00e8ncia<\/h3>\n                                                                                        <p class=\"how-it-works__panel-sub\">Una persona t\u2019at\u00e9n immediatament<\/p>\n                                                                                        <div class=\"how-it-works__panel-desc\"><p>Un profesional de nuestro equipo atiende tu llamada las 24 horas del d\u00eda, los 365 d\u00edas del a\u00f1o. Habla contigo a trav\u00e9s del dispositivo para entender qu\u00e9 ocurre y qu\u00e9 necesitas.<\/p>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                                                        <div class=\"how-it-works__panel\"\n                         role=\"tabpanel\"\n                         id=\"how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4-panel-3\"\n                         aria-labelledby=\"how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4-tab-3\"\n                         tabindex=\"0\"\n                         hidden>\n\n                                                    <img decoding=\"async\" class=\"how-it-works__img\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/shutterstock_2683668859-scaled.webp\"\n                                 alt=\"\"\n                                 aria-hidden=\"true\">\n                        \n                        <div class=\"how-it-works__panel-texto\">\n                                                            <h3 class=\"how-it-works__panel-titulo\">Ajuda<\/h3>\n                                                                                        <p class=\"how-it-works__panel-sub\">Mobilitzem l\u2019ajuda necess\u00e0ria<\/p>\n                                                                                        <div class=\"how-it-works__panel-desc\"><p>Seg\u00fan la situaci\u00f3n, avisamos a los recursos adecuados: servicios de emergencia, servicios sanitarios o personas de tu entorno. Nos aseguramos de que recibes la ayuda que necesitas.<\/p>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                                                        <div class=\"how-it-works__panel\"\n                         role=\"tabpanel\"\n                         id=\"how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4-panel-4\"\n                         aria-labelledby=\"how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4-tab-4\"\n                         tabindex=\"0\"\n                         hidden>\n\n                                                    <img decoding=\"async\" class=\"how-it-works__img\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/shutterstock_2656142891-scaled.webp\"\n                                 alt=\"\"\n                                 aria-hidden=\"true\">\n                        \n                        <div class=\"how-it-works__panel-texto\">\n                                                            <h3 class=\"how-it-works__panel-titulo\">Av\u00eds als teus contactes<\/h3>\n                                                                                        <p class=\"how-it-works__panel-sub\">Avisem qui tu ens indiquis<\/p>\n                                                                                        <div class=\"how-it-works__panel-desc\"><p>T\u00fa nos indicas a qui\u00e9n avisar: familiares, amigos, vecinos u otras personas de confianza. As\u00ed, quien t\u00fa elijas sabr\u00e1 lo que ha pasado y podr\u00e1 acompa\u00f1arte.<\/p>\n<\/div>\n                                                    <\/div>\n                    <\/div>\n                                <\/div>\n\n                <div class=\"how-it-works__nav\">\n                    <button type=\"button\" class=\"how-it-works__flecha\" data-dir=\"-1\" aria-label=\"Paso anterior\" disabled>\n                        <svg width=\"44\" height=\"44\" viewBox=\"0 0 44 44\" fill=\"none\" aria-hidden=\"true\"><rect x=\"4.75\" y=\"4.75\" width=\"34.5\" height=\"34.5\" rx=\"7.25\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M15.2307 21.9999L21.6874 15.5204L22.3412 16.1718L16.9933 21.5384L28.8052 21.5384L28.8052 22.4615L16.9933 22.4615L22.3412 27.828L21.6874 28.4795L15.2307 21.9999Z\" fill=\"currentColor\"\/><\/svg>\n                    <\/button>\n                    <button type=\"button\" class=\"how-it-works__flecha\" data-dir=\"1\" aria-label=\"Paso siguiente\">\n                        <svg width=\"44\" height=\"44\" viewBox=\"0 0 44 44\" fill=\"none\" aria-hidden=\"true\" style=\"transform: scaleX(-1)\"><rect x=\"4.75\" y=\"4.75\" width=\"34.5\" height=\"34.5\" rx=\"7.25\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M15.2307 21.9999L21.6874 15.5204L22.3412 16.1718L16.9933 21.5384L28.8052 21.5384L28.8052 22.4615L16.9933 22.4615L22.3412 27.828L21.6874 28.4795L15.2307 21.9999Z\" fill=\"currentColor\"\/><\/svg>\n                    <\/button>\n                <\/div>\n\n            <\/div>\n        \n    <\/div>\n<\/section>\n<\/div>\n\n<script>\n(function () {\n    var raiz = document.getElementById('how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4');\n    if (!raiz) { return; }\n\n    var pasos    = raiz.querySelectorAll('.how-it-works__paso');\n    var tabs     = raiz.querySelectorAll('.how-it-works__paso-btn');\n    var paneles  = raiz.querySelectorAll('.how-it-works__panel');\n    var flechas  = raiz.querySelectorAll('.how-it-works__flecha');\n    var actual   = 0;\n    var total    = tabs.length;\n    var movil    = window.matchMedia('(max-width: 768px)');\n    var pista    = raiz.querySelector('.how-it-works__paneles');\n    var tira     = raiz.querySelector('.how-it-works__pasos');\n    function mostrar(i, moverFoco, desdePista) {\n        if (i < 0 || i >= total) { return; }\n        actual = i;\n        for (var n = 0; n < total; n++) {\n            var activo = (n === i);\n            pasos[n].classList.toggle('is-activo', activo);\n            tabs[n].setAttribute('aria-selected', activo ? 'true' : 'false');\n            tabs[n].setAttribute('tabindex', activo ? '0' : '-1');\n            \/\/ En m\u00f3vil las tarjetas van todas en la tira; en escritorio solo la activa.\n            if (activo || movil.matches) { paneles[n].removeAttribute('hidden'); }\n            else { paneles[n].setAttribute('hidden', ''); }\n        }\n        \/\/ Las flechas se apagan en los extremos; el dise\u00f1o las pinta en gris.\n        flechas[0].disabled = (i === 0);\n        flechas[1].disabled = (i === total - 1);\n        if (movil.matches) {\n            \/\/ El paso activo se centra en la tira de pasos (en el Figma el primero\n            \/\/ est\u00e1 en el centro de los 343): hace falta aire a los lados para que\n            \/\/ el primero y el \u00faltimo tambi\u00e9n puedan centrarse.\n            var li = pasos[i];\n            tira.scrollTo({ left: li.offsetLeft - (tira.clientWidth - li.offsetWidth) \/ 2, behavior: 'smooth' });\n            \/\/ (sin \"&#038;&#038;\": la salida del bloque pasa por los filtros de contenido y lo codifican)\n            if (!desdePista) { if (window.Carrusel2026) { window.Carrusel2026.ir(pista, i); } }\n        }\n        if (moverFoco) { tabs[i].focus(); }\n    }\n    pista.addEventListener('carrusel:cambio', function (e) {\n        if (e.detail.indice !== actual) { mostrar(e.detail.indice, false, true); }\n    });\n    if (movil.addEventListener) { movil.addEventListener('change', function () { mostrar(actual, false, true); }); }\n    if (movil.matches) { mostrar(0, false, true); }\n    \/\/ El script corre antes que el CSS del bloque y las fuentes: al cargar del todo se\n    \/\/ recalcula el centrado del paso activo (comentario de Bel\u00e9n, 13\/10\/2026).\n    window.addEventListener('load', function () { if (movil.matches) { mostrar(actual, false, true); } });\n\n    for (var t = 0; t < total; t++) {\n        (function (indice) {\n            tabs[indice].addEventListener('click', function () { mostrar(indice, false); });\n        })(t);\n    }\n\n    \/\/ Flechas del teclado dentro del stepper, como manda el patr\u00f3n de pesta\u00f1as.\n    raiz.querySelector('.how-it-works__pasos').addEventListener('keydown', function (e) {\n        if (e.key === 'ArrowRight' || e.key === 'ArrowDown') { e.preventDefault(); mostrar((actual + 1) % total, true); }\n        else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') { e.preventDefault(); mostrar((actual - 1 + total) % total, true); }\n        else if (e.key === 'Home') { e.preventDefault(); mostrar(0, true); }\n        else if (e.key === 'End') { e.preventDefault(); mostrar(total - 1, true); }\n    });\n\n    for (var f = 0; f < flechas.length; f++) {\n        flechas[f].addEventListener('click', function () {\n            mostrar(actual + parseInt(this.getAttribute('data-dir'), 10), false);\n        });\n    }\n})();\n<\/script>\n\n<style type=\"text\/css\">\n    \/* Todos los valores salen de la API del Figma (nodo 2102:2885). *\/\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 {\n        background: #fff;\n        border-radius: 24px;\n        padding: 120px 0;\n    }\n\n    \/* Heading-Group: t\u00edtulo y subt\u00edtulo a 16. *\/\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__cabecera { text-align: center; }\n\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__titulo {\n        font-size: 32px;\n        font-weight: 700;\n        line-height: 35.2px !important;\n        letter-spacing: -0.65px;\n        color: var(--GrisOscuro);\n        margin: 0 0 16px;\n    }\n\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__subtitulo {\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 22.4px !important;\n        color: var(--GrisOscuro);\n        margin: 0;\n    }\n\n    \/* 48 entre la cabecera y el stepper. *\/\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__cuerpo { margin-top: 48px; }\n\n    \/* Steps-Timeline: 1306 x 74, relleno lateral 106, cajas de 135 con\n       space-between. La l\u00ednea es un elemento aparte de 1086 x 2 en #52940B,\n       por detr\u00e1s de los c\u00edrculos. *\/\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__pasos {\n        position: relative;\n        list-style: none;\n        margin: 0 0 64px;\n        padding: 0 8.116%;\n        display: flex;\n        justify-content: space-between;\n    }\n\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__pasos::before {\n        content: \"\";\n        position: absolute;\n        top: 19px;\n        left: 8.423%;\n        right: 8.423%;\n        height: 2px;\n        background: var(--VerdeHoja);\n    }\n\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__paso {\n        position: relative;\n        text-align: center;\n        width: 135px;\n        flex: none;\n    }\n\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__paso-btn {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 12px;\n        width: 100%;\n        background: none;\n        border: 0;\n        padding: 0;\n        cursor: pointer;\n        color: var(--GrisOscuro);\n    }\n\n    \/* step-num: 40 x 40, borde 2 por dentro en #498508 en todos; el activo va relleno. *\/\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__num {\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        background: #fff;\n        border: 2px solid var(--VerdeOscuro);\n        color: var(--GrisOscuro);\n        font-size: 16px;\n        font-weight: 700;\n        line-height: 36px !important;\n        display: block;\n    }\n\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__paso.is-activo .how-it-works__num {\n        background: var(--VerdeOscuro);\n        color: #fff;\n    }\n\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__etiqueta {\n        font-size: 16px;\n        font-weight: 700;\n        line-height: 21.86px !important;\n        white-space: nowrap;\n        color: var(--GrisOscuro);\n    }\n\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__paso-btn:focus-visible {\n        outline: 2px solid var(--VerdeOscuro);\n        outline-offset: 4px;\n        border-radius: 8px;\n    }\n\n    \/* Panel: 1082 x 372 fijo, relleno 32, hueco 32, radio 16. *\/\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__panel {\n        max-width: 1082px;\n        min-height: 372px;\n        margin: 0 auto;\n        background: var(--VerdeUltraLavado);\n        border-radius: 16px;\n        padding: 32px;\n        display: grid;\n        grid-template-columns: 489px 1fr;\n        gap: 32px;\n        align-items: center;\n    }\n\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__panel[hidden] { display: none; }\n\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__panel--sin-imagen { grid-template-columns: 1fr; }\n\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__panel:focus-visible { outline: 2px solid var(--VerdeOscuro); outline-offset: 2px; }\n\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__img {\n        width: 100%;\n        height: 308px;\n        object-fit: cover;\n        border-radius: 16px;\n        display: block;\n    }\n\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__panel-titulo {\n        font-size: 48px;\n        font-weight: 700;\n        line-height: 52.8px !important;\n        letter-spacing: -0.65px;\n        color: var(--VerdeOscuro);\n        margin: 0 0 32px;\n    }\n\n    \/* Estos dos textos van en Geist en el Figma (estilos Heading M y Body M). *\/\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__panel-sub {\n        font-family: 'Geist', 'Manrope', sans-serif;\n        font-size: 24px;\n        font-weight: 500;\n        line-height: 31.2px !important;\n        letter-spacing: -0.6px;\n        color: #000;\n        margin: 0 0 24px;\n    }\n\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__panel-desc {\n        font-family: 'Geist', 'Manrope', sans-serif;\n        font-size: 16px;\n        font-weight: 400;\n        color: #000;\n    }\n\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__panel-desc p { line-height: 20.8px !important; margin: 0 0 16px; }\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__panel-desc p:last-child { margin-bottom: 0; }\n\n    \/* NavigationBar: 44 de alto, botones de 44 con el cuadrado de 36 dentro, a 40. *\/\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__nav {\n        max-width: 1082px;\n        margin: 32px auto 0;\n        display: flex;\n        justify-content: center;\n        gap: 40px;\n    }\n\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__flecha {\n        width: 44px;\n        height: 44px;\n        padding: 0;\n        background: none;\n        border: 0;\n        color: var(--VerdeOscuro);\n        cursor: pointer;\n        transition: color .2s;\n    }\n\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__flecha svg { display: block; }\n\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__flecha:hover:not(:disabled) { color: var(--VerdeHoja); }\n\n    #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__flecha:disabled {\n        color: #959595;\n        cursor: default;\n    }\n\n    @media (max-width: 1199px) {\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__panel { grid-template-columns: 45% 1fr; }\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__img { height: auto; aspect-ratio: 489 \/ 308; }\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__panel-titulo { font-size: 36px; line-height: 1.1 !important; }\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__panel-sub { font-size: 20px; line-height: 1.3 !important; }\n    }\n\n    @media (min-width: 769px) and (max-width: 991px) {\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 { padding: 64px 0; }\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__cuerpo { margin-top: 40px; }\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__pasos { overflow-x: auto; padding: 0 0 8px; gap: 32px; justify-content: flex-start; margin-bottom: 40px; }\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__pasos::before { display: none; }\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__paso { flex: 0 0 auto; width: auto; min-width: 120px; }\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__panel { grid-template-columns: 1fr; padding: 24px; min-height: 0; }\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__panel-titulo { font-size: 28px; margin-bottom: 16px; }\n    }\n\n    \/* M\u00f3vil (Figma 2139:4732): relleno 56\/16, 40 entre bloques. El stepper es\n       una tira que se desplaza con el paso activo centrado (c\u00edrculos de 32 y\n       l\u00ednea de 2 #52940B); las tarjetas (step-N-mobile, 313 x 464) van en un\n       carrusel con la barra \"1 de 5\" a 40. *\/\n    @media (max-width: 768px) {\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 { padding: 56px 0; border-radius: 0; }\n\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__cabecera { text-align: left; }\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__titulo { font-size: 28px; line-height: 30.8px !important; letter-spacing: -0.65px; margin: 0 0 16px; text-align: left; }\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__subtitulo { font-size: 16px; line-height: 22.4px !important; margin: 0; text-align: left; }\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__cuerpo { margin-top: 40px; }\n\n        \/* Centrado del paso activo sin depender del JS: pasos de ancho fijo (135, el\n           del m\u00e1s ancho), tira a sangre (centro = centro de la pantalla, como el Figma)\n           y relleno lateral de (50% - 67,5) para que el primero y el \u00faltimo puedan\n           quedar centrados; scroll-snap deja cada paso en el centro. (Bel\u00e9n, 15\/10:\n           en su m\u00f3vil el paso 1 segu\u00eda a la izquierda.) *\/\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__pasos {\n            display: flex;\n            justify-content: flex-start;\n            gap: 32px;\n            overflow-x: auto;\n            scrollbar-width: none;\n            scroll-snap-type: x mandatory;\n            \/* El relleno en % se calcula sobre el padre (343), no sobre la tira (100vw):\n               por eso va en vw. *\/\n            padding: 0 calc((100vw - 135px) \/ 2);\n            margin: 0 -16px 40px;\n            \/* La l\u00ednea (2px #52940B, nodo 2233:1032) cruza toda la tira, tambi\u00e9n\n               por delante del primer paso y detr\u00e1s del \u00faltimo: un fondo que se\n               desplaza con el contenido (attachment local) y se repite a lo ancho. *\/\n            background: linear-gradient(var(--VerdeHoja), var(--VerdeHoja)) repeat-x 0 15px \/ 8px 2px;\n            background-attachment: local;\n        }\n\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__pasos::-webkit-scrollbar { display: none; }\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__pasos::before { display: none; }\n\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__paso { flex: 0 0 135px; width: 135px; min-width: 0; scroll-snap-align: center; }\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__etiqueta { white-space: normal; }\n\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__num {\n            width: 32px;\n            height: 32px;\n            font-size: 14px;\n            line-height: 28px !important;\n            color: var(--VerdeOscuro);\n        }\n\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__etiqueta { color: #242424; }\n\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__paneles { gap: 16px; margin: 0 -16px 0 0; }\n\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__panel,\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__panel[hidden] {\n            display: flex;\n            flex-direction: column;\n            \/* 313 sobre los 343 del artboard: la tarjeta deja 30px de la siguiente a la vista. *\/\n            flex: 0 0 calc(100% - 30px);\n            width: calc(100% - 30px);\n            gap: 20px;\n            min-height: 0;\n            padding: 20px;\n            border-radius: 16px;\n        }\n\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__img { height: 200px; aspect-ratio: auto; border-radius: 12px; }\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__panel-texto { display: flex; flex-direction: column; gap: 12px; }\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__panel-titulo { font-size: 24px; line-height: 26.4px !important; letter-spacing: -0.2px; color: var(--VerdeOscuro); margin: 0; }\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__panel-sub { font-size: 20px; font-weight: 700; line-height: 22px !important; letter-spacing: -0.25px; color: #212121; margin: 0; }\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__panel-desc,\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__panel-desc p { font-size: 16px; font-weight: 500; line-height: 22.4px !important; color: #212121; margin: 0; }\n\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .how-it-works__nav { display: none; }\n        #how-it-works-block_77d72ed0e49962c4d9003c900f9adfb4 .carrusel-nav { margin-top: 40px; }\n    }\n<\/style>\n<!-- \/wp:shortcode -->\n\n\n<!-- wp:shortcode -->\n<div class=\"bloque-ancla\" id=\"info-section\" tabindex=\"-1\">\n<section id=\"info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469\" class=\"info-section section  \">\n    <div class=\"container\">\n        <div class=\"info-section__rejilla\">\n\n                            <h2 class=\"info-section__titulo\">El que has de saber abans de contractar<\/h2>\n            \n                            <div class=\"info-section__columnas\" data-carrusel>\n                                    <div class=\"info-section__columna\">\n                                                    <h3 class=\"info-section__columna-titulo\">Asistencia para tu d\u00eda a d\u00eda<\/h3>\n                        \n                                                    <ul class=\"info-section__lista\">\n                                                                    <li class=\"info-section__item\">\n                                                                                                                                <img loading=\"lazy\" decoding=\"async\" class=\"info-section__icono\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/landing26-ico-shield-alert.svg\"\n                                                 alt=\"\" aria-hidden=\"true\" width=\"24\" height=\"24\">\n                                                                                <div class=\"info-section__item-texto\">\n                                                                                            <h4 class=\"info-section__item-titulo\">Caigudes i accidents<\/h4>\n                                                                                                                                        <p class=\"info-section__item-desc\">Si caus o tens un accident, prem el bot\u00f3 i una persona del nostre equip t\u2019atendr\u00e0 immediatament<\/p>\n                                                                                    <\/div>\n                                    <\/li>\n                                                                    <li class=\"info-section__item\">\n                                                                                                                                <img loading=\"lazy\" decoding=\"async\" class=\"info-section__icono\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/landing26-ico-compass.svg\"\n                                                 alt=\"\" aria-hidden=\"true\" width=\"24\" height=\"24\">\n                                                                                <div class=\"info-section__item-texto\">\n                                                                                            <h4 class=\"info-section__item-titulo\">Autonomia fora de casa<\/h4>\n                                                                                                                                        <p class=\"info-section__item-desc\">Amb la Teleassist\u00e8ncia M\u00f2bil t\u2019acompanyem tamb\u00e9 fora de casa, amb atenci\u00f3 professional 24\/7 i localitzaci\u00f3 GPS, perqu\u00e8 visquis amb m\u00e9s autonomia i seguretat.<\/p>\n                                                                                    <\/div>\n                                    <\/li>\n                                                                    <li class=\"info-section__item\">\n                                                                                                                                <img loading=\"lazy\" decoding=\"async\" class=\"info-section__icono\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/landing26-ico-bell.svg\"\n                                                 alt=\"\" aria-hidden=\"true\" width=\"24\" height=\"24\">\n                                                                                <div class=\"info-section__item-texto\">\n                                                                                            <h4 class=\"info-section__item-titulo\">Recordatoris<\/h4>\n                                                                                                                                        <p class=\"info-section__item-desc\">T\u2019ajudem a recordar all\u00f2 que \u00e9s important per a tu, com ara la medicaci\u00f3, les cites o les activitats del dia a dia.<\/p>\n                                                                                    <\/div>\n                                    <\/li>\n                                                                    <li class=\"info-section__item\">\n                                                                                                                                <img loading=\"lazy\" decoding=\"async\" class=\"info-section__icono\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/landing26-ico-user-round.svg\"\n                                                 alt=\"\" aria-hidden=\"true\" width=\"24\" height=\"24\">\n                                                                                <div class=\"info-section__item-texto\">\n                                                                                            <h4 class=\"info-section__item-titulo\">Vius o passes temps sense companyia<\/h4>\n                                                                                                                                        <p class=\"info-section__item-desc\">M\u00e9s tranquil\u00b7litat en el teu dia a dia, amb la seguretat de tenir sempre suport quan el necessitis.<\/p>\n                                                                                    <\/div>\n                                    <\/li>\n                                                            <\/ul>\n                                            <\/div>\n                                    <div class=\"info-section__columna\">\n                                                    <h3 class=\"info-section__columna-titulo\">Confian\u00e7a en el servei<\/h3>\n                        \n                                                    <ul class=\"info-section__lista\">\n                                                                    <li class=\"info-section__item\">\n                                                                                                                                <img loading=\"lazy\" decoding=\"async\" class=\"info-section__icono\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/landing26-ico-circle-x.svg\"\n                                                 alt=\"\" aria-hidden=\"true\" width=\"24\" height=\"24\">\n                                                                                <div class=\"info-section__item-texto\">\n                                                                                            <h4 class=\"info-section__item-titulo\">Sin permanencia<\/h4>\n                                                                                                                                        <p class=\"info-section__item-desc\">Et pots donar de baixa quan vulguis. Prem el penjoll o el terminal, o truca al nostre tel\u00e8fon gratu\u00eft, i et facilitarem tot el tr\u00e0mit.\r\ntel\u00e9fono gratuito y te facilitamos todo el tr\u00e1mite.<\/p>\n                                                                                    <\/div>\n                                    <\/li>\n                                                                    <li class=\"info-section__item\">\n                                                                                                                                <img loading=\"lazy\" decoding=\"async\" class=\"info-section__icono\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/landing26-ico-wrench.svg\"\n                                                 alt=\"\" aria-hidden=\"true\" width=\"24\" height=\"24\">\n                                                                                <div class=\"info-section__item-texto\">\n                                                                                            <h4 class=\"info-section__item-titulo\">Instal\u00b7laci\u00f3 i manteniment gratu\u00efts<\/h4>\n                                                                                                                                        <p class=\"info-section__item-desc\">Equips f\u00e0cils d\u2019instal\u00b7lar, amb manteniment completament gratu\u00eft.<\/p>\n                                                                                    <\/div>\n                                    <\/li>\n                                                                    <li class=\"info-section__item\">\n                                                                                                                                <img loading=\"lazy\" decoding=\"async\" class=\"info-section__icono\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/landing26-ico-heart-pulse.svg\"\n                                                 alt=\"\" aria-hidden=\"true\" width=\"24\" height=\"24\">\n                                                                                <div class=\"info-section__item-texto\">\n                                                                                            <h4 class=\"info-section__item-titulo\">Compatible amb marcapassos<\/h4>\n                                                                                                                                        <p class=\"info-section__item-desc\">El penjoll o la polsera \u00e9s totalment compatible amb marcapassos.<\/p>\n                                                                                    <\/div>\n                                    <\/li>\n                                                                    <li class=\"info-section__item\">\n                                                                                                                                <img loading=\"lazy\" decoding=\"async\" class=\"info-section__icono\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/landing26-ico-water-droplet.svg\"\n                                                 alt=\"\" aria-hidden=\"true\" width=\"24\" height=\"24\">\n                                                                                <div class=\"info-section__item-texto\">\n                                                                                            <h4 class=\"info-section__item-titulo\">Resistent a l\u2019aigua<\/h4>\n                                                                                                                                        <p class=\"info-section__item-desc\">Tamb\u00e9 el pots portar a la dutxa, on \u00e9s m\u00e9s freq\u00fcent que es produeixin accidents.<\/p>\n                                                                                    <\/div>\n                                    <\/li>\n                                                            <\/ul>\n                                            <\/div>\n                                <\/div>\n            \n        <\/div>\n    <\/div>\n<\/section>\n<\/div>\n\n<style type=\"text\/css\">\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 {\n        background: var(--VerdeLavado);\n        border-radius: 24px;\n        padding: 80px 0;\n    }\n\n    \/* El diseno no son tres columnas iguales: titular de 343 fijo, hueco de 99\n       (space-between) y un contenedor de 864 con las dos tarjetas de 420 y 24\n       de hueco. Se expresa en porcentaje sobre los 1306 del diseno. *\/\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__rejilla {\n        \/* Info Section: fila con space-between. Titular de 343 fijo y, a la\n           derecha, las dos tarjetas de 420 con 24 de hueco (contenedor de 864). *\/\n        display: flex;\n        align-items: flex-start;\n    }\n\n    \/* En escritorio el envoltorio no cuenta: las tarjetas siguen en la fila del titular. *\/\n#info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__columnas { display: contents; }\n\n    \/* 343 de titular + 99 de hueco + 420 + 24 + 420, sobre los 1306 del diseno. *\/\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__titulo {\n        width: 343px;\n        flex: none;\n        font-size: 32px;\n        font-weight: 700;\n        line-height: 35px !important;\n        letter-spacing: -0.65px;\n        color: var(--GrisOscuro);\n        margin: 0;\n    }\n\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__columna {\n        width: 420px;\n        flex: none;\n        margin-left: auto;\n        background: #fff;\n        border-radius: 16px;\n        padding: 40px 24px 24px;\n    }\n\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__columna + .info-section__columna {\n        margin-left: 24px;\n    }\n\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__columna-titulo {\n        font-size: 28px;\n        font-weight: 700;\n        line-height: 31px !important;\n        letter-spacing: -0.65px;\n        \/* El Figma usa aqu\u00ed la variable Neutros\/Negro, que vale #000000. *\/\n        color: #000;\n        margin: 0 0 16px;\n    }\n\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__lista {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n    }\n\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__item {\n        display: flex;\n        align-items: flex-start;\n        gap: 16px;\n        padding: 24px 0;\n    }\n\n    \/* En Figma la linea NO es un borde: es un nodo propio del stack, con alto 0\n       y borde de 1px, que consume 16px de hueco arriba y otros 16 abajo. Por eso\n       lleva margin-top ademas del borde: sin el, la tarjeta sale 48px mas corta. *\/\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__item + .info-section__item {\n        \/* En el Figma la linea es un nodo de alto 0 con trazo centrado: queda\n           justo tras el hueco de 16 y antes de otros 16 + los 24 de relleno. *\/\n        border-top: 1px solid var(--VerdeClaro);\n        margin-top: -0.5px;\n        padding-top: 39.5px;\n    }\n\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__icono {\n        width: 30px;\n        height: 28px;\n        object-fit: contain;\n        flex-shrink: 0;\n        margin-top: 2px;\n    }\n\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__item-titulo {\n        font-size: 24px;\n        font-weight: 700;\n        line-height: 26px !important;\n        letter-spacing: -0.204px;\n        color: var(--GrisOscuro);\n        margin: 0 0 8px;\n    }\n\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__item-desc {\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 22px !important;\n        color: var(--GrisOscuro);\n        margin: 0;\n    }\n\n@media (max-width: 1399px) {\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__titulo { width: 26.26%; }\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__columna { width: 32.16%; }\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__columna + .info-section__columna { margin-left: 1.84%; }\n}\n\n@media (max-width: 1199px) {\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__columna-titulo { font-size: 24px; }\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__item-titulo { font-size: 20px; }\n}\n\n@media (min-width: 769px) and (max-width: 991px) {\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__rejilla { flex-direction: column; gap: 32px; }\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__titulo { width: 100%; margin: 0; font-size: 28px; }\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__columna { width: 100%; margin-left: 0; }\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__columna + .info-section__columna { margin-left: 0; }\n}\n\n\/* M\u00f3vil (Figma 2139:4801): fondo #EFF7E2 con radio 24, relleno 56\/16, titular\n   a 40 de las tarjetas, que van en una tira de 313 con 16 de hueco y la barra\n   \"1 de 2\" a 16. Tarjeta: relleno 24, t\u00edtulo 24\/26,4; \u00edtems 20\/22 y 16\/22,4. *\/\n@media (max-width: 768px) {\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 { padding: 56px 0; border-radius: 24px; }\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__rejilla { display: block; }\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__titulo { width: 100%; font-size: 28px; line-height: 30.8px !important; letter-spacing: -0.65px; margin: 0 0 40px; }\n\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__columnas { display: flex; gap: 16px; margin: 0 -16px 0 0; }\n\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__columna {\n        \/* 313 sobre los 343 del artboard: la tarjeta deja 30px de la siguiente a la vista. *\/\n        flex: 0 0 calc(100% - 30px);\n        width: calc(100% - 30px);\n        margin: 0;\n        padding: 24px;\n    }\n\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__columna + .info-section__columna { margin-left: 0; }\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__columna-titulo { font-size: 24px; line-height: 26.4px !important; letter-spacing: -0.2px; margin: 0 0 16px; }\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__item-titulo { font-size: 20px; line-height: 22px !important; letter-spacing: -0.25px; }\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .info-section__item-desc { font-size: 16px; line-height: 22.4px !important; }\n\n    #info-section-block_c55ff3e14cb85f041f1acb1a5b4cb469 .carrusel-nav { margin-top: 16px; }\n}\n<\/style>\n<!-- \/wp:shortcode -->\n\n\n<!-- wp:shortcode -->\n<div class=\"bloque-ancla\" id=\"testimonials-section\" tabindex=\"-1\">\n<section id=\"testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80\" class=\"testimonials-section section  \">\n    <div class=\"testimonials-section__contenido\">\n                    <h2 class=\"testimonials-section__titulo\">El que expliquen els nostres usuaris i les seves fam\u00edlies<\/h2>\n        \n                    <div class=\"testimonials-section__tarjetas\" data-carrusel data-carrusel-items=\".testimonials-section__tarjeta\">\n                    <figure class=\"testimonials-section__tarjeta\">\n                                <blockquote class=\"testimonials-section__texto\">\u201cEl meu pare surt a caminar <strong> cada dia. <\/strong> Saber que porta el dispositiu amb GPS em dona la tranquil\u00b7litat que necessit\u00e0vem.\u201d<\/blockquote>\n                                <figcaption class=\"testimonials-section__autor\">\n                                                                            <span class=\"testimonials-section__nombre\">Manuel<\/span>\n                                                                                                                <span class=\"testimonials-section__punto\" aria-hidden=\"true\"><\/span>\n                                                                                                                <span class=\"testimonials-section__rol\">Familiar<\/span>\n                                                                    <\/figcaption>\n                            <\/figure>\n                    <figure class=\"testimonials-section__tarjeta\">\n                                <blockquote class=\"testimonials-section__texto\">\u201c<strong>Gr\u00e0cies a la teleassist\u00e8ncia de DomusVi<\/strong>,  s\u00e9 que la meva mare no est\u00e0 mai sola. L\u2019atenci\u00f3 \u00e9s r\u00e0pida i humana.\u201d<\/blockquote>\n                                <figcaption class=\"testimonials-section__autor\">\n                                                                            <span class=\"testimonials-section__nombre\">Mar\u00eda G.<\/span>\n                                                                                                                <span class=\"testimonials-section__punto\" aria-hidden=\"true\"><\/span>\n                                                                                                                <span class=\"testimonials-section__rol\">Filla d\u2019una usu\u00e0ria<\/span>\n                                                                    <\/figcaption>\n                            <\/figure>\n                    <figure class=\"testimonials-section__tarjeta\">\n                                <blockquote class=\"testimonials-section__texto\">\u201cDes que la meva mare t\u00e9 la <strong>teleassist\u00e8ncia de DomusVi<\/strong>, dormim tranquils. El dia que es va marejar, la van atendre en q\u00fcesti\u00f3 de segons i ens van avisar immediatament.\u201d<\/blockquote>\n                                <figcaption class=\"testimonials-section__autor\">\n                                                                            <span class=\"testimonials-section__nombre\">Laura<\/span>\n                                                                                                                <span class=\"testimonials-section__punto\" aria-hidden=\"true\"><\/span>\n                                                                                                                <span class=\"testimonials-section__rol\">Filla d\u2019una usu\u00e0ria<\/span>\n                                                                    <\/figcaption>\n                            <\/figure>\n                    <figure class=\"testimonials-section__tarjeta\">\n                                <blockquote class=\"testimonials-section__texto\">\u201cVaig caure a casa, vaig pr\u00e9mer el bot\u00f3  i en q\u00fcesti\u00f3 de segons van parlar amb mi.  Van avisar el meu fill i els serveis d\u2019emerg\u00e8ncia. <strong>Em vaig sentir acompanyada.<\/strong>\u201d<\/blockquote>\n                                <figcaption class=\"testimonials-section__autor\">\n                                                                            <span class=\"testimonials-section__nombre\">Antonio R<\/span>\n                                                                                                                <span class=\"testimonials-section__punto\" aria-hidden=\"true\"><\/span>\n                                                                                                                <span class=\"testimonials-section__rol\">Usuari<\/span>\n                                                                    <\/figcaption>\n                            <\/figure>\n                    <\/div>\n            <\/div>\n\n        <svg class=\"testimonials-section__onda\" viewBox=\"0 0 1441 223\" preserveAspectRatio=\"none\" fill=\"none\" aria-hidden=\"true\">\n        <path d=\"M156.864 27.0505C380.938 -133.241 -164.721 489.558 749.608 59.1088C977.82 -48.1453 1234.02 7.50247 1432.42 154.307C1437.85 158.324 1441 164.706 1441 171.459V201.353C1441 213.285 1431.33 222.957 1419.4 222.957H21.6036C9.67224 222.957 0 213.285 0 201.353V161.75C0 155.656 2.57026 149.837 7.11087 145.773C59.7124 98.699 111.937 59.1495 156.864 27.0505Z\" fill=\"white\"\/>\n    <\/svg>\n<\/section>\n<\/div>\n\n<style type=\"text\/css\">\n    \/* Secci\u00f3n: 1440 x 1009,87, relleno 80\/80\/0\/80. La onda (222,87 de alto) se\n       monta 16px sobre el contenido (gap -16 en el Figma). *\/\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 {\n        position: relative;\n        background: var(--VerdeUltraLavado);\n        padding: 80px 80px 0;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    \/* Testimonials Content: 866 fijo, 56 entre el t\u00edtulo y las tarjetas. *\/\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__contenido {\n        position: relative;\n        z-index: 1;\n        width: 866px;\n        max-width: 100%;\n    }\n\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__titulo {\n        font-size: 32px;\n        font-weight: 700;\n        line-height: 35px !important;\n        letter-spacing: -0.65px;\n        text-align: center;\n        color: var(--GrisOscuro);\n        margin: 0 0 56px;\n    }\n\n    \/* Dos columnas de 421 con 24 de hueco y 32 entre filas; la columna izquierda baja\n       72 (solo visualmente: el HTML conserva el orden de lectura, accesibilidad punto 12). *\/\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__tarjetas {\n        display: grid;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        column-gap: 24px;\n        row-gap: 32px;\n        align-items: start;\n        padding-bottom: 72px;\n    }\n\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__tarjeta:nth-child(odd) { transform: translateY(72px); }\n\n    \/* Tarjeta: 421 x 264 fijo, relleno 24, texto arriba y autor abajo. *\/\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__tarjeta {\n        min-height: 264px;\n        margin: 0;\n        padding: 24px;\n        background: var(--VerdeClaro);\n        border-radius: 16px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        gap: 48px;\n    }\n\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__texto {\n        font-size: 18px;\n        font-weight: 500;\n        line-height: 23.4px !important;\n        letter-spacing: -0.25px;\n        color: #000;\n        margin: 0;\n    }\n\n    \/* Los destacados van m\u00e1s grandes adem\u00e1s de en negrita. *\/\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__texto strong,\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__texto b {\n        font-size: 20px;\n        font-weight: 700;\n    }\n\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__autor {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        color: var(--GrisOscuro);\n    }\n\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__nombre {\n        font-size: 16px;\n        font-weight: 700;\n        line-height: 19px !important;\n        letter-spacing: -0.25px;\n    }\n\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__punto {\n        width: 2.34px;\n        height: 2.34px;\n        border-radius: 50%;\n        background: #000;\n        flex: none;\n    }\n\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__rol {\n        font-size: 14px;\n        font-weight: 400;\n        line-height: 17px !important;\n    }\n\n    \/* 80 + 723 - 16 + 222,87 = 1009,87. *\/\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__onda {\n        display: block;\n        align-self: stretch;\n        \/* A sangre: se sale de los 80 de relleno lateral de la secci\u00f3n. *\/\n        width: calc(100% + 160px);\n        margin: -16px -80px 0;\n        height: 222.87px;\n        flex: none;\n    }\n\n@media (min-width: 769px) and (max-width: 991px) {\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 { padding: 56px 24px 0; }\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__titulo { margin-bottom: 32px; }\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__tarjetas { grid-template-columns: 1fr; row-gap: 16px; padding-bottom: 0; }\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__tarjeta:nth-child(odd) { transform: none; }\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__tarjeta { min-height: 0; gap: 32px; }\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__onda { height: 120px; width: calc(100% + 48px); margin: -16px -24px 0; }\n}\n\n\/* M\u00f3vil (Figma 2239:1093): relleno 64\/16\/0, titular de 287 (28\/30,8) a 48 de\n   las tarjetas, que van en una tira de 313 x 264 con 16 de hueco y la barra\n   \"1 de 4\" a 32. La onda mide 58 y va a 48 de la barra. *\/\n@media (max-width: 768px) {\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 { padding: 64px 16px 0; }\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__contenido { width: 100%; }\n\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__titulo {\n        width: 287px;\n        max-width: 100%;\n        font-size: 28px;\n        line-height: 30.8px !important;\n        letter-spacing: -0.65px;\n        margin: 0 0 48px;\n    }\n\n    \/* En m\u00f3vil la rejilla de escritorio pasa a tira (flex) y se quita el escalonado. *\/\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__tarjetas {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: nowrap;\n        justify-content: flex-start;\n        align-items: stretch;\n        gap: 16px;\n        margin: 0 -16px 0 0;\n        padding-bottom: 0;\n    }\n\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__tarjeta {\n        \/* 313 sobre los 343 del artboard: la tarjeta deja 30px de la siguiente a la vista. *\/\n        flex: 0 0 calc(100% - 30px);\n        width: calc(100% - 30px);\n        min-height: 264px;\n        gap: 48px;\n        transform: none;\n        scroll-snap-align: start;\n    }\n\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .carrusel-nav { margin-top: 32px; }\n\n    #testimonials-section-block_bc4ec255f096bbc3dd579e604ea44a80 .testimonials-section__onda { height: 58px; width: calc(100% + 32px); margin: 48px -16px 0; }\n}\n<\/style>\n<!-- \/wp:shortcode -->\n\n\n<!-- wp:shortcode -->\n<div class=\"bloque-ancla\" id=\"cta-section\" tabindex=\"-1\">\n<section id=\"cta-section-block_9996a22b24800c8774e8276a273fc658\" class=\"cta-section section  \">\n    <div class=\"container\">\n        <div class=\"cta-section__panel\">\n\n                            <div class=\"cta-section__media\">\n                    <img decoding=\"async\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2026\/10\/landing26-cta-foto.jpg\"\n                         alt=\"\"\n                         aria-hidden=\"true\">\n                <\/div>\n            \n            <div class=\"cta-section__contenido\">\n                                    <h2 class=\"cta-section__titulo\">Sol\u00b7licita informaci\u00f3 o contracta avui mateix<\/h2>\n                \n                <div class=\"cta-section__acciones\">\n                                            <div class=\"cta-section__bloque\">\n                                                            <p class=\"cta-section__label\">Ll\u00e1manos gratis:<\/p>\n                                                        <a class=\"cta-section__telefono\" href=\"tel:900104424\">900 10 44 24<\/a>\n                        <\/div>\n                    \n                                            <span class=\"cta-section__linea\" aria-hidden=\"true\"><\/span>\n                    \n                                            <div class=\"cta-section__bloque cta-section__bloque--boton\">\n                                                            <p class=\"cta-section__label\">Et truquem gratu\u00eftament<\/p>\n                                                                                    <button type=\"button\" class=\"cta-section__boton botonsolicitarllamada\" aria-controls=\"hablamos\" aria-expanded=\"false\">\n                                                                                                                                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n                                        <path d=\"M13.9718 10.4817V12.5893C13.9726 12.7849 13.9325 12.9786 13.8542 13.1578C13.7758 13.3371 13.6608 13.498 13.5167 13.6303C13.3725 13.7626 13.2023 13.8633 13.0169 13.9259C12.8316 13.9886 12.6352 14.0119 12.4403 13.9943C10.2786 13.7594 8.20202 13.0207 6.37757 11.8376C4.68016 10.7589 3.24105 9.31984 2.16244 7.62243C0.975167 5.78969 0.2363 3.70306 0.00570216 1.53156C-0.0118535 1.33729 0.0112345 1.1415 0.0734958 0.956639C0.135757 0.77178 0.235828 0.601911 0.367336 0.457846C0.498845 0.313781 0.65891 0.198678 0.837341 0.119863C1.01577 0.0410494 1.20866 0.000251806 1.40372 6.81111e-05H3.51128C3.85222 -0.00328744 4.18275 0.117444 4.44126 0.33976C4.69976 0.562076 4.86861 0.870806 4.91633 1.20841C5.00528 1.88287 5.17025 2.54511 5.40809 3.18249C5.50261 3.43394 5.52307 3.70721 5.46704 3.96993C5.41101 4.23265 5.28084 4.4738 5.09196 4.66481L4.19976 5.55701C5.19983 7.31581 6.65609 8.77206 8.41489 9.77214L9.30709 8.87994C9.4981 8.69106 9.73925 8.56089 10.002 8.50486C10.2647 8.44883 10.538 8.46929 10.7894 8.56381C11.4268 8.80164 12.089 8.96662 12.7635 9.05557C13.1048 9.10371 13.4164 9.2756 13.6392 9.53855C13.862 9.8015 13.9804 10.1372 13.9718 10.4817Z\" fill=\"currentColor\"\/>\n                                    <\/svg>\n                                                                Sol\u00b7licitar una trucada                            <\/button>                        <\/div>\n                                    <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n<\/div>\n\n<style type=\"text\/css\">\n    #cta-section-block_9996a22b24800c8774e8276a273fc658 {\n        padding: 120px 0;\n        background: #fff;\n    }\n\n    \/* CTA Container: 1306 x 390,29, relleno 40\/48\/0\/0, reparto space-between. *\/\n    #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__panel {\n        background: var(--VerdeOscuro);\n        border-radius: 24px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 40px 48px 0 0;\n        overflow: hidden;\n    }\n\n    \/* La foto es un vector de 506,55 x 350,29 con contorno propio. El contorno\n       es el del Figma tal cual (nodo 2108:3734), aplicado como m\u00e1scara para que\n       sirva con cualquier foto que suba el cliente. *\/\n    #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__media {\n        width: 506.55px;\n        height: 350.29px;\n        flex: none;\n        align-self: flex-end;\n        -webkit-mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 507 351' preserveAspectRatio='none'%3E%3Cpath d='M0 350.599H507V202.475C506.416 198.217 505.956 193.929 505.496 189.64L505.492 189.603C504.499 180.348 503.506 171.091 501.279 162.137C484.014 92.972 441.919 43.9076 377.232 15.0974C331.124 -5.43004 284.52 -5.22511 238.207 16.9418C216.725 27.2226 194.337 35.7274 172.017 44.1638C155.179 50.5509 137.794 55.1448 119.385 54.2738C106.441 53.6761 98.6711 46.8279 99.4395 34.1391C100.037 24.5927 102.513 15.1657 104.016 5.67051C104.289 3.94566 103.948 2.11834 103.897 0.342256C101.967 0.666734 99.7469 0.478875 98.1587 1.41815C93.5992 4.09936 89.1933 7.10508 84.924 10.2303C51.658 34.6344 21.5171 62.1125 0 97.9075V350.599Z' fill='black'\/%3E%3C\/svg%3E\") no-repeat center \/ 100% 100%;\n                mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 507 351' preserveAspectRatio='none'%3E%3Cpath d='M0 350.599H507V202.475C506.416 198.217 505.956 193.929 505.496 189.64L505.492 189.603C504.499 180.348 503.506 171.091 501.279 162.137C484.014 92.972 441.919 43.9076 377.232 15.0974C331.124 -5.43004 284.52 -5.22511 238.207 16.9418C216.725 27.2226 194.337 35.7274 172.017 44.1638C155.179 50.5509 137.794 55.1448 119.385 54.2738C106.441 53.6761 98.6711 46.8279 99.4395 34.1391C100.037 24.5927 102.513 15.1657 104.016 5.67051C104.289 3.94566 103.948 2.11834 103.897 0.342256C101.967 0.666734 99.7469 0.478875 98.1587 1.41815C93.5992 4.09936 89.1933 7.10508 84.924 10.2303C51.658 34.6344 21.5171 62.1125 0 97.9075V350.599Z' fill='black'\/%3E%3C\/svg%3E\") no-repeat center \/ 100% 100%;\n    }\n\n    #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__media img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n    }\n\n    \/* CTA Column: 627 fijo, hueco de 64 entre el titular y la fila de abajo.\n       Va centrada en los 350 de alto \u00fatil del panel (el relleno de 40 de arriba\n       no cuenta), que es donde la pone el Figma: y = 207,6. *\/\n    #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__contenido {\n        width: 627px;\n        flex: none;\n        color: #fff;\n    }\n\n    #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__titulo {\n        font-size: 48px;\n        font-weight: 600;\n        line-height: 52.8px !important;\n        letter-spacing: -1px;\n        color: #fff;\n        width: 513.1px;\n        max-width: 100%;\n        margin: 0 0 64px;\n    }\n\n    \/* CTA Info: fila con 68 de hueco a cada lado de la l\u00ednea. *\/\n    #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__acciones {\n        display: flex;\n        align-items: flex-start;\n        gap: 68px;\n    }\n\n    #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__bloque {\n        display: flex;\n        flex-direction: column;\n        gap: 2px;\n    }\n\n    #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__bloque--boton {\n        gap: 12px;\n        align-items: flex-start;\n    }\n\n    \/* Line 104: 1px blanco, a toda la altura de la fila (85). *\/\n    #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__linea {\n        width: 0;\n        align-self: stretch;\n        border-left: 1px solid #fff;\n        margin: 0 -0.5px;\n    }\n\n    #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__label {\n        font-size: 20px;\n        font-weight: 700;\n        line-height: 22px !important;\n        letter-spacing: -0.25px;\n        color: #fff;\n        margin: 0;\n    }\n\n    #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__telefono {\n        display: block;\n        font-size: 36px;\n        font-weight: 600;\n        line-height: 43.2px !important;\n        letter-spacing: -1px;\n        color: #fff;\n        text-decoration: none;\n    }\n\n    #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__telefono:hover { text-decoration: underline; }\n\n    \/* boton-primario-blanco: 174 x 51, relleno 16, hueco 9, radio 39. *\/\n    #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__boton {\n        display: inline-flex;\n        align-items: center;\n        gap: 9px;\n        background: #fff;\n        border: 0;\n        border-radius: 39px;\n        color: var(--VerdeOscuro);\n        font-size: 16px;\n        font-weight: 600;\n        line-height: 19.2px !important;\n        letter-spacing: -0.5px;\n        padding: 16px;\n        text-decoration: none; \/* en modo llamada es un enlace tel: *\/\n        cursor: pointer;\n        transition: background-color .2s;\n    }\n\n    #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__boton:hover { background: #D9D9D9; color: var(--VerdeOscuro); }\n\n    @media (max-width: 1399px) {\n        #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__media { width: 40%; height: auto; aspect-ratio: 506.55 \/ 350.29; }\n        #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__contenido { width: 52%; }\n        #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__titulo { font-size: 40px; line-height: 1.1 !important; width: auto; margin-bottom: 40px; }\n        #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__acciones { gap: 32px; }\n        #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__telefono { font-size: 30px; line-height: 1.2 !important; }\n        #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__label { font-size: 18px; }\n    }\n\n    \/* M\u00f3vil (Figma 2137:482): relleno 40\/16; el panel va en columna con 32 de\n       relleno arriba y 32 entre el texto y la foto. Texto a 16 de los lados:\n       titular 28\/30,8 a 40 de la fila; tel\u00e9fono y bot\u00f3n en columna con 26 y\n       la l\u00ednea blanca entre ambos; bot\u00f3n de 311 x 51. La foto es el vector\n       Rectangle 6630 (376,97 x 260,68) pegado al borde izquierdo del panel. *\/\n    @media (max-width: 991px) {\n        #cta-section-block_9996a22b24800c8774e8276a273fc658 { padding: 40px 0; }\n\n        #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__panel {\n            flex-direction: column;\n            align-items: stretch;\n            gap: 32px;\n            padding: 32px 0 0;\n        }\n\n        #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__contenido { width: 100%; padding: 0 16px; }\n        #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__titulo { font-size: 28px; line-height: 30.8px !important; letter-spacing: -1px; width: auto; margin: 0 0 40px; }\n\n        #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__acciones { flex-direction: column; align-items: stretch; gap: 26px; }\n        #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__bloque { gap: 8px; }\n        #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__label { font-size: 16px; line-height: 19.2px !important; letter-spacing: -0.25px; }\n        #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__telefono { font-size: 24px; line-height: 28.8px !important; letter-spacing: -1px; }\n\n        #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__linea { width: auto; height: 0; border-left: 0; border-top: 1px solid #fff; margin: -0.5px 0; align-self: stretch; }\n\n        #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__bloque--boton { gap: 16px; align-items: stretch; }\n        #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__boton { justify-content: center; width: 100%; }\n\n        #cta-section-block_9996a22b24800c8774e8276a273fc658 .cta-section__media {\n            order: 1;\n            width: calc(100% + 34px);\n            max-width: none;\n            height: auto;\n            aspect-ratio: 376.97 \/ 260.68;\n            align-self: flex-start;\n            margin: 0;\n            -webkit-mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 377 261' preserveAspectRatio='none'%3E%3Cpath d='M0 260.702H377V150.558C376.566 147.392 376.224 144.203 375.882 141.014L375.879 140.986C375.14 134.105 374.402 127.222 372.746 120.563C359.908 69.133 328.607 32.6492 280.506 11.2263C246.22 -4.03772 211.566 -3.88534 177.129 12.5978C161.154 20.2425 144.507 26.5665 127.91 32.8397C115.389 37.5891 102.463 41.0051 88.7738 40.3574C79.1485 39.913 73.3708 34.8208 73.9422 25.3855C74.3866 18.2869 76.2279 11.2771 77.3453 4.21654C77.5485 2.93395 77.2946 1.57518 77.2565 0.254498C75.8216 0.495776 74.1708 0.356087 72.9898 1.05452C69.5994 3.04824 66.3232 5.28327 63.1487 7.60716C38.4124 25.7538 15.9999 46.1862 0 72.803V260.702Z' fill='black'\/%3E%3C\/svg%3E\") no-repeat center \/ 100% 100%;\n                    mask: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 377 261' preserveAspectRatio='none'%3E%3Cpath d='M0 260.702H377V150.558C376.566 147.392 376.224 144.203 375.882 141.014L375.879 140.986C375.14 134.105 374.402 127.222 372.746 120.563C359.908 69.133 328.607 32.6492 280.506 11.2263C246.22 -4.03772 211.566 -3.88534 177.129 12.5978C161.154 20.2425 144.507 26.5665 127.91 32.8397C115.389 37.5891 102.463 41.0051 88.7738 40.3574C79.1485 39.913 73.3708 34.8208 73.9422 25.3855C74.3866 18.2869 76.2279 11.2771 77.3453 4.21654C77.5485 2.93395 77.2946 1.57518 77.2565 0.254498C75.8216 0.495776 74.1708 0.356087 72.9898 1.05452C69.5994 3.04824 66.3232 5.28327 63.1487 7.60716C38.4124 25.7538 15.9999 46.1862 0 72.803V260.702Z' fill='black'\/%3E%3C\/svg%3E\") no-repeat center \/ 100% 100%;\n        }\n    }\n<\/style>\n<!-- \/wp:shortcode -->\n\n\n\n\n<!-- wp:shortcode -->\n<div class=\"bloque-ancla\" id=\"faqs\" tabindex=\"-1\">\n<section id=\"faqs-block_4773eec1cf3ce819f53ff88c68a87aca\" class=\"position-relative faqs    section\">\n\n  <div class=\"container\">\n    <div class=\"contenedorfaqswrapper\">\n\n      <h2>Preguntes freq\u00fcents<\/h2>\n\n      <div class=\"contenedorfaqs\">\n        <div class=\"accordion\" id=\"accordionExample\">\n                                  <div class=\"accordion-item\">\n              <h3 class=\"accordion-header\" id=\"heading1\">\n                <button\n                  class=\"accordion-button collapsed\"\n                  type=\"button\"\n                  data-bs-toggle=\"collapse\"\n                  data-bs-target=\"#collapse1\"\n                  aria-expanded=\"false\"\n                  aria-controls=\"collapse1\"\n                >\n                  \u00bfC\u00f3mo funciona?                <\/button>\n              <\/h3>\n\n              <div\n                id=\"collapse1\"\n                class=\"accordion-collapse collapse \"\n                data-bs-parent=\"#accordionExample\"\n                role=\"region\"\n                aria-labelledby=\"heading1\"\n                tabindex=\"-1\"\n              >\n                <div class=\"accordion-body\">\n                                                            <div class=\"iconofaq\">\n                        <h4>Instal\u00b7laci\u00f3 r\u00e0pida i senzilla<\/h4>\n                        <div>Els equips s\u00f3n f\u00e0cils d\u2019instal\u00b7lar i, en la modalitat M\u00f2bil, funcionen sense necessitat d\u2019instal\u00b7laci\u00f3 a casa.<\/div>\n                        <img decoding=\"async\"\n                          src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2025\/09\/iconfaq1.svg\"\n                          alt=\"\"\n                          width=\"18\"\n                        \/>\n                      <\/div>\n                                          <div class=\"iconofaq\">\n                        <h4>L\u2019usuari porta a sobre un bot\u00f3 d\u2019emerg\u00e8ncia<\/h4>\n                        <div>O una polsera amb localitzador.<\/div>\n                        <img decoding=\"async\"\n                          src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2025\/09\/iconfaq2.svg\"\n                          alt=\"\"\n                          width=\"18\"\n                        \/>\n                      <\/div>\n                                          <div class=\"iconofaq\">\n                        <h4>Davant de qualsevol necessitat<\/h4>\n                        <div>Prem el bot\u00f3 i s\u2019activa la trucada al centre.<\/div>\n                        <img decoding=\"async\"\n                          src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2025\/09\/iconfaq3.svg\"\n                          alt=\"\"\n                          width=\"18\"\n                        \/>\n                      <\/div>\n                                          <div class=\"iconofaq\">\n                        <h4>El nostre equip valora la situaci\u00f3 i activa l\u2019ajuda necess\u00e0ria<\/h4>\n                        <div>Familiars, serveis sanitaris o cossos d\u2019emerg\u00e8ncia.<\/div>\n                        <img decoding=\"async\"\n                          src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2025\/09\/iconfaq4.svg\"\n                          alt=\"\"\n                          width=\"18\"\n                        \/>\n                      <\/div>\n                                          <div class=\"iconofaq\">\n                        <h4>Fem un seguiment peri\u00f2dic<\/h4>\n                        <div>I trucades d\u2019acompanyament.<\/div>\n                        <img decoding=\"async\"\n                          src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2025\/09\/iconfaq5.svg\"\n                          alt=\"\"\n                          width=\"18\"\n                        \/>\n                      <\/div>\n                                          <div class=\"iconofaq\">\n                        <h4>Qu\u00e8 passa si premo sense voler el bot\u00f3 de teleassist\u00e8ncia?<\/h4>\n                        <div>No passa res. Els nostres professionals atenen la trucada com si fos una emerg\u00e8ncia i et pregunten si ha passat res. Si no hi ha cap motiu per a la trucada, aprofitaran per saludar-te i assegurar-se que est\u00e0s b\u00e9.<\/div>\n                        <img decoding=\"async\"\n                          src=\"\"\n                          alt=\"\"\n                          width=\"18\"\n                        \/>\n                      <\/div>\n                                          <div class=\"iconofaq\">\n                        <h4>Puc utilitzar el servei fora del meu domicili?<\/h4>\n                        <div>Si contractes el servei de Teleassist\u00e8ncia M\u00f2bil, podr\u00e0s utilitzar-lo tant dins com fora de casa.<\/div>\n                        <img decoding=\"async\"\n                          src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2025\/09\/iconfaq4.svg\"\n                          alt=\"\"\n                          width=\"18\"\n                        \/>\n                      <\/div>\n                                          <div class=\"iconofaq\">\n                        <h4>Em puc dutxar amb el penjoll o la polsera?<\/h4>\n                        <div>I tant! El penjoll o la polsera est\u00e0 especialment preparat per poder-te dutxar amb ell. A m\u00e9s, \u00e9s molt recomanable portar-lo durant la dutxa, ja que \u00e9s una situaci\u00f3 en qu\u00e8 es poden produir accidents.<\/div>\n                        <img decoding=\"async\"\n                          src=\"\"\n                          alt=\"\"\n                          width=\"18\"\n                        \/>\n                      <\/div>\n                                          <div class=\"iconofaq\">\n                        <h4>Si no hi ha electricitat, qu\u00e8 passa amb el servei?<\/h4>\n                        <div>En cas d\u2019una fallada de la xarxa el\u00e8ctrica, els nostres dispositius disposen d\u2019una bateria amb m\u00e9s de 48 hores d\u2019autonomia per continuar funcionant amb normalitat. A m\u00e9s, el mateix equip envia un av\u00eds al nostre Centre d\u2019Atenci\u00f3 per informar de la incid\u00e8ncia, de manera que els nostres professionals puguin gestionar l\u2019alerta i garantir que el servei no s\u2019interrompi en cap moment.<\/div>\n                        <img decoding=\"async\"\n                          src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2025\/09\/domusicon2.svg\"\n                          alt=\"\"\n                          width=\"18\"\n                        \/>\n                      <\/div>\n                                          <div class=\"iconofaq\">\n                        <h4>Si porto un marcapassos, puc utilitzar el bot\u00f3, el penjoll o la polsera?<\/h4>\n                        <div>S\u00ed, s\u00f3n completament compatibles.<\/div>\n                        <img decoding=\"async\"\n                          src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2025\/09\/icon2.svg\"\n                          alt=\"\"\n                          width=\"18\"\n                        \/>\n                      <\/div>\n                                                      <\/div>\n              <\/div>\n            <\/div>\n\n                                    <div class=\"accordion-item\">\n              <h3 class=\"accordion-header\" id=\"heading2\">\n                <button\n                  class=\"accordion-button collapsed\"\n                  type=\"button\"\n                  data-bs-toggle=\"collapse\"\n                  data-bs-target=\"#collapse2\"\n                  aria-expanded=\"false\"\n                  aria-controls=\"collapse2\"\n                >\n                  Instal\u00b7laci\u00f3 i manteniment                <\/button>\n              <\/h3>\n\n              <div\n                id=\"collapse2\"\n                class=\"accordion-collapse collapse \"\n                data-bs-parent=\"#accordionExample\"\n                role=\"region\"\n                aria-labelledby=\"heading2\"\n                tabindex=\"-1\"\n              >\n                <div class=\"accordion-body\">\n                                                            <div class=\"iconofaq\">\n                        <h4>Qu\u00e8 cal per instal\u00b7lar-lo?<\/h4>\n                        <div>No cal tenir l\u00ednia fixa, ja que una de les nostres modalitats de servei ho permet.<\/div>\n                        <img decoding=\"async\"\n                          src=\"\"\n                          alt=\"\"\n                          width=\"18\"\n                        \/>\n                      <\/div>\n                                          <div class=\"iconofaq\">\n                        <h4>La instal\u00b7laci\u00f3 i el manteniment tenen algun cost?<\/h4>\n                        <div>No, s\u00f3n equips f\u00e0cils d\u2019autoinstal\u00b7lar i el manteniment \u00e9s completament gratu\u00eft.<\/div>\n                        <img decoding=\"async\"\n                          src=\"\"\n                          alt=\"\"\n                          width=\"18\"\n                        \/>\n                      <\/div>\n                                          <div class=\"iconofaq\">\n                        <h4>Hi ha perman\u00e8ncia?<\/h4>\n                        <div>El nostre servei de teleassist\u00e8ncia no t\u00e9 perman\u00e8ncia. Nom\u00e9s cal trucar al nostre tel\u00e8fon d\u2019atenci\u00f3 gratu\u00efta i comunicar la baixa; el nostre personal d\u2019Atenci\u00f3 al Client et facilitar\u00e0 tot el proc\u00e9s.<\/div>\n                        <img decoding=\"async\"\n                          src=\"\"\n                          alt=\"\"\n                          width=\"18\"\n                        \/>\n                      <\/div>\n                                                      <\/div>\n              <\/div>\n            <\/div>\n\n                    <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\n\n<style type=\"text\/css\">\n  \/* Dise\u00f1o 2026. Todos los valores salen de la API del Figma (nodo 2108:3535). *\/\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca {\n    background: var(--VerdeUltraLavado);\n    border-radius: 24px;\n    padding: 80px 0;\n  }\n\n  \/* FAQ Container: blanco, radio 24, relleno 72\/80. *\/\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .contenedorfaqswrapper {\n    background: #fff;\n    border-radius: 24px;\n    padding: 72px 80px;\n  }\n\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca h2 {\n    font-size: 32px;\n    color: #000;\n    font-weight: 700;\n    line-height: 35px !important;\n    letter-spacing: -0.65px;\n    margin: 0 0 56px;\n    text-align: center;\n  }\n\n  \/* FAQ Content: 862 fijo, 16 entre preguntas. *\/\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .contenedorfaqs {\n    width: 862px;\n    max-width: 100%;\n    margin: 0 auto;\n  }\n\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion { --bs-accordion-bg: transparent; }\n\n  \/* Pregunta: relleno 24 cerrada (74 de alto) y 32\/24 abierta. *\/\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion-item {\n    border-radius: 8px !important;\n    background: var(--VerdeLavado);\n    padding: 24px;\n    border: 0 !important;\n    margin-bottom: 16px;\n  }\n\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion-item:has(.accordion-collapse.show),\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion-item:has(.accordion-collapse.collapsing) { padding: 32px 24px; }\n\n  \/* El cambio de relleno (24 -> 32) acompa\u00f1a al despliegue en vez de saltar. *\/\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion-item { transition: padding .35s ease; }\n\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion-item:last-child { margin-bottom: 0; }\n\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion-header { margin: 0; }\n\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion-button {\n    font-size: 24px;\n    color: #000;\n    font-weight: 700;\n    line-height: 26px !important;\n    letter-spacing: -0.2px;\n    padding: 0;\n    margin: 0;\n    background: transparent;\n    box-shadow: none;\n  }\n\n  \/* Flecha exportada del Figma (nodo 2108:3543): 16 x 8, trazo 2 en negro. *\/\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion-button::after {\n    width: 18px;\n    height: 10px;\n    background-image: url(\"data:image\/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M1 9L9 1L17 9' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\n    background-size: 18px 10px;\n    transform: rotate(180deg);\n  }\n\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion-button:not(.collapsed)::after { transform: none; }\n\n  \/* FAQ Answer: blanco, radio 4, relleno 32, 38 entre respuestas, a 20 de la pregunta. *\/\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion-body {\n    margin-top: 20px;\n    padding: 32px;\n    background: #fff;\n    border-radius: 4px;\n  }\n\n  \/* Respuesta: icono de 18 + 20 de hueco + bloque de texto. *\/\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .iconofaq {\n    position: relative;\n    font-size: 16px;\n    font-weight: 500;\n    color: var(--GrisOscuro);\n    padding-left: 38px;\n    margin-bottom: 38px;\n  }\n\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .iconofaq > div { line-height: 22px !important; }\n\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .iconofaq:last-child { margin-bottom: 0; }\n\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .iconofaq h4 {\n    font-size: 20px;\n    font-weight: 700;\n    line-height: 22px !important;\n    letter-spacing: -0.25px;\n    color: var(--VerdeOscuro);\n    margin: 0 0 8px;\n  }\n\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .iconofaq img {\n    position: absolute;\n    top: 2px;\n    left: 0;\n  }\n\n  @media (min-width: 769px) and (max-width: 991px) {\n    #faqs-block_4773eec1cf3ce819f53ff88c68a87aca { padding: 48px 0; }\n    #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .contenedorfaqswrapper { padding: 40px 24px; }\n    #faqs-block_4773eec1cf3ce819f53ff88c68a87aca h2 { margin-bottom: 32px; }\n  }\n\n  \/* M\u00f3vil (Figma 2137:496): sin caja blanca; fondo blanco, relleno 40\/16, titular\n     28\/30,8 a la izquierda y a 32 de las preguntas. Pregunta: #EFF7E2, radio 12,\n     relleno 24\/16, 24\/26,4 con la flecha de 16; respuesta blanca radio 8,\n     relleno 16, a 16 de la pregunta; bloques a 32 con icono de 18 a 12. *\/\n  @media (max-width: 768px) {\n    #faqs-block_4773eec1cf3ce819f53ff88c68a87aca { padding: 40px 0; background: #fff; border-radius: 0; }\n    #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .contenedorfaqswrapper { padding: 0; border-radius: 0; }\n    #faqs-block_4773eec1cf3ce819f53ff88c68a87aca h2 { font-size: 28px; line-height: 30.8px !important; letter-spacing: -0.65px; text-align: left; margin: 0 0 32px; }\n    #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion-item,\n    #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion-item:has(.accordion-collapse.show),\n    #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion-item:has(.accordion-collapse.collapsing) { padding: 24px 16px; border-radius: 12px !important; }\n    #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion-button { font-size: 24px; line-height: 26.4px !important; letter-spacing: -0.2px; }\n    #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion-button::after { width: 16px; height: 10px; background-size: 16px 10px; }\n    #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion-body { margin-top: 16px; padding: 16px; border-radius: 8px; }\n    #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .iconofaq { padding-left: 30px; margin-bottom: 32px; }\n    #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .iconofaq h4 { font-size: 20px; line-height: 22px !important; }\n    #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .iconofaq > div { line-height: 22.4px !important; }\n  }\n\n  \/* Foco accesible en el trigger *\/\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion-button:focus,\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion-button:focus-visible {\n    outline: 3px solid var(--VerdeOscuro) !important;\n    outline-offset: 4px;\n    box-shadow: none !important;\n    border-radius: 6px;\n  }\n\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion-button.collapsed:focus,\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion-button.collapsed:focus-visible {\n    outline: 3px solid var(--VerdeOscuro) !important;\n    outline-offset: 4px;\n    box-shadow: none !important;\n  }\n\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion-collapse:focus,\n  #faqs-block_4773eec1cf3ce819f53ff88c68a87aca .accordion-collapse:focus-visible {\n    outline: 2px dashed var(--VerdeOscuro) !important;\n    outline-offset: 6px;\n  }\n<\/style>\n\n<script type=\"text\/javascript\">\njQuery(document).ready(function($){\n  const $acc  = $('#accordionExample');\n  const $btns = $acc.find('.accordion-header .accordion-button');\n  const $section = $('.faqs#faqs-block_4773eec1cf3ce819f53ff88c68a87aca');\n\n  \/\/ -----------------\n  \/\/ Navegaci\u00f3n teclado accesible \u2191 \u2193 Home End\n  \/\/ -----------------\n  function focusBtn(idx){\n    if (idx < 0) idx = $btns.length - 1;\n    if (idx >= $btns.length) idx = 0;\n    $btns.eq(idx).focus();\n  }\n\n  $btns.on('keydown', function(e){\n    const idx = $btns.index(this);\n    switch (e.key) {\n      case 'ArrowUp':\n        e.preventDefault(); focusBtn(idx - 1); break;\n      case 'ArrowDown':\n        e.preventDefault(); focusBtn(idx + 1); break;\n      case 'Home':\n        e.preventDefault(); focusBtn(0); break;\n      case 'End':\n        e.preventDefault(); focusBtn($btns.length - 1); break;\n    }\n  });\n\n  \/\/ -----------------\n  \/\/ Al abrir una pregunta se pliega la que estaba abierta; si est\u00e1 por encima, la\n  \/\/ pulsada saldr\u00eda disparada hacia arriba (comentario de I\u00f1igo en el Figma,\n  \/\/ 13\/10\/2026; antes adem\u00e1s se saltaba de golpe al inicio de la secci\u00f3n).\n  \/\/ Mientras dura el plegado, la ventana se desplaza lo mismo que se encoge lo de\n  \/\/ arriba, as\u00ed la pregunta pulsada se queda quieta en pantalla.\n  \/\/ -----------------\n  $acc.on('show.bs.collapse', function (e) {\n    const boton = $(e.target).prev('.accordion-header').find('.accordion-button')[0];\n    if (!boton) { return; }\n    const y0 = boton.getBoundingClientRect().top;\n    const t0 = performance.now();\n    (function sigue() {\n      const dy = boton.getBoundingClientRect().top - y0;\n      if (Math.abs(dy) > 0.5) { window.scrollBy({ top: dy, left: 0, behavior: 'instant' }); }\n      if (performance.now() - t0 < 450) { requestAnimationFrame(sigue); }\n    })();\n  });\n});\n<\/script>\n<!-- \/wp:shortcode -->\n\n\n<!-- wp:shortcode -->\n<div class=\"bloque-ancla\" id=\"colaboradores\" tabindex=\"-1\">\n<section id=\"colaboradores-block_5722252cc1c71b0ae9178919a2d4b2ae\" class=\"position-relative colaboradores    section\" >\n\n    <div class=\"container\">  \n\n        \n        <h2>Entitats que confien en la nostra teleassist\u00e8ncia<\/h2>\n                \n\n        \n            <div class=\"slidercolaboradores\">\n                    \n                \n                    <div class=\"slidecolaborador\">\n                        <div class=\"cont-logo\">\n                            <div class=\"logo\">\n                                <img decoding=\"async\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2025\/09\/image-7.png\" alt=\"Deputaci\u00f3n de Pontevedra\" width=\"100%\"\/> \n                            <\/div>\n                        <\/div>\n                    <\/div>\n                  \n                \n                    <div class=\"slidecolaborador\">\n                        <div class=\"cont-logo\">\n                            <div class=\"logo\">\n                                <img decoding=\"async\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2025\/09\/image-8.png\" alt=\"Concello de Vigo\" width=\"100%\"\/> \n                            <\/div>\n                        <\/div>\n                    <\/div>\n                  \n                \n                    <div class=\"slidecolaborador\">\n                        <div class=\"cont-logo\">\n                            <div class=\"logo\">\n                                <img decoding=\"async\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2025\/09\/image-9.png\" alt=\"Sepad\" width=\"100%\"\/> \n                            <\/div>\n                        <\/div>\n                    <\/div>\n                  \n                \n                    <div class=\"slidecolaborador\">\n                        <div class=\"cont-logo\">\n                            <div class=\"logo\">\n                                <img decoding=\"async\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2025\/09\/image-12.png\" alt=\"Ayuntamiento de Badajoz\" width=\"100%\"\/> \n                            <\/div>\n                        <\/div>\n                    <\/div>\n                  \n                \n                    <div class=\"slidecolaborador\">\n                        <div class=\"cont-logo\">\n                            <div class=\"logo\">\n                                <img decoding=\"async\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2025\/09\/image-13.png\" alt=\"Generalitat Valenciana\" width=\"100%\"\/> \n                            <\/div>\n                        <\/div>\n                    <\/div>\n                  \n                \n                    <div class=\"slidecolaborador\">\n                        <div class=\"cont-logo\">\n                            <div class=\"logo\">\n                                <img decoding=\"async\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2025\/09\/image-14.png\" alt=\"Comunidad de Madrid\" width=\"100%\"\/> \n                            <\/div>\n                        <\/div>\n                    <\/div>\n                  \n                \n                    <div class=\"slidecolaborador\">\n                        <div class=\"cont-logo\">\n                            <div class=\"logo\">\n                                <img decoding=\"async\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2025\/09\/image-16.png\" alt=\"Ayuntamiento Torrej\u00f3n de Ardoz\" width=\"100%\"\/> \n                            <\/div>\n                        <\/div>\n                    <\/div>\n                  \n                \n                    <div class=\"slidecolaborador\">\n                        <div class=\"cont-logo\">\n                            <div class=\"logo\">\n                                <img decoding=\"async\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2025\/09\/image-18.png\" alt=\"Mapfre\" width=\"100%\"\/> \n                            <\/div>\n                        <\/div>\n                    <\/div>\n                  \n                \n                    <div class=\"slidecolaborador\">\n                        <div class=\"cont-logo\">\n                            <div class=\"logo\">\n                                <img decoding=\"async\" src=\"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2025\/09\/image-19.png\" alt=\"Col\u00b7legi de Metges de Barcelona\" width=\"100%\"\/> \n                            <\/div>\n                        <\/div>\n                    <\/div>\n                  \n                \n            <\/div>\n                    \n                \n    <\/div>\n    \n<\/section>\n<\/div>\n   \n\n    <style type=\"text\/css\">\n       \/* Dise\u00f1o 2026. Valores de la API del Figma (nodo 2108:3584): blanco,\n          relleno 120\/80\/80, 56 entre el t\u00edtulo y los logos. *\/\n       #colaboradores-block_5722252cc1c71b0ae9178919a2d4b2ae {\n            background: #fff;\n            padding: 120px 0 80px;\n       }\n\n       #colaboradores-block_5722252cc1c71b0ae9178919a2d4b2ae h2 {\n            font-size: 32px;\n            color: #000;\n            font-weight: 700;\n            line-height: 35px !important;\n            letter-spacing: -0.65px;\n            margin: 0 0 56px;\n            text-align: center;\n       }\n\n       \/* Contenedor de 1082: cinco cajas de ~196 x 96 con 20 de hueco. El hueco\n          lo dan los 10px de relleno de cada celda; el margen negativo quita los\n          10 que sobran arriba y abajo. *\/\n       #colaboradores-block_5722252cc1c71b0ae9178919a2d4b2ae .slidercolaboradores {\n            max-width: 1082px;\n            margin: -10px auto;\n       }\n\n       #colaboradores-block_5722252cc1c71b0ae9178919a2d4b2ae .slidecolaborador {\n            padding: 10px;\n            vertical-align: top;\n       }\n\n       #colaboradores-block_5722252cc1c71b0ae9178919a2d4b2ae .slidecolaborador img {\n            width: auto !important;\n            max-width: 156px;\n            max-height: 53px;\n       }\n\n       #colaboradores-block_5722252cc1c71b0ae9178919a2d4b2ae .cont-logo {\n            background: #fff;\n            border-radius: 11px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            height: 96px;\n        }\n\n        @media (max-width: 768px) {\n            \/* M\u00f3vil (Figma 2137:534): relleno 40\/16, titular 28\/30,8 a la izquierda y\n               a 24 de los logos, que van en dos columnas de 165 x 96 con 12 de hueco. *\/\n            #colaboradores-block_5722252cc1c71b0ae9178919a2d4b2ae { padding: 40px 0; }\n            #colaboradores-block_5722252cc1c71b0ae9178919a2d4b2ae h2 { font-size: 28px; line-height: 30.8px !important; letter-spacing: -0.65px; text-align: left; margin: 0 0 24px; }\n            #colaboradores-block_5722252cc1c71b0ae9178919a2d4b2ae .slidercolaboradores { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 0; max-width: none; }\n            #colaboradores-block_5722252cc1c71b0ae9178919a2d4b2ae .slidecolaborador { padding: 0; }\n            #colaboradores-block_5722252cc1c71b0ae9178919a2d4b2ae .slidecolaborador img { max-width: 144.5px; max-height: 53px; }\n        }\n<\/style>\n\n    <script type=\"text\/javascript\">   \n\n\n\n        jQuery(document).ready(function($) {\n           \n\n            $('#colaboradores-block_5722252cc1c71b0ae9178919a2d4b2ae .slidercolaboradores').slick({\n              rows: 2,           \n              slidesPerRow: 5,   \n              responsive: [\n                {\n                  breakpoint: 768,\n                  \/\/ En m\u00f3vil el dise\u00f1o 2026 no lleva slider: todos los logos en\n                  \/\/ dos columnas (rejilla en el CSS del bloque).\n                  settings: 'unslick'\n                },\n                \n              ]\n            });\n\n            setTimeout(() => {\n              if (window.innerWidth > 1024) {\n                $('#colaboradores-block_5722252cc1c71b0ae9178919a2d4b2ae .slick-slide').attr('tabindex', '-1');\n              }\n            }, 1000);\n            \n\n        });\n\n       \n    <\/script>\n<!-- \/wp:shortcode -->\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-649","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Teleasistencia - Teleasistencia<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Teleasistencia - Teleasistencia\" \/>\n<meta property=\"og:url\" content=\"https:\/\/teleasistencia.programando.ovh\/ca\/\" \/>\n<meta property=\"og:site_name\" content=\"Teleasistencia\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-26T15:25:38+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/teleasistencia.programando.ovh\\\/ca\\\/\",\"url\":\"https:\\\/\\\/teleasistencia.programando.ovh\\\/ca\\\/\",\"name\":\"Teleasistencia - Teleasistencia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/teleasistencia.programando.ovh\\\/ca\\\/#website\"},\"datePublished\":\"2026-10-01T12:21:30+00:00\",\"dateModified\":\"2026-10-26T15:25:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/teleasistencia.programando.ovh\\\/ca\\\/#breadcrumb\"},\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/teleasistencia.programando.ovh\\\/ca\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/teleasistencia.programando.ovh\\\/ca\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/teleasistencia.programando.ovh\\\/ca\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Teleasistencia\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/teleasistencia.programando.ovh\\\/ca\\\/#website\",\"url\":\"https:\\\/\\\/teleasistencia.programando.ovh\\\/ca\\\/\",\"name\":\"Teleasistencia\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/teleasistencia.programando.ovh\\\/ca\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/teleasistencia.programando.ovh\\\/ca\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/teleasistencia.programando.ovh\\\/ca\\\/#organization\",\"name\":\"DomusVi\",\"url\":\"https:\\\/\\\/teleasistencia.programando.ovh\\\/ca\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\\\/\\\/teleasistencia.programando.ovh\\\/ca\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/teleasistencia.programando.ovh\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/logo.svg\",\"contentUrl\":\"https:\\\/\\\/teleasistencia.programando.ovh\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/logo.svg\",\"width\":1,\"height\":1,\"caption\":\"DomusVi\"},\"image\":{\"@id\":\"https:\\\/\\\/teleasistencia.programando.ovh\\\/ca\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Teleasistencia - Teleasistencia","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"ca_ES","og_type":"article","og_title":"Teleasistencia - Teleasistencia","og_url":"https:\/\/teleasistencia.programando.ovh\/ca\/","og_site_name":"Teleasistencia","article_modified_time":"2026-10-26T15:25:38+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/teleasistencia.programando.ovh\/ca\/","url":"https:\/\/teleasistencia.programando.ovh\/ca\/","name":"Teleasistencia - Teleasistencia","isPartOf":{"@id":"https:\/\/teleasistencia.programando.ovh\/ca\/#website"},"datePublished":"2026-10-01T12:21:30+00:00","dateModified":"2026-10-26T15:25:38+00:00","breadcrumb":{"@id":"https:\/\/teleasistencia.programando.ovh\/ca\/#breadcrumb"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/teleasistencia.programando.ovh\/ca\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/teleasistencia.programando.ovh\/ca\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/teleasistencia.programando.ovh\/ca\/"},{"@type":"ListItem","position":2,"name":"Teleasistencia"}]},{"@type":"WebSite","@id":"https:\/\/teleasistencia.programando.ovh\/ca\/#website","url":"https:\/\/teleasistencia.programando.ovh\/ca\/","name":"Teleasistencia","description":"","publisher":{"@id":"https:\/\/teleasistencia.programando.ovh\/ca\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/teleasistencia.programando.ovh\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Organization","@id":"https:\/\/teleasistencia.programando.ovh\/ca\/#organization","name":"DomusVi","url":"https:\/\/teleasistencia.programando.ovh\/ca\/","logo":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/teleasistencia.programando.ovh\/ca\/#\/schema\/logo\/image\/","url":"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2025\/09\/logo.svg","contentUrl":"https:\/\/teleasistencia.programando.ovh\/wp-content\/uploads\/2025\/09\/logo.svg","width":1,"height":1,"caption":"DomusVi"},"image":{"@id":"https:\/\/teleasistencia.programando.ovh\/ca\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/teleasistencia.programando.ovh\/ca\/wp-json\/wp\/v2\/pages\/649","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teleasistencia.programando.ovh\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teleasistencia.programando.ovh\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teleasistencia.programando.ovh\/ca\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/teleasistencia.programando.ovh\/ca\/wp-json\/wp\/v2\/comments?post=649"}],"version-history":[{"count":7,"href":"https:\/\/teleasistencia.programando.ovh\/ca\/wp-json\/wp\/v2\/pages\/649\/revisions"}],"predecessor-version":[{"id":671,"href":"https:\/\/teleasistencia.programando.ovh\/ca\/wp-json\/wp\/v2\/pages\/649\/revisions\/671"}],"wp:attachment":[{"href":"https:\/\/teleasistencia.programando.ovh\/ca\/wp-json\/wp\/v2\/media?parent=649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}