{"id":10130,"date":"2026-10-01T18:08:07","date_gmt":"2026-10-01T16:08:07","guid":{"rendered":"https:\/\/metrickal.com\/customer-service-outsourcing-in-palma-de-mallorca\/"},"modified":"2026-10-01T18:08:45","modified_gmt":"2026-10-01T16:08:45","slug":"customer-service-outsourcing-in-palma-de-mallorca","status":"publish","type":"page","link":"https:\/\/metrickal.com\/en\/customer-service-outsourcing-in-palma-de-mallorca\/","title":{"rendered":"Customer Service Outsourcing in Palma de Mallorca"},"content":{"rendered":"\n\n:root {\n –rosa: #CE1782; –rosa-hover: #B5106F; –rosa-light: #FEEFF8; –rosa-mid: #F5C9E2;\n –navy: #071A35; –navy-deep: #050F26; –navy-light: #112344;\n –text: #5C5C5C; –text-dark: #1E2330; –text-muted: #878D9C;\n –white: #FFFFFF; –surface: #F5F5F5; –surface-cool: #F7F8FB;\n –border: #EAEBED; –border-soft: #F1F2F4; –mint: #0FEDC1; –danger: #DE3D3D;\n –shadow-sm: 0 4px 12px rgba(0,0,0,.04);\n –shadow-md: 0 8px 32px rgba(0,0,0,.06);\n –shadow-lg: 0 16px 40px rgba(206,23,130,.10);\n}\n.mk *, .mk *::before, .mk *::after { box-sizing: border-box; }\n.mk { font-family: ‘Manrope’, system-ui, -apple-system, sans-serif; font-size: 16px; line-height: 1.5; color: var(–text); background: var(–white); -webkit-font-smoothing: antialiased; }\n.mk h1, .mk h2, .mk h3, .mk h4 { font-family: ‘DM Sans’, system-ui, sans-serif; font-weight: 900; letter-spacing: -0.025em; margin: 0; color: var(–navy); }\n.mk p { margin: 0; }\n.mk a { color: inherit; text-decoration: none; transition: color .15s ease; }\n.mk a:hover { color: var(–rosa); }\n.mk ul { list-style: none; padding: 0; margin: 0; }\n.mk img, .mk svg { display: block; max-width: 100%; }\n\n\/* Sections, all 1440px full-width with inner 1280px content *\/\n.mk-section { width: 100%; padding: 0; position: relative; }\n.mk-wrap { max-width: 1280px; margin: 0 auto; padding: 0 80px; }\n@media (max-width: 1024px) { .mk-wrap { padding: 0 32px; } }\n@media (max-width: 640px) { .mk-wrap { padding: 0 20px; } }\n\n\/* Eyebrow pill *\/\n.mk-eyebrow { display: inline-flex; align-items: center; padding: 8px 14px; background: var(–rosa-light); color: var(–rosa); font-family: ‘DM Sans’, sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; border-radius: 999px; }\n\n\/* Buttons *\/\n.mk-btn { display: inline-flex; align-items: center; justify-content: center; padding: 16px 28px; font-family: ‘DM Sans’, sans-serif; font-weight: 700; font-size: 15px; border-radius: 999px; text-decoration: none; transition: all .15s ease; cursor: pointer; }\n.mk-btn–primary { background: var(–rosa); color: var(–white); box-shadow: var(–shadow-lg); }\n.mk-btn–primary:hover { background: var(–rosa-hover); color: var(–white); transform: translateY(-1px); }\n.mk-btn–outline { background: transparent; color: var(–navy); border: 1.5px solid var(–navy); }\n.mk-btn–outline:hover { background: var(–navy); color: var(–white); }\n\n\/* Section heads *\/\n.mk-section-head { max-width: 800px; margin: 0 auto; text-align: center; }\n.mk-section-head h2 { font-size: clamp(32px, 4vw, 52px); line-height: 1.05; margin-top: 16px; }\n.mk-section-head .mk-section-sub { margin-top: 16px; font-size: 17px; color: var(–text); }\n\n\/* === 01 HERO === *\/\n.mk-hero { padding: 80px 0 80px; }\n.mk-hero__wrap { display: grid; grid-template-columns: 640px 1fr; gap: 80px; max-width: 1280px; margin: 0 auto; padding: 0 80px; }\n@media (max-width: 1100px) { .mk-hero__wrap { grid-template-columns: 1fr; gap: 48px; } }\n.mk-hero__left h1 { font-size: clamp(40px, 5vw, 64px); line-height: 1.04; margin-top: 24px; }\n.mk-hero__lead { margin-top: 32px; font-size: 18px; line-height: 1.55; max-width: 600px; color: var(–text); }\n.mk-hero__ctas { display: flex; gap: 12px; margin-top: 40px; flex-wrap: wrap; }\n.mk-hero__trust { display: flex; align-items: center; gap: 16px; margin-top: 40px; }\n.mk-hero__avatars { display: flex; }\n.mk-avatar { width: 36px; height: 36px; border-radius: 50%; border: 2px solid var(–white); margin-left: -10px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 11px; color: var(–white); font-family: ‘DM Sans’, sans-serif; }\n.mk-avatar:first-child { margin-left: 0; }\n.mk-avatar:nth-child(1) { background: linear-gradient(135deg, #CE1782, #B5106F); }\n.mk-avatar:nth-child(2) { background: linear-gradient(135deg, #0FEDC1, #0BC4A1); }\n.mk-avatar:nth-child(3) { background: linear-gradient(135deg, #071A35, #112344); }\n.mk-avatar:nth-child(4) { background: linear-gradient(135deg, #5C5C5C, #1E2330); }\n.mk-hero__trust-text { font-size: 13px; line-height: 1.3; }\n.mk-hero__trust-text strong { display: block; color: var(–navy); font-weight: 700; font-size: 14px; }\n.mk-hero__trust-text span { color: var(–text-muted); }\n\n\/* HeroRight 520×600 with blobs + HeroImageCard 480×600 *\/\n.mk-hero__right { position: relative; width: 520px; height: 600px; }\n@media (max-width: 1100px) { .mk-hero__right { width: 100%; max-width: 520px; margin: 0 auto; } }\n.mk-blob { position: absolute; border-radius: 50%; filter: blur(0px); opacity: 0.5; z-index: 1; }\n.mk-blob–rosa { left: 60px; top: -40px; width: 380px; height: 380px; background: radial-gradient(circle, var(–rosa-mid) 0%, var(–rosa-light) 70%, transparent 100%); }\n.mk-blob–mint { left: 380px; top: 460px; width: 160px; height: 160px; background: radial-gradient(circle, var(–mint) 0%, rgba(15,237,193,.3) 60%, transparent 100%); }\n.mk-hero__card { position: absolute; left: 20px; top: 0; width: 480px; height: 600px; background: var(–white); border-radius: 24px; box-shadow: var(–shadow-md); padding: 36px; z-index: 2; }\n@media (max-width: 1100px) { .mk-hero__card { width: 100%; } }\n.mk-statpill { display: inline-flex; align-items: center; gap: 10px; padding: 10px 18px; background: var(–surface-cool); border-radius: 999px; font-size: 13px; font-weight: 700; color: var(–navy); }\n.mk-statpill__dot { width: 8px; height: 8px; border-radius: 50%; background: var(–mint); box-shadow: 0 0 0 4px rgba(15,237,193,.18); animation: mk-pulse 1.8s infinite; }\n@keyframes mk-pulse { 0%, 100% { box-shadow: 0 0 0 4px rgba(15,237,193,.18); } 50% { box-shadow: 0 0 0 8px rgba(15,237,193,.08); } }\n\n\/* HeroProfileCard *\/\n.mk-profcard { margin-top: 18px; border: 1px solid var(–border); border-radius: 16px; padding: 24px; background: var(–white); }\n.mk-profcard__head { display: flex; justify-content: space-between; align-items: center; }\n.mk-profcard__title { font-family: ‘DM Sans’, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; color: var(–text-muted); text-transform: uppercase; }\n.mk-livedot { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; font-weight: 700; color: var(–rosa); letter-spacing: 0.06em; }\n.mk-livedot__d { width: 6px; height: 6px; background: var(–rosa); border-radius: 50%; animation: mk-pulse 1.5s infinite; }\n.mk-profrow { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; border-bottom: 1px solid var(–border-soft); }\n.mk-profrow:last-of-type { border-bottom: none; }\n.mk-profrow__left { display: flex; align-items: center; gap: 10px; }\n.mk-profrow__ico { width: 32px; height: 32px; background: var(–surface-cool); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; }\n.mk-profrow__label strong { display: block; font-size: 14px; font-weight: 700; color: var(–navy); }\n.mk-profrow__label small { display: block; font-size: 12px; color: var(–text-muted); margin-top: 2px; }\n.mk-profrow__price { font-family: ‘DM Sans’, sans-serif; font-size: 14px; font-weight: 800; color: var(–navy); }\n.mk-profcta { display: block; text-align: center; margin-top: 12px; padding: 6px; font-size: 13px; font-weight: 700; color: var(–rosa); }\n.mk-profcta:hover { color: var(–rosa-hover); }\n\n\/* HeroBigStat *\/\n.mk-bigstat { margin-top: 24px; padding: 24px; background: linear-gradient(135deg, var(–rosa-light), #fff); border-radius: 16px; border: 1px solid var(–rosa-mid); }\n.mk-bigstat__lbl { font-size: 13px; font-weight: 700; color: var(–rosa); text-transform: uppercase; letter-spacing: 0.06em; }\n.mk-bigstat__num { font-family: ‘DM Sans’, sans-serif; font-size: 96px; font-weight: 900; line-height: 1; letter-spacing: -0.04em; color: var(–rosa); margin-top: 8px; }\n.mk-bigstat__cap { font-size: 13px; color: var(–text); margin-top: 8px; line-height: 1.35; }\n\n\/* === 02 LOGOS === *\/\n.mk-logos { padding: 80px 0 60px; background: var(–surface-cool); }\n.mk-logos__head { text-align: center; font-family: ‘DM Sans’, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(–text-muted); }\n.mk-logos__row { display: flex; justify-content: space-between; align-items: center; margin-top: 32px; gap: 24px; flex-wrap: wrap; }\n.mk-logo { font-family: ‘DM Sans’, sans-serif; font-weight: 800; font-size: 17px; color: var(–text-muted); opacity: 0.7; letter-spacing: 0.04em; }\n\n\/* === 03 LLM ANSWER === *\/\n.mk-llm { padding: 60px 0; }\n.mk-llm__box { display: grid; grid-template-columns: 88px 1fr; gap: 32px; padding: 40px 48px; background: linear-gradient(135deg, #FAFBFE, #F4F6FB); border: 1px solid var(–border); border-radius: 24px; max-width: 1280px; margin: 0 auto; }\n@media (max-width: 800px) { .mk-llm__box { grid-template-columns: 1fr; gap: 24px; padding: 28px; } }\n.mk-llm__icon { width: 64px; height: 64px; background: var(–navy); color: var(–white); font-family: ‘DM Sans’, sans-serif; font-weight: 900; font-size: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }\n.mk-llm__q { font-family: ‘DM Sans’, sans-serif; font-size: 26px; font-weight: 900; color: var(–navy); line-height: 1.2; }\n.mk-llm__a { margin-top: 18px; font-size: 16px; line-height: 1.6; color: var(–text-dark); }\n.mk-llm__source { margin-top: 24px; font-size: 12px; color: var(–text-muted); }\n.mk-llm__source strong { color: var(–navy); font-family: ‘DM Sans’, sans-serif; letter-spacing: 0.04em; }\n.mk-llm__cta { display: inline-flex; align-items: center; gap: 6px; margin-top: 16px; padding: 12px 22px; background: var(–rosa); color: var(–white); border-radius: 999px; font-weight: 700; font-size: 14px; }\n.mk-llm__cta:hover { background: var(–rosa-hover); color: var(–white); }\n\n\/* === 04 STATS GRID === *\/\n.mk-stats { padding: 80px 0; }\n.mk-stats__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 56px; max-width: 1280px; margin-left: auto; margin-right: auto; padding: 0 80px; }\n@media (max-width: 1024px) { .mk-stats__grid { grid-template-columns: repeat(2, 1fr); padding: 0 32px; } }\n@media (max-width: 540px) { .mk-stats__grid { grid-template-columns: 1fr; } }\n.mk-statcard { padding: 32px 28px; background: var(–white); border: 1px solid var(–border); border-radius: 20px; }\n.mk-statcard__num { font-family: ‘DM Sans’, sans-serif; font-size: 56px; font-weight: 900; line-height: 1; color: var(–rosa); letter-spacing: -0.04em; }\n.mk-statcard__num small { font-size: 31px; margin-left: 4px; color: var(–rosa); font-weight: 800; }\n.mk-statcard__lbl { font-family: ‘DM Sans’, sans-serif; font-size: 17px; font-weight: 800; color: var(–navy); margin-top: 16px; line-height: 1.25; }\n.mk-statcard__cap { margin-top: 16px; font-size: 13px; color: var(–text-muted); line-height: 1.45; }\n.mk-stats__cta-row { text-align: center; margin-top: 56px; }\n\n\/* === 05 WHY CITY === *\/\n.mk-why { padding: 100px 0; background: var(–surface-cool); }\n.mk-why__wrap { display: grid; grid-template-columns: 600px 1fr; gap: 80px; max-width: 1280px; margin: 0 auto; padding: 0 80px; align-items: start; }\n@media (max-width: 1024px) { .mk-why__wrap { grid-template-columns: 1fr; gap: 48px; padding: 0 32px; } }\n.mk-why__left h2 { font-size: clamp(32px, 4vw, 52px); line-height: 1.05; margin-top: 16px; }\n.mk-why__left p { margin-top: 24px; font-size: 16px; line-height: 1.7; color: var(–text); }\n.mk-why__bullets { margin-top: 32px; display: grid; gap: 18px; }\n.mk-bullet { display: flex; gap: 12px; align-items: flex-start; }\n.mk-bullet__check { flex-shrink: 0; width: 24px; height: 24px; background: var(–rosa-light); color: var(–rosa); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 13px; }\n.mk-bullet p { margin: 0; font-size: 15px; line-height: 1.55; color: var(–text-dark); }\n.mk-why__cta { margin-top: 40px; }\n.mk-why__right { position: sticky; top: 100px; }\n.mk-mapcard { background: var(–white); border: 1px solid var(–border); border-radius: 24px; padding: 60px 40px; text-align: center; box-shadow: var(–shadow-sm); }\n.mk-mapcard__pin { font-size: 56px; }\n.mk-mapcard__name { font-family: ‘DM Sans’, sans-serif; font-size: 32px; font-weight: 900; color: var(–navy); margin-top: 16px; letter-spacing: -0.02em; }\n.mk-mapcard__sub { font-size: 13px; color: var(–text-muted); margin-top: 6px; }\n.mk-mini-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 24px; }\n.mk-mini { background: var(–white); border: 1px solid var(–border); border-radius: 16px; padding: 24px; }\n.mk-mini__num { font-family: ‘DM Sans’, sans-serif; font-size: 28px; font-weight: 900; color: var(–navy); letter-spacing: -0.02em; }\n.mk-mini–rosa .mk-mini__num { color: var(–rosa); }\n.mk-mini__lbl { font-size: 13px; font-weight: 700; color: var(–navy); margin-top: 12px; }\n.mk-mini__cap { font-size: 12px; color: var(–text-muted); margin-top: 4px; }\n\n\/* === 06 SERVICE DEFINITION === *\/\n.mk-def { padding: 100px 0; }\n.mk-def__wrap { display: grid; grid-template-columns: 760px 488px; gap: 32px; max-width: 1280px; margin: 56px auto 0; padding: 0 80px; }\n@media (max-width: 1024px) { .mk-def__wrap { grid-template-columns: 1fr; padding: 0 32px; } }\n.mk-def__left { background: var(–white); border: 1px solid var(–border); border-radius: 24px; padding: 40px; }\n.mk-def__label { font-family: ‘DM Sans’, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; color: var(–rosa); text-transform: uppercase; }\n.mk-def__lead { margin-top: 16px; font-size: 17px; line-height: 1.6; color: var(–text-dark); }\n.mk-def__div { height: 1px; background: var(–border); margin: 32px 0; }\n.mk-def__list { display: grid; gap: 16px; margin-top: 24px; }\n.mk-def__row { display: flex; gap: 12px; align-items: flex-start; }\n.mk-def__dot { flex-shrink: 0; width: 8px; height: 8px; background: var(–rosa); border-radius: 50%; margin-top: 8px; }\n.mk-def__row p { margin: 0; font-size: 15px; line-height: 1.55; color: var(–text); }\n.mk-cite { background: linear-gradient(135deg, var(–navy) 0%, var(–navy-deep) 100%); color: var(–white); border-radius: 24px; padding: 36px; }\n.mk-cite + .mk-cite { margin-top: 20px; }\n.mk-cite__lbl { font-family: ‘DM Sans’, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; color: var(–mint); text-transform: uppercase; }\n.mk-cite__num { font-family: ‘DM Sans’, sans-serif; font-size: 64px; font-weight: 900; line-height: 1; color: var(–white); letter-spacing: -0.03em; margin-top: 16px; }\n.mk-cite__txt { margin-top: 20px; font-size: 14px; line-height: 1.6; color: rgba(255,255,255,.85); }\n.mk-cite__src { margin-top: 24px; font-size: 11px; color: rgba(255,255,255,.6); letter-spacing: 0.04em; }\n\n\/* === 07 SERVICES GRID === *\/\n.mk-svc { padding: 100px 0; background: var(–surface-cool); }\n.mk-svc__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 64px; max-width: 1280px; margin-left: auto; margin-right: auto; padding: 0 80px; }\n@media (max-width: 1024px) { .mk-svc__grid { grid-template-columns: 1fr 1fr; padding: 0 32px; } }\n@media (max-width: 720px) { .mk-svc__grid { grid-template-columns: 1fr; } }\n.mk-svccard { background: var(–white); border: 1px solid var(–border); border-radius: 20px; padding: 32px; transition: all .2s ease; }\n.mk-svccard:hover { transform: translateY(-2px); box-shadow: var(–shadow-md); border-color: var(–rosa-mid); }\n.mk-svccard__icon { width: 56px; height: 56px; background: var(–rosa-light); border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 28px; }\n.mk-svccard__title { font-family: ‘DM Sans’, sans-serif; font-size: 20px; font-weight: 800; color: var(–navy); margin-top: 24px; line-height: 1.2; }\n.mk-svccard__desc { margin-top: 16px; font-size: 14px; line-height: 1.6; color: var(–text); }\n.mk-svccard__tags { display: flex; gap: 6px; margin-top: 24px; flex-wrap: wrap; }\n.mk-tag { padding: 4px 10px; background: var(–surface); color: var(–navy); font-size: 11px; font-weight: 700; border-radius: 999px; font-family: ‘DM Sans’, sans-serif; }\n\n\/* === 08 COMPARISON TABLE === *\/\n.mk-cmp { padding: 100px 0; }\n.mk-cmp__table { max-width: 1280px; margin: 56px auto 0; padding: 0 80px; }\n@media (max-width: 1024px) { .mk-cmp__table { padding: 0 32px; } }\n.mk-cmp__tbl { width: 100%; border-collapse: separate; border-spacing: 0; background: var(–white); border-radius: 20px; overflow: hidden; box-shadow: var(–shadow-sm); border: 1px solid var(–border); }\n.mk-cmp__tbl th, .mk-cmp__tbl td { padding: 24px 32px; text-align: left; vertical-align: middle; font-size: 14px; line-height: 1.5; }\n.mk-cmp__tbl th { font-family: ‘DM Sans’, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(–text-muted); background: var(–surface); border-bottom: 1px solid var(–border); }\n.mk-cmp__tbl th .mk-cmp__sub { display: block; margin-top: 8px; font-weight: 600; font-size: 13px; text-transform: none; letter-spacing: 0; color: var(–text); }\n.mk-cmp__tbl th–rec { background: linear-gradient(180deg, var(–rosa-light), #fff); position: relative; }\n.mk-cmp__tbl th–rec .mk-cmp__sub { color: var(–rosa); font-weight: 700; }\n.mk-cmp__rec-tag { display: inline-block; padding: 4px 10px; background: var(–rosa); color: var(–white); font-size: 9px; font-weight: 800; letter-spacing: 0.08em; border-radius: 999px; margin-left: 8px; vertical-align: middle; }\n.mk-cmp__tbl tr + tr td { border-top: 1px solid var(–border-soft); }\n.mk-cmp__tbl td.mk-cmp__factor { font-family: ‘DM Sans’, sans-serif; font-weight: 700; color: var(–navy); font-size: 15px; }\n.mk-cmp__cell { display: flex; gap: 12px; align-items: flex-start; }\n.mk-cmp__x, .mk-cmp__chk { flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: 900; font-size: 13px; }\n.mk-cmp__x { background: #FEEAEA; color: var(–danger); }\n.mk-cmp__chk { background: rgba(15,237,193,.16); color: #0A8E72; }\n\n\/* === 09 PRICING === *\/\n.mk-pri { padding: 100px 0; background: linear-gradient(180deg, #fff 0%, var(–surface-cool) 100%); }\n.mk-pri__table { max-width: 1280px; margin: 56px auto 0; padding: 0 80px; }\n@media (max-width: 1024px) { .mk-pri__table { padding: 0 32px; } }\n.mk-pri__tbl { width: 100%; border-collapse: separate; border-spacing: 0; background: var(–white); border-radius: 20px; overflow: hidden; box-shadow: var(–shadow-md); border: 1px solid var(–border); }\n.mk-pri__tbl th, .mk-pri__tbl td { padding: 22px 28px; font-size: 15px; line-height: 1.4; }\n.mk-pri__tbl th { font-family: ‘DM Sans’, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(–text-muted); background: var(–surface); text-align: center; }\n.mk-pri__tbl th:first-child { text-align: left; }\n.mk-pri__tbl td { text-align: center; }\n.mk-pri__tbl td:first-child { text-align: left; font-family: ‘DM Sans’, sans-serif; font-weight: 700; color: var(–navy); }\n.mk-pri__tbl tr + tr td { border-top: 1px solid var(–border-soft); }\n.mk-pri__local { font-family: ‘DM Sans’, sans-serif; font-weight: 700; color: var(–text); font-size: 17px; }\n.mk-pri__metr { font-family: ‘DM Sans’, sans-serif; font-weight: 900; color: var(–rosa); font-size: 20px; letter-spacing: -0.02em; }\n.mk-pri__save { display: inline-flex; align-items: center; padding: 6px 14px; background: rgba(15,237,193,.18); color: #0A8E72; font-family: ‘DM Sans’, sans-serif; font-weight: 800; font-size: 13px; border-radius: 999px; }\n.mk-pri__foot { padding: 20px 28px; background: var(–surface); border-top: 1px solid var(–border); font-size: 12px; color: var(–text-muted); line-height: 1.55; }\n.mk-pri__cta-row { text-align: center; margin-top: 56px; }\n\n\/* === 10 METHODOLOGY === *\/\n.mk-meth { padding: 100px 0; }\n.mk-meth__steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; margin-top: 56px; max-width: 1280px; margin-left: auto; margin-right: auto; padding: 0 80px; }\n@media (max-width: 1024px) { .mk-meth__steps { grid-template-columns: repeat(2, 1fr); padding: 0 32px; } }\n@media (max-width: 540px) { .mk-meth__steps { grid-template-columns: 1fr; } }\n.mk-step { background: var(–white); border: 1px solid var(–border); border-radius: 20px; padding: 28px 24px; }\n.mk-step__head { display: flex; align-items: center; gap: 10px; }\n.mk-step__num { width: 36px; height: 36px; background: var(–navy); color: var(–white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: ‘DM Sans’, sans-serif; font-weight: 900; font-size: 16px; }\n.mk-step__day { padding: 4px 10px; background: var(–rosa-light); color: var(–rosa); font-family: ‘DM Sans’, sans-serif; font-size: 11px; font-weight: 800; letter-spacing: 0.05em; border-radius: 999px; }\n.mk-step__title { font-family: ‘DM Sans’, sans-serif; font-size: 18px; font-weight: 800; color: var(–navy); margin-top: 20px; line-height: 1.2; }\n.mk-step__desc { margin-top: 16px; font-size: 13px; line-height: 1.6; color: var(–text); }\n\n\/* === 11 TESTIMONIALS === *\/\n.mk-test { padding: 100px 0; background: var(–surface-cool); }\n.mk-test__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; max-width: 1280px; margin-left: auto; margin-right: auto; padding: 0 80px; }\n@media (max-width: 1024px) { .mk-test__grid { grid-template-columns: 1fr; padding: 0 32px; } }\n.mk-testcard { background: var(–white); border: 1px solid var(–border); border-radius: 20px; padding: 36px; display: flex; flex-direction: column; min-height: 380px; }\n.mk-testcard__q { font-family: ‘DM Sans’, sans-serif; font-size: 48px; color: var(–rosa); line-height: 1; margin-bottom: 16px; }\n.mk-testcard__txt { font-size: 16px; line-height: 1.6; color: var(–text-dark); flex: 1; }\n.mk-testcard__btm { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(–border-soft); display: flex; gap: 14px; align-items: center; }\n.mk-testcard__avatar { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, var(–rosa), var(–navy)); color: var(–white); display: flex; align-items: center; justify-content: center; font-family: ‘DM Sans’, sans-serif; font-weight: 800; font-size: 14px; }\n.mk-testcard__author { font-family: ‘DM Sans’, sans-serif; font-weight: 800; font-size: 15px; color: var(–navy); }\n.mk-testcard__role { font-size: 13px; color: var(–text); margin-top: 2px; }\n.mk-testcard__tag { display: inline-block; margin-top: 6px; font-size: 10px; font-weight: 800; color: var(–rosa); letter-spacing: 0.08em; }\n.mk-test__stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 56px; padding: 32px 0; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 80px; padding-right: 80px; }\n@media (max-width: 1024px) { .mk-test__stats { grid-template-columns: repeat(2, 1fr); padding-left: 32px; padding-right: 32px; } }\n.mk-tstat { text-align: center; }\n.mk-tstat__n { font-family: ‘DM Sans’, sans-serif; font-size: 40px; font-weight: 900; color: var(–navy); letter-spacing: -0.03em; }\n.mk-tstat__l { font-size: 13px; color: var(–text-muted); margin-top: 8px; }\n\n\/* === 12 ORIGINAL DATA === *\/\n.mk-data { padding: 100px 0; }\n.mk-data__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; max-width: 1280px; margin-left: auto; margin-right: auto; padding: 0 80px; }\n@media (max-width: 1024px) { .mk-data__grid { grid-template-columns: 1fr; padding: 0 32px; } }\n.mk-datacard { background: linear-gradient(160deg, var(–navy), var(–navy-deep)); color: var(–white); border-radius: 20px; padding: 36px; min-height: 360px; display: flex; flex-direction: column; }\n.mk-datacard__lbl { font-family: ‘DM Sans’, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; color: var(–mint); text-transform: uppercase; }\n.mk-datacard__big { font-family: ‘DM Sans’, sans-serif; font-size: 72px; font-weight: 900; color: var(–white); letter-spacing: -0.04em; line-height: 1; margin-top: 24px; }\n.mk-datacard__txt { font-size: 14px; line-height: 1.6; color: rgba(255,255,255,.82); margin-top: 24px; flex: 1; }\n.mk-datacard__src { font-size: 11px; color: rgba(255,255,255,.55); margin-top: 24px; letter-spacing: 0.04em; }\n.mk-datacard__src strong { color: var(–mint); }\n\n\/* === 13 FAQ === *\/\n.mk-faq { padding: 100px 0; background: var(–surface-cool); }\n.mk-faq__list { max-width: 960px; margin: 56px auto 0; padding: 0 32px; }\n.mk-faq__item { background: var(–white); border: 1px solid var(–border); border-radius: 16px; margin-bottom: 12px; overflow: hidden; }\n.mk-faq__item details { padding: 0; }\n.mk-faq__item summary { padding: 24px 28px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; font-family: ‘DM Sans’, sans-serif; font-size: 17px; font-weight: 700; color: var(–navy); list-style: none; }\n.mk-faq__item summary::-webkit-details-marker { display: none; }\n.mk-faq__item summary::after { content: ‘+’; font-size: 24px; color: var(–rosa); font-weight: 400; line-height: 1; }\n.mk-faq__item[open] summary::after { content: ‘\u2212’; }\n.mk-faq__answer { padding: 0 28px 24px; font-size: 15px; line-height: 1.65; color: var(–text); }\n.mk-faq__cta { max-width: 960px; margin: 40px auto 0; padding: 36px; background: var(–white); border-radius: 20px; text-align: center; border: 1px solid var(–border); }\n.mk-faq__cta h3 { font-family: ‘DM Sans’, sans-serif; font-size: 22px; font-weight: 800; color: var(–navy); }\n.mk-faq__cta .mk-btn { margin-top: 20px; }\n.mk-faq__cta a.mk-link { display: inline-block; margin-top: 16px; font-size: 14px; color: var(–rosa); font-weight: 700; }\n\n\/* === 14 AUTHOR BIO === *\/\n.mk-author { padding: 60px 0; }\n.mk-author__card { max-width: 1280px; margin: 0 auto; padding: 32px; background: var(–white); border: 1px solid var(–border); border-radius: 20px; display: grid; grid-template-columns: 96px 1fr auto; gap: 32px; align-items: center; }\n@media (max-width: 1024px) { .mk-author__card { grid-template-columns: 1fr; text-align: center; } }\n.mk-author__avatar { width: 96px; height: 96px; border-radius: 50%; background: linear-gradient(135deg, var(–rosa), var(–navy)); color: var(–white); display: flex; align-items: center; justify-content: center; font-family: ‘DM Sans’, sans-serif; font-weight: 900; font-size: 32px; }\n.mk-author__top { display: flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 700; color: var(–text-muted); letter-spacing: 0.06em; text-transform: uppercase; }\n.mk-author__verify { padding: 4px 10px; background: rgba(15,237,193,.18); color: #0A8E72; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: 0.04em; }\n.mk-author__name { font-family: ‘DM Sans’, sans-serif; font-size: 22px; font-weight: 800; color: var(–navy); margin-top: 8px; }\n.mk-author__bio { margin-top: 12px; font-size: 14px; line-height: 1.6; color: var(–text); }\n.mk-author__links { margin-top: 16px; display: flex; gap: 24px; flex-wrap: wrap; }\n.mk-author__links a { color: var(–rosa); font-weight: 700; font-size: 14px; }\n.mk-author__date { text-align: right; font-size: 11px; color: var(–text-muted); letter-spacing: 0.06em; text-transform: uppercase; }\n.mk-author__date strong { display: block; font-family: ‘DM Sans’, sans-serif; font-size: 16px; font-weight: 800; color: var(–navy); margin-top: 6px; text-transform: none; letter-spacing: 0; }\n.mk-author__date span { display: block; margin-top: 4px; color: var(–text); text-transform: none; letter-spacing: 0; font-size: 12px; }\n\n\/* === 15 RELATED CITIES === *\/\n.mk-cities { padding: 100px 0; }\n.mk-cities__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 56px; max-width: 1280px; margin-left: auto; margin-right: auto; padding: 0 80px; }\n@media (max-width: 1024px) { .mk-cities__grid { grid-template-columns: repeat(2, 1fr); padding: 0 32px; } }\n.mk-citycard { display: block; background: var(–white); border: 1px solid var(–border); border-radius: 14px; padding: 20px 24px; transition: all .15s ease; }\n.mk-citycard:hover { border-color: var(–rosa-mid); box-shadow: var(–shadow-sm); transform: translateY(-1px); }\n\n.mk-citycard–soon { opacity: .55; cursor: default; background: #FAFAFB; }\n.mk-citycard–soon:hover { border-color: var(–border); box-shadow: none; transform: none; }\n.mk-citycard–soon .mk-citycard__sub { font-style: italic; }\n.mk-citycard__top { display: flex; align-items: center; gap: 10px; }\n.mk-citycard__pin { width: 28px; height: 28px; background: var(–rosa-light); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; }\n.mk-citycard__name { font-family: ‘DM Sans’, sans-serif; font-size: 17px; font-weight: 800; color: var(–navy); }\n.mk-citycard__sub { margin-top: 12px; font-size: 12px; color: var(–text-muted); }\n.mk-citycard–current { background: var(–rosa-light); border-color: var(–rosa-mid); }\n.mk-citycard–all { background: var(–surface-cool); border-style: dashed; text-align: center; }\n.mk-citycard–all .mk-citycard__name { color: var(–rosa); display: block; text-align: center; }\n\n\/* === 16 FINAL CTA === *\/\n.mk-final { padding: 100px 0; }\n.mk-final__card { max-width: 1280px; margin: 0 auto; padding: 80px 200px; background: linear-gradient(135deg, var(–navy) 0%, var(–navy-deep) 100%); border-radius: 32px; text-align: center; color: var(–white); position: relative; overflow: hidden; }\n@media (max-width: 1024px) { .mk-final__card { padding: 60px 32px; } }\n.mk-final__card::before { content: ”; position: absolute; top: -100px; right: -100px; width: 300px; height: 300px; background: radial-gradient(circle, rgba(206,23,130,.25), transparent 70%); }\n.mk-final__card::after { content: ”; position: absolute; bottom: -80px; left: -80px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(15,237,193,.15), transparent 70%); }\n.mk-final__eyebrow { display: inline-flex; padding: 8px 14px; background: rgba(255,255,255,.1); color: var(–white); border-radius: 999px; font-family: ‘DM Sans’, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; position: relative; z-index: 2; }\n.mk-final__card h2 { font-family: ‘DM Sans’, sans-serif; font-size: clamp(32px, 4vw, 48px); font-weight: 900; line-height: 1.05; color: var(–white); margin-top: 24px; letter-spacing: -0.025em; position: relative; z-index: 2; }\n.mk-final__card p { margin-top: 24px; font-size: 17px; line-height: 1.55; color: rgba(255,255,255,.85); max-width: 760px; margin-left: auto; margin-right: auto; position: relative; z-index: 2; }\n.mk-final__btns { display: flex; gap: 14px; justify-content: center; margin-top: 40px; flex-wrap: wrap; position: relative; z-index: 2; }\n.mk-final__btns .mk-btn–primary { background: var(–rosa); }\n.mk-final__btns .mk-btn–outline { color: var(–white); border-color: rgba(255,255,255,.5); }\n.mk-final__btns .mk-btn–outline:hover { background: rgba(255,255,255,.1); color: var(–white); border-color: var(–white); }\n.mk-final__trust { display: flex; gap: 32px; justify-content: center; margin-top: 32px; flex-wrap: wrap; position: relative; z-index: 2; }\n.mk-final__trust span { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: rgba(255,255,255,.75); }\n.mk-final__trust span::before { content: ‘\u2713’; color: var(–mint); font-weight: 900; }\n\n@import url(‘https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap’);\n\n\n\n\n\/* === SCOPED FIXES, only target .mk children, plus minimal page-ID scoped overrides === *\/\n\n\/* (1) Hide the duplicate theme post title above our hero, scoped to these 2 pages *\/\nbody.page-id-9424 .entry-title,\nbody.page-id-9426 .entry-title,\nbody.page-id-9424 .page-title,\nbody.page-id-9426 .page-title { display: none !important; }\n\n\/* (2) Theme applies `filter: brightness(0) invert(1)` to header logo + nav widget,\n designed for dark hero pages. Our hero left is white, so the white logo\/nav\n would be invisible. Undo the filter ONLY on these 2 pages. *\/\n\n\/* Button text colors *\/\n.mk .mk-btn { text-decoration: none !important; }\n.mk a.mk-btn–primary, .mk .mk-btn–primary { color: #FFFFFF !important; background: var(–rosa) !important; }\n.mk a.mk-btn–primary:hover, .mk .mk-btn–primary:hover { background: var(–rosa-hover) !important; color: #FFFFFF !important; }\n.mk a.mk-btn–outline, .mk .mk-btn–outline { color: var(–navy) !important; background: transparent !important; border: 1.5px solid var(–navy) !important; }\n.mk a.mk-btn–outline:hover, .mk .mk-btn–outline:hover { background: var(–navy) !important; color: #FFFFFF !important; }\n\n\/* (3) Final CTA outline button, higher specificity so white text + bright border stick *\/\n.mk .mk-final .mk-final__card .mk-btn–outline,\n.mk .mk-final__btns a.mk-btn–outline,\n.mk-final__card a.mk-btn–outline {\n color: #FFFFFF !important;\n background: transparent !important;\n border: 1.5px solid rgba(255,255,255,0.7) !important;\n}\n.mk .mk-final .mk-final__card .mk-btn–outline:hover,\n.mk .mk-final__btns a.mk-btn–outline:hover,\n.mk-final__card a.mk-btn–outline:hover {\n background: rgba(255,255,255,0.12) !important;\n border-color: #FFFFFF !important;\n color: #FFFFFF !important;\n}\n\n.mk a.mk-profcta { color: var(–rosa) !important; }\n.mk a.mk-llm__cta { color: #FFFFFF !important; background: var(–rosa); }\n.mk-author__links a { color: var(–rosa) !important; }\n\n\/* Comparison table column widths *\/\n.mk-cmp__tbl { table-layout: fixed; }\n.mk-cmp__tbl th:nth-child(1), .mk-cmp__tbl td:nth-child(1) { width: 28%; }\n.mk-cmp__tbl th:nth-child(2), .mk-cmp__tbl td:nth-child(2) { width: 36%; }\n.mk-cmp__tbl th:nth-child(3), .mk-cmp__tbl td:nth-child(3) { width: 36%; }\n\n\/* === HERO REDESIGN, Figma-faithful dark navy right card === *\/\n.mk-hero { padding: 40px 0 60px; }\n.mk-hero__wrap {\n display: grid !important;\n grid-template-columns: minmax(0, 1fr) minmax(0, 460px) !important;\n gap: 48px !important;\n max-width: 1100px !important;\n margin: 0 auto !important;\n padding: 0 20px !important;\n align-items: start !important;\n}\n@media (max-width: 900px) { .mk-hero__wrap { grid-template-columns: 1fr !important; } }\n.mk-hero__left h1 {\n font-size: clamp(34px, 4.2vw, 50px) !important;\n line-height: 1.08 !important;\n}\n.mk-h1-rosa { color: var(–rosa) !important; }\n\n.mk-hero__right {\n position: relative !important;\n width: 100% !important;\n height: auto !important;\n background: linear-gradient(165deg, #0B1F40 0%, #050F26 100%) !important;\n border-radius: 32px !important;\n padding: 36px 30px 32px !important;\n overflow: hidden !important;\n box-shadow: 0 24px 64px rgba(7,26,53,0.20) !important;\n}\n.mk-hero__right .mk-blob {\n position: absolute !important;\n border-radius: 50% !important;\n filter: blur(50px) !important;\n z-index: 0 !important;\n pointer-events: none !important;\n top: auto !important; left: auto !important; right: auto !important;\n}\n.mk-hero__right .mk-blob–rosa {\n right: -90px !important; bottom: -130px !important;\n width: 340px !important; height: 340px !important;\n background: var(–rosa) !important; opacity: 0.55 !important;\n}\n.mk-hero__right .mk-blob–mint {\n left: -90px !important; bottom: -60px !important;\n width: 240px !important; height: 240px !important;\n background: var(–mint) !important; opacity: 0.28 !important;\n}\n.mk-hero__right .mk-hero__card {\n background: transparent !important;\n box-shadow: none !important;\n padding: 0 !important;\n position: relative !important;\n z-index: 2 !important;\n width: 100% !important;\n height: auto !important;\n left: 0 !important;\n top: 0 !important;\n}\n.mk-hero__card > .mk-statpill { background: white !important; color: var(–navy) !important; }\n.mk-hero__card .mk-profcard {\n background: white !important;\n border-radius: 14px !important;\n padding: 16px 18px !important;\n margin-top: 14px !important;\n border: none !important;\n}\n.mk-profcard .mk-profrow { padding: 10px 0 !important; }\n.mk-profcard .mk-profrow__ico { width: 28px !important; height: 28px !important; font-size: 13px !important; }\n.mk-profcard .mk-profrow__label strong { font-size: 13px !important; }\n.mk-profcard .mk-profrow__label small { font-size: 11px !important; }\n.mk-profcard .mk-profrow__price { font-size: 13px !important; }\n.mk-hero__card .mk-bigstat {\n background: none !important;\n border: none !important;\n padding: 0 !important;\n margin-top: 26px !important;\n}\n.mk-hero__card .mk-bigstat__lbl {\n color: rgba(255,255,255,0.78) !important;\n font-family: ‘Manrope’, sans-serif !important;\n font-size: 13px !important;\n font-weight: 500 !important;\n letter-spacing: 0 !important;\n text-transform: none !important;\n}\n.mk-hero__card .mk-bigstat__num {\n font-size: clamp(72px, 8.5vw, 116px) !important;\n color: #FFFFFF !important;\n margin-top: 4px !important;\n}\n.mk-hero__card .mk-bigstat__cap {\n color: rgba(255,255,255,0.65) !important;\n font-size: 12px !important;\n margin-top: 10px !important;\n}\n\n\/* Trust avatars: rosa \/ navy \/ mint \/ rosa-mid (per Figma) *\/\n.mk-hero__avatars .mk-avatar {\n font-size: 0 !important;\n width: 28px !important;\n height: 28px !important;\n margin-left: -8px !important;\n background-image: none !important;\n}\n.mk-hero__avatars .mk-avatar:first-child { margin-left: 0 !important; }\n.mk-hero__avatars .mk-avatar:nth-child(1) { background: var(–rosa) !important; }\n.mk-hero__avatars .mk-avatar:nth-child(2) { background: var(–navy) !important; }\n.mk-hero__avatars .mk-avatar:nth-child(3) { background: var(–mint) !important; }\n.mk-hero__avatars .mk-avatar:nth-child(4) { background: var(–rosa-mid) !important; }\n\n\/* (4) Original Data cards, reduce big number font + tighten so “up to 56%” fits *\/\n.mk-datacard { padding: 28px 28px !important; min-height: 320px !important; }\n.mk-datacard__big {\n font-size: 56px !important;\n line-height: 1.0 !important;\n margin-top: 18px !important;\n letter-spacing: -0.03em !important;\n word-spacing: -0.05em !important;\n}\n.mk-datacard__txt { margin-top: 18px !important; font-size: 13px !important; }\n.mk-datacard__src { margin-top: 18px !important; }\n\n\/* (5) Topband removed, hide if still in HTML *\/\n.mk-topband { display: none !important; }\n\n\n\/* Header menu link color, theme sets WHITE for dark-hero pages, force navy here *\/\n\/* Keep dropdown arrows visible too *\/\n\n\n\/* Inner span of menu items has direct color:white, override *\/\n\n\n\/* Catch-all for header text incl Chrome auto-translate tags *\/\n\n\n\/* Push hero below the theme header so navy card doesn’t overlap nav *\/\n.mk-hero { padding-top: 90px !important; }\n\n\n\/* === SPACING PASS, breathing room everywhere === *\/\n\n\/* Hero: more space above + below, wider gap between columns *\/\n.mk-hero { padding-top: 120px !important; padding-bottom: 100px !important; }\n.mk-hero__wrap {\n gap: 80px !important;\n max-width: 1180px !important;\n grid-template-columns: minmax(0, 1fr) minmax(0, 440px) !important;\n}\n\n\/* Add internal padding to hero left so h1 has space from edge *\/\n.mk-hero__left { padding-right: 0 !important; }\n.mk-hero__left h1 { margin-top: 28px !important; }\n.mk-hero__lead { margin-top: 32px !important; }\n.mk-hero__ctas { margin-top: 44px !important; gap: 14px !important; }\n.mk-hero__trust { margin-top: 44px !important; }\n\n\/* Hero right card: pull in a bit, more internal padding *\/\n.mk-hero__right { padding: 40px 36px 36px !important; }\n\n\/* All sections: consistent vertical padding *\/\n.mk-logos { padding: 80px 0 !important; }\n.mk-llm { padding: 80px 0 !important; }\n.mk-stats { padding: 110px 0 !important; }\n.mk-why { padding: 110px 0 !important; }\n.mk-def { padding: 110px 0 !important; }\n.mk-svc { padding: 110px 0 !important; }\n.mk-cmp { padding: 110px 0 !important; }\n.mk-pri { padding: 110px 0 !important; }\n.mk-meth { padding: 110px 0 !important; }\n.mk-test { padding: 110px 0 !important; }\n.mk-data { padding: 110px 0 !important; }\n.mk-faq { padding: 110px 0 !important; }\n.mk-author { padding: 70px 0 !important; }\n.mk-cities { padding: 110px 0 !important; }\n.mk-final { padding: 110px 0 !important; }\n\n\/* Section heads: more space below the eyebrow pill and h2 *\/\n.mk-section-head h2 { margin-top: 20px !important; }\n.mk-section-head .mk-section-sub { margin-top: 20px !important; }\n\n\/* Stats \/ why-city \/ def \/ svc grids: more room above the cards *\/\n.mk-stats__grid { margin-top: 64px !important; }\n.mk-why__wrap { gap: 80px !important; }\n.mk-def__wrap { gap: 40px !important; margin-top: 64px !important; }\n.mk-svc__grid { margin-top: 64px !important; gap: 28px !important; }\n.mk-meth__steps { margin-top: 64px !important; gap: 24px !important; }\n.mk-test__grid { margin-top: 64px !important; gap: 28px !important; }\n.mk-data__grid { margin-top: 64px !important; gap: 28px !important; }\n\n\/* Comparison\/pricing tables: more space above *\/\n.mk-cmp__table { margin-top: 64px !important; }\n.mk-pri__table { margin-top: 64px !important; }\n.mk-pri__cta-row { margin-top: 64px !important; }\n.mk-stats__cta-row { margin-top: 64px !important; }\n\n\/* FAQ list spacing *\/\n.mk-faq__list { margin-top: 64px !important; }\n.mk-faq__cta { margin-top: 56px !important; }\n\n\/* Related cities + final CTA *\/\n.mk-cities__grid { margin-top: 64px !important; }\n\n\n\/* === HERO EXTRA SPACING === *\/\n.mk-hero { padding-top: 160px !important; padding-bottom: 140px !important; }\n.mk-hero__wrap { gap: 96px !important; }\n.mk-hero__left h1 { margin-top: 36px !important; }\n.mk-hero__lead { margin-top: 40px !important; }\n.mk-hero__ctas { margin-top: 56px !important; }\n.mk-hero__trust { margin-top: 60px !important; }\n.mk-hero__right { padding: 48px 40px 44px !important; }\n.mk-hero__card .mk-profcard { margin-top: 22px !important; padding: 20px 22px !important; }\n.mk-profcard .mk-profrow { padding: 14px 0 !important; }\n.mk-hero__card .mk-bigstat { margin-top: 36px !important; }\n.mk-hero__card .mk-bigstat__num { margin-top: 8px !important; }\n.mk-hero__card .mk-bigstat__cap { margin-top: 16px !important; }\n\n\n\/* === HERO DECOR + MORE SPACING (matches homepage curve) === *\/\n.mk-hero {\n position: relative !important;\n overflow: hidden !important;\n padding-top: 180px !important;\n padding-bottom: 160px !important;\n}\n.mk-hero::before {\n content: ”;\n position: absolute;\n top: -260px;\n right: -260px;\n width: 780px;\n height: 780px;\n background: radial-gradient(circle at 30% 30%, rgba(206,23,130,0.50) 0%, rgba(140,40,200,0.42) 35%, rgba(180,60,200,0.18) 60%, transparent 80%);\n border-radius: 50%;\n filter: blur(40px);\n z-index: 0;\n pointer-events: none;\n}\n.mk-hero::after {\n content: ”;\n position: absolute;\n top: -180px;\n right: -100px;\n width: 520px;\n height: 520px;\n background: radial-gradient(circle, rgba(206,23,130,0.30) 0%, rgba(120,30,180,0.20) 50%, transparent 80%);\n border-radius: 50%;\n z-index: 0;\n pointer-events: none;\n}\n.mk-hero__wrap {\n position: relative !important;\n z-index: 1 !important;\n gap: 100px !important;\n}\n.mk-hero__left h1 { margin-top: 40px !important; }\n.mk-hero__lead { margin-top: 44px !important; }\n.mk-hero__ctas { margin-top: 60px !important; }\n.mk-hero__trust { margin-top: 64px !important; }\n\n\n\/* === NAVY CARD DARK + COMPACT, HEADER CURVE === *\/\n\/* Card stays pure dark navy, remove decorative blobs *\/\n.mk-hero__right {\n background: linear-gradient(165deg, #050F26 0%, #071A35 100%) !important;\n padding: 32px 28px !important;\n}\n.mk-hero__right .mk-blob { display: none !important; }\n\n\/* Compact spacing inside the card *\/\n.mk-hero__card > .mk-statpill { margin-bottom: 0 !important; }\n.mk-hero__card .mk-profcard {\n margin-top: 14px !important;\n padding: 14px 18px !important;\n border-radius: 14px !important;\n}\n.mk-profcard .mk-profrow { padding: 9px 0 !important; }\n.mk-profcard__head { padding-bottom: 4px !important; }\n.mk-profcta { margin-top: 8px !important; padding: 4px 0 !important; }\n.mk-hero__card .mk-bigstat { margin-top: 22px !important; }\n.mk-hero__card .mk-bigstat__lbl { font-size: 13px !important; }\n.mk-hero__card .mk-bigstat__num {\n margin-top: 4px !important;\n font-size: clamp(72px, 7.5vw, 100px) !important;\n line-height: 0.95 !important;\n}\n.mk-hero__card .mk-bigstat__cap { margin-top: 10px !important; }\n\n\/* Top-right curve: sharper + more vibrant like homepage *\/\n.mk-hero::before {\n top: -120px !important;\n right: -320px !important;\n width: 760px !important;\n height: 760px !important;\n background: radial-gradient(circle at 35% 40%, rgba(206,23,130,0.72) 0%, rgba(150,30,180,0.62) 35%, rgba(110,40,160,0.32) 60%, transparent 78%) !important;\n filter: blur(0px) !important;\n border-radius: 50% !important;\n}\n.mk-hero::after { display: none !important; }\n\n\n\/* === CLEAN HERO BG (matches Figma) + MINT GLOW === *\/\n\/* Remove the pink-purple top-right blob, Figma is clean white *\/\n.mk-hero::before,\n.mk-hero::after { display: none !important; }\n.mk-hero { overflow: visible !important; }\n\n\/* Hero right wrapper allows blob to overflow *\/\n.mk-hero__right { overflow: visible !important; }\n\n\/* Mint glow at bottom-right of navy card (per Figma) *\/\n.mk-hero__right > .mk-mint-glow,\n.mk-hero__right::before {\n content: ”;\n position: absolute;\n bottom: -70px;\n right: -50px;\n width: 200px;\n height: 200px;\n background: radial-gradient(circle, rgba(15,237,193,0.55) 0%, rgba(15,237,193,0.25) 40%, transparent 70%);\n border-radius: 50%;\n filter: blur(30px);\n z-index: 0;\n pointer-events: none;\n display: block !important;\n}\n\n\n\/* === PROFILE CARD EMBEDDED IN NAVY (matches Figma) === *\/\n\/* Profile card is no longer a white inset, it’s dark, with white text *\/\n.mk-hero__card .mk-profcard {\n background: transparent !important;\n border: 1px solid rgba(255,255,255,0.10) !important;\n border-radius: 14px !important;\n padding: 18px 18px !important;\n margin-top: 18px !important;\n}\n.mk-hero__card .mk-profcard__head {\n padding-bottom: 8px !important;\n border-bottom: 1px solid rgba(255,255,255,0.08) !important;\n}\n.mk-hero__card .mk-profcard__title {\n color: rgba(255,255,255,0.55) !important;\n font-size: 10px !important;\n letter-spacing: 0.12em !important;\n}\n.mk-hero__card .mk-livedot { color: var(–mint) !important; font-size: 10px !important; }\n.mk-hero__card .mk-livedot__d { background: var(–mint) !important; box-shadow: 0 0 0 3px rgba(15,237,193,0.18) !important; }\n\n\/* Profile rows on dark bg *\/\n.mk-hero__card .mk-profrow {\n padding: 11px 0 !important;\n border-bottom: 1px solid rgba(255,255,255,0.06) !important;\n}\n.mk-hero__card .mk-profrow:last-of-type { border-bottom: none !important; }\n.mk-hero__card .mk-profrow__ico {\n background: rgba(255,255,255,0.10) !important;\n color: white !important;\n width: 32px !important;\n height: 32px !important;\n font-size: 14px !important;\n}\n.mk-hero__card .mk-profrow__label strong {\n color: #FFFFFF !important;\n font-size: 13px !important;\n font-weight: 700 !important;\n}\n.mk-hero__card .mk-profrow__label small {\n color: rgba(255,255,255,0.50) !important;\n font-size: 11px !important;\n}\n.mk-hero__card .mk-profrow__price {\n color: #FFFFFF !important;\n font-weight: 800 !important;\n font-size: 13px !important;\n}\n\n\/* “Ver todos los perfiles” CTA *\/\n.mk-hero__card .mk-profcta {\n color: var(–rosa) !important;\n margin-top: 10px !important;\n padding: 8px 0 !important;\n border-top: 1px solid rgba(255,255,255,0.06) !important;\n}\n.mk-hero__card .mk-profcta:hover { color: var(–mint) !important; }\n\n\/* “Equipo operativo” pill stays white on dark per Figma *\/\n.mk-hero__card > .mk-statpill {\n background: rgba(255,255,255,0.96) !important;\n color: var(–navy) !important;\n font-size: 13px !important;\n}\n\n\n\/* === TIGHTER SPACING PASS === *\/\n\/* Hero: less top\/bottom padding, tighter internal gaps *\/\n.mk-hero { padding-top: 100px !important; padding-bottom: 70px !important; }\n.mk-hero__wrap { gap: 72px !important; }\n.mk-hero__left h1 { margin-top: 24px !important; }\n.mk-hero__lead { margin-top: 28px !important; }\n.mk-hero__ctas { margin-top: 36px !important; }\n.mk-hero__trust { margin-top: 36px !important; }\n\n\/* Section padding: lower from 110 to 80px *\/\n.mk-logos { padding: 60px 0 !important; }\n.mk-llm { padding: 60px 0 !important; }\n.mk-stats { padding: 80px 0 !important; }\n.mk-why { padding: 80px 0 !important; }\n.mk-def { padding: 80px 0 !important; }\n.mk-svc { padding: 80px 0 !important; }\n.mk-cmp { padding: 80px 0 !important; }\n.mk-pri { padding: 80px 0 !important; }\n.mk-meth { padding: 80px 0 !important; }\n.mk-test { padding: 80px 0 !important; }\n.mk-data { padding: 80px 0 !important; }\n.mk-faq { padding: 80px 0 !important; }\n.mk-author { padding: 50px 0 !important; }\n.mk-cities { padding: 80px 0 !important; }\n.mk-final { padding: 80px 0 !important; }\n\n\/* Tighter gaps between section heads and content *\/\n.mk-section-head h2 { margin-top: 14px !important; }\n.mk-section-head .mk-section-sub { margin-top: 14px !important; }\n.mk-stats__grid { margin-top: 44px !important; }\n.mk-why__wrap { gap: 60px !important; }\n.mk-def__wrap { gap: 28px !important; margin-top: 44px !important; }\n.mk-svc__grid { margin-top: 44px !important; gap: 22px !important; }\n.mk-meth__steps { margin-top: 44px !important; gap: 20px !important; }\n.mk-test__grid { margin-top: 44px !important; gap: 22px !important; }\n.mk-data__grid { margin-top: 44px !important; gap: 22px !important; }\n.mk-cmp__table { margin-top: 44px !important; }\n.mk-pri__table { margin-top: 44px !important; }\n.mk-pri__cta-row { margin-top: 44px !important; }\n.mk-stats__cta-row { margin-top: 44px !important; }\n.mk-faq__list { margin-top: 44px !important; }\n.mk-faq__cta { margin-top: 36px !important; }\n.mk-cities__grid { margin-top: 44px !important; }\n\n\n\/* === HERO TOP SPACE BUMP === *\/\n.mk-hero { padding-top: 165px !important; }\n\n\/* === FIX SECTION OVERFLOW (fixed-px grid cols + too-wide padding) === *\/\n\/* Convert all fixed-pixel grid columns to minmax fr so they shrink in theme container *\/\n.mk-why__wrap {\n grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) !important;\n padding-left: 20px !important;\n padding-right: 20px !important;\n gap: 40px !important;\n}\n.mk-def__wrap {\n grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) !important;\n padding-left: 20px !important;\n padding-right: 20px !important;\n gap: 28px !important;\n}\n.mk-llm__box {\n grid-template-columns: 72px minmax(0, 1fr) !important;\n padding-left: 24px !important;\n padding-right: 24px !important;\n}\n.mk-author__card {\n grid-template-columns: 80px minmax(0, 1fr) auto !important;\n padding: 28px !important;\n}\n\n\/* All other section wraps: reduce huge 80px padding to 20px *\/\n.mk-wrap, .mk-stats__grid, .mk-svc__grid, .mk-cmp__table, .mk-pri__table,\n.mk-meth__steps, .mk-test__grid, .mk-test__stats, .mk-data__grid,\n.mk-cities__grid, .mk-final__card {\n padding-left: 20px !important;\n padding-right: 20px !important;\n}\n.mk-section__wrap {\n padding-left: 20px !important;\n padding-right: 20px !important;\n}\n\n\/* Def section right side: stat cards should fit comfortably *\/\n.mk-def__side { min-width: 0 !important; }\n.mk-def__stat {\n padding: 28px 24px !important;\n word-wrap: break-word !important;\n overflow-wrap: break-word !important;\n}\n.mk-def__stat-big {\n font-size: clamp(48px, 5vw, 64px) !important;\n word-break: break-word !important;\n}\n.mk-def__stat-txt {\n font-size: 14px !important;\n line-height: 1.5 !important;\n}\n\n\n\/* === HEADER: match homepage behavior on these 2 pages (opt out of theme’s subpage filter) === *\/\n\n\n\n\/* === HEADER COLOR RESTORE + HIDE PAGE-HEADER (9484), match 9424\/9426 treatment === *\/\nbody.page-id-10120 #logo-header { filter: none !important; }\nbody.page-id-10120.page.page-child header.elementor-location-header span.e-n-menu-title-text,\nbody.page-id-10120.page header.elementor-location-header span.e-n-menu-title-text {\n color: #071a35 !important;\n}\n\/* Calculator (6th nav item) has its own navy bg, keep white text *\/\nbody.page-id-10120.page header.elementor-location-header .e-n-menu-item:nth-child(6) span.e-n-menu-title-text {\n color: #ffffff !important;\n}\n\/* Hide the rogue WP theme page-header H1 that sits above the hero *\/\nbody.page-id-10120 .page-header,\nbody.page-id-10120 main.site-main > .page-header {\n display: none !important;\n}\n\n\n\/* === RESPONSIVE V3, MOBILE STACK FIX (9424 + 9484) === *\/\n@media (max-width: 1024px) {\n body.page-id-10120 .mk .mk-hero__wrap,\n body.page-id-9424 .mk .mk-hero__wrap,\n body.page-id-10120 .mk-hero__wrap,\n body.page-id-9424 .mk-hero__wrap {\n display: block !important;\n grid-template-columns: 1fr !important;\n gap: 32px !important;\n }\n body.page-id-10120 .mk-hero__left,\n body.page-id-9424 .mk-hero__left,\n body.page-id-10120 .mk-hero__right,\n body.page-id-9424 .mk-hero__right {\n width: 100% !important;\n max-width: 100% !important;\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n body.page-id-10120 .mk-why__wrap,\n body.page-id-9424 .mk-why__wrap {\n display: block !important;\n grid-template-columns: 1fr !important;\n gap: 24px !important;\n }\n body.page-id-10120 .mk-why__left,\n body.page-id-9424 .mk-why__left,\n body.page-id-10120 .mk-why__right,\n body.page-id-9424 .mk-why__right {\n width: 100% !important;\n max-width: 100% !important;\n }\n body.page-id-10120 .mk-mini-row,\n body.page-id-9424 .mk-mini-row {\n display: grid !important;\n grid-template-columns: 1fr 1fr !important;\n gap: 12px !important;\n }\n body.page-id-10120 .mk-mini,\n body.page-id-9424 .mk-mini {\n width: 100% !important;\n max-width: 100% !important;\n }\n body.page-id-10120 .mk-cmp__table,\n body.page-id-9424 .mk-cmp__table {\n width: 100% !important;\n max-width: 100% !important;\n overflow-x: auto !important;\n }\n}\n@media (max-width: 768px) {\n body.page-id-10120 .mk-hero h1,\n body.page-id-9424 .mk-hero h1 {\n font-size: 30px !important;\n line-height: 1.15 !important;\n width: 100% !important;\n word-break: normal !important;\n overflow-wrap: break-word !important;\n }\n body.page-id-10120 .mk-mini-row,\n body.page-id-9424 .mk-mini-row {\n grid-template-columns: 1fr !important;\n }\n body.page-id-10120 .mk-mini,\n body.page-id-9424 .mk-mini {\n margin-bottom: 10px !important;\n }\n body.page-id-10120 .mk-hero__wrap,\n body.page-id-9424 .mk-hero__wrap {\n padding-left: 16px !important;\n padding-right: 16px !important;\n }\n}\n@media (max-width: 480px) {\n body.page-id-10120 .mk-hero h1,\n body.page-id-9424 .mk-hero h1 {\n font-size: 26px !important;\n }\n body.page-id-10120 .mk-pri__tbl,\n body.page-id-9424 .mk-pri__tbl {\n font-size: 13px !important;\n }\n}\n\n\/* === RESPONSIVE V4 PATCH, comparison table mobile scroll === *\/\n@media (max-width: 768px) {\n body.page-id-10120 .mk-cmp__table,\n body.page-id-9424 .mk-cmp__table { display: block !important; overflow-x: auto !important; max-width: 100% !important; width: 100% !important; }\n body.page-id-10120 .mk-cmp__tbl,\n body.page-id-9424 .mk-cmp__tbl { min-width: 600px !important; }\n body.page-id-10120 .mk-cmp__sub,\n body.page-id-9424 .mk-cmp__sub { max-width: 100% !important; word-wrap: break-word !important; }\n body.page-id-10120 .mk-cmp,\n body.page-id-9424 .mk-cmp { overflow-x: hidden !important; }\n}\n\n\n\/* === RESPONSIVE V5, universal mobile stack fix === *\/\n@media (max-width: 1024px) {\n body.page-id-10120 .mk-llm__box, body.page-id-9424 .mk-llm__box,\n body.page-id-10120 .mk-def__wrap, body.page-id-9424 .mk-def__wrap,\n body.page-id-10120 .mk-test__stats, body.page-id-9424 .mk-test__stats,\n body.page-id-10120 .mk-cities__grid, body.page-id-9424 .mk-cities__grid,\n body.page-id-10120 .mk-svc__grid, body.page-id-9424 .mk-svc__grid,\n body.page-id-10120 .mk-meth__grid, body.page-id-9424 .mk-meth__grid,\n body.page-id-10120 .mk-faq__grid, body.page-id-9424 .mk-faq__grid {\n display: grid !important;\n grid-template-columns: 1fr !important;\n gap: 16px !important;\n }\n body.page-id-10120 .mk-author__card, body.page-id-9424 .mk-author__card {\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n text-align: center !important;\n gap: 12px !important;\n }\n body.page-id-10120 .mk-llm__icon, body.page-id-9424 .mk-llm__icon {\n margin: 0 auto 12px !important;\n }\n}\n@media (max-width: 768px) {\n body.page-id-10120 .mk-cmp__tbl, body.page-id-9424 .mk-cmp__tbl {\n min-width: auto !important;\n width: 100% !important;\n font-size: 12px !important;\n }\n body.page-id-10120 .mk-cmp__tbl th, body.page-id-10120 .mk-cmp__tbl td,\n body.page-id-9424 .mk-cmp__tbl th, body.page-id-9424 .mk-cmp__tbl td {\n padding: 10px 6px !important;\n font-size: 12px !important;\n line-height: 1.35 !important;\n vertical-align: top !important;\n }\n body.page-id-10120 .mk-section h2, body.page-id-9424 .mk-section h2 {\n font-size: 26px !important;\n line-height: 1.2 !important;\n }\n body.page-id-10120 .mk-section h3, body.page-id-9424 .mk-section h3 {\n font-size: 20px !important;\n }\n body.page-id-10120 .mk-section, body.page-id-9424 .mk-section {\n padding-left: 16px !important;\n padding-right: 16px !important;\n }\n}\n\n\n\/* === SCROLL LOCK FIX (page-id-10120), page only scrolls vertically; wide tables scroll internally === *\/\n@media (max-width: 1024px) {\n body.page-id-10120,\n html:has(body.page-id-10120) {\n overflow-x: hidden !important;\n max-width: 100vw !important;\n }\n body.page-id-10120 .mk-section,\n body.page-id-10120 section.mk-section {\n overflow-x: hidden !important;\n max-width: 100vw !important;\n }\n body.page-id-10120 .mk-cmp__table,\n body.page-id-10120 .mk-pri__table {\n display: block !important;\n overflow-x: auto !important;\n -webkit-overflow-scrolling: touch !important;\n max-width: 100% !important;\n width: 100% !important;\n overscroll-behavior-x: contain !important;\n }\n body.page-id-10120 .mk-cmp__tbl,\n body.page-id-10120 .mk-pri__tbl {\n min-width: auto !important;\n width: 100% !important;\n }\n}\n\n\/* === TIER COMPARISON SECTION (page-id-10120 only, unique to atenci\u00f3n al cliente page) === *\/\nbody.page-id-10120 .mk-tier { padding: 80px 0; background: linear-gradient(180deg, #fff 0%, #FEEFF8 100%); }\nbody.page-id-10120 .mk-tier__wrap { max-width: 1180px !important; margin: 0 auto !important; padding: 0 20px !important; box-sizing: border-box !important; }\nbody.page-id-10120 .mk-tier__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 48px; }\nbody.page-id-10120 .mk-tier__card { padding: 32px 28px; border: 1px solid #E5E7EB; border-radius: 16px; background: #fff; position: relative; transition: transform 0.2s, box-shadow 0.2s; }\nbody.page-id-10120 .mk-tier__card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.08); }\nbody.page-id-10120 .mk-tier__card–recommended { border: 2px solid #CE1782; box-shadow: 0 12px 32px rgba(206, 23, 130, 0.18); background: linear-gradient(180deg, #fff 0%, #FEEFF8 100%); }\nbody.page-id-10120 .mk-tier__icon { font-size: 36px; margin-bottom: 16px; }\nbody.page-id-10120 .mk-tier__card h3 { font-size: 20px; font-weight: 700; margin: 0 0 8px; color: #0E1B3D; }\nbody.page-id-10120 .mk-tier__price { font-size: 26px; font-weight: 800; color: #CE1782; margin: 8px 0 20px; }\nbody.page-id-10120 .mk-tier__card ul { list-style: none; padding: 0; margin: 0; }\nbody.page-id-10120 .mk-tier__card ul li { padding: 8px 0; padding-left: 24px; position: relative; font-size: 14px; color: #4B5563; line-height: 1.5; }\nbody.page-id-10120 .mk-tier__card ul li:before { content: ‘\u2713’; position: absolute; left: 0; color: #CE1782; font-weight: 700; }\nbody.page-id-10120 .mk-tier__badge { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: #CE1782; color: white; padding: 6px 16px; border-radius: 20px; font-size: 11px; font-weight: 700; letter-spacing: 1px; white-space: nowrap; }\nbody.page-id-10120 .mk-tier__source { margin-top: 32px; font-size: 13px; color: #6B7280; text-align: center; font-style: italic; }\n@media (max-width: 1024px) {\n body.page-id-10120 .mk-tier { padding: 48px 0; }\n body.page-id-10120 .mk-tier__grid { grid-template-columns: 1fr; gap: 20px; }\n body.page-id-10120 .mk-tier__card { padding: 24px 20px; }\n}\n\n\n\/* === PALMA PAGE-SPECIFIC DESIGN VARIATIONS (page-id-10120 only) === *\/\n\n\/* FAQ section: fix breathing room around heading + subtitle *\/\nbody.page-id-10120 .mk-faq { padding: 96px 0 80px; background: linear-gradient(180deg, #FAFAFB 0%, #FFFFFF 60%); }\nbody.page-id-10120 .mk-faq .mk-section-head { margin-bottom: 48px; text-align: center; }\nbody.page-id-10120 .mk-faq .mk-section-head .mk-eyebrow { display: inline-block; margin-bottom: 20px; padding: 6px 16px; background: #FEEFF8; color: #CE1782; border-radius: 20px; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; }\nbody.page-id-10120 .mk-faq .mk-section-head h2 { margin: 0 0 20px !important; padding: 0; font-size: 44px; line-height: 1.15; font-weight: 800; color: #0E1B3D; max-width: 900px; margin-left: auto !important; margin-right: auto !important; }\nbody.page-id-10120 .mk-faq .mk-section-head p { margin: 0 auto !important; padding: 0; max-width: 720px; font-size: 17px; line-height: 1.55; color: #5B6478; }\n\n\/* FAQ items: vertical breathing room + visual variation *\/\nbody.page-id-10120 .mk-faq__list { max-width: 920px; margin: 0 auto; padding: 0 20px; }\nbody.page-id-10120 .mk-faq__item { margin-bottom: 16px !important; padding: 0; border: 1px solid #E8EAEE; border-left: 4px solid #0E1B3D; border-radius: 14px; background: #fff; transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s; overflow: hidden; }\nbody.page-id-10120 .mk-faq__item:hover { border-left-color: #CE1782; box-shadow: 0 6px 20px rgba(14, 27, 61, 0.08); transform: translateY(-1px); }\nbody.page-id-10120 .mk-faq__item details { padding: 0; }\nbody.page-id-10120 .mk-faq__item summary { padding: 22px 28px; font-size: 17px; font-weight: 700; color: #0E1B3D; cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; line-height: 1.4; }\nbody.page-id-10120 .mk-faq__item summary::-webkit-details-marker { display: none; }\nbody.page-id-10120 .mk-faq__item summary::after { content: ‘+’; flex-shrink: 0; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; background: #FEEFF8; color: #CE1782; border-radius: 50%; font-size: 22px; font-weight: 700; line-height: 1; transition: transform 0.25s, background 0.25s; }\nbody.page-id-10120 .mk-faq__item details[open] summary::after { content: ‘\u2212’; transform: rotate(180deg); background: #CE1782; color: #fff; }\nbody.page-id-10120 .mk-faq__item details[open] summary { color: #CE1782; }\nbody.page-id-10120 .mk-faq__answer { padding: 0 28px 24px; font-size: 15.5px; line-height: 1.65; color: #4B5563; max-width: 820px; }\nbody.page-id-10120 .mk-faq__cta { margin-top: 40px; padding: 28px; background: #FFFFFF; border: 1px dashed #CE1782; border-radius: 16px; text-align: center; }\nbody.page-id-10120 .mk-faq__cta p { margin: 0 0 16px; font-size: 16px; font-weight: 600; color: #0E1B3D; }\n\n\/* Hero side-card variation for Palma de Mallorca: industrial navy accent border *\/\nbody.page-id-10120 .mk-hero__card,\nbody.page-id-10120 .mk-hero__right > div { border-top: 3px solid #0E1B3D; }\n\n\/* Stats variation: navy left border on each stat card to echo industrial Palma de Mallorca *\/\nbody.page-id-10120 .mk-stat,\nbody.page-id-10120 .mk-stats__card { border-left: 3px solid #0E1B3D !important; }\n\n\/* Tier-section (Convenio Contact Center): slightly tighter padding so the page feels different than Madrid *\/\nbody.page-id-10120 .mk-tier { padding: 72px 0; background: linear-gradient(180deg, #FFFFFF 0%, #F4F6FA 100%); }\nbody.page-id-10120 .mk-tier .mk-section-head h2 { font-size: 42px; }\nbody.page-id-10120 .mk-tier .mk-section-head p { margin-top: 16px; max-width: 760px; margin-left: auto; margin-right: auto; }\n\n\/* Mobile FAQ adjustments *\/\n@media (max-width: 768px) {\n body.page-id-10120 .mk-faq { padding: 64px 0 56px; }\n body.page-id-10120 .mk-faq .mk-section-head h2 { font-size: 32px; }\n body.page-id-10120 .mk-faq .mk-section-head p { font-size: 15px; padding: 0 16px; }\n body.page-id-10120 .mk-faq__item summary { padding: 18px 20px; font-size: 15.5px; }\n body.page-id-10120 .mk-faq__answer { padding: 0 20px 20px; font-size: 14.5px; }\n body.page-id-10120 .mk-faq__item summary::after { width: 28px; height: 28px; font-size: 18px; }\n}\n\n\n\/* === PALMA STUNNING REDESIGN (page-id-10120 only) === *\/\n\n\/* HERO: blueprint pattern background + dramatic depth *\/\nbody.page-id-10120 .mk-hero { position: relative; background: linear-gradient(180deg, #FFFFFF 0%, #FAFBFC 100%); overflow: hidden; padding-bottom: 80px; }\nbody.page-id-10120 .mk-hero::before {\n content: ”; position: absolute; inset: 0; pointer-events: none; z-index: 0;\n background-image:\n linear-gradient(rgba(14, 27, 61, 0.045) 1px, transparent 1px),\n linear-gradient(90deg, rgba(14, 27, 61, 0.045) 1px, transparent 1px);\n background-size: 56px 56px;\n mask-image: radial-gradient(ellipse at top right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6) 30%, transparent 70%);\n -webkit-mask-image: radial-gradient(ellipse at top right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6) 30%, transparent 70%);\n}\nbody.page-id-10120 .mk-hero::after {\n content: ”; position: absolute; top: 10%; right: -10%; width: 600px; height: 600px;\n background: radial-gradient(circle, rgba(206, 23, 130, 0.08) 0%, transparent 70%);\n pointer-events: none; z-index: 0;\n}\nbody.page-id-10120 .mk-hero > * { position: relative; z-index: 1; }\n\n\/* H1 56% gradient underline accent *\/\nbody.page-id-10120 .mk-hero h1 strong,\nbody.page-id-10120 .mk-hero h1 span[style*=”CE1782″] {\n background: linear-gradient(180deg, transparent 78%, rgba(206, 23, 130, 0.22) 78%, rgba(206, 23, 130, 0.22) 100%);\n padding: 0 6px;\n}\n\n\/* === NEW SECTION 1: Por qu\u00e9 Palma de Mallorca === *\/\n.mk-whybio { padding: 88px 0 96px; background: linear-gradient(180deg, #FAFBFC 0%, #FFFFFF 50%, #FAFBFC 100%); position: relative; overflow: hidden; }\n.mk-whybio__wrap { max-width: 1180px; margin: 0 auto; padding: 0 32px; position: relative; z-index: 1; }\n.mk-whybio .mk-section-head { text-align: center; margin-bottom: 56px; }\n.mk-whybio .mk-section-head .mk-eyebrow { display: inline-block; margin-bottom: 18px; padding: 6px 16px; background: #FEEFF8; color: #CE1782; border-radius: 100px; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; }\n.mk-whybio .mk-section-head h2 { margin: 0 0 18px; font-size: 44px; line-height: 1.15; font-weight: 800; color: #0E1B3D; max-width: 900px; margin-left: auto; margin-right: auto; }\n.mk-whybio .mk-section-head p { margin: 0 auto; max-width: 720px; font-size: 17px; line-height: 1.55; color: #5B6478; }\n.mk-whybio__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }\n.mk-whybio__card { padding: 32px 24px; background: linear-gradient(135deg, #FFFFFF 0%, #F4F6FA 100%); border: 1px solid #E0E4EA; border-left: 3px solid #0E1B3D; border-radius: 16px; box-shadow: 0 2px 8px rgba(14, 27, 61, 0.04); transition: transform 0.2s, box-shadow 0.2s; }\n.mk-whybio__card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(14, 27, 61, 0.08); }\n.mk-whybio__card–hero { background: linear-gradient(135deg, #0E1B3D 0%, #1F2D4F 100%); border-color: #CE1782; border-left-color: #CE1782; }\n.mk-whybio__card–hero .mk-whybio__num,\n.mk-whybio__card–hero .mk-whybio__lbl,\n.mk-whybio__card–hero .mk-whybio__src { color: #FFFFFF; }\n.mk-whybio__card–hero .mk-whybio__src { color: rgba(255,255,255,0.7); }\n.mk-whybio__num { font-size: 42px; font-weight: 800; color: #0E1B3D; line-height: 1; margin-bottom: 12px; letter-spacing: -1px; }\n.mk-whybio__num span { font-size: 24px; font-weight: 700; }\n.mk-whybio__lbl { font-size: 14px; font-weight: 700; color: #0E1B3D; margin-bottom: 8px; }\n.mk-whybio__src { font-size: 12px; color: #6B7280; font-style: italic; }\n\n\/* === NEW SECTION 2: IBEX employers === *\/\n.mk-ibex { padding: 88px 0 96px; background: #0E1B3D; color: #FFFFFF; position: relative; overflow: hidden; }\n.mk-ibex::before {\n content: ”; position: absolute; inset: 0;\n background-image: linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);\n background-size: 56px 56px;\n mask-image: radial-gradient(ellipse at top, rgba(0,0,0,0.7), transparent 70%);\n -webkit-mask-image: radial-gradient(ellipse at top, rgba(0,0,0,0.7), transparent 70%);\n}\n.mk-ibex__wrap { max-width: 1180px; margin: 0 auto; padding: 0 32px; position: relative; z-index: 1; }\n.mk-ibex .mk-section-head { text-align: center; margin-bottom: 56px; }\n.mk-ibex .mk-section-head .mk-eyebrow { display: inline-block; margin-bottom: 18px; padding: 6px 16px; background: rgba(206, 23, 130, 0.2); color: #FFC4E3; border-radius: 100px; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; }\n.mk-ibex .mk-section-head h2 { margin: 0 0 18px; font-size: 44px; line-height: 1.15; font-weight: 800; color: #FFFFFF; max-width: 800px; margin-left: auto; margin-right: auto; }\n.mk-ibex .mk-section-head p { margin: 0 auto; max-width: 720px; font-size: 17px; line-height: 1.55; color: rgba(255,255,255,0.8); }\n.mk-ibex__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }\n.mk-ibex__card { padding: 28px 22px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; backdrop-filter: blur(10px); transition: transform 0.2s, background 0.2s, border-color 0.2s; }\n.mk-ibex__card:hover { transform: translateY(-3px); background: rgba(255,255,255,0.08); border-color: #CE1782; }\n.mk-ibex__icon { font-size: 32px; margin-bottom: 16px; line-height: 1; }\n.mk-ibex__card h3 { margin: 0 0 12px; font-size: 22px; font-weight: 800; color: #FFFFFF; }\n.mk-ibex__addr { margin: 0 0 16px; font-size: 13px; line-height: 1.5; color: rgba(255,255,255,0.85); font-weight: 500; }\n.mk-ibex__note { margin: 0; font-size: 12.5px; line-height: 1.5; color: rgba(255,255,255,0.6); font-style: italic; }\n\n\/* === Stat cards: industrial metallic gradient === *\/\nbody.page-id-10120 .mk-stat,\nbody.page-id-10120 .mk-stats__card { background: linear-gradient(135deg, #FFFFFF 0%, #F4F6FA 100%) !important; border: 1px solid #E0E4EA !important; border-left: 3px solid #0E1B3D !important; box-shadow: 0 2px 8px rgba(14, 27, 61, 0.04); }\n\n\/* === Comparison table: industrial steel-tone === *\/\nbody.page-id-10120 .mk-cmp table thead th { background: #0E1B3D !important; color: #FFFFFF !important; }\nbody.page-id-10120 .mk-cmp table tbody tr:nth-child(even) { background: #F8F9FB !important; }\nbody.page-id-10120 .mk-cmp table tbody tr:hover { background: #FFF4FA !important; }\n\n\/* === Pricing table: same steel tone === *\/\nbody.page-id-10120 .mk-pri table thead th { background: #0E1B3D !important; color: #FFFFFF !important; }\nbody.page-id-10120 .mk-pri table tbody tr:nth-child(even) { background: #F8F9FB !important; }\nbody.page-id-10120 .mk-pri table tbody tr:hover { background: #FFF4FA !important; }\n\n\/* === Service cards: navy bottom accent on hover === *\/\nbody.page-id-10120 .mk-svc__card,\nbody.page-id-10120 .mk-svc .card { border-bottom: 3px solid transparent !important; transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s !important; }\nbody.page-id-10120 .mk-svc__card:hover,\nbody.page-id-10120 .mk-svc .card:hover { border-bottom-color: #CE1782 !important; transform: translateY(-3px) !important; box-shadow: 0 8px 24px rgba(14, 27, 61, 0.08) !important; }\n\n\/* === Methodology: navy left border === *\/\nbody.page-id-10120 .mk-meth__step,\nbody.page-id-10120 .mk-meth .step { border-left: 3px solid #0E1B3D !important; }\n\n\/* === Final CTA: diagonal split + Palma de Mallorca gradient === *\/\nbody.page-id-10120 .mk-final { position: relative; overflow: hidden; background: linear-gradient(135deg, #0E1B3D 0%, #1F2D4F 50%, #0E1B3D 100%) !important; color: #FFFFFF !important; }\nbody.page-id-10120 .mk-final::before { content: ”; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: linear-gradient(135deg, transparent 0%, transparent 40%, rgba(206, 23, 130, 0.18) 50%, transparent 60%, transparent 100%); pointer-events: none; }\nbody.page-id-10120 .mk-final h2,\nbody.page-id-10120 .mk-final p { color: #FFFFFF !important; position: relative; z-index: 1; }\nbody.page-id-10120 .mk-final .mk-eyebrow { background: rgba(206, 23, 130, 0.2) !important; color: #FFFFFF !important; }\n\n\/* === Mobile responsive === *\/\n@media (max-width: 768px) {\n body.page-id-10120 .mk-hero::before { background-size: 36px 36px; }\n .mk-whybio { padding: 56px 0 64px; }\n .mk-whybio .mk-section-head h2 { font-size: 30px; }\n .mk-whybio__grid { grid-template-columns: 1fr 1fr; gap: 14px; }\n .mk-whybio__card { padding: 22px 18px; }\n .mk-whybio__num { font-size: 32px; }\n .mk-ibex { padding: 56px 0 64px; }\n .mk-ibex .mk-section-head h2 { font-size: 30px; }\n .mk-ibex__grid { grid-template-columns: 1fr; gap: 14px; }\n .mk-ibex__card { padding: 22px 18px; }\n body.page-id-10120 .mk-final::before { width: 100%; opacity: 0.3; }\n}\n@media (max-width: 480px) {\n .mk-whybio__grid { grid-template-columns: 1fr; }\n}\n\n\n\/* === PALMA MOBILE FIX (page-id-10120, MAX-WIDTH 768PX), AGGRESSIVE === *\/\n@media (max-width: 768px) {\n\n \/* HERO: force vertical stack, Elementor columns to stack *\/\n body.page-id-10120 .mk-hero .elementor-container,\n body.page-id-10120 .mk-hero .elementor-row,\n body.page-id-10120 .mk-hero > .e-con,\n body.page-id-10120 .mk-hero > div,\n body.page-id-10120 .mk-hero .e-con-inner { \n flex-direction: column !important;\n flex-wrap: wrap !important;\n display: flex !important;\n }\n body.page-id-10120 .mk-hero .elementor-column,\n body.page-id-10120 .mk-hero .elementor-element,\n body.page-id-10120 .mk-hero .e-con,\n body.page-id-10120 .mk-hero > div > div {\n width: 100% !important;\n max-width: 100% !important;\n flex: 0 0 100% !important;\n }\n body.page-id-10120 .mk-hero h1 {\n font-size: 30px !important;\n line-height: 1.18 !important;\n word-break: normal !important;\n overflow-wrap: normal !important;\n hyphens: none !important;\n max-width: 100% !important;\n margin: 16px 0 18px !important;\n }\n body.page-id-10120 .mk-hero h1 span,\n body.page-id-10120 .mk-hero h1 strong {\n display: inline !important;\n padding: 0 2px !important;\n white-space: normal !important;\n }\n body.page-id-10120 .mk-hero .mk-eyebrow,\n body.page-id-10120 .mk-hero span.mk-eyebrow {\n font-size: 11px !important;\n padding: 5px 12px !important;\n white-space: nowrap !important;\n display: inline-block !important;\n width: auto !important;\n max-width: 100% !important;\n line-height: 1.3 !important;\n }\n body.page-id-10120 .mk-hero p {\n font-size: 15px !important;\n line-height: 1.55 !important;\n }\n body.page-id-10120 .mk-hero__card,\n body.page-id-10120 .mk-hero__right,\n body.page-id-10120 .mk-hero__right > div {\n margin: 24px 0 0 !important;\n width: 100% !important;\n max-width: 100% !important;\n }\n body.page-id-10120 .mk-hero::before { background-size: 36px 36px !important; }\n body.page-id-10120 .mk-hero { padding: 32px 0 56px !important; }\n\n \/* PRICING TABLE: horizontal scroll wrapper *\/\n body.page-id-10120 .mk-pri .mk-pri__table,\n body.page-id-10120 .mk-pri__table-wrap,\n body.page-id-10120 .mk-pri table {\n display: block !important;\n overflow-x: auto !important;\n -webkit-overflow-scrolling: touch !important;\n width: 100% !important;\n max-width: 100% !important;\n }\n body.page-id-10120 .mk-pri table {\n min-width: 580px !important;\n }\n body.page-id-10120 .mk-pri table thead,\n body.page-id-10120 .mk-pri table tbody { display: table-header-group !important; }\n body.page-id-10120 .mk-pri table tbody { display: table-row-group !important; }\n\n \/* COMPARISON TABLE: horizontal scroll wrapper *\/\n body.page-id-10120 .mk-cmp .mk-cmp__table,\n body.page-id-10120 .mk-cmp__table-wrap,\n body.page-id-10120 .mk-cmp table,\n body.page-id-10120 .mk-cmp__row {\n display: block !important;\n overflow-x: auto !important;\n -webkit-overflow-scrolling: touch !important;\n width: 100% !important;\n max-width: 100% !important;\n }\n body.page-id-10120 .mk-cmp table { min-width: 640px !important; }\n body.page-id-10120 .mk-cmp__row { min-width: 640px !important; }\n body.page-id-10120 .mk-cmp__thead,\n body.page-id-10120 .mk-cmp .mk-cmp__thead {\n display: flex !important;\n min-width: 640px !important;\n }\n\n \/* Scroll hint hint pseudo-element *\/\n body.page-id-10120 .mk-pri::after,\n body.page-id-10120 .mk-cmp::after {\n content: ‘\u2190 Desliza para ver m\u00e1s \u2192’;\n display: block;\n text-align: center;\n margin-top: 12px;\n font-size: 12px;\n color: #6B7280;\n font-style: italic;\n }\n\n \/* WHY PALMA DE MALLORCA grid: force 1 column *\/\n body.page-id-10120 .mk-whybio__grid {\n grid-template-columns: 1fr !important;\n gap: 12px !important;\n display: grid !important;\n }\n body.page-id-10120 .mk-whybio__card {\n padding: 22px 20px !important;\n width: 100% !important;\n max-width: 100% !important;\n }\n body.page-id-10120 .mk-whybio__num { font-size: 36px !important; }\n body.page-id-10120 .mk-whybio { padding: 56px 0 !important; }\n body.page-id-10120 .mk-whybio .mk-section-head h2 { font-size: 28px !important; line-height: 1.2 !important; }\n\n \/* IBEX grid: force 1 column *\/\n body.page-id-10120 .mk-ibex__grid {\n grid-template-columns: 1fr !important;\n gap: 12px !important;\n display: grid !important;\n }\n body.page-id-10120 .mk-ibex__card {\n padding: 22px 20px !important;\n width: 100% !important;\n max-width: 100% !important;\n }\n body.page-id-10120 .mk-ibex { padding: 56px 0 !important; }\n body.page-id-10120 .mk-ibex .mk-section-head h2 { font-size: 28px !important; line-height: 1.2 !important; }\n\n \/* TIER (Hacienda Foral) grid: force 1 column *\/\n body.page-id-10120 .mk-tier__grid {\n grid-template-columns: 1fr !important;\n gap: 14px !important;\n display: grid !important;\n }\n body.page-id-10120 .mk-tier__card { padding: 26px 22px !important; }\n body.page-id-10120 .mk-tier .mk-section-head h2 { font-size: 28px !important; line-height: 1.2 !important; }\n\n \/* Service grid: force 1-2 column responsive *\/\n body.page-id-10120 .mk-svc__grid {\n grid-template-columns: 1fr !important;\n gap: 12px !important;\n }\n\n \/* All section heads: smaller fonts on mobile *\/\n body.page-id-10120 .mk-section .mk-section-head h2 { \n font-size: 28px !important; \n line-height: 1.2 !important; \n padding: 0 12px !important;\n }\n body.page-id-10120 .mk-section .mk-section-head p { \n font-size: 15px !important; \n padding: 0 16px !important;\n }\n\n \/* Final CTA: tighter *\/\n body.page-id-10120 .mk-final { padding: 56px 0 !important; }\n body.page-id-10120 .mk-final h2 { font-size: 28px !important; line-height: 1.2 !important; padding: 0 16px !important; }\n body.page-id-10120 .mk-final p { padding: 0 16px !important; }\n body.page-id-10120 .mk-final::before { width: 100% !important; opacity: 0.3 !important; }\n\n \/* Container wraps: prevent horizontal overflow *\/\n body.page-id-10120 .mk-whybio__wrap,\n body.page-id-10120 .mk-ibex__wrap,\n body.page-id-10120 .mk-tier__wrap { padding: 0 16px !important; }\n}\n\n\/* Even smaller phones *\/\n@media (max-width: 480px) {\n body.page-id-10120 .mk-hero h1 { font-size: 26px !important; }\n body.page-id-10120 .mk-section .mk-section-head h2 { font-size: 24px !important; }\n body.page-id-10120 .mk-whybio__num { font-size: 32px !important; }\n body.page-id-10120 .mk-pri table { min-width: 520px !important; }\n body.page-id-10120 .mk-cmp table { min-width: 580px !important; }\n}\n\n\n\/* === INFOGRAPHICS (responsive) === *\/\nbody.page-id-10120 .mk-infographic{margin:36px auto 0;max-width:1000px;width:100%;}\nbody.page-id-10120 .mk-infographic img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 6px 24px rgba(14,27,61,.10);}\nbody.page-id-10120 .mk-infographic figcaption{margin-top:12px;font-size:13.5px;line-height:1.5;color:#6B7280;text-align:center;font-style:italic;}\n@media (max-width:768px){body.page-id-10120 .mk-infographic{margin-top:24px;}body.page-id-10120 .mk-infographic img{border-radius:12px;}body.page-id-10120 .mk-infographic figcaption{font-size:12.5px;padding:0 12px;}}\n\n\/* === INFOGRAPHICS (responsive) === *\/\nbody.page-id-10120 .mk-infographic{margin:36px auto 0;max-width:1000px;width:100%;}\nbody.page-id-10120 .mk-infographic img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 6px 24px rgba(14,27,61,.10);}\nbody.page-id-10120 .mk-infographic figcaption{margin-top:12px;font-size:13.5px;line-height:1.5;color:#6B7280;text-align:center;font-style:italic;}\n@media (max-width:768px){body.page-id-10120 .mk-infographic{margin-top:24px;}body.page-id-10120 .mk-infographic img{border-radius:12px;}body.page-id-10120 .mk-infographic figcaption{font-size:12.5px;padding:0 12px;}}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n{“@context”:”https:\/\/schema.org”,”@type”:”FAQPage”,”mainEntity”:[{“@type”:”Question”,”name”:”\u00bfQu\u00e9 es externalizar la atenci\u00f3n al cliente en Palma de Mallorca y c\u00f3mo funciona con Metrickal?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Delegas el soporte a tus clientes, por tel\u00e9fono, email o chat, a un equipo que trabaja con tus herramientas y bajo tus criterios. Metrickal es una empresa BPO con base en Barcelona. Nuestros Account Managers est\u00e1n en Espa\u00f1a y los equipos se montan en el pa\u00eds que mejor se ajuste a tu operaci\u00f3n, con Filipinas y Colombia por defecto.”}},{“@type”:”Question”,”name”:”\u00bfPor qu\u00e9 cuesta tanto contratar en Mallorca?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Porque el coste de la vivienda expulsa a los candidatos. El alquiler medio en Palma ronda los 1.606 euros al mes y un alquiler de temporada baja de 2.000 euros es casi inexistente, seg\u00fan el Colegio de Agentes de la Propiedad Inmobiliaria de Baleares. Hay enfermeras con contrato firmado que no encuentran d\u00f3nde vivir, y el sueldo medio de enfermer\u00eda en el IB-Salut ronda los 2.700 euros brutos. Si no les salen las cuentas a ellas, tampoco le salen a un agente de atenci\u00f3n al cliente.”}},{“@type”:”Question”,”name”:”\u00bfC\u00f3mo se cubre un pico sin ampliar plantilla?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Subiendo horas. Puedes reforzar en campa\u00f1a de Navidad, rebajas o temporada alta y volver al volumen base despu\u00e9s, desde 20 horas por semana y con 15 d\u00edas de aviso si no funciona. El equipo conserva la formaci\u00f3n entre campa\u00f1as, que es lo que se pierde cuando contratas de cero cada a\u00f1o.”}},{“@type”:”Question”,”name”:”\u00bfCu\u00e1nto cuesta un agente de atenci\u00f3n al cliente en Palma de Mallorca?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”El convenio de contact center es estatal, as\u00ed que la base es la misma en toda Espa\u00f1a: 1.224,26\u20ac al mes en nivel 10, catorce pagas, 17.139,58\u20ac brutos anuales, con una subida del 3,4% en 2026. Sumando Seguridad Social, estructura y absentismo, el coste por hora productiva ronda los 15,55\u20ac a 21,60\u20ac seg\u00fan perfil. Con Metrickal el ahorro llega hasta el 56%.”}},{“@type”:”Question”,”name”:”\u00bfC\u00f3mo est\u00e1 el mercado laboral en Palma de Mallorca ahora mismo?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Tenso por el lado de la oferta. El Banco de Espa\u00f1a lleva tiempo advirtiendo de que la escasez de vivienda asequible dificulta la movilidad laboral y la capacidad de las empresas para incorporar trabajadores, y Baleares es la comunidad donde mayor parte del salario se destina al alquiler seg\u00fan Fotocasa e InfoJobs. Muchos candidatos rechazan ofertas porque las cuentas no les salen.”}},{“@type”:”Question”,”name”:”\u00bfEn qu\u00e9 idiomas pod\u00e9is atender?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Espa\u00f1ol e ingl\u00e9s de forma est\u00e1ndar, con m\u00e1s idiomas bajo demanda. En una provincia donde el turismo marca el calendario y el comercio concentra los picos, el ingl\u00e9s deja de ser opcional en cuanto tu cliente cruza la frontera.”}},{“@type”:”Question”,”name”:”\u00bfQu\u00e9 pasa si un agente causa baja en plena campa\u00f1a?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Sustituci\u00f3n en 72 horas sin penalizaci\u00f3n, con bajas por IT y vacaciones cubiertas en el precio. En temporada alta una cola sin cubrir se traduce en abandono, y ah\u00ed la continuidad pesa m\u00e1s que el precio hora.”}},{“@type”:”Question”,”name”:”\u00bfCon qu\u00e9 CRM y telefon\u00eda trabaj\u00e1is?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”Dentro de tu stack, no del nuestro. Salesforce Service Cloud, HubSpot, Zendesk, Freshdesk, Aircall, Genesys Cloud y RingCentral, adem\u00e1s de marcadores, IVR y grabaci\u00f3n. Acceso bajo identificaci\u00f3n individual con MFA, permisos de m\u00ednimo privilegio y registros auditables.”}},{“@type”:”Question”,”name”:”\u00bfEn cu\u00e1nto tiempo est\u00e1 operativo el equipo?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”En menos de 3 semanas. Diagn\u00f3stico los primeros d\u00edas, dise\u00f1o de flujos y guiones, dos semanas de selecci\u00f3n y formaci\u00f3n sobre tu operativa, y arranque con shadowing. Con perfil disponible y urgencia real, 48 horas.”}},{“@type”:”Question”,”name”:”\u00bfQu\u00e9 conviene no externalizar?”,”acceptedAnswer”:{“@type”:”Answer”,”text”:”La relaci\u00f3n con tus clientes grandes y las decisiones comerciales. Un equipo externo resuelve consultas, incidencias y pedidos con reglas claras, pero la conversaci\u00f3n con la cuenta que representa un tercio de tu facturaci\u00f3n se queda dentro.”}}]}\n{“@context”:”https:\/\/schema.org”,”@type”:”Service”,”serviceType”:”Externalizaci\u00f3n de atenci\u00f3n al cliente (BPO)”,”name”:”Externalizaci\u00f3n de atenci\u00f3n al cliente en Palma de Mallorca”,”description”:”Externalizaci\u00f3n de atenci\u00f3n al cliente en Palma de Mallorca con equipos remotos y Account Manager en Espa\u00f1a. Cubre la temporada sin competir por vivienda en la isla, con ahorro de hasta el 56% frente al III Convenio Estatal de Contact Center (BOE-A-2026-5300).”,”provider”:{“@type”:”LocalBusiness”,”name”:”Metrickal”,”address”:{“@type”:”PostalAddress”,”streetAddress”:”Carrer d’Ausi\u00e0s Marc 141″,”addressLocality”:”Barcelona”,”postalCode”:”08013″,”addressCountry”:”ES”},”url”:”https:\/\/metrickal.com”},”areaServed”:{“@type”:”City”,”name”:”Palma de Mallorca”},”offers”:{“@type”:”Offer”,”priceCurrency”:”EUR”,”availability”:”https:\/\/schema.org\/InStock”}}\n{“@context”:”https:\/\/schema.org”,”@type”:”LocalBusiness”,”name”:”Metrickal”,”image”:”https:\/\/metrickal.com\/wp-content\/uploads\/2025\/07\/logo-metrical-white.svg”,”url”:”https:\/\/metrickal.com”,”address”:{“@type”:”PostalAddress”,”streetAddress”:”Carrer d’Ausi\u00e0s Marc 141″,”addressLocality”:”Barcelona”,”postalCode”:”08013″,”addressCountry”:”ES”},”geo”:{“@type”:”GeoCoordinates”,”latitude”:41.398,”longitude”:2.182},”areaServed”:[{“@type”:”City”,”name”:”Palma de Mallorca”},{“@type”:”City”,”name”:”Madrid”},{“@type”:”City”,”name”:”Barcelona”},{“@type”:”City”,”name”:”Valencia”},{“@type”:”City”,”name”:”Sevilla”},{“@type”:”City”,”name”:”M\u00e1laga”},{“@type”:”City”,”name”:”Zaragoza”},{“@type”:”City”,”name”:”Bilbao”},{“@type”:”City”,”name”:”Las Palmas de Gran Canaria”},{“@type”:”City”,”name”:”Murcia”}]}\n\n
\n\n
\n
\n
\n CUSTOMER SERVICE \u00b7 PALMA DE MALLORCA<\/span>\n

Customer service outsourcing in Palma de Mallorca: save up to 56%<\/span> without losing control of your operations<\/h1>\n

Metrickal is a Barcelona-based BPO company. Our account managers in Spain set up customer service teams in the country that best suits your operations (the Philippines and Colombia by default). For companies in Palma de Mallorca and the Balearic Islands in sectors such as retail, tourism, hospitality, and e-commerce: accounting, documentation, compliance, HR, operations, and billing. 24\/7 access to your dashboard with real-time KPIs. Native speakers of Spanish, English, and German. Up and running in less than 3 weeks, starting at 20 hours per week, with a 15-day cancellation notice if it doesn\u2019t work out.<\/p>\n

\n Estimate Your Savings<\/a>\n Schedule a call<\/a>\n <\/div> \n
\n
\n OF<\/span>JR<\/span>\n EP<\/span>JZ<\/span>\n <\/div>\n
\n Over 360 companies in Spain<\/strong>\n already trust metrickal<\/span>\n <\/div> \n <\/div>\n <\/div>\n
\n
<\/div>\n
<\/div>\n
\n
<\/span> Operational equipment in <3 weeks<\/div>\n
\n
\n CUSTOMER SERVICE REPRESENTATIVES AVAILABLE IN PALMA DE MALLORCA<\/span>\n <\/span>LIVE<\/span>\n <\/div>\n
\n
\n
\ud83d\udcac<\/div>\n
Document management operation.<\/strong>8 available<\/small><\/div>\n <\/div>\n
depending on volume<\/div>\n <\/div>\n
\n
\n
\ud83c\udf10<\/div>\n
Senior Accountant<\/strong>5 positions available<\/small><\/div>\n <\/div>\n
depending on workload<\/div>\n <\/div>\n
\n
\n
\ud83c\udf0d<\/div>\n
Junior Compliance & Legal<\/strong>3 positions available<\/small><\/div>\n <\/div>\n
depending on workload<\/div>\n <\/div>\n
\n
\n
\u2b50<\/div>\n
Operations Team Lead<\/strong>2 positions available<\/small><\/div>\n <\/div>\n
depending on volume<\/div>\n <\/div>\n View all profiles \u2192<\/a>\n <\/div>\n
\n
Average savings<\/div>\n
-56%<\/div>\n

vs. in-house customer service in Palma de Mallorca under the III Contact Center Agreement (BOE-A-2026-5300)<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n

WHY PALMA \u00b7 VERIFIED DATA<\/span>

The Bank of Spain has already warned: without affordable housing, there is no labor mobility.<\/h2>

The Balearic Islands are the region where the largest portion of one\u2019s salary goes toward rent. That is why many candidates turn down job offers that look good on paper.<\/p><\/div>

\u20ac<\/span>1,606<\/span><\/div>
Average rent in Palma<\/div>
Fotocasa Real Estate Index<\/div><\/div>
+7.9%<\/span><\/div>
Year-over-year increase in rent<\/div>
Idealista, February 2026<\/div><\/div>
\u20ac20.09\/m\u00b2<\/span><\/div>
Second most expensive region<\/div>
Second only to Madrid<\/div><\/div>
\u20ac5,443\/m\u00b2<\/span><\/div>
Purchase price<\/div>
\u20ac435,459 for the average home, +5.3%<\/div><\/div><\/div>
\"Comparison
Why a candidate turns down an offer that looks good on paper.<\/figcaption><\/figure><\/div><\/section>\n<\/div>\n\n
\n\n
\n
\n

Over 360 companies in Spain are already working with us<\/p>\n

\n FLIPDISH<\/span>\n DOCTORALIA<\/span>\n ZERCA!<\/span>\n HANGRY<\/span>\n AURO<\/span>\n CLOUDFLOW<\/span>\n <\/div> \n <\/div>\n<\/section>\n<\/div>\n\n
\n\n
\n
\n
\n
?<\/div>\n
\n

What is customer service outsourcing in Palma de Mallorca?<\/h2>\n

Outsourcing customer service in Palma de Mallorca involves entrusting a specialized BPO provider with the comprehensive management of support channels (WhatsApp Business, email, web chat, phone, social media). Metrickal is a Barcelona-based BPO company that sets up customer service teams in the Philippines and Colombia, managed by account managers in Spain, offering labor cost savings of up to 56% compared to the Third National Contact Center Collective Bargaining Agreement. Operational in less than 3 weeks, starting at 20 hours per week, with native-language support in Spanish, Catalan, English, German, Italian, and 14+ other languages\u2014a key advantage for companies in Palma de Mallorca and the Balearic Islands in sectors such as retail, tourism, hospitality, and e-commerce with expansion into the EU and Latin America. More than 360 companies in Spain already trust metrickal, with over 20,000 pre-screened candidates.<\/p>\n

SOURCE:<\/strong> Metrickal public data \u00b7 metrickal.com \u00b7 Updated May 2026<\/p>\n \u2192 Schedule a demo for Palma de Mallorca<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n<\/div>\n\n

\n\n
\n
\n PROVEN RESULTS<\/span>\n

Why Companies in Palma de Mallorca Choose Metrickal<\/h2>\n <\/div>\n
\n
52%<\/small><\/div>\n
Savings on labor costs<\/div>\n

vs. fully-loaded cost of in-house customer service in Palma de Mallorca (estimate based on collective bargaining agreement + payroll taxes + overhead)<\/p>\n <\/div>\n

\n
<3 weeks<\/small><\/div>\n
Until the team is up and running<\/div>\n

Assessment, recruitment, training, and onboarding. 48 hours in urgent cases.<\/p>\n <\/div> \n

\n
+360<\/div>\n
Companies in Spain<\/div>\n

Startups, SaaS, e-commerce, logistics, hospitality, fintech, healthcare, and more<\/p>\n <\/div>\n

\n
14+<\/small><\/div>\n
Supported languages<\/div>\n

ES, CA, EN, FR, DE, PT, IT, NL, RU, HE, DA, SV, AR, and more<\/p>\n <\/div> <\/div>\n

\n Book a demo \u2192<\/a>\n <\/div>\n<\/section>\n<\/div>\n\n
\n\n
\n
\n
\n LOCAL MARKET \u00b7 PALMA DE MALLORCA<\/span>\n

Why Companies in Palma de Mallorca Outsource to Metrickal<\/h2>\n

In Mallorca, finding housing has become a major challenge. The average rent for an apartment in Palma is around 1,606 euros per month, or 20.09 euros per square meter, making the Balearic Islands the second most expensive region in Spain, behind only Madrid. Prices rose 7.9% year-over-year, climbing from 16.2 euros per square meter in January 2024 to 19.5 in February 2026. The local business press sums up the situation: Mallorca is no longer competing to attract tourists; it is competing to attract workers.<\/p>\n