{"id":9673,"date":"2026-06-25T21:34:05","date_gmt":"2026-06-25T19:34:05","guid":{"rendered":"https:\/\/www.imbatik.com\/serveis\/"},"modified":"2026-10-22T01:17:00","modified_gmt":"2026-10-21T23:17:00","slug":"serveis","status":"publish","type":"page","link":"https:\/\/www.imbatik.com\/ca\/serveis\/","title":{"rendered":"Serveis"},"content":{"rendered":"\n<div id=\"hero-prestashop-block_b281e787d703e10e3ed45c4193cad8eb\" class=\"sp-hero\">\n    <div class=\"sp-hero__inner\">\n        <div class=\"sp-hero__content\">\n                            <p class=\"sp-hero__badge\">\n                    <span class=\"material-symbols-outlined\" style=\"font-variation-settings: 'FILL' 1; font-size: 16px;\">verified<\/span>\n                    \u2728 Serveis Imbatik                <\/p>\n                        \n            <h1>Tot el que <span>fem<\/span> perqu\u00e8 el teu negoci creixi en digital.<\/h1>\n            \n                            <p class=\"sp-hero__desc\">Botiga en l\u00ednia, posicionament org\u00e0nic, campanyes de pagament, disseny web i posicionament a la IA. Cada servei amb una filosofia pr\u00f2pia i resultats mesurables. Sense paquets gen\u00e8rics: adaptem cada projecte al teu cas.<\/p>\n                        \n            <div class=\"sp-hero__actions\">\n                <a href=\"#servicios\" class=\"btn-primary\">Explorar serveis<\/a>\n            <\/div>\n            \n            <div class=\"sp-hero__social-proof\">\n                <div class=\"sp-hero__brand-dots\" aria-hidden=\"true\" title=\"Els 4 colors que ens defineixen\">\n                    <span class=\"brand-dot brand-dot--blue\"><\/span>\n                    <span class=\"brand-dot brand-dot--coral\"><\/span>\n                    <span class=\"brand-dot brand-dot--yellow\"><\/span>\n                    <span class=\"brand-dot brand-dot--green\"><\/span>\n                <\/div>\n                <div class=\"sp-hero__proof-text\">+10 anys \u00b7 +150 projectes \u00b7 Partner de Google, Meta, PrestaShop i Shopify<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"sp-hero__form-wrap\">\n            <div class=\"sp-form-card\">\n                <h2>Explica&#8217;ns el teu projecte<\/h2>\n                <p>Explica&#8217;ns qu\u00e8 vols aconseguir i en 24h et diem quins serveis encaixen amb el teu cas i per on comen\u00e7aries.<\/p>\n                \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f10011-o1\" lang=\"ca\" dir=\"ltr\" data-wpcf7-id=\"10011\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/ca\/wp-json\/wp\/v2\/pages\/9673#wpcf7-f10011-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulari de contacte\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"10011\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.2.3\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"ca\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f10011-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"cf7-row\">\n  <span class=\"wpcf7-form-control-wrap\" data-name=\"nombre\"><input size=\"40\" maxlength=\"100\" minlength=\"2\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nom i cognoms *\" value=\"\" type=\"text\" name=\"nombre\" \/><\/span>\n<\/div>\n\n<div class=\"cf7-row cf7-row--2col\">\n  <div><span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Correu electr\u00f2nic *\" value=\"\" type=\"email\" name=\"email\" \/><\/span><\/div>\n  <div><span class=\"wpcf7-form-control-wrap\" data-name=\"telefono\"><input size=\"40\" maxlength=\"400\" minlength=\"9\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" autocomplete=\"tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tel\u00e8fon *\" value=\"\" type=\"tel\" name=\"telefono\" \/><\/span><\/div>\n<\/div>\n\n<div class=\"cf7-row\">\n  <span class=\"wpcf7-form-control-wrap\" data-name=\"servicio\" aria-label=\"Servicio de inter\u00e9s\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"servicio\" aria-label=\"Servicio de inter\u00e9s\"><option value=\"\">En qu\u00e8 et podem ajudar? *<\/option><option value=\"Disseny Web\">Disseny Web<\/option><option value=\"Botiga en l\u00ednia (PrestaShop \/ Shopify)\">Botiga en l\u00ednia (PrestaShop \/ Shopify)<\/option><option value=\"Migraci\u00f3 entre plataformes\">Migraci\u00f3 entre plataformes<\/option><option value=\"SEO i posicionament org\u00e0nic\">SEO i posicionament org\u00e0nic<\/option><option value=\"SEM (Google Ads \/ Meta Ads)\">SEM (Google Ads \/ Meta Ads)<\/option><option value=\"Manteniment web mensual\">Manteniment web mensual<\/option><option value=\"Auditoria \/ consultoria puntual\">Auditoria \/ consultoria puntual<\/option><option value=\"Altres \/ No n&#039;estic segur\">Altres \/ No n&#039;estic segur<\/option><\/select><\/span>\n<\/div>\n\n<div class=\"cf7-row\">\n  <span class=\"wpcf7-form-control-wrap\" data-name=\"web\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-url wpcf7-text wpcf7-validates-as-url\" autocomplete=\"url\" aria-invalid=\"false\" placeholder=\"URL del teu web actual (opcional)\" value=\"\" type=\"url\" name=\"web\" \/><\/span>\n<\/div>\n\n<div class=\"cf7-row\">\n  <span class=\"wpcf7-form-control-wrap\" data-name=\"mensaje\"><textarea cols=\"40\" rows=\"10\" maxlength=\"1500\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Explica&#039;ns el teu projecte: objectius, context, terminis...\" name=\"mensaje\"><\/textarea><\/span>\n<\/div>\n\n<div class=\"cf7-row cf7-row--privacy\">\n  <span class=\"wpcf7-form-control-wrap\" data-name=\"privacidad\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"privacidad\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">He llegit i accepto la <a href=\"\/politica-de-privacidad\/\" target=\"_blank\">pol\u00edtica de privacitat<\/a> i el tractament de les meves dades per respondre aquesta consulta. *<\/span><\/label><\/span><\/span><\/span>\n<\/div>\n\n<!-- Honeypot anti-bot -->\n<div class=\"cf7-row cf7-row--honeypot\" style=\"position:absolute;left:-9999px;\" aria-hidden=\"true\">\n  <span class=\"wpcf7-form-control-wrap\" data-name=\"website\" tabindex=\"-1\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" autocomplete=\"off\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"website\" tabindex=\"-1\" \/><\/span>\n<\/div>\n\n<div class=\"cf7-row cf7-row--submit\">\n  <input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Envia el missatge\" \/>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n            <\/div>\n            <div class=\"sp-form-deco-1\"><\/div>\n            <div class=\"sp-form-deco-2\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* ============================================================\n   SERVICES OVERVIEW \u2014 Distribuidor principal de \/servicios\/\n   ============================================================ *\/\n.so-section {\n    padding: 96px 24px;\n    background:\n        radial-gradient(ellipse 60% 40% at 50% 0%, rgba(92,130,242,.06) 0%, transparent 70%),\n        radial-gradient(ellipse 50% 30% at 100% 100%, rgba(255,123,114,.04) 0%, transparent 70%),\n        #fafbfc;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    position: relative;\n    overflow: hidden;\n}\n\n.so-inner {\n    max-width: 1240px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n}\n\n\/* === HEADER === *\/\n.so-header {\n    text-align: center;\n    margin-bottom: 64px;\n    max-width: 760px;\n    margin-left: auto;\n    margin-right: auto;\n}\n.so-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 18px;\n    background: linear-gradient(135deg, rgba(92,130,242,.10), rgba(255,123,114,.10));\n    border: 1px solid rgba(92,130,242,.18);\n    border-radius: 9999px;\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.12em;\n    color: #3a5fd4;\n    margin-bottom: 22px;\n    text-transform: uppercase;\n}\n.so-title {\n    font-size: clamp(30px, 4.5vw, 48px);\n    font-weight: 800;\n    letter-spacing: -0.025em;\n    line-height: 1.1;\n    color: #0a0e1a;\n    margin: 0 0 16px;\n}\n.so-title span {\n    background: linear-gradient(135deg, #5C82F2 0%, #FF7B72 60%, #FFD266 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n.so-subtitle {\n    font-size: clamp(16px, 1.4vw, 18px);\n    font-weight: 500;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0;\n}\n\n\/* === GRID === *\/\n.so-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 24px;\n}\n@media (min-width: 768px) {\n    .so-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 28px;\n    }\n}\n@media (min-width: 1100px) {\n    .so-grid { gap: 32px; }\n}\n\n\/* === CARD === *\/\n.so-card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    padding: 36px 32px 32px;\n    background: #fff;\n    border: 1px solid rgba(15, 23, 42, 0.06);\n    border-radius: 24px;\n    overflow: hidden;\n    transition: transform .4s cubic-bezier(.16,1,.3,1),\n                box-shadow .4s,\n                border-color .4s;\n}\n\n\/* Top accent bar \u2014 color por hub *\/\n.so-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 6px;\n    background: var(--so-accent, #5C82F2);\n    transform: scaleX(0.5);\n    transform-origin: left;\n    transition: transform .55s cubic-bezier(.16,1,.3,1);\n}\n\n\/* Asignaci\u00f3n de colores por dato del hub *\/\n.so-card[data-color=\"blue\"]   { --so-accent: #5C82F2; --so-tint: rgba(92,130,242,.12); --so-tint-strong: rgba(92,130,242,.20); }\n.so-card[data-color=\"coral\"]  { --so-accent: #FF7B72; --so-tint: rgba(255,123,114,.12); --so-tint-strong: rgba(255,123,114,.20); }\n.so-card[data-color=\"green\"]  { --so-accent: #6FDBA5; --so-tint: rgba(111,219,165,.14); --so-tint-strong: rgba(111,219,165,.24); }\n.so-card[data-color=\"yellow\"] { --so-accent: #FFD266; --so-tint: rgba(255,210,102,.16); --so-tint-strong: rgba(255,210,102,.30); }\n\n.so-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 28px 56px rgba(15,23,42,.10),\n                0 8px 22px rgba(15,23,42,.05);\n    border-color: transparent;\n}\n.so-card:hover::before { transform: scaleX(1); }\n\n\/* === Number eyebrow === *\/\n.so-card__num {\n    font-size: 11.5px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    color: var(--so-accent);\n    text-transform: uppercase;\n    margin-bottom: 18px;\n    font-feature-settings: 'tnum';\n}\n\n\/* === Icon + t\u00edtulo === *\/\n.so-card__head {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 18px;\n}\n.so-card__icon {\n    flex-shrink: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 64px;\n    height: 64px;\n    border-radius: 18px;\n    background: var(--so-tint);\n    color: var(--so-accent);\n    transition: transform .35s cubic-bezier(.16,1,.3,1),\n                background .35s;\n}\n.so-card:hover .so-card__icon {\n    transform: scale(1.06) rotate(-4deg);\n    background: var(--so-tint-strong);\n}\n.so-card__icon .material-symbols-outlined {\n    font-size: 32px;\n    font-variation-settings: 'FILL' 1, 'wght' 500;\n}\n\n.so-card__title {\n    font-size: clamp(22px, 2.4vw, 26px);\n    font-weight: 800;\n    letter-spacing: -0.02em;\n    color: #0a0e1a;\n    margin: 0;\n    line-height: 1.2;\n}\n\n\/* === Descripci\u00f3n === *\/\n.so-card__desc {\n    font-size: 15px;\n    font-weight: 500;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0 0 24px;\n}\n\n\/* === Sub-items (hijas) === *\/\n.so-card__subs {\n    list-style: none;\n    padding: 0;\n    margin: 0 0 28px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 8px 16px;\n}\n@media (max-width: 540px) {\n    .so-card__subs { grid-template-columns: 1fr; }\n}\n.so-card__subs li { margin: 0; }\n.so-card__subs a {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13.5px;\n    font-weight: 600;\n    color: #0a0e1a;\n    text-decoration: none;\n    padding: 8px 10px;\n    border-radius: 8px;\n    transition: background .2s, color .2s;\n}\n.so-card__subs a::before {\n    content: '';\n    width: 5px;\n    height: 5px;\n    border-radius: 50%;\n    background: var(--so-accent);\n    flex-shrink: 0;\n}\n.so-card__subs a:hover {\n    background: var(--so-tint);\n    color: var(--so-accent);\n}\n\n.so-card__subs-label {\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 0.10em;\n    color: #94a3b8;\n    text-transform: uppercase;\n    margin: 0 0 12px;\n    padding-top: 16px;\n    border-top: 1px dashed rgba(15,23,42,.08);\n}\n\n\/* === CTA === *\/\n.so-card__cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 22px;\n    background: var(--so-accent);\n    color: #fff !important;\n    border-radius: 11px;\n    font-size: 14px;\n    font-weight: 700;\n    text-decoration: none !important;\n    margin-top: auto;\n    align-self: flex-start;\n    transition: transform .25s cubic-bezier(.16,1,.3,1),\n                box-shadow .25s,\n                filter .25s;\n    box-shadow: 0 5px 16px rgba(0,0,0,.06);\n}\n.so-card__cta .arrow {\n    font-weight: 800;\n    transition: transform .25s cubic-bezier(.16,1,.3,1);\n}\n.so-card__cta:hover {\n    transform: translateY(-2px);\n    filter: brightness(.95);\n    box-shadow: 0 10px 24px rgba(0,0,0,.12);\n    color: #fff !important;\n}\n.so-card__cta:hover .arrow { transform: translateX(4px); }\n\n\/* Animaci\u00f3n entrada *\/\n.so-card {\n    opacity: 0;\n    transform: translateY(24px);\n    animation: soEnter .65s cubic-bezier(.16,1,.3,1) forwards;\n}\n.so-card:nth-child(1) { animation-delay: 0.05s; }\n.so-card:nth-child(2) { animation-delay: 0.13s; }\n.so-card:nth-child(3) { animation-delay: 0.21s; }\n.so-card:nth-child(4) { animation-delay: 0.29s; }\n.so-card:nth-child(5) { animation-delay: 0.37s; }\n.so-card:nth-child(6) { animation-delay: 0.45s; }\n@keyframes soEnter { to { opacity: 1; transform: translateY(0); } }\n\n@media (prefers-reduced-motion: reduce) {\n    .so-card { animation: none; opacity: 1; transform: none; }\n    .so-card:hover { transform: none; }\n    .so-card:hover .so-card__icon { transform: none; }\n}\n\n@media (max-width: 640px) {\n    .so-section { padding: 64px 16px; }\n    .so-card { padding: 28px 22px 26px; }\n    .so-card__icon { width: 54px; height: 54px; border-radius: 14px; }\n    .so-card__icon .material-symbols-outlined { font-size: 28px; }\n}\n<\/style>\n\n<section id=\"servicios\" class=\"so-section\">\n    <div class=\"so-inner\">\n\n        <header class=\"so-header\">\n                            <span class=\"so-eyebrow\">LA NOSTRA OFERTA<\/span>\n                        <h2 class=\"so-title\">Serveis pensats perqu\u00e8 <span>creixis<\/span><\/h2>\n                            <p class=\"so-subtitle\">Cada servei amb una filosofia pr\u00f2pia i resultats mesurables. Fes clic a l&#039;\u00e0rea que encaixa millor amb el teu cas.<\/p>\n                    <\/header>\n\n        <div class=\"so-grid\">\n                            <article class=\"so-card\" data-color=\"blue\">\n                    <div class=\"so-card__num\">Servei n\u00fam. 01<\/div>\n\n                    <div class=\"so-card__head\">\n                        <span class=\"so-card__icon\" aria-hidden=\"true\">\n                            <span class=\"material-symbols-outlined\">storefront<\/span>\n                        <\/span>\n                        <h3 class=\"so-card__title\">Ag\u00e8ncia PrestaShop<\/h3>\n                    <\/div>\n\n                    <p class=\"so-card__desc\">Ag\u00e8ncia PrestaShop especialitzada. Desenvolupament de botigues, optimitzaci\u00f3 del rendiment, manteniment i SEO per a e-commerce. Partner oficial. Sense perman\u00e8ncia.<\/p>\n\n                                            <p class=\"so-card__subs-label\">Especialitats<\/p>\n                        <ul class=\"so-card__subs\">\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-prestashop\/agencia-prestashop-barcelona\/\">\n                                        Ag\u00e8ncia PrestaShop Barcelona                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-prestashop\/agencia-prestashop-girona\/\">\n                                        Ag\u00e8ncia PrestaShop Girona                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-prestashop\/manteniment-prestashop\/\">\n                                        Manteniment PrestaShop                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-prestashop\/agencia-prestashop-terrassa\/\">\n                                        Ag\u00e8ncia PrestaShop Terrassa                                    <\/a>\n                                <\/li>\n                                                    <\/ul>\n                    \n                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-prestashop\/\" class=\"so-card__cta\">\n                        Veure el servei complet                        <span class=\"arrow\">\u2192<\/span>\n                    <\/a>\n                <\/article>\n                            <article class=\"so-card\" data-color=\"green\">\n                    <div class=\"so-card__num\">Servei n\u00fam. 02<\/div>\n\n                    <div class=\"so-card__head\">\n                        <span class=\"so-card__icon\" aria-hidden=\"true\">\n                            <span class=\"material-symbols-outlined\">shopping_bag<\/span>\n                        <\/span>\n                        <h3 class=\"so-card__title\">Ag\u00e8ncia Shopify<\/h3>\n                    <\/div>\n\n                    <p class=\"so-card__desc\">Ag\u00e8ncia Shopify experta en botigues D2C, Shopify Markets internacional i migracions. Themes optimitzats i focus en la conversi\u00f3. Sense perman\u00e8ncia.<\/p>\n\n                                            <p class=\"so-card__subs-label\">Especialitats<\/p>\n                        <ul class=\"so-card__subs\">\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-shopify\/agencia-shopify-barcelona\/\">\n                                        Ag\u00e8ncia Shopify Barcelona                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-shopify\/agencia-shopify-girona\/\">\n                                        Ag\u00e8ncia Shopify Girona                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-shopify\/agencia-shopify-terrassa\/\">\n                                        Ag\u00e8ncia Shopify Terrassa                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-shopify\/migracio-a-shopify\/\">\n                                        Migraci\u00f3 a Shopify                                    <\/a>\n                                <\/li>\n                                                    <\/ul>\n                    \n                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-shopify\/\" class=\"so-card__cta\">\n                        Veure el servei complet                        <span class=\"arrow\">\u2192<\/span>\n                    <\/a>\n                <\/article>\n                            <article class=\"so-card\" data-color=\"coral\">\n                    <div class=\"so-card__num\">Servei n\u00fam. 03<\/div>\n\n                    <div class=\"so-card__head\">\n                        <span class=\"so-card__icon\" aria-hidden=\"true\">\n                            <span class=\"material-symbols-outlined\">search<\/span>\n                        <\/span>\n                        <h3 class=\"so-card__title\">Ag\u00e8ncia SEO<\/h3>\n                    <\/div>\n\n                    <p class=\"so-card__desc\">Ag\u00e8ncia SEO amb estrat\u00e8gia a mida. Auditem, optimitzem i fem cr\u00e9ixer el teu tr\u00e0nsit org\u00e0nic a Google. Sense perman\u00e8ncia. Auditoria gratu\u00efta.<\/p>\n\n                                            <p class=\"so-card__subs-label\">Especialitats<\/p>\n                        <ul class=\"so-card__subs\">\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-seo\/agencia-seo-barcelona\/\">\n                                        Ag\u00e8ncia SEO Barcelona                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-seo\/agencia-seo-figueres\/\">\n                                        Ag\u00e8ncia SEO Figueres                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-seo\/agencia-seo-girona\/\">\n                                        Ag\u00e8ncia SEO Girona                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-seo\/agencia-seo-prestashop\/\">\n                                        Ag\u00e8ncia SEO PrestaShop                                    <\/a>\n                                <\/li>\n                                                    <\/ul>\n                    \n                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-seo\/\" class=\"so-card__cta\">\n                        Veure el servei complet                        <span class=\"arrow\">\u2192<\/span>\n                    <\/a>\n                <\/article>\n                            <article class=\"so-card\" data-color=\"yellow\">\n                    <div class=\"so-card__num\">Servei n\u00fam. 04<\/div>\n\n                    <div class=\"so-card__head\">\n                        <span class=\"so-card__icon\" aria-hidden=\"true\">\n                            <span class=\"material-symbols-outlined\">priority_high<\/span>\n                        <\/span>\n                        <h3 class=\"so-card__title\">Ag\u00e8ncia SEM<\/h3>\n                    <\/div>\n\n                    <p class=\"so-card__desc\">Ag\u00e8ncia SEM amb tracking server-side i ROAS real. Google Ads, Meta Ads, TikTok Ads i Microsoft Ads. Partner de Google. Sense perman\u00e8ncia ni m\u00e8triques decoratives.<\/p>\n\n                                            <p class=\"so-card__subs-label\">Especialitats<\/p>\n                        <ul class=\"so-card__subs\">\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-sem\/agencia-google-ads\/\">\n                                        Ag\u00e8ncia Google Ads                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-sem\/agencia-meta-ads\/\">\n                                        Ag\u00e8ncia Meta Ads                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-sem\/agencia-tiktok-ads\/\">\n                                        Ag\u00e8ncia TikTok Ads                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-sem\/auditoria-de-google-ads\/\">\n                                        Auditoria de Google Ads                                    <\/a>\n                                <\/li>\n                                                    <\/ul>\n                    \n                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-sem\/\" class=\"so-card__cta\">\n                        Veure el servei complet                        <span class=\"arrow\">\u2192<\/span>\n                    <\/a>\n                <\/article>\n                            <article class=\"so-card\" data-color=\"coral\">\n                    <div class=\"so-card__num\">Servei n\u00fam. 05<\/div>\n\n                    <div class=\"so-card__head\">\n                        <span class=\"so-card__icon\" aria-hidden=\"true\">\n                            <span class=\"material-symbols-outlined\">campaign<\/span>\n                        <\/span>\n                        <h3 class=\"so-card__title\">Ag\u00e8ncia de m\u00e0rqueting digital<\/h3>\n                    <\/div>\n\n                    <p class=\"so-card__desc\">Ag\u00e8ncia de m\u00e0rqueting digital especialitzada en SEO, Google Ads i e-commerce. Partners de Google, Meta, PrestaShop i Shopify. Sense perman\u00e8ncia. Auditoria gratu\u00efta.<\/p>\n\n                                            <p class=\"so-card__subs-label\">Especialitats<\/p>\n                        <ul class=\"so-card__subs\">\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-de-marqueting-digital\/agencia-de-marqueting-a-sant-cugat-del-valles\/\">\n                                        Ag\u00e8ncia de m\u00e0rqueting a Sant Cugat del Vall\u00e8s                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-de-marqueting-digital\/agencia-de-marqueting-a-manresa\/\">\n                                        Ag\u00e8ncia de M\u00e0rqueting a Manresa                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-de-marqueting-digital\/agencia-de-marqueting-a-lleida\/\">\n                                        Ag\u00e8ncia de M\u00e0rqueting a Lleida                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-de-marqueting-digital\/agencia-de-marqueting-a-rubi\/\">\n                                        Ag\u00e8ncia de M\u00e0rqueting a Rub\u00ed                                    <\/a>\n                                <\/li>\n                                                    <\/ul>\n                    \n                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-de-marqueting-digital\/\" class=\"so-card__cta\">\n                        Veure el servei complet                        <span class=\"arrow\">\u2192<\/span>\n                    <\/a>\n                <\/article>\n                            <article class=\"so-card\" data-color=\"blue\">\n                    <div class=\"so-card__num\">Servei n\u00fam. 06<\/div>\n\n                    <div class=\"so-card__head\">\n                        <span class=\"so-card__icon\" aria-hidden=\"true\">\n                            <span class=\"material-symbols-outlined\">design_services<\/span>\n                        <\/span>\n                        <h3 class=\"so-card__title\">Disseny Web<\/h3>\n                    <\/div>\n\n                    <p class=\"so-card__desc\">Disseny web professional a WordPress. Webs corporatius, botigues en l\u00ednia i landing pages enfocats a la conversi\u00f3, el rendiment i el SEO des de la base.<\/p>\n\n                                            <p class=\"so-card__subs-label\">Especialitats<\/p>\n                        <ul class=\"so-card__subs\">\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/disseny-web\/disseny-web-barcelona\/\">\n                                        Disseny web Barcelona                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/disseny-web\/disseny-web-terrassa\/\">\n                                        Disseny web Terrassa                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/disseny-web\/botiga-en-linia-wordpress\/\">\n                                        Botiga en L\u00ednia WordPress                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/disseny-web\/disseny-web-girona\/\">\n                                        Disseny Web Girona                                    <\/a>\n                                <\/li>\n                                                    <\/ul>\n                    \n                    <a href=\"https:\/\/www.imbatik.com\/ca\/disseny-web\/\" class=\"so-card__cta\">\n                        Veure el servei complet                        <span class=\"arrow\">\u2192<\/span>\n                    <\/a>\n                <\/article>\n                            <article class=\"so-card\" data-color=\"green\">\n                    <div class=\"so-card__num\">Servei n\u00fam. 07<\/div>\n\n                    <div class=\"so-card__head\">\n                        <span class=\"so-card__icon\" aria-hidden=\"true\">\n                            <span class=\"material-symbols-outlined\">auto_awesome<\/span>\n                        <\/span>\n                        <h3 class=\"so-card__title\">Ag\u00e8ncia geo i posicionament a la ia<\/h3>\n                    <\/div>\n\n                    <p class=\"so-card__desc\">Ag\u00e8ncia GEO a Espanya. Posicionem la teva marca a ChatGPT, Perplexity, Claude i les AI Overviews de Google. Auditoria de visibilitat a la IA gratu\u00efta en 48h.<\/p>\n\n                                            <p class=\"so-card__subs-label\">Especialitats<\/p>\n                        <ul class=\"so-card__subs\">\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-geo-i-posicionament-a-la-ia\/agencia-geo-barcelona\/\">\n                                        Ag\u00e8ncia GEO Barcelona                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-geo-i-posicionament-a-la-ia\/agencia-geo-girona\/\">\n                                        Ag\u00e8ncia GEO Girona                                    <\/a>\n                                <\/li>\n                                                    <\/ul>\n                    \n                    <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-geo-i-posicionament-a-la-ia\/\" class=\"so-card__cta\">\n                        Veure el servei complet                        <span class=\"arrow\">\u2192<\/span>\n                    <\/a>\n                <\/article>\n                    <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n\/* ============================================================\n   SERVICES BY SECTOR \u2014 Distribuci\u00f3n vertical\n   ============================================================ *\/\n.sbs-section {\n    padding: 96px 24px;\n    background:\n        radial-gradient(ellipse 50% 30% at 0% 50%, rgba(111,219,165,.05) 0%, transparent 70%),\n        radial-gradient(ellipse 50% 30% at 100% 50%, rgba(255,210,102,.05) 0%, transparent 70%),\n        #ffffff;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    position: relative;\n    overflow: hidden;\n}\n\n.sbs-inner {\n    max-width: 1240px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n}\n\n\/* HEADER *\/\n.sbs-header {\n    text-align: center;\n    margin-bottom: 56px;\n    max-width: 760px;\n    margin-left: auto;\n    margin-right: auto;\n}\n.sbs-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 7px 16px;\n    background: linear-gradient(135deg, rgba(111,219,165,.14), rgba(255,210,102,.14));\n    border: 1px solid rgba(111,219,165,.22);\n    border-radius: 9999px;\n    font-size: 11.5px;\n    font-weight: 800;\n    letter-spacing: 0.12em;\n    color: #16a571;\n    margin-bottom: 22px;\n    text-transform: uppercase;\n}\n.sbs-title {\n    font-size: clamp(28px, 4vw, 42px);\n    font-weight: 800;\n    letter-spacing: -0.025em;\n    line-height: 1.1;\n    color: #0a0e1a;\n    margin: 0 0 14px;\n}\n.sbs-title span {\n    background: linear-gradient(135deg, #6FDBA5 0%, #5C82F2 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n.sbs-subtitle {\n    font-size: clamp(15px, 1.3vw, 17px);\n    font-weight: 500;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0;\n}\n\n\/* GRID *\/\n.sbs-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 20px;\n}\n\n\/* CARD *\/\n.sbs-card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    padding: 28px 26px 24px;\n    background: #fff;\n    border: 1px solid rgba(15,23,42,.06);\n    border-radius: 18px;\n    transition: transform .35s cubic-bezier(.16,1,.3,1),\n                box-shadow .35s,\n                border-color .35s;\n}\n.sbs-card[data-color=\"blue\"]   { --sbs-accent: #5C82F2; --sbs-tint: rgba(92,130,242,.10); }\n.sbs-card[data-color=\"coral\"]  { --sbs-accent: #FF7B72; --sbs-tint: rgba(255,123,114,.10); }\n.sbs-card[data-color=\"green\"]  { --sbs-accent: #6FDBA5; --sbs-tint: rgba(111,219,165,.14); }\n.sbs-card[data-color=\"yellow\"] { --sbs-accent: #FFD266; --sbs-tint: rgba(255,210,102,.16); }\n\n.sbs-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 18px 40px rgba(15,23,42,.06),\n                0 4px 10px rgba(15,23,42,.04);\n    border-color: rgba(15,23,42,.10);\n}\n\n.sbs-card__icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    background: var(--sbs-tint);\n    color: var(--sbs-accent);\n    margin-bottom: 16px;\n}\n.sbs-card__icon .material-symbols-outlined {\n    font-size: 24px;\n    font-variation-settings: 'FILL' 1, 'wght' 500;\n}\n\n.sbs-card__sector {\n    font-size: 17px;\n    font-weight: 800;\n    letter-spacing: -0.01em;\n    color: #0a0e1a;\n    margin: 0 0 8px;\n    line-height: 1.25;\n}\n.sbs-card__desc {\n    font-size: 13.5px;\n    font-weight: 500;\n    color: #64748b;\n    line-height: 1.55;\n    margin: 0 0 18px;\n}\n\n.sbs-card__pages {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    border-top: 1px dashed rgba(15,23,42,.08);\n    padding-top: 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n.sbs-card__pages a {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13.5px;\n    font-weight: 600;\n    color: var(--sbs-accent);\n    text-decoration: none;\n    padding: 6px 8px;\n    margin: 0 -8px;\n    border-radius: 8px;\n    transition: background .2s;\n}\n.sbs-card__pages a::after {\n    content: '\u2192';\n    margin-left: auto;\n    font-weight: 800;\n    opacity: .5;\n    transition: opacity .25s, transform .25s;\n}\n.sbs-card__pages a:hover {\n    background: var(--sbs-tint);\n}\n.sbs-card__pages a:hover::after {\n    opacity: 1;\n    transform: translateX(3px);\n}\n\n\/* Animaci\u00f3n entrada *\/\n.sbs-card {\n    opacity: 0;\n    transform: translateY(16px);\n    animation: sbsEnter .55s cubic-bezier(.16,1,.3,1) forwards;\n}\n.sbs-card:nth-child(1) { animation-delay: 0.05s; }\n.sbs-card:nth-child(2) { animation-delay: 0.10s; }\n.sbs-card:nth-child(3) { animation-delay: 0.15s; }\n.sbs-card:nth-child(4) { animation-delay: 0.20s; }\n.sbs-card:nth-child(5) { animation-delay: 0.25s; }\n.sbs-card:nth-child(6) { animation-delay: 0.30s; }\n@keyframes sbsEnter { to { opacity: 1; transform: translateY(0); } }\n\n@media (prefers-reduced-motion: reduce) {\n    .sbs-card { animation: none; opacity: 1; transform: none; }\n    .sbs-card:hover { transform: none; }\n}\n\n@media (max-width: 640px) {\n    .sbs-section { padding: 64px 16px; }\n}\n<\/style>\n\n<section id=\"sbs-block_e833bef0e15fc451c35b35348ffb5d63\" class=\"sbs-section\">\n    <div class=\"sbs-inner\">\n\n        <header class=\"sbs-header\">\n                            <span class=\"sbs-eyebrow\">PER SECTOR<\/span>\n                        <h2 class=\"sbs-title\">En quin <span>sector<\/span> treballes?<\/h2>\n                            <p class=\"sbs-subtitle\">Especialistes en verticals amb regulaci\u00f3 i din\u00e0miques pr\u00f2pies. Troba els serveis pensats per al teu sector.<\/p>\n                    <\/header>\n\n        <div class=\"sbs-grid\">\n                            <article class=\"sbs-card\" data-color=\"blue\">\n                    <span class=\"sbs-card__icon\" aria-hidden=\"true\">\n                        <span class=\"material-symbols-outlined\">gavel<\/span>\n                    <\/span>\n                    <h3 class=\"sbs-card__sector\">Despatxos d&#039;advocats<\/h3>\n                    <p class=\"sbs-card__desc\">Posicionament i captaci\u00f3 per a bufets complint el Codi Deontol\u00f2gic del CGAE.<\/p>\n\n                    <ul class=\"sbs-card__pages\">\n                                                    <li>\n                                <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-seo\/seo-per-a-advocats\/\">\n                                    SEO per a Advocats                                <\/a>\n                            <\/li>\n                                                    <li>\n                                <a href=\"https:\/\/www.imbatik.com\/ca\/disseny-web\/disseny-web-per-a-advocats\/\">\n                                    Disseny Web per a Advocats                                <\/a>\n                            <\/li>\n                                            <\/ul>\n                <\/article>\n                            <article class=\"sbs-card\" data-color=\"coral\">\n                    <span class=\"sbs-card__icon\" aria-hidden=\"true\">\n                        <span class=\"material-symbols-outlined\">medical_services<\/span>\n                    <\/span>\n                    <h3 class=\"sbs-card__sector\">Cl\u00edniques dentals<\/h3>\n                    <p class=\"sbs-card__desc\">SEO local intensiu i gesti\u00f3 de ressenyes per a cl\u00edniques dentals privades amb focus en tiquet alt.<\/p>\n\n                    <ul class=\"sbs-card__pages\">\n                                                    <li>\n                                <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-seo\/seo-per-a-dentistes\/\">\n                                    SEO per a Dentistes                                <\/a>\n                            <\/li>\n                                            <\/ul>\n                <\/article>\n                            <article class=\"sbs-card\" data-color=\"green\">\n                    <span class=\"sbs-card__icon\" aria-hidden=\"true\">\n                        <span class=\"material-symbols-outlined\">home_work<\/span>\n                    <\/span>\n                    <h3 class=\"sbs-card__sector\">Immobili\u00e0ries i APIs<\/h3>\n                    <p class=\"sbs-card__desc\">Independ\u00e8ncia d&#039;Idealista i Fotocasa amb SEO per barri i schema RealEstateAgent t\u00e8cnic.<\/p>\n\n                    <ul class=\"sbs-card__pages\">\n                                                    <li>\n                                <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-seo\/seo-per-a-immobiliaries\/\">\n                                    SEO per a Immobili\u00e0ries                                <\/a>\n                            <\/li>\n                                            <\/ul>\n                <\/article>\n                            <article class=\"sbs-card\" data-color=\"yellow\">\n                    <span class=\"sbs-card__icon\" aria-hidden=\"true\">\n                        <span class=\"material-symbols-outlined\">checkroom<\/span>\n                    <\/span>\n                    <h3 class=\"sbs-card__sector\">Moda i lifestyle D2C<\/h3>\n                    <p class=\"sbs-card__desc\">Shopify per a marques D2C de moda: variants complexes, Shopify Markets, devolucions, social commerce.<\/p>\n\n                    <ul class=\"sbs-card__pages\">\n                                                    <li>\n                                <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-shopify\/shopify-per-a-moda\/\">\n                                    Shopify per a Moda                                <\/a>\n                            <\/li>\n                                            <\/ul>\n                <\/article>\n                            <article class=\"sbs-card\" data-color=\"coral\">\n                    <span class=\"sbs-card__icon\" aria-hidden=\"true\">\n                        <span class=\"material-symbols-outlined\">restaurant<\/span>\n                    <\/span>\n                    <h3 class=\"sbs-card__sector\">Alimentaci\u00f3 D2C<\/h3>\n                    <p class=\"sbs-card__desc\">Shopify per a alimentaci\u00f3: Reglament UE 1169, cadena de fred, gesti\u00f3 de caducitats, subscripcions.<\/p>\n\n                    <ul class=\"sbs-card__pages\">\n                                                    <li>\n                                <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-shopify\/shopify-per-a-alimentacio-d2c\/\">\n                                    Shopify per a Alimentaci\u00f3 D2C                                <\/a>\n                            <\/li>\n                                            <\/ul>\n                <\/article>\n                    <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n\/* ============================================================\n   HOW TO CHOOSE \u2014 Mini-gu\u00eda para indecisos\n   ============================================================ *\/\n.htc-section {\n    padding: 96px 24px;\n    background:\n        linear-gradient(180deg, #fafbfc 0%, #f1f5f9 100%);\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    position: relative;\n    overflow: hidden;\n}\n\n.htc-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n}\n\n\/* HEADER *\/\n.htc-header {\n    text-align: center;\n    margin-bottom: 56px;\n    max-width: 740px;\n    margin-left: auto;\n    margin-right: auto;\n}\n.htc-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 7px 16px;\n    background: linear-gradient(135deg, rgba(255,210,102,.18), rgba(255,123,114,.18));\n    border: 1px solid rgba(255,123,114,.22);\n    border-radius: 9999px;\n    font-size: 11.5px;\n    font-weight: 800;\n    letter-spacing: 0.12em;\n    color: #c2410c;\n    margin-bottom: 22px;\n    text-transform: uppercase;\n}\n.htc-title {\n    font-size: clamp(28px, 4vw, 42px);\n    font-weight: 800;\n    letter-spacing: -0.025em;\n    line-height: 1.1;\n    color: #0a0e1a;\n    margin: 0 0 14px;\n}\n.htc-title span {\n    background: linear-gradient(135deg, #FF7B72 0%, #FFD266 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n.htc-subtitle {\n    font-size: clamp(15px, 1.3vw, 17px);\n    font-weight: 500;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0;\n}\n\n\/* GRID *\/\n.htc-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 18px;\n}\n@media (min-width: 768px) {\n    .htc-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 22px;\n    }\n}\n\n\/* CARD *\/\n.htc-card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    padding: 32px 28px;\n    background: #fff;\n    border: 1px solid rgba(15,23,42,.06);\n    border-radius: 20px;\n    text-decoration: none !important;\n    color: inherit;\n    overflow: hidden;\n    transition: transform .35s cubic-bezier(.16,1,.3,1),\n                box-shadow .35s,\n                border-color .35s;\n}\n.htc-card[data-color=\"blue\"]   { --htc-accent: #5C82F2; --htc-tint: rgba(92,130,242,.12); }\n.htc-card[data-color=\"coral\"]  { --htc-accent: #FF7B72; --htc-tint: rgba(255,123,114,.12); }\n.htc-card[data-color=\"green\"]  { --htc-accent: #6FDBA5; --htc-tint: rgba(111,219,165,.16); }\n.htc-card[data-color=\"yellow\"] { --htc-accent: #FFD266; --htc-tint: rgba(255,210,102,.20); }\n\n\/* Decoraci\u00f3n esquina *\/\n.htc-card::before {\n    content: '';\n    position: absolute;\n    top: -50px; right: -50px;\n    width: 140px;\n    height: 140px;\n    background: radial-gradient(circle, var(--htc-tint) 0%, transparent 70%);\n    border-radius: 50%;\n    pointer-events: none;\n    transition: transform .5s, opacity .35s;\n}\n\n.htc-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 24px 50px rgba(15,23,42,.08),\n                0 6px 16px rgba(15,23,42,.04);\n    border-color: transparent;\n    color: inherit;\n}\n.htc-card:hover::before {\n    transform: scale(1.4);\n    opacity: 0.8;\n}\n\n.htc-card__eyebrow {\n    display: inline-block;\n    font-size: 10.5px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    color: var(--htc-accent);\n    text-transform: uppercase;\n    margin-bottom: 16px;\n    position: relative;\n    z-index: 1;\n}\n\n.htc-card__icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 56px;\n    height: 56px;\n    border-radius: 16px;\n    background: var(--htc-tint);\n    color: var(--htc-accent);\n    margin-bottom: 20px;\n    position: relative;\n    z-index: 1;\n    transition: transform .35s cubic-bezier(.16,1,.3,1);\n}\n.htc-card:hover .htc-card__icon {\n    transform: scale(1.08) rotate(-6deg);\n}\n.htc-card__icon .material-symbols-outlined {\n    font-size: 28px;\n    font-variation-settings: 'FILL' 1, 'wght' 500;\n}\n\n.htc-card__q {\n    font-size: clamp(18px, 2vw, 22px);\n    font-weight: 800;\n    letter-spacing: -0.015em;\n    color: #0a0e1a;\n    margin: 0 0 12px;\n    line-height: 1.3;\n    position: relative;\n    z-index: 1;\n}\n.htc-card__desc {\n    font-size: 14.5px;\n    font-weight: 500;\n    color: #64748b;\n    line-height: 1.6;\n    margin: 0 0 24px;\n    position: relative;\n    z-index: 1;\n}\n\n.htc-card__cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    font-weight: 700;\n    color: var(--htc-accent);\n    text-decoration: none !important;\n    margin-top: auto;\n    align-self: flex-start;\n    transition: gap .25s cubic-bezier(.16,1,.3,1);\n    position: relative;\n    z-index: 1;\n}\n.htc-card__cta::after {\n    content: '\u2192';\n    font-weight: 800;\n    transition: transform .25s cubic-bezier(.16,1,.3,1);\n}\n.htc-card:hover .htc-card__cta { gap: 12px; }\n.htc-card:hover .htc-card__cta::after { transform: translateX(3px); }\n\n\/* Animaci\u00f3n entrada *\/\n.htc-card {\n    opacity: 0;\n    transform: translateY(20px);\n    animation: htcEnter .6s cubic-bezier(.16,1,.3,1) forwards;\n}\n.htc-card:nth-child(1) { animation-delay: 0.06s; }\n.htc-card:nth-child(2) { animation-delay: 0.14s; }\n.htc-card:nth-child(3) { animation-delay: 0.22s; }\n.htc-card:nth-child(4) { animation-delay: 0.30s; }\n@keyframes htcEnter { to { opacity: 1; transform: translateY(0); } }\n\n@media (prefers-reduced-motion: reduce) {\n    .htc-card { animation: none; opacity: 1; transform: none; }\n    .htc-card:hover { transform: none; }\n    .htc-card:hover .htc-card__icon { transform: none; }\n    .htc-card:hover::before { transform: none; }\n}\n\n@media (max-width: 640px) {\n    .htc-section { padding: 64px 16px; }\n    .htc-card { padding: 26px 22px; }\n}\n<\/style>\n\n<section id=\"htc-block_6321386bc6e28c7ce798a5e40c50d68d\" class=\"htc-section\">\n    <div class=\"htc-inner\">\n\n        <header class=\"htc-header\">\n                            <span class=\"htc-eyebrow\">NO SAPS PER ON COMEN\u00c7AR<\/span>\n                        <h2 class=\"htc-title\">Tria la teva <span>situaci\u00f3 actual<\/span><\/h2>\n                            <p class=\"htc-subtitle\">Cada cas \u00e9s diferent. Clica l&#039;escenari que millor descriu la teva situaci\u00f3 i et portem al servei que hi encaixa.<\/p>\n                    <\/header>\n\n        <div class=\"htc-grid\">\n                            <a href=\"https:\/\/www.imbatik.com\/ca\/contacte\/\" class=\"htc-card\" data-color=\"blue\">\n                    <span class=\"htc-card__eyebrow\">COMEN\u00c7AR DE ZERO<\/span>\n\n                    <span class=\"htc-card__icon\" aria-hidden=\"true\">\n                        <span class=\"material-symbols-outlined\">lightbulb<\/span>\n                    <\/span>\n\n                    <h3 class=\"htc-card__q\">Tinc una idea per\u00f2 no s\u00e9 per on comen\u00e7ar<\/h3>\n                    <p class=\"htc-card__desc\">Necessites escoltar opcions, validar idees i tra\u00e7ar un pla. Una primera trucada sense comprom\u00eds \u00e9s el que necessites.<\/p>\n\n                    <span class=\"htc-card__cta\">Parlem sense comprom\u00eds<\/span>\n                <\/a>\n                            <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-prestashop\/\" class=\"htc-card\" data-color=\"coral\">\n                    <span class=\"htc-card__eyebrow\">JA TENS BOTIGA<\/span>\n\n                    <span class=\"htc-card__icon\" aria-hidden=\"true\">\n                        <span class=\"material-symbols-outlined\">storefront<\/span>\n                    <\/span>\n\n                    <h3 class=\"htc-card__q\">Tinc botiga en l\u00ednia per\u00f2 no ven el que hauria de vendre<\/h3>\n                    <p class=\"htc-card__desc\">Auditoria t\u00e8cnica + comercial. Detectem quick wins (el que s&#039;arregla en 2 setmanes) i feina estructural.<\/p>\n\n                    <span class=\"htc-card__cta\">Auditar la meva botiga<\/span>\n                <\/a>\n                            <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-seo\/\" class=\"htc-card\" data-color=\"green\">\n                    <span class=\"htc-card__eyebrow\">INVISIBLE A GOOGLE<\/span>\n\n                    <span class=\"htc-card__icon\" aria-hidden=\"true\">\n                        <span class=\"material-symbols-outlined\">search<\/span>\n                    <\/span>\n\n                    <h3 class=\"htc-card__q\">No surto a Google quan em busquen<\/h3>\n                    <p class=\"htc-card__desc\">SEO local + t\u00e8cnic + continguts. Posicionem la teva marca i serveis per captar tr\u00e0nsit qualificat mes a mes.<\/p>\n\n                    <span class=\"htc-card__cta\">Veure l&#039;ag\u00e8ncia SEO<\/span>\n                <\/a>\n                            <a href=\"https:\/\/www.imbatik.com\/ca\/agencia-sem\/\" class=\"htc-card\" data-color=\"yellow\">\n                    <span class=\"htc-card__eyebrow\">CLIENTS ARA<\/span>\n\n                    <span class=\"htc-card__icon\" aria-hidden=\"true\">\n                        <span class=\"material-symbols-outlined\">rocket_launch<\/span>\n                    <\/span>\n\n                    <h3 class=\"htc-card__q\">Necessito clients ja, no puc esperar el SEO<\/h3>\n                    <p class=\"htc-card__desc\">Google Ads, Meta Ads, TikTok Ads. Tracking server-side, creativitats natives i ROAS mesurable. Resultats des de la setmana 1.<\/p>\n\n                    <span class=\"htc-card__cta\">Veure l&#039;ag\u00e8ncia SEM<\/span>\n                <\/a>\n                    <\/div>\n\n    <\/div>\n<\/section>\n\n<div id=\"cta-final-block_6ee02054c78ad0aedaa0cec42d16dac2\" class=\"sp-cta\">\n    <div class=\"sp-cta__inner\">\n                    <span class=\"sp-cta__eyebrow\">Comen\u00e7a ara<\/span>\n        \n        <h2 class=\"sp-cta__title\">\n            Encara tens dubtes? <span>Parlem sense comprom\u00eds.<\/span>        <\/h2>\n\n                    <p class=\"sp-cta__desc\">Reuni\u00f3 inicial gratu\u00efta de 30-45 minuts. Ens expliques el teu cas i et diem amb honestedat si encaixem i quins serveis s&#039;hi apliquen. Sense discurs comercial.<\/p>\n        \n        <div class=\"sp-cta__actions\">\n                            <a href=\"https:\/\/www.imbatik.com\/ca\/contacte\/\" class=\"btn-white\">Comen\u00e7ar la conversa<\/a>\n                                <\/div>\n\n        \n                    <p class=\"sp-cta__tagline\">\n                                    <span>Sense discurs comercial<\/span>\n                                    <span>Resposta en 24h<\/span>\n                                    <span>Reuni\u00f3 gratu\u00efta<\/span>\n                            <\/p>\n            <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Cat\u00e0leg complet de serveis d&#8217;Imbatik: PrestaShop, Shopify, SEO local, SEM, disseny web i posicionament a la IA. Distribu\u00efdor de navegaci\u00f3 per trobar el servei que encaixa amb el teu cas.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-9673","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.imbatik.com\/ca\/wp-json\/wp\/v2\/pages\/9673","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.imbatik.com\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.imbatik.com\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.imbatik.com\/ca\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.imbatik.com\/ca\/wp-json\/wp\/v2\/comments?post=9673"}],"version-history":[{"count":5,"href":"https:\/\/www.imbatik.com\/ca\/wp-json\/wp\/v2\/pages\/9673\/revisions"}],"predecessor-version":[{"id":10236,"href":"https:\/\/www.imbatik.com\/ca\/wp-json\/wp\/v2\/pages\/9673\/revisions\/10236"}],"wp:attachment":[{"href":"https:\/\/www.imbatik.com\/ca\/wp-json\/wp\/v2\/media?parent=9673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}