{"id":9593,"date":"2026-05-08T07:00:55","date_gmt":"2026-05-08T05:00:55","guid":{"rendered":"https:\/\/www.imbatik.com\/home\/"},"modified":"2026-10-22T01:16:13","modified_gmt":"2026-10-21T23:16:13","slug":"home","status":"publish","type":"page","link":"https:\/\/www.imbatik.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\n<style>\n\/* ============================================================\n   HERO HOME \u2014 Distribuidor sin formulario\n   ============================================================ *\/\n.hh-section {\n    position: relative;\n    overflow: hidden;\n    padding: 100px 24px 96px;\n    background:\n        radial-gradient(ellipse 90% 60% at 30% -10%, rgba(92,130,242,.14) 0%, transparent 60%),\n        radial-gradient(ellipse 70% 50% at 90% 100%, rgba(255,123,114,.10) 0%, transparent 60%),\n        linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n}\n\n@media (max-width: 991px) {\n    .hh-section { padding: 88px 16px 72px; }\n}\n\n.hh-inner {\n    max-width: 1320px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 56px;\n    align-items: center;\n    position: relative;\n    z-index: 2;\n}\n\n@media (min-width: 992px) {\n    .hh-inner {\n        grid-template-columns: 1.05fr 0.95fr;\n        gap: 72px;\n    }\n}\n\n\/* ============================================================\n   LADO IZQUIERDO \u2014 Texto\n   ============================================================ *\/\n.hh-text { max-width: 620px; }\n\n.hh-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 20px;\n    background: linear-gradient(135deg, rgba(92,130,242,.10), rgba(255,123,114,.10));\n    border: 1px solid rgba(92,130,242,.20);\n    border-radius: 9999px;\n    font-size: 13px;\n    font-weight: 700;\n    color: #3a5fd4;\n    margin-bottom: 28px;\n    letter-spacing: 0.01em;\n}\n\n.hh-title {\n    font-size: clamp(36px, 5.4vw, 64px);\n    font-weight: 800;\n    letter-spacing: -0.03em;\n    line-height: 1.05;\n    color: #0a0e1a;\n    margin: 0 0 24px;\n}\n.hh-title span {\n    background: linear-gradient(135deg, #5C82F2 0%, #FF7B72 50%, #FFD266 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    display: inline;\n}\n\n.hh-desc {\n    font-size: clamp(17px, 1.5vw, 19px);\n    font-weight: 500;\n    color: #475569;\n    line-height: 1.6;\n    margin: 0 0 36px;\n}\n\n.hh-ctas {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-bottom: 32px;\n}\n\n.hh-cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 16px 28px;\n    border-radius: 12px;\n    font-size: 15px;\n    font-weight: 700;\n    letter-spacing: 0.01em;\n    text-decoration: none !important;\n    transition: transform .25s cubic-bezier(.16,1,.3,1),\n                box-shadow .25s,\n                background .25s;\n}\n.hh-cta--primary {\n    background: linear-gradient(135deg, #5C82F2 0%, #3a5fd4 100%);\n    color: #fff !important;\n    box-shadow: 0 6px 20px rgba(92,130,242,.35);\n}\n.hh-cta--primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 28px rgba(92,130,242,.45);\n    color: #fff !important;\n}\n.hh-cta--secondary {\n    background: #fff;\n    color: #0a0e1a !important;\n    border: 1.5px solid rgba(15,23,42,.10);\n}\n.hh-cta--secondary:hover {\n    transform: translateY(-2px);\n    border-color: #5C82F2;\n    color: #5C82F2 !important;\n    box-shadow: 0 8px 20px rgba(15,23,42,.06);\n}\n.hh-cta .arrow {\n    transition: transform .25s cubic-bezier(.16,1,.3,1);\n    font-weight: 800;\n}\n.hh-cta:hover .arrow { transform: translateX(4px); }\n\n.hh-proof {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 13.5px;\n    font-weight: 500;\n    color: #64748b;\n    line-height: 1.5;\n}\n.hh-proof__dots {\n    display: inline-flex;\n    flex-shrink: 0;\n    align-items: center;\n}\n.hh-proof__dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    border: 2px solid #fff;\n}\n.hh-proof__dot:nth-child(1) { background: #5C82F2; }\n.hh-proof__dot:nth-child(2) { background: #FF7B72; margin-left: -5px; }\n.hh-proof__dot:nth-child(3) { background: #6FDBA5; margin-left: -5px; }\n.hh-proof__dot:nth-child(4) { background: #FFD266; margin-left: -5px; }\n\n\/* ============================================================\n   LADO DERECHO \u2014 Bento visual\n   ============================================================ *\/\n.hh-visual {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-template-rows: repeat(3, auto);\n    gap: 16px;\n    perspective: 1200px;\n}\n.hh-card {\n    position: relative;\n    background: #fff;\n    border: 1px solid rgba(15,23,42,.06);\n    border-radius: 20px;\n    padding: 24px;\n    box-shadow: 0 16px 40px rgba(15,23,42,.06),\n                0 4px 12px rgba(15,23,42,.03);\n    transition: transform .35s cubic-bezier(.16,1,.3,1),\n                box-shadow .35s;\n    overflow: hidden;\n}\n.hh-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 24px 48px rgba(15,23,42,.10),\n                0 6px 16px rgba(15,23,42,.05);\n}\n\n\/* Tarjeta principal (col-span 2) \u2014 stat grande *\/\n.hh-card--featured {\n    grid-column: span 2;\n    background: linear-gradient(135deg, #5C82F2 0%, #3a5fd4 100%);\n    color: #fff;\n    padding: 30px 28px;\n}\n.hh-card--featured::before {\n    content: '';\n    position: absolute;\n    top: -50px; right: -50px;\n    width: 200px; height: 200px;\n    background: radial-gradient(circle, rgba(255,255,255,.20) 0%, transparent 70%);\n    border-radius: 50%;\n    pointer-events: none;\n}\n.hh-card--featured .hh-card__icon {\n    width: 48px;\n    height: 48px;\n    background: rgba(255,255,255,.18);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #fff;\n    margin-bottom: 18px;\n}\n.hh-card--featured .hh-card__icon .material-symbols-outlined {\n    font-size: 26px;\n    font-variation-settings: 'FILL' 1, 'wght' 500;\n}\n.hh-card--featured .hh-card__value {\n    font-size: 56px;\n    font-weight: 800;\n    letter-spacing: -0.03em;\n    line-height: 1;\n    margin: 0 0 8px;\n    font-feature-settings: 'tnum';\n}\n.hh-card--featured .hh-card__label {\n    font-size: 15.5px;\n    font-weight: 600;\n    color: rgba(255,255,255,.85);\n    line-height: 1.4;\n    margin: 0;\n}\n\n\/* Tarjetas peque\u00f1as (stats) *\/\n.hh-card--stat {\n    padding: 22px 22px 20px;\n}\n.hh-card--stat[data-color=\"coral\"] .hh-card__icon {\n    background: rgba(255,123,114,.14);\n    color: #FF7B72;\n}\n.hh-card--stat[data-color=\"green\"] .hh-card__icon {\n    background: rgba(111,219,165,.16);\n    color: #16a571;\n}\n.hh-card--stat[data-color=\"yellow\"] .hh-card__icon {\n    background: rgba(255,210,102,.18);\n    color: #c2410c;\n}\n.hh-card--stat .hh-card__icon {\n    width: 40px;\n    height: 40px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 14px;\n}\n.hh-card--stat .hh-card__icon .material-symbols-outlined {\n    font-size: 22px;\n    font-variation-settings: 'FILL' 1, 'wght' 500;\n}\n.hh-card--stat .hh-card__value {\n    font-size: 30px;\n    font-weight: 800;\n    letter-spacing: -0.02em;\n    line-height: 1;\n    color: #0a0e1a;\n    margin: 0 0 6px;\n    font-feature-settings: 'tnum';\n}\n.hh-card--stat .hh-card__label {\n    font-size: 13.5px;\n    font-weight: 600;\n    color: #64748b;\n    line-height: 1.4;\n    margin: 0;\n}\n\n\/* Tarjeta partners con logos REALES (col-span 2) *\/\n.hh-card--partners {\n    grid-column: span 2;\n    padding: 22px 24px 20px;\n    background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);\n}\n.hh-card--partners .hh-card__label {\n    font-size: 11.5px;\n    font-weight: 800;\n    color: #94a3b8;\n    text-transform: uppercase;\n    letter-spacing: 0.12em;\n    margin: 0 0 14px;\n}\n.hh-partners-row {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    align-items: center;\n    gap: 16px;\n}\n@media (max-width: 540px) {\n    .hh-partners-row { gap: 10px; }\n}\n.hh-partner-logo {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 44px;\n    padding: 6px 8px;\n    background: #fff;\n    border: 1px solid rgba(15,23,42,.06);\n    border-radius: 10px;\n    transition: transform .25s cubic-bezier(.16,1,.3,1),\n                box-shadow .25s,\n                border-color .25s;\n    text-decoration: none;\n}\n.hh-partner-logo:hover {\n    transform: translateY(-2px);\n    border-color: rgba(15,23,42,.12);\n    box-shadow: 0 4px 12px rgba(15,23,42,.06);\n}\n.hh-partner-logo img {\n    max-height: 28px;\n    max-width: 100%;\n    width: auto;\n    height: auto;\n    object-fit: contain;\n    display: block;\n    filter: grayscale(20%);\n    transition: filter .25s;\n}\n.hh-partner-logo:hover img {\n    filter: grayscale(0%);\n}\n@media (max-width: 540px) {\n    .hh-partner-logo {\n        height: 38px;\n        padding: 4px 6px;\n    }\n    .hh-partner-logo img { max-height: 22px; }\n}\n\n\/* Animaci\u00f3n entrada \u2014 SOLO transform, nunca opacity:0.\n   .hh-title y .hh-desc son candidatos a elemento LCP, y un elemento que\n   arranca invisible no cuenta como pintado hasta que aparece: con opacity:0\n   la animaci\u00f3n retrasaba el LCP tanto como durase. Con transform el texto\n   est\u00e1 visible desde el primer frame y adem\u00e1s no entra en el CLS. *\/\n.hh-text > *,\n.hh-card {\n    transform: translateY(20px);\n    animation: hhEnter .7s cubic-bezier(.16,1,.3,1) forwards;\n}\n.hh-badge { animation-delay: 0.05s; }\n.hh-title { animation-delay: 0.12s; }\n.hh-desc  { animation-delay: 0.20s; }\n.hh-ctas  { animation-delay: 0.28s; }\n.hh-proof { animation-delay: 0.36s; }\n.hh-card:nth-of-type(1) { animation-delay: 0.22s; }\n.hh-card:nth-of-type(2) { animation-delay: 0.30s; }\n.hh-card:nth-of-type(3) { animation-delay: 0.36s; }\n.hh-card:nth-of-type(4) { animation-delay: 0.44s; }\n@keyframes hhEnter { to { transform: translateY(0); } }\n\n@media (prefers-reduced-motion: reduce) {\n    .hh-text > *, .hh-card {\n        animation: none; transform: none;\n    }\n    .hh-card:hover, .hh-cta:hover { transform: none; }\n}\n\n\/* Mobile peque\u00f1o: bento m\u00e1s compacto *\/\n@media (max-width: 540px) {\n    .hh-card--featured .hh-card__value { font-size: 42px; }\n    .hh-card--stat .hh-card__value { font-size: 26px; }\n    .hh-card { padding: 20px; }\n    .hh-card--featured { padding: 24px 22px; }\n    .hh-ctas { flex-direction: column; align-items: stretch; }\n    .hh-cta { justify-content: center; }\n}\n<\/style>\n\n<section id=\"hh-block_a353c8aad73965b8767054b3732ec292\" class=\"hh-section\">\n    <div class=\"hh-inner\">\n\n        <!-- LADO IZQUIERDO: Texto -->\n        <div class=\"hh-text\">\n                            <span class=\"hh-badge\">\u2728 Digital agency \u00b7 Terrassa and Girona<\/span>\n            \n            <h1 class=\"hh-title\">Your digital partner to grow your <span>online business<\/span>.<\/h1>\n\n                            <p class=\"hh-desc\">E-commerce development, SEO, SEM campaigns, corporate websites and digital marketing. We combine 10+ years of experience with a specialized senior team to help businesses scale online.<\/p>\n            \n            <div class=\"hh-ctas\">\n                                    <a href=\"\/servicios\/\" class=\"hh-cta hh-cta--primary\">\n                        See services                        <span class=\"arrow\">\u2192<\/span>\n                    <\/a>\n                                                    <a href=\"\/sobre-nosotros\/\" class=\"hh-cta hh-cta--secondary\">\n                        Meet the agency                        <span class=\"arrow\">\u2192<\/span>\n                    <\/a>\n                            <\/div>\n\n                            <div class=\"hh-proof\">\n                    <span class=\"hh-proof__dots\" aria-hidden=\"true\">\n                        <span class=\"hh-proof__dot\"><\/span>\n                        <span class=\"hh-proof__dot\"><\/span>\n                        <span class=\"hh-proof__dot\"><\/span>\n                        <span class=\"hh-proof__dot\"><\/span>\n                    <\/span>\n                    <span>+10 years \u00b7 +150 projects \u00b7 Google, Meta, PrestaShop and Shopify Partner<\/span>\n                <\/div>\n                    <\/div>\n\n        <!-- LADO DERECHO: Bento card visual -->\n        <div class=\"hh-visual\" aria-hidden=\"true\">\n\n            <!-- Stat principal grande -->\n            <div class=\"hh-card hh-card--featured\">\n                <div class=\"hh-card__icon\">\n                    <span class=\"material-symbols-outlined\">trending_up<\/span>\n                <\/div>\n                <div class=\"hh-card__value\">10+<\/div>\n                <div class=\"hh-card__label\">years of experience<\/div>\n            <\/div>\n\n            <!-- Stat 2 -->\n            <div class=\"hh-card hh-card--stat\" data-color=\"coral\">\n                <div class=\"hh-card__icon\">\n                    <span class=\"material-symbols-outlined\">rocket_launch<\/span>\n                <\/div>\n                <div class=\"hh-card__value\">150+<\/div>\n                <div class=\"hh-card__label\">projects launched<\/div>\n            <\/div>\n\n            <!-- Stat 3 -->\n            <div class=\"hh-card hh-card--stat\" data-color=\"green\">\n                <div class=\"hh-card__icon\">\n                    <span class=\"material-symbols-outlined\">verified<\/span>\n                <\/div>\n                <div class=\"hh-card__value\">4<\/div>\n                <div class=\"hh-card__label\">official partnerships<\/div>\n            <\/div>\n\n            <!-- Partners chips con logos REALES -->\n            <div class=\"hh-card hh-card--partners\">\n                <p class=\"hh-card__label\">Official partners<\/p>\n                <div class=\"hh-partners-row\">\n                    <span class=\"hh-partner-logo\" title=\"Google Partner\">\n                        <img decoding=\"async\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/google-partner-oficial.svg\" width=\"103\" height=\"28\" alt=\"Google Partner\" loading=\"lazy\" title=\"\">\n                    <\/span>\n                    <span class=\"hh-partner-logo\" title=\"Meta Business Partner\">\n                        <img decoding=\"async\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/meta-business-partner.svg\" width=\"103\" height=\"28\" alt=\"Meta Business Partner\" loading=\"lazy\" title=\"\">\n                    <\/span>\n                    <span class=\"hh-partner-logo\" title=\"PrestaShop Partner\">\n                        <img decoding=\"async\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/prestashop-partners.svg\" width=\"103\" height=\"28\" alt=\"PrestaShop Partner\" loading=\"lazy\" title=\"\">\n                    <\/span>\n                    <span class=\"hh-partner-logo\" title=\"Shopify Partner\">\n                        <img decoding=\"async\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/shopify-partners.svg\" width=\"103\" height=\"28\" alt=\"Shopify Partner\" loading=\"lazy\" title=\"\">\n                    <\/span>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<div id=\"logos-marquee-block_88a56a7cd89b13f9d098e0d6b85cc1b6\" class=\"sp-logos\">\n    <div class=\"sp-section__header\">\n        <h2 class=\"sp-section__title\">Brands that already trust our agency<\/h2>\n    <\/div>\n    \n    <div class=\"sp-logos__wrap\">\n        <div class=\"sp-logos__track\">\n            <img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/materialestetica.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/materielesthetique.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/proandorid.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/accessoriespourlampes.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/acessorioscandeeiros.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/arros-mas-pla.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/bezalia.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/clinicasaurina.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/club-villamar.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/disbesa-darnes.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/fabricatulampara.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/hotelsapunta.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/iluminable.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/kaeso.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/lightingdiy.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/materialestetica.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/materielesthetique.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/proandorid.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/accessoriespourlampes.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/acessorioscandeeiros.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/arros-mas-pla.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/bezalia.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/clinicasaurina.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/club-villamar.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/disbesa-darnes.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/fabricatulampara.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/hotelsapunta.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/iluminable.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/kaeso.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\"><img src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/lightingdiy.svg\" alt=\"Logo\" width=\"150\" height=\"50\" loading=\"lazy\" decoding=\"async\" style=\"width: 150px; height: 50px; object-fit: contain; opacity: .55; filter: grayscale(100%);\" title=\"\">        <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"media-mentions-block_305bbda57fa2e750a99e7a6f8add3638\" class=\"sp-mentions\">\n    <div class=\"sp-mentions__inner\">\n        <p class=\"sp-mentions__title\">In the press<\/p>\n        <div class=\"sp-mentions__grid\">\n                            <img class=\"sp-mentions__item\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/lancelotdigital.svg\" alt=\"Media Logo\" width=\"160\" height=\"40\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                            <img class=\"sp-mentions__item\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/periodistas-es.svg\" alt=\"Media Logo\" width=\"160\" height=\"40\" loading=\"lazy\" decoding=\"async\" title=\"\">\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=\"so-block_9c44b87e111194b558b8087ce52ade9b\" class=\"so-section\">\n    <div class=\"so-inner\">\n\n        <header class=\"so-header\">\n                            <span class=\"so-eyebrow\">WHAT WE DO<\/span>\n                        <h2 class=\"so-title\">Services built for <span>growing businesses<\/span><\/h2>\n                            <p class=\"so-subtitle\">Each service has its own philosophy and measurable results. Click the one that best fits your case.<\/p>\n                    <\/header>\n\n        <div class=\"so-grid\">\n                            <article class=\"so-card\" data-color=\"blue\">\n                    <div class=\"so-card__num\">Service No. 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\">PrestaShop Agency<\/h3>\n                    <\/div>\n\n                    <p class=\"so-card__desc\">Specialized PrestaShop agency. Store development, performance optimization, maintenance and SEO for e-commerce. Official partner. No lock-in contract.<\/p>\n\n                                            <p class=\"so-card__subs-label\">Specialities<\/p>\n                        <ul class=\"so-card__subs\">\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/prestashop-agency\/prestashop-agency-barcelona\/\">\n                                        PrestaShop Agency Barcelona                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/prestashop-agency\/prestashop-agency-girona\/\">\n                                        PrestaShop Agency Girona                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/prestashop-agency\/prestashop-maintenance\/\">\n                                        PrestaShop Maintenance                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/prestashop-agency\/prestashop-agency-terrassa\/\">\n                                        PrestaShop Agency Terrassa                                    <\/a>\n                                <\/li>\n                                                    <\/ul>\n                    \n                    <a href=\"https:\/\/www.imbatik.com\/en\/prestashop-agency\/\" class=\"so-card__cta\">\n                        View full service                        <span class=\"arrow\">\u2192<\/span>\n                    <\/a>\n                <\/article>\n                            <article class=\"so-card\" data-color=\"green\">\n                    <div class=\"so-card__num\">Service No. 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\">Shopify Agency<\/h3>\n                    <\/div>\n\n                    <p class=\"so-card__desc\">Shopify agency specialized in D2C stores, international Shopify Markets and migrations. Optimized themes and a focus on conversion. No lock-in contract.<\/p>\n\n                                            <p class=\"so-card__subs-label\">Specialities<\/p>\n                        <ul class=\"so-card__subs\">\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/shopify-agency\/migration-to-shopify\/\">\n                                        Migration to Shopify                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/shopify-agency\/prestashop-to-shopify-migration\/\">\n                                        PrestaShop to Shopify Migration                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/shopify-agency\/shopify-agency-barcelona\/\">\n                                        Shopify Agency Barcelona                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/shopify-agency\/shopify-agency-girona\/\">\n                                        Shopify Agency Girona                                    <\/a>\n                                <\/li>\n                                                    <\/ul>\n                    \n                    <a href=\"https:\/\/www.imbatik.com\/en\/shopify-agency\/\" class=\"so-card__cta\">\n                        View full service                        <span class=\"arrow\">\u2192<\/span>\n                    <\/a>\n                <\/article>\n                            <article class=\"so-card\" data-color=\"coral\">\n                    <div class=\"so-card__num\">Service No. 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\">SEO Agency<\/h3>\n                    <\/div>\n\n                    <p class=\"so-card__desc\">SEO agency with a tailored strategy. We audit, optimize and grow your organic traffic on Google. No lock-in contract. Free audit.<\/p>\n\n                                            <p class=\"so-card__subs-label\">Specialities<\/p>\n                        <ul class=\"so-card__subs\">\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/seo-agency\/prestashop-seo-agency\/\">\n                                        PrestaShop SEO Agency                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/seo-agency\/seo-agency-barcelona\/\">\n                                        SEO Agency Barcelona                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/seo-agency\/seo-agency-figueres\/\">\n                                        SEO Agency Figueres                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/seo-agency\/seo-agency-girona\/\">\n                                        SEO Agency Girona                                    <\/a>\n                                <\/li>\n                                                    <\/ul>\n                    \n                    <a href=\"https:\/\/www.imbatik.com\/en\/seo-agency\/\" class=\"so-card__cta\">\n                        View full service                        <span class=\"arrow\">\u2192<\/span>\n                    <\/a>\n                <\/article>\n                            <article class=\"so-card\" data-color=\"yellow\">\n                    <div class=\"so-card__num\">Service No. 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\">SEM Agency<\/h3>\n                    <\/div>\n\n                    <p class=\"so-card__desc\">SEM agency with server-side tracking and real ROAS. Google Ads, Meta Ads, TikTok Ads and Microsoft Ads. Google Partner. No lock-in contracts or vanity metrics.<\/p>\n\n                                            <p class=\"so-card__subs-label\">Specialities<\/p>\n                        <ul class=\"so-card__subs\">\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/sem-agency\/google-ads-agency\/\">\n                                        Google Ads Agency                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/sem-agency\/google-ads-audit\/\">\n                                        Google Ads Audit                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/sem-agency\/meta-ads-agency\/\">\n                                        Meta Ads Agency                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/sem-agency\/microsoft-ads-bing-ads\/\">\n                                        Microsoft Ads (Bing Ads)                                    <\/a>\n                                <\/li>\n                                                    <\/ul>\n                    \n                    <a href=\"https:\/\/www.imbatik.com\/en\/sem-agency\/\" class=\"so-card__cta\">\n                        View full service                        <span class=\"arrow\">\u2192<\/span>\n                    <\/a>\n                <\/article>\n                            <article class=\"so-card\" data-color=\"coral\">\n                    <div class=\"so-card__num\">Service No. 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\">Digital Marketing Agency<\/h3>\n                    <\/div>\n\n                    <p class=\"so-card__desc\">Digital marketing agency specializing in SEO, Google Ads and e-commerce. Google, Meta, PrestaShop and Shopify partners. No lock-in contract. Free audit.<\/p>\n\n                                            <p class=\"so-card__subs-label\">Specialities<\/p>\n                        <ul class=\"so-card__subs\">\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/digital-marketing-agency\/marketing-agency-in-sant-cugat-del-valles\/\">\n                                        Marketing Agency in Sant Cugat del Vall\u00e8s                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/digital-marketing-agency\/marketing-agency-in-manresa\/\">\n                                        Marketing Agency in Manresa                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/digital-marketing-agency\/marketing-agency-in-lleida\/\">\n                                        Marketing Agency in Lleida                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/digital-marketing-agency\/marketing-agency-in-rubi\/\">\n                                        Marketing Agency in Rub\u00ed                                    <\/a>\n                                <\/li>\n                                                    <\/ul>\n                    \n                    <a href=\"https:\/\/www.imbatik.com\/en\/digital-marketing-agency\/\" class=\"so-card__cta\">\n                        View full service                        <span class=\"arrow\">\u2192<\/span>\n                    <\/a>\n                <\/article>\n                            <article class=\"so-card\" data-color=\"blue\">\n                    <div class=\"so-card__num\">Service No. 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\">Web Design<\/h3>\n                    <\/div>\n\n                    <p class=\"so-card__desc\">Professional WordPress web design. Corporate websites, online stores and landing pages focused on conversion, performance and SEO from the ground up.<\/p>\n\n                                            <p class=\"so-card__subs-label\">Specialities<\/p>\n                        <ul class=\"so-card__subs\">\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/web-design\/web-design-barcelona\/\">\n                                        Web Design Barcelona                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/web-design\/web-design-terrassa\/\">\n                                        Web Design Terrassa                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/web-design\/wordpress-online-store\/\">\n                                        WordPress Online Store                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/web-design\/web-design-girona\/\">\n                                        Web Design Girona                                    <\/a>\n                                <\/li>\n                                                    <\/ul>\n                    \n                    <a href=\"https:\/\/www.imbatik.com\/en\/web-design\/\" class=\"so-card__cta\">\n                        View full service                        <span class=\"arrow\">\u2192<\/span>\n                    <\/a>\n                <\/article>\n                            <article class=\"so-card\" data-color=\"green\">\n                    <div class=\"so-card__num\">Service No. 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\">Geo agency and AI search visibility<\/h3>\n                    <\/div>\n\n                    <p class=\"so-card__desc\">GEO agency in Spain. We get your brand into ChatGPT, Perplexity, Claude and Google&#039;s AI Overviews. Free AI visibility audit in 48h.<\/p>\n\n                                            <p class=\"so-card__subs-label\">Specialities<\/p>\n                        <ul class=\"so-card__subs\">\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/geo-agency-and-ai-search-visibility\/geo-agency-barcelona\/\">\n                                        GEO Agency Barcelona                                    <\/a>\n                                <\/li>\n                                                            <li>\n                                    <a href=\"https:\/\/www.imbatik.com\/en\/geo-agency-and-ai-search-visibility\/geo-agency-girona\/\">\n                                        GEO Agency Girona                                    <\/a>\n                                <\/li>\n                                                    <\/ul>\n                    \n                    <a href=\"https:\/\/www.imbatik.com\/en\/geo-agency-and-ai-search-visibility\/\" class=\"so-card__cta\">\n                        View full service                        <span class=\"arrow\">\u2192<\/span>\n                    <\/a>\n                <\/article>\n                    <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n\/* ============================================================\n   AGENCY PREVIEW \u2014 Qui\u00e9nes somos preview (home)\n   ============================================================ *\/\n.ap-section {\n    padding: 96px 24px;\n    background: #ffffff;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    position: relative;\n    overflow: hidden;\n}\n.ap-section::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: -200px;\n    transform: translateY(-50%);\n    width: 400px;\n    height: 400px;\n    background: radial-gradient(circle, rgba(92,130,242,.04) 0%, transparent 70%);\n    border-radius: 50%;\n    pointer-events: none;\n}\n\n.ap-inner {\n    max-width: 1240px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 48px;\n    align-items: center;\n    position: relative;\n    z-index: 2;\n}\n@media (min-width: 992px) {\n    .ap-inner {\n        grid-template-columns: 1.1fr 1fr;\n        gap: 72px;\n    }\n}\n\n\/* === LADO IZQUIERDO: Pilares === *\/\n.ap-pillars {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 18px;\n}\n@media (max-width: 540px) {\n    .ap-pillars { grid-template-columns: 1fr; }\n}\n\n.ap-pillar {\n    background: #fff;\n    border: 1px solid rgba(15,23,42,.06);\n    border-radius: 18px;\n    padding: 24px 22px;\n    transition: transform .35s cubic-bezier(.16,1,.3,1),\n                box-shadow .35s,\n                border-color .35s;\n}\n.ap-pillar[data-color=\"blue\"]   { --ap-accent: #5C82F2; --ap-tint: rgba(92,130,242,.12); }\n.ap-pillar[data-color=\"coral\"]  { --ap-accent: #FF7B72; --ap-tint: rgba(255,123,114,.12); }\n.ap-pillar[data-color=\"green\"]  { --ap-accent: #6FDBA5; --ap-tint: rgba(111,219,165,.16); }\n.ap-pillar[data-color=\"yellow\"] { --ap-accent: #FFD266; --ap-tint: rgba(255,210,102,.20); }\n\n.ap-pillar:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 16px 32px 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.ap-pillar__icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 44px;\n    height: 44px;\n    border-radius: 12px;\n    background: var(--ap-tint);\n    color: var(--ap-accent);\n    margin-bottom: 14px;\n    transition: transform .3s cubic-bezier(.16,1,.3,1);\n}\n.ap-pillar:hover .ap-pillar__icon { transform: scale(1.06) rotate(-4deg); }\n\n.ap-pillar__icon .material-symbols-outlined {\n    font-size: 22px;\n    font-variation-settings: 'FILL' 1, 'wght' 500;\n}\n\n.ap-pillar__title {\n    font-size: 16px;\n    font-weight: 800;\n    color: #0a0e1a;\n    letter-spacing: -0.01em;\n    margin: 0 0 6px;\n    line-height: 1.3;\n}\n.ap-pillar__text {\n    font-size: 13.5px;\n    font-weight: 500;\n    color: #64748b;\n    line-height: 1.55;\n    margin: 0;\n}\n\n\/* === LADO DERECHO: Texto === *\/\n.ap-text {}\n\n.ap-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\n.ap-title {\n    font-size: clamp(28px, 4.2vw, 44px);\n    font-weight: 800;\n    letter-spacing: -0.025em;\n    line-height: 1.1;\n    color: #0a0e1a;\n    margin: 0 0 22px;\n}\n.ap-title span {\n    background: linear-gradient(135deg, #5C82F2 0%, #FF7B72 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n\n.ap-desc {\n    font-size: clamp(16px, 1.4vw, 18px);\n    font-weight: 500;\n    color: #475569;\n    line-height: 1.65;\n    margin: 0 0 32px;\n}\n\n.ap-cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 14px 26px;\n    background: linear-gradient(135deg, #5C82F2 0%, #3a5fd4 100%);\n    color: #fff !important;\n    border-radius: 12px;\n    font-size: 15px;\n    font-weight: 700;\n    text-decoration: none !important;\n    box-shadow: 0 6px 20px rgba(92,130,242,.30);\n    transition: transform .25s cubic-bezier(.16,1,.3,1),\n                box-shadow .25s;\n}\n.ap-cta:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 28px rgba(92,130,242,.42);\n    color: #fff !important;\n}\n.ap-cta .arrow {\n    font-weight: 800;\n    transition: transform .25s cubic-bezier(.16,1,.3,1);\n}\n.ap-cta:hover .arrow { transform: translateX(4px); }\n\n\/* Animaci\u00f3n de entrada *\/\n.ap-pillar, .ap-text > * {\n    opacity: 0;\n    transform: translateY(16px);\n    animation: apEnter .6s cubic-bezier(.16,1,.3,1) forwards;\n}\n.ap-pillar:nth-of-type(1) { animation-delay: 0.08s; }\n.ap-pillar:nth-of-type(2) { animation-delay: 0.16s; }\n.ap-pillar:nth-of-type(3) { animation-delay: 0.24s; }\n.ap-pillar:nth-of-type(4) { animation-delay: 0.32s; }\n.ap-eyebrow { animation-delay: 0.10s; }\n.ap-title   { animation-delay: 0.18s; }\n.ap-desc    { animation-delay: 0.26s; }\n.ap-cta     { animation-delay: 0.34s; }\n@keyframes apEnter { to { opacity: 1; transform: translateY(0); } }\n\n@media (prefers-reduced-motion: reduce) {\n    .ap-pillar, .ap-text > * { animation: none; opacity: 1; transform: none; }\n    .ap-pillar:hover { transform: none; }\n    .ap-pillar:hover .ap-pillar__icon { transform: none; }\n    .ap-cta:hover { transform: none; }\n}\n\n@media (max-width: 640px) {\n    .ap-section { padding: 72px 16px; }\n}\n<\/style>\n\n<section id=\"ap-block_bbd1ccbf322b0fbef2a04c1b305acbbb\" class=\"ap-section\">\n    <div class=\"ap-inner\">\n\n        <!-- LADO IZQUIERDO: 4 pilares -->\n        <div class=\"ap-pillars\">\n                            <article class=\"ap-pillar\" data-color=\"blue\">\n                    <span class=\"ap-pillar__icon\" aria-hidden=\"true\">\n                        <span class=\"material-symbols-outlined\">workspace_premium<\/span>\n                    <\/span>\n                    <h3 class=\"ap-pillar__title\">Senior team<\/h3>\n                    <p class=\"ap-pillar__text\">Only profiles with 5+ years of experience. No juniors on strategic accounts.<\/p>\n                <\/article>\n                            <article class=\"ap-pillar\" data-color=\"coral\">\n                    <span class=\"ap-pillar__icon\" aria-hidden=\"true\">\n                        <span class=\"material-symbols-outlined\">handshake<\/span>\n                    <\/span>\n                    <h3 class=\"ap-pillar__title\">Direct contact<\/h3>\n                    <p class=\"ap-pillar__text\">Your account manager is the person who actually works on your project. No middlemen.<\/p>\n                <\/article>\n                            <article class=\"ap-pillar\" data-color=\"green\">\n                    <span class=\"ap-pillar__icon\" aria-hidden=\"true\">\n                        <span class=\"material-symbols-outlined\">monitoring<\/span>\n                    <\/span>\n                    <h3 class=\"ap-pillar__title\">Data, always<\/h3>\n                    <p class=\"ap-pillar__text\">Every decision based on real metrics. Clear, honest monthly reporting.<\/p>\n                <\/article>\n                            <article class=\"ap-pillar\" data-color=\"yellow\">\n                    <span class=\"ap-pillar__icon\" aria-hidden=\"true\">\n                        <span class=\"material-symbols-outlined\">category<\/span>\n                    <\/span>\n                    <h3 class=\"ap-pillar__title\">Specialists<\/h3>\n                    <p class=\"ap-pillar__text\">PrestaShop, Shopify, SEO and SEM. Real focus, not marketing talk.<\/p>\n                <\/article>\n                    <\/div>\n\n        <!-- LADO DERECHO: Texto + CTA -->\n        <div class=\"ap-text\">\n                            <span class=\"ap-eyebrow\">WHO WE ARE<\/span>\n            \n            <h2 class=\"ap-title\">A <span>specialized<\/span> digital agency, not a 360 agency.<\/h2>\n\n                            <p class=\"ap-desc\">Imbatik was founded in 2014 with a clear idea: to be excellent at a few things rather than mediocre at many. Today we are a senior team with clients all over Spain and projects beyond it.<\/p>\n            \n                            <a href=\"\/sobre-nosotros\/\" class=\"ap-cta\">\n                    Learn more about the agency                    <span class=\"arrow\">\u2192<\/span>\n                <\/a>\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_bb0e60ba45de8c3f13d3be04387313b3\" class=\"sbs-section\">\n    <div class=\"sbs-inner\">\n\n        <header class=\"sbs-header\">\n                            <span class=\"sbs-eyebrow\">VERTICAL SPECIALIZATION<\/span>\n                        <h2 class=\"sbs-title\">Specialists <span>by industry<\/span><\/h2>\n                            <p class=\"sbs-subtitle\">Every vertical has its own regulations and dynamics. Find the services designed for your industry.<\/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\">Law Firms<\/h3>\n                    <p class=\"sbs-card__desc\">Visibility and client acquisition for law firms, compliant with the CGAE Code of Ethics.<\/p>\n\n                    <ul class=\"sbs-card__pages\">\n                                                    <li>\n                                <a href=\"https:\/\/www.imbatik.com\/en\/seo-agency\/seo-for-lawyers\/\">\n                                    SEO for Lawyers                                <\/a>\n                            <\/li>\n                                                    <li>\n                                <a href=\"https:\/\/www.imbatik.com\/en\/web-design\/web-design-for-lawyers\/\">\n                                    Web Design for Lawyers                                <\/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\">Dental Clinics<\/h3>\n                    <p class=\"sbs-card__desc\">Intensive local SEO and review management for private dental clinics focused on high-ticket treatments.<\/p>\n\n                    <ul class=\"sbs-card__pages\">\n                                                    <li>\n                                <a href=\"https:\/\/www.imbatik.com\/en\/seo-agency\/seo-for-dentists\/\">\n                                    SEO for Dentists                                <\/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\">Real Estate &amp; APIs<\/h3>\n                    <p class=\"sbs-card__desc\">Independence from Idealista and Fotocasa with neighborhood-level SEO and technical RealEstateAgent schema.<\/p>\n\n                    <ul class=\"sbs-card__pages\">\n                                                    <li>\n                                <a href=\"https:\/\/www.imbatik.com\/en\/seo-agency\/seo-for-real-estate-agencies\/\">\n                                    SEO for Real Estate Agencies                                <\/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\">Fashion &amp; Lifestyle D2C<\/h3>\n                    <p class=\"sbs-card__desc\">Shopify for D2C fashion brands: complex variants, Shopify Markets, returns, social commerce.<\/p>\n\n                    <ul class=\"sbs-card__pages\">\n                                                    <li>\n                                <a href=\"https:\/\/www.imbatik.com\/en\/shopify-agency\/shopify-for-fashion\/\">\n                                    Shopify for Fashion                                <\/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\">Food &amp; Beverage D2C<\/h3>\n                    <p class=\"sbs-card__desc\">Shopify for food brands: EU Regulation 1169, cold chain, expiry-date management, subscriptions.<\/p>\n\n                    <ul class=\"sbs-card__pages\">\n                                                    <li>\n                                <a href=\"https:\/\/www.imbatik.com\/en\/shopify-agency\/shopify-for-d2c-food-brands\/\">\n                                    Shopify for D2C Food Brands                                <\/a>\n                            <\/li>\n                                            <\/ul>\n                <\/article>\n                    <\/div>\n\n    <\/div>\n<\/section>\n\n<div id=\"partners-grid-block_b842fc49d86fadd68d4c359eaf6879a5\" class=\"sp-partners\">\n    <div class=\"sp-section__inner\">\n        <h2 class=\"sp-partners__title\">Technology Partners<\/h2>\n                    <p class=\"sp-partners__title-sub\">Official certifications that back our technical expertise in every tool.<\/p>\n        \n        <div class=\"sp-partners__grid\">\n                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/google-partner-oficial.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/meta-business-partner.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/microsoft-partner.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/prestashop-partners.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/rank-math-partner.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/screamingfrog-partner.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/semrush-partner.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/shopify-partners.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/sistrix-partner.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/trueranker-partner.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/ahrefs-partner.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                                                <img class=\"sp-partner-logo\" src=\"https:\/\/www.imbatik.com\/wp-content\/uploads\/2026\/05\/google-analytics-4-partner.svg\" alt=\"Partner\" width=\"140\" height=\"60\" loading=\"lazy\" decoding=\"async\" title=\"\">\n                                    <\/div>\n    <\/div>\n<\/div>\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_6c2c812dd3fe618de670917f0fd2a479\" class=\"htc-section\">\n    <div class=\"htc-inner\">\n\n        <header class=\"htc-header\">\n                            <span class=\"htc-eyebrow\">NOT SURE WHERE TO START<\/span>\n                        <h2 class=\"htc-title\">Choose your <span>current situation<\/span><\/h2>\n                            <p class=\"htc-subtitle\">Every case is different. Click the scenario that best describes your situation and we&#039;ll take you to the service that fits.<\/p>\n                    <\/header>\n\n        <div class=\"htc-grid\">\n                            <a href=\"https:\/\/www.imbatik.com\/en\/contact\/\" class=\"htc-card\" data-color=\"blue\">\n                    <span class=\"htc-card__eyebrow\">STARTING FROM SCRATCH<\/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\">I have an idea but don&#039;t know where to start<\/h3>\n                    <p class=\"htc-card__desc\">You need to hear options, validate ideas and draw up a plan. An initial no-obligation call is what you need.<\/p>\n\n                    <span class=\"htc-card__cta\">Let&#039;s talk, no obligation<\/span>\n                <\/a>\n                            <a href=\"https:\/\/www.imbatik.com\/en\/prestashop-agency\/\" class=\"htc-card\" data-color=\"coral\">\n                    <span class=\"htc-card__eyebrow\">YOU ALREADY HAVE A STORE<\/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\">I have an online store but it doesn&#039;t sell as it should<\/h3>\n                    <p class=\"htc-card__desc\">Technical + commercial audit. We identify quick wins (what can be fixed in 2 weeks) and structural work.<\/p>\n\n                    <span class=\"htc-card__cta\">Audit my store<\/span>\n                <\/a>\n                            <a href=\"https:\/\/www.imbatik.com\/en\/seo-agency\/\" class=\"htc-card\" data-color=\"green\">\n                    <span class=\"htc-card__eyebrow\">INVISIBLE ON 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\">I don&#039;t show up on Google when people search for me<\/h3>\n                    <p class=\"htc-card__desc\">Local + technical + content SEO. We rank your brand and services to capture qualified traffic month after month.<\/p>\n\n                    <span class=\"htc-card__cta\">See SEO agency<\/span>\n                <\/a>\n                            <a href=\"https:\/\/www.imbatik.com\/en\/sem-agency\/\" class=\"htc-card\" data-color=\"yellow\">\n                    <span class=\"htc-card__eyebrow\">CLIENTS NOW<\/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\">I need clients now, I can&#039;t wait for SEO<\/h3>\n                    <p class=\"htc-card__desc\">Google Ads, Meta Ads, TikTok Ads. Server-side tracking, native creatives and measurable ROAS. Results from week 1.<\/p>\n\n                    <span class=\"htc-card__cta\">See SEM agency<\/span>\n                <\/a>\n                    <\/div>\n\n    <\/div>\n<\/section>\n\n<div id=\"testimonials-block_1f93a9bf24252b5388c562076ccd66f5\" class=\"sp-section sp-testimonials\">\n    <div class=\"sp-section__inner\">\n        <div class=\"sp-section__header\">\n            <span class=\"sp-section__eyebrow\">Testimonials<\/span>\n            <h2 class=\"sp-section__title\">What Our Clients Say<\/h2>\n                            <p class=\"sp-section__subtitle\">What clients already working with Imbatik say<\/p>\n                    <\/div>\n\n        <div class=\"sp-testimonials__grid\">\n                            <div class=\"sp-testimonial\">\n                    <div class=\"sp-testimonial__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <p class=\"sp-testimonial__quote\">El equipo de Imbatik entiende el negocio digital como pocos. Redujeron nuestro coste por adquisici\u00f3n un 45% manteniendo el volumen de leads. Resultados reales y medibles.<\/p>\n                    <div class=\"sp-testimonial__author\">\n                                                    <div class=\"sp-testimonial__avatar\">\n                                F                            <\/div>\n                                                <div>\n                            <p class=\"sp-testimonial__name\">Frank Juarez<\/p>\n                            <p class=\"sp-testimonial__role\">Founder &amp; CEO \u00b7 Material Est\u00e9tica<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"sp-testimonial\">\n                    <div class=\"sp-testimonial__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <p class=\"sp-testimonial__quote\">L&#039;equip d&#039;Imbatik ent\u00e9n el negoci digital com pocs. Van reduir el nostre cost per adquisici\u00f3 un 45% mantenint el volum de leads. Resultats reals i mesurables.<\/p>\n                    <div class=\"sp-testimonial__author\">\n                                                    <div class=\"sp-testimonial__avatar\">\n                                F                            <\/div>\n                                                <div>\n                            <p class=\"sp-testimonial__name\">Frank Juarez<\/p>\n                            <p class=\"sp-testimonial__role\">Founder &amp; CEO \u00b7 Material Est\u00e9tica<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"sp-testimonial\">\n                    <div class=\"sp-testimonial__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <p class=\"sp-testimonial__quote\">The Imbatik team understands digital business like few others. They cut our cost per acquisition by 45% while maintaining lead volume. Real, measurable results.<\/p>\n                    <div class=\"sp-testimonial__author\">\n                                                    <div class=\"sp-testimonial__avatar\">\n                                F                            <\/div>\n                                                <div>\n                            <p class=\"sp-testimonial__name\">Frank Juarez<\/p>\n                            <p class=\"sp-testimonial__role\">Founder &amp; CEO \u00b7 Material Est\u00e9tica<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"sp-testimonial\">\n                    <div class=\"sp-testimonial__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <p class=\"sp-testimonial__quote\">Trabajar con Imbatik ha sido un antes y un despu\u00e9s para nuestra tienda online. Duplicamos las ventas en seis meses gracias a su estrategia SEO y el redise\u00f1o PrestaShop.<\/p>\n                    <div class=\"sp-testimonial__author\">\n                                                    <div class=\"sp-testimonial__avatar\">\n                                P                            <\/div>\n                                                <div>\n                            <p class=\"sp-testimonial__name\">Pere Arnau<\/p>\n                            <p class=\"sp-testimonial__role\">CEO \u00b7 Fabrica tu L\u00e1mpara<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"sp-testimonial\">\n                    <div class=\"sp-testimonial__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <p class=\"sp-testimonial__quote\">Treballar amb Imbatik ha marcat un abans i un despr\u00e9s per a la nostra botiga en l\u00ednia. Vam duplicar les vendes en sis mesos gr\u00e0cies a la seva estrat\u00e8gia SEO i al redisseny de PrestaShop.<\/p>\n                    <div class=\"sp-testimonial__author\">\n                                                    <div class=\"sp-testimonial__avatar\">\n                                P                            <\/div>\n                                                <div>\n                            <p class=\"sp-testimonial__name\">Pere Arnau<\/p>\n                            <p class=\"sp-testimonial__role\">CEO \u00b7 Fabrica tu L\u00e1mpara<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"sp-testimonial\">\n                    <div class=\"sp-testimonial__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <p class=\"sp-testimonial__quote\">Working with Imbatik was a turning point for our online store. We doubled our sales in six months thanks to their SEO strategy and the PrestaShop redesign.<\/p>\n                    <div class=\"sp-testimonial__author\">\n                                                    <div class=\"sp-testimonial__avatar\">\n                                P                            <\/div>\n                                                <div>\n                            <p class=\"sp-testimonial__name\">Pere Arnau<\/p>\n                            <p class=\"sp-testimonial__role\">CEO \u00b7 Fabrica tu L\u00e1mpara<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"faqs-block_2a184648d5a28640d6905795de371bac\" class=\"sp-section sp-section--gray\">\n    <div class=\"sp-section__inner\">\n        <div class=\"sp-section__header\">\n            <h2 class=\"sp-section__title\">Frequently asked questions about Imbatik<\/h2>\n        <\/div>\n\n        <div class=\"sp-faq\">\n                                                <details class=\"sp-faq__item\" name=\"faqs_group\" open>\n                        <summary>\n                            What exactly does Imbatik do, and how is it different from other digital agencies?                            <svg class=\"sp-faq__arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/summary>\n                        <div class=\"sp-faq__body\">\n                            <p>Imbatik is a digital agency specializing in six specific areas: online store development on PrestaShop and Shopify, technical and local SEO, SEM campaigns (Google Ads, Meta Ads, TikTok Ads), WordPress web design, digital marketing and AI search visibility (GEO). We&#039;ve been working with e-commerce and digital projects across Spain since 2014. What sets us apart from most agencies on the market is focus: we&#039;re not a 360 agency that does everything halfway. We specialize in a few things and do them exceptionally well. We only assign senior professionals (more than five years of experience) to strategic accounts and offer direct contact, with no sales gatekeepers and no juniors running important projects. We are verifiable official partners of Google, Meta, PrestaShop and Shopify, which means we pass each platform&#039;s technical and active-account audits. We work with no lock-in contract, with honest monthly reporting based on real metrics (not decorative charts) and a consultative approach: we tell you first whether we&#039;re a good fit before proposing a budget.<\/p>\n                        <\/div>\n                    <\/details>\n                                    <details class=\"sp-faq__item\" name=\"faqs_group\" >\n                        <summary>\n                            What kinds of companies do you work with?                            <svg class=\"sp-faq__arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/summary>\n                        <div class=\"sp-faq__body\">\n                            <p>We mainly work with three types of companies. First, established B2C e-commerce businesses that already sell online and want to scale: fashion, food, home decor, cosmetics, jewelry or specialty product brands that have grown on PrestaShop or Shopify and need advanced SEO, SEM and development optimization. Second, SMBs and local businesses that want serious visibility in their area: dental clinics, law firms, real estate agencies, restaurants, auto repair shops or professional services in Barcelona, Girona, Terrassa, Sabadell, Sant Cugat or elsewhere in Catalonia and Spain, where local SEO and geotargeted campaigns make all the difference. Third, brands migrating platforms or launching a new store: migrations from WooCommerce, Magento, Wix or older PrestaShop versions to new PrestaShop or Shopify D2C, and full launches from scratch with design, development, SEO and acquisition campaigns built in. We don&#039;t take on projects below a certain threshold because we can&#039;t guarantee results with very tight budgets, and we always tell you honestly whether your case is a fit before we quote.<\/p>\n                        <\/div>\n                    <\/details>\n                                    <details class=\"sp-faq__item\" name=\"faqs_group\" >\n                        <summary>\n                            Who will handle my account and project day to day?                            <svg class=\"sp-faq__arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/summary>\n                        <div class=\"sp-faq__body\">\n                            <p>Your account is always handled by a senior account manager with more than five years of experience in the area you need, not a newly hired junior or a salesperson who hands things off. That person actually does the work and stays in touch with you directly: no gatekeepers, no sales layers that only show up to sign the contract. On complex projects (store launches, large migrations, multichannel campaigns) we put together a team with an accountable technical lead and, as needed, additional specialists in SEO, paid media, development or design. But your point of contact is always the same: the person who knows your business, your goals and your history. We hold follow-up meetings at least monthly (weekly on active projects), reply to emails and messages during business hours within 24 hours, and work with shared dashboards where you can check real metrics whenever you want, without waiting for the report.<\/p>\n                        <\/div>\n                    <\/details>\n                                    <details class=\"sp-faq__item\" name=\"faqs_group\" >\n                        <summary>\n                            How much does it cost to hire a digital agency like Imbatik?                            <svg class=\"sp-faq__arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/summary>\n                        <div class=\"sp-faq__body\">\n                            <p>It depends a lot on the service, scope and industry. We don&#039;t publish fixed rates because every case is different, and listing generic prices on a website is dishonest: they depend on the client&#039;s history, competition in the industry, goals and starting point. As a general guide: a one-off SEO or PPC audit falls in the lower investment range, a serious monthly local SEO service in the mid range, a new Shopify D2C store with a mid-sized catalog and custom design in the mid-to-high range, and active management of SEM campaigns with significant ad budgets depends on the volume of spend we manage. What we will say is this: we work with clients who understand that serious digital work requires sustained investment, not cheap patches. After the first meeting (free and no-obligation), within three to five days we send you a proposal with a detailed scope, timelines, deliverables and a fixed price tailored to your actual case. No Bronze\/Silver\/Gold packages, no copy-paste templates, no prices padded with hidden extras.<\/p>\n                        <\/div>\n                    <\/details>\n                                    <details class=\"sp-faq__item\" name=\"faqs_group\" >\n                        <summary>\n                            Do you have lock-in periods or long-term contracts?                            <svg class=\"sp-faq__arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/summary>\n                        <div class=\"sp-faq__body\">\n                            <p>Never. It&#039;s one of the clearest ways we stand apart from most agencies on the market. One-off projects (online store launch, migration to PrestaShop or Shopify, SEO or Google Ads audit, new web design) have a fixed scope and price with no lock-in afterward. Recurring monthly services (ongoing SEO, SEM campaign management, PrestaShop or Shopify maintenance, local SEO) are month to month with no lock-in contract. If at any point you&#039;re no longer happy with the service, we hand over all documentation of the work done, all access to tools and platforms, the full campaign history, published content, technical configurations and dashboards, and you can leave whenever you want with no retention tactics or clauses. Our philosophy is simple: we trust that each month the service earns the next one with visible results, not with contractual clauses that keep clients against their will. It demands more of us as an agency (we can&#039;t relax knowing the client is tied in), but in the long run it&#039;s what builds truly lasting relationships.<\/p>\n                        <\/div>\n                    <\/details>\n                                    <details class=\"sp-faq__item\" name=\"faqs_group\" >\n                        <summary>\n                            What&#039;s the process from the first meeting to starting work together?                            <svg class=\"sp-faq__arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/summary>\n                        <div class=\"sp-faq__body\">\n                            <p>It&#039;s a three-step process with no sales pressure. Step one: a free 30-to-45-minute initial call via Google Meet or phone. You tell us about your current situation, your goals, your constraints (budget, timelines, technology) and any relevant history with previous agencies. We ask specific technical questions and, most importantly, tell you honestly whether our team is a good fit for your case or whether you&#039;d be better off with a different kind of provider: if your case falls outside our specialty or budget, we point you toward trusted partners who are a fit. Step two: if we&#039;re a match, within three to five days we send you a custom proposal with a detailed scope, specific deliverables, measurable KPIs, realistic timelines and a fixed price. The proposal is built from scratch for your actual case, not a template with your logo slapped on top. Step three: once we&#039;ve approved the proposal together, we hold a technical kickoff: access setup, tracking tools, monitoring dashboard, meeting calendar, a documented baseline and specific KPIs. From then on, we&#039;re working together with monthly reporting.<\/p>\n                        <\/div>\n                    <\/details>\n                                    <details class=\"sp-faq__item\" name=\"faqs_group\" >\n                        <summary>\n                            How do you report results to me?                            <svg class=\"sp-faq__arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/summary>\n                        <div class=\"sp-faq__body\">\n                            <p>With real, honest metrics, not vanity charts that hide reality. Every client has a shared dashboard they can check anytime, with the metrics that really matter for their case: organic traffic segmented by search intent, real and correctly attributed conversions, ROAS by channel and campaign, rankings for target keywords, qualified leads generated and real cost per acquisition (not just cost per click). Once a month we hold a reporting meeting of about 45 minutes where we review what worked, what didn&#039;t, what decisions we made as a result and what we propose for the following month. The report always covers the good and the bad: if a campaign&#039;s performance has dropped, we say so without sugarcoating it and propose a concrete action plan. We use server-side tracking where applicable (especially for Meta Ads and Google Ads post-iOS 14), properly configured GA4 and professional tools such as Semrush, Ahrefs, Sistrix, Google Search Console and the Google Ads UI directly.<\/p>\n                        <\/div>\n                    <\/details>\n                                    <details class=\"sp-faq__item\" name=\"faqs_group\" >\n                        <summary>\n                            How long does SEO take to deliver real results?                            <svg class=\"sp-faq__arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/summary>\n                        <div class=\"sp-faq__body\">\n                            <p>It depends on your starting point, how competitive your industry is and sustained investment. As a general benchmark based on more than ten years of doing SEO: the first ranking movements appear between four and eight weeks after work begins (technical improvements, new content indexed, first gains on long-tail keywords). Significant results in qualified traffic and conversions usually arrive between the third and sixth month on well-executed projects. Solid rankings for competitive keywords (such as &quot;SEO agency Barcelona&quot; or &quot;buy glasses online&quot;) can take eight to eighteen months depending on the competition and the domain&#039;s initial authority. Local SEO with a well-optimized Google Business Profile can deliver results much faster: three to four months to show up on the map in your area. What we do guarantee is transparency: if in the first three months we don&#039;t see the leading indicators we expected (traffic, impressions, priority keyword rankings moving up), we revise the strategy instead of waiting passively. SEO isn&#039;t magic or mysticism: it&#039;s technical signals, relevant content and authority built over time.<\/p>\n                        <\/div>\n                    <\/details>\n                                    <details class=\"sp-faq__item\" name=\"faqs_group\" >\n                        <summary>\n                            How long does it take to see the impact of Google Ads and Meta Ads campaigns?                            <svg class=\"sp-faq__arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/summary>\n                        <div class=\"sp-faq__body\">\n                            <p>SEM works very differently from SEO: traffic starts the same day the campaigns go live. What takes time is optimizing so that traffic converts at a reasonable cost. As a general guide: the first two weeks are the algorithm&#039;s learning phase, when ROAS tends to be low or unstable while Google or Meta figure out who to show the ads to. Between the third and sixth week we start to see clear patterns: which creatives work, which audiences convert, which keywords are profitable. Stable optimization and consistently positive ROAS usually solidify between the second and third month in well-structured accounts. It&#039;s important to understand that SEM isn&#039;t &quot;plug it in and you&#039;re done&quot;: it requires fresh creatives every so often (ad fatigue), bid adjustments, expansion into new keywords, exclusion of unprofitable traffic and constant experimentation. Campaign type matters too: Performance Max and Shopping converge faster than Search in complex industries. For Meta Ads, the post-iOS 14 challenge is tracking, which is why we set up the Conversions API and server-side tracking from day one so no attribution is lost.<\/p>\n                        <\/div>\n                    <\/details>\n                                    <details class=\"sp-faq__item\" name=\"faqs_group\" >\n                        <summary>\n                            Which is better for my online store, PrestaShop or Shopify?                            <svg class=\"sp-faq__arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/summary>\n                        <div class=\"sp-faq__body\">\n                            <p>It depends on your type of business, your catalog and your technical resources. PrestaShop makes sense when you need full control over the code and database, a complex catalog with many attributes, custom integrations with an ERP, your own warehouses or internal systems, specific B2B modules, highly customized multi-language and multi-store setups, or when Shopify&#039;s transaction fees (which add up as revenue grows) become too expensive. It&#039;s the choice of many established retailers with an in-house technical team or a partner agency. Shopify makes sense when you want to launch fast, your catalog is manageable (up to a few thousand SKUs), you prioritize time-to-market and a brand-focused D2C experience, you sell internationally with Shopify Markets, or when you don&#039;t want to worry about hosting, security, updates, performance or technical maintenance. It&#039;s perfect for D2C brands in fashion, food, cosmetics, home decor or products where branding and experience matter more than deep customization. In the first meeting we analyze your specific case (current catalog, sales volume, required integrations, budget, team profile) and tell you honestly which one fits best, even if that means the project ends up cheaper or more expensive with one option or the other.<\/p>\n                        <\/div>\n                    <\/details>\n                                    <details class=\"sp-faq__item\" name=\"faqs_group\" >\n                        <summary>\n                            Do you do local SEO for businesses whose customers are only in their area?                            <svg class=\"sp-faq__arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/summary>\n                        <div class=\"sp-faq__body\">\n                            <p>Yes, it&#039;s one of our strongest services. Local SEO is very different from generic SEO: what matters here are very specific signals that most generalist agencies don&#039;t handle well. We fully optimize your Google Business Profile (correct categories, attributes, real products and services, professional photos, active review management with replies), create geotargeted content with semantic coverage of neighborhoods and districts (not just &quot;Barcelona&quot; but &quot;Eixample&quot;, &quot;Sant Cugat del Vall\u00e8s&quot;, &quot;Vall\u00e8s Occidental&quot;, &quot;Giron\u00e8s&quot;), properly implement LocalBusiness and ProfessionalService schema, build consistent NAP across relevant local directories, actively manage online reputation and monitor rankings on the map and in the local pack. We do local SEO in Catalonia (Barcelona, Girona, Terrassa, Sabadell, Sant Cugat, Rub\u00ed, Cerdanyola, Figueres, Lleida, Tarragona) but also in other provinces across Spain. Well-executed local SEO usually delivers visible results in three to four months, much faster than generic SEO, because there&#039;s less competition and local signals are clearer to optimize.<\/p>\n                        <\/div>\n                    <\/details>\n                                    <details class=\"sp-faq__item\" name=\"faqs_group\" >\n                        <summary>\n                            Do you work with WooCommerce, Magento, Wix or other e-commerce platforms?                            <svg class=\"sp-faq__arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/summary>\n                        <div class=\"sp-faq__body\">\n                            <p>For new online stores we don&#039;t recommend those platforms, because our deep specialization is PrestaShop and Shopify, and frankly we want to offer the technical depth that only comes with focus. For migrations, yes, we do work with them; in fact it&#039;s one of our most requested services: migrating from WooCommerce, Magento, Wix, Shopify Plus, OpenCart or older PrestaShop versions to modern PrestaShop or Shopify D2C. Well-executed migrations that preserve SEO (equivalent URL structure or correct bulk 301 redirects, migrated schema, preserved metadata, no content loss, no drop in organic traffic during the process). For SEO, SEM, web design and digital marketing, the website&#039;s platform isn&#039;t a limitation: we work on any CMS (WordPress, Drupal, static sites, headless CMS, custom platforms) because technical SEO, link building, campaign management and content strategy are agnostic to the underlying CMS. If you bring us a project on another platform for ongoing maintenance or development, we&#039;ll tell you honestly whether it&#039;s a fit for our team or recommend specialized partners.<\/p>\n                        <\/div>\n                    <\/details>\n                                    <details class=\"sp-faq__item\" name=\"faqs_group\" >\n                        <summary>\n                            Do you only work in Catalonia or across the rest of Spain too?                            <svg class=\"sp-faq__arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/summary>\n                        <div class=\"sp-faq__body\">\n                            <p>All of Spain, and beyond. Our clients are spread across the country: Madrid, Valencia, Seville, Bilbao, Zaragoza, M\u00e1laga, Palma de Mallorca, Vigo and many other cities. Digital agency work is predominantly remote: analysis, technical setup, campaigns, reporting and communication all happen online with no need to be physically present. We hold meetings via Google Meet or Zoom (weekly or monthly depending on the project) with optional recording, use shared dashboards the client can check anytime, and reply by email and messaging during business hours within twenty-four hours. When we need to meet in person to kick off a large project or review strategy, we come to you. Geography isn&#039;t a problem and has never been a reason not to work with a client.<\/p>\n                        <\/div>\n                    <\/details>\n                                    <details class=\"sp-faq__item\" name=\"faqs_group\" >\n                        <summary>\n                            What happens if I want to switch agencies and take the work with me?                            <svg class=\"sp-faq__arrow\" viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n                        <\/summary>\n                        <div class=\"sp-faq__body\">\n                            <p>That&#039;s exactly how it should be, and we make it easy with no retention tactics. Whenever you decide to switch agencies, you have the right to take all the work done with you: technical documentation (configurations, source code, themes, modules), all tool access (Google Ads, Meta Business Manager, Google Search Console, Tag Manager, Analytics, hosting, e-commerce platforms), platform credentials, campaign and creative history, content created (copy, images, videos), implemented schema, documented strategies, keyword plans, link building history and accumulated monthly reports. We do an orderly handover in a transition session where we explain the current status, what&#039;s in progress, planned next steps and anything the next agency or in-house team needs to know to continue without interruption. We don&#039;t hold anything back, we don&#039;t hide configurations, and we don&#039;t leave custom code undocumented. It&#039;s our ethical responsibility to the client and also our best calling card: clients come back years later or recommend us precisely because, when they left, it was frictionless.<\/p>\n                        <\/div>\n                    <\/details>\n                                    <\/div>\n        \n        \n        <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const details = document.querySelectorAll('#faqs-block_2a184648d5a28640d6905795de371bac .sp-faq__item');\n            details.forEach((targetDetail) => {\n                targetDetail.addEventListener('click', () => {\n                    details.forEach((detail) => {\n                        if (detail !== targetDetail) {\n                            detail.removeAttribute('open');\n                        }\n                    });\n                });\n            });\n        });\n        <\/script>\n    <\/div>\n<\/div>\n\n<div id=\"cta-final-block_c3f1850d8f315c50e15abdd0dde8a689\" class=\"sp-cta\">\n    <div class=\"sp-cta__inner\">\n                    <span class=\"sp-cta__eyebrow\">Start now<\/span>\n        \n        <h2 class=\"sp-cta__title\">\n            Let&#8217;s talk about your project. <span>No sales pitch.<\/span>        <\/h2>\n\n                    <p class=\"sp-cta__desc\">Free 30-45 minute initial meeting. You tell us about your case, and we tell you honestly whether we&#039;re a fit and which services apply. If we are, you&#039;ll have a proposal in 3-5 days. If not, we&#039;ll point you to partners who can help.<\/p>\n        \n        <div class=\"sp-cta__actions\">\n                            <a href=\"https:\/\/www.imbatik.com\/en\/contact\/\" class=\"btn-white\">Start the conversation<\/a>\n                                        <a href=\"https:\/\/www.imbatik.com\/en\/casos-de-exito\/\" class=\"btn-ghost\">See success stories<\/a>\n                    <\/div>\n\n        \n                    <p class=\"sp-cta__tagline\">\n                                    <span>No sales pitch<\/span>\n                                    <span>No lock-in contract<\/span>\n                                    <span>Reply within 24h<\/span>\n                            <\/p>\n            <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","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-9593","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.imbatik.com\/en\/wp-json\/wp\/v2\/pages\/9593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.imbatik.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.imbatik.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.imbatik.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.imbatik.com\/en\/wp-json\/wp\/v2\/comments?post=9593"}],"version-history":[{"count":7,"href":"https:\/\/www.imbatik.com\/en\/wp-json\/wp\/v2\/pages\/9593\/revisions"}],"predecessor-version":[{"id":10178,"href":"https:\/\/www.imbatik.com\/en\/wp-json\/wp\/v2\/pages\/9593\/revisions\/10178"}],"wp:attachment":[{"href":"https:\/\/www.imbatik.com\/en\/wp-json\/wp\/v2\/media?parent=9593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}