:root{--mf-surface:#f7f7f5;--mf-surface-border:#e4e4de}
.mf-intro-surface{background:var(--mf-surface)!important;--main-background:var(--mf-surface)}
.mf-solutions-section{width:100%;background:#fff;border-top:1px solid #ecece8;border-bottom:1px solid #ecece8}
.mf-solutions{max-width:1440px;margin:0 auto;padding:88px 5.5vw 82px;color:#171717;font-family:Figtree,Arial,sans-serif;box-sizing:border-box}
.mf-solutions *,.mf-solutions *::before,.mf-solutions *::after{box-sizing:border-box}
.mf-solutions-intro{display:flex;align-items:flex-end;gap:9vw;margin-bottom:48px}
.mf-solutions-intro>div{flex:1}
.mf-solutions .mf-eyebrow{display:block;font-size:11px;line-height:1.5;letter-spacing:.17em;text-transform:uppercase;color:#797979;margin-bottom:22px}
.mf-solutions .mf-solutions-title{font-size:clamp(38px,4.3vw,64px);font-weight:500;line-height:1.04;letter-spacing:-.045em;max-width:720px;margin:0}
.mf-solutions-intro>p{max-width:310px;color:#6b6b68;line-height:1.75;font-size:15px;margin:0 0 2px}
.mf-solutions-workspace{display:flex;gap:60px;align-items:stretch}
.mf-service-tabs{flex:0 0 34%;display:flex;flex-direction:column;padding-top:4px;align-self:flex-start}
.mf-solutions .mf-service-tab{border:0;border-bottom:1px solid #e7e7e7;background:transparent;text-align:left;padding:23px 0;display:flex;align-items:center;gap:16px;min-height:74px;color:#71716c;transition:color .25s;font:inherit;cursor:pointer;border-radius:0;box-shadow:none;position:relative;margin:0;width:auto;letter-spacing:normal;text-transform:none}
.mf-solutions .mf-service-tab:first-child{border-top:1px solid #e7e7e7}
.mf-solutions .mf-service-tab:hover,.mf-solutions .mf-service-tab[aria-selected="true"]{color:#111}
.mf-solutions .mf-service-tab[aria-selected="true"]{border-bottom-color:#161616}
.mf-solutions .mf-service-index{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.05em}
.mf-solutions .mf-service-name{font-size:18px;font-weight:400;letter-spacing:-.025em;flex:1}
.mf-solutions .mf-service-arrow{font-size:21px;transition:transform .25s;opacity:0}
.mf-solutions .mf-service-tab[aria-selected="true"] .mf-service-arrow,.mf-solutions .mf-service-tab:hover .mf-service-arrow{opacity:1;transform:translateX(4px)}
.mf-solutions .mf-service-tab[aria-selected="true"] .mf-service-name{font-weight:500}
.mf-solutions .mf-service-stage{flex:1;min-width:0;min-height:530px;background:var(--mf-surface);padding:42px 44px 35px;border:1px solid var(--mf-surface-border);border-radius:2px;position:relative}
.mf-solutions .mf-service-panel[hidden]{display:none!important}
.mf-solutions .mf-service-panel{animation:mf-service-in .32s ease;outline-offset:8px}
.mf-solutions .mf-service-panel-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}
.mf-solutions .mf-service-scope{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#70706d}
.mf-solutions .mf-service-number{font-size:12px;color:#84847e;font-variant-numeric:tabular-nums}
.mf-solutions .mf-service-panel h3{font-size:clamp(28px,2.8vw,40px);line-height:1.12;letter-spacing:-.035em;font-weight:500;max-width:560px;margin:0 0 18px}
.mf-solutions .mf-service-summary{color:#62625e;line-height:1.7;font-size:15px;max-width:570px;margin:0 0 19px}
.mf-solutions .mf-service-required{color:#50504c;line-height:1.7;font-size:15px;margin:0 0 17px}
.mf-solutions .mf-service-coverage{font-size:14px;color:#50504c;line-height:1.7;padding:15px 0 15px 17px;border-left:2px solid #cdcdc3;margin:0 0 26px;max-width:570px}
.mf-solutions .mf-service-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none}
.mf-solutions .mf-service-tags li{font-size:12px;line-height:1.4;border:1px solid #d8d8d2;border-radius:30px;padding:7px 12px;color:#565650;background:#ffffff60;margin:0}
.mf-solutions .mf-service-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #deded8;padding-top:22px}
.mf-solutions .mf-service-platforms{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.mf-solutions .mf-service-platforms img{display:block;object-fit:contain;max-width:105px;max-height:30px;width:auto;height:auto;mix-blend-mode:multiply}
.mf-solutions .mf-service-platforms img[data-brand=odoo]{max-width:80px;max-height:26px}
.mf-solutions .mf-service-platforms img[data-brand=powerbi]{max-width:92px;max-height:32px}
.mf-solutions .mf-service-cta{display:inline-flex;align-items:center;gap:12px;font-size:13px;text-decoration:none;border-bottom:1px solid #181818;padding:10px 0;white-space:nowrap;color:#171717;line-height:1.5}
.mf-solutions .mf-service-cta:hover span{transform:translate(2px,-2px)}
.mf-solutions .mf-service-cta span{transition:transform .25s;font-size:19px}
.mf-solutions button:focus-visible,.mf-solutions a:focus-visible{outline:2px solid #171717;outline-offset:5px}
@keyframes mf-service-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:980px){.mf-solutions-workspace{gap:30px}.mf-solutions .mf-service-stage{padding:32px 28px}.mf-service-tabs{flex-basis:35%}.mf-solutions .mf-service-name{font-size:16px}.mf-solutions .mf-service-footer{flex-wrap:wrap}.mf-solutions-intro{gap:40px}}
@media(max-width:680px){
.mf-solutions{padding:49px 24px 51px}.mf-solutions-intro{display:block;margin-bottom:28px}.mf-solutions .mf-solutions-title{font-size:39px;line-height:1.06}.mf-solutions-intro>p{max-width:100%;font-size:14px;margin-top:22px}.mf-solutions .mf-eyebrow{margin-bottom:17px}
.mf-solutions-workspace{display:block}.mf-service-tabs{flex-direction:row;overflow-x:auto;gap:7px;padding:4px 0 17px;scrollbar-width:thin;scrollbar-color:#bbb transparent;max-width:100%}
.mf-solutions .mf-service-tab{padding:11px 15px;min-height:44px;border:1px solid #d9d9d7!important;border-radius:26px;gap:7px;flex-shrink:0}.mf-solutions .mf-service-tab[aria-selected="true"]{background:#161616;border-color:#161616!important;color:#fff}.mf-solutions .mf-service-name{font-size:13px;white-space:nowrap}.mf-solutions .mf-service-index{font-size:9px}.mf-solutions .mf-service-arrow{display:none}
.mf-solutions .mf-service-stage{padding:27px 24px 24px;margin:8px 0 0;min-height:0}.mf-solutions .mf-service-panel-top{margin-bottom:26px}.mf-solutions .mf-service-panel h3{font-size:29px}.mf-solutions .mf-service-summary,.mf-solutions .mf-service-required{font-size:14px;line-height:1.7}.mf-solutions .mf-service-coverage{font-size:13px;padding:10px 0 10px 13px}.mf-solutions .mf-service-tags{margin-bottom:26px;gap:6px}.mf-solutions .mf-service-tags li{font-size:11px;padding:6px 10px}.mf-solutions .mf-service-footer{gap:21px}.mf-solutions .mf-service-scope{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.mf-solutions .mf-service-panel{animation:none}.mf-solutions .mf-service-tab,.mf-solutions .mf-service-arrow,.mf-solutions .mf-service-cta span{transition:none}}

/* El acceso flotante sigue disponible sin cubrir media línea de texto en celular. */
@media(max-width:680px){.mf-whatsapp{width:48px;height:48px;padding:0;gap:0;font-size:0;justify-content:center;border-radius:50%;right:12px}.mf-whatsapp span{width:23px;height:23px;font-size:18px}}
