body:has(.mkt-context-start) { --mkt-header-content:1280px; --mkt-header-gutter:28px; }
.mkt-context-container { width:min(1280px,calc(100% - 56px)); margin-inline:auto; }
.mkt-context-start { padding:175px 0 62px; background:#f1f5fa; color:#152438; }
.mkt-context-start *, .mkt-context-work * { box-sizing:border-box; }
.mkt-context-crumb { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:44px; color:#718096; font-size:12px; }
.mkt-context-crumb a { color:inherit; text-decoration:none; }
.mkt-context-start__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:52px; align-items:start; }
.mkt-context-start__copy { padding-top:14px; min-width:0; }
.mkt-context-kicker { display:block; margin:0 0 22px; color:#2864dc; font-size:12px; font-weight:750; text-transform:uppercase; letter-spacing:1px; }
.mkt-context-start h1 { margin:0 0 26px; font-size:52px; line-height:1.08; letter-spacing:-1.4px; font-weight:800; text-transform:none; }
.mkt-context-start h1 em { color:#2864dc; font-style:normal; }
.mkt-language-es .mkt-context-start h1 { font-size:48px; }
.mkt-context-start__description { margin:0; max-width:540px; color:#64748b; font-size:17px; line-height:1.65; }
.mkt-context-platforms { display:flex; flex-wrap:wrap; gap:12px; margin:25px 0; }
.mkt-context-platforms > span { display:flex; align-items:center; gap:9px; padding:8px 14px 8px 8px; background:#fff; border:1px solid #dbe4ee; border-radius:8px; font-size:13px; font-weight:700; }
.mkt-context-platforms i { display:grid; place-items:center; width:26px; height:26px; background:#eaf0fc; color:#2563db; border-radius:5px; font:700 18px/1 Arial; }
.mkt-context-platforms span:first-child i { background:#fff0df; color:#c35118; }
.mkt-context-quick { display:flex; gap:8px; padding:7px; background:#fff; border:1px solid #d7e1ee; border-radius:12px; box-shadow:0 12px 30px #17345d08; }
.mkt-context-quick input { width:100%; min-width:0; border:0; padding:16px 12px; font:inherit; font-size:14px; border-radius:7px; }
.mkt-context-quick button { flex-shrink:0; display:flex; align-items:center; gap:12px; border:0; border-radius:7px; padding:17px; background:#2864dc; color:#fff; font-family:inherit; font-size:13px; font-weight:700; line-height:1.3; cursor:pointer; }
.mkt-context-quick button:hover { background:#174cae; }
.mkt-context-start__hint { margin:11px 0 28px; color:#738095; font-size:11px; line-height:1.5; }
.mkt-context-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; list-style:none; margin:0; padding:25px 0 0; border-top:1px solid #d4dfed; }
.mkt-context-steps li { font-size:12px; font-weight:650; line-height:1.6; }
.mkt-context-steps span { display:block; margin-bottom:10px; color:#2864dc; font-size:12px; font-weight:800; }
.mkt-context-console { min-width:0; overflow:hidden; border:1px solid #234065; border-radius:22px; background:#132742; color:#fff; box-shadow:0 24px 55px #18355522; }
.mkt-context-console > header { display:flex; align-items:center; gap:10px; padding:20px 28px; border-bottom:1px solid #ffffff16; font-size:12px; font-weight:600; }
.mkt-context-console > header > span:last-child { margin-left:auto; color:#a4bad8; font-size:10px; }
.mkt-context-console__status { width:7px; height:7px; border-radius:50%; background:#69ddbd; }
.mkt-context-panel { margin:0; padding:27px 28px 22px; }
.mkt-context-panel[hidden] { display:none; }
.mkt-context-panel__sector { display:flex; justify-content:space-between; gap:16px; color:#a8bdd9; font-size:11px; }
.mkt-context-panel__sector > span:first-child { color:#ffcf92; }
.mkt-context-panel h2 { margin:15px 0 24px; color:#fff; font-size:24px; font-weight:650; line-height:1.3; text-transform:none; }
.mkt-context-panel__metric { padding:25px; background:#1c3858; border-left:3px solid #64d9ef; border-radius:0 12px 12px 0; }
.mkt-context-panel__metric strong { display:block; font-size:62px; font-weight:750; line-height:1.1; letter-spacing:-1px; }
.mkt-context-panel__metric p { margin:9px 0 0; color:#b4c8de; font-size:13px; line-height:1.45; }
.mkt-context-panel__goal { margin:22px 0; }
.mkt-context-panel__goal > span,.mkt-context-panel__budget > span { color:#a8bdd9; font-size:11px; }
.mkt-context-panel__goal p { margin:7px 0 0; color:#e1eaf5; font-size:13px; line-height:1.6; }
.mkt-context-panel__budget { display:flex; justify-content:space-between; align-items:center; gap:14px; padding-top:17px; border-top:1px solid #ffffff20; }
.mkt-context-panel__budget b { font-size:14px; text-align:right; }
.mkt-context-panel > a { display:flex; justify-content:space-between; gap:20px; margin-top:22px; color:#70d9ed; text-decoration:none; font-size:13px; font-weight:700; }
.mkt-context-picker { display:none; align-items:center; gap:12px; padding:15px 20px; border-top:1px solid #ffffff20; background:#0d2037; }
.is-enhanced .mkt-context-picker { display:flex; }
.mkt-context-picker__buttons { display:flex; min-width:0; gap:8px; overflow:auto; scrollbar-width:none; }
.mkt-context-picker__buttons button { flex:none; border:1px solid #36506e; background:transparent; color:#b8cbe3; border-radius:6px; padding:10px 12px; white-space:nowrap; font-family:inherit; font-size:11px; cursor:pointer; }
.mkt-context-picker__buttons button[aria-pressed=true] { background:#f2f7ff; color:#132742; border-color:#f2f7ff; }
.mkt-context-picker__arrows { display:flex; gap:6px; flex:none; }
.mkt-context-picker__arrows button,.mkt-context-work__controls button { display:grid; place-items:center; width:38px; height:38px; border:1px solid #4a6585; border-radius:50%; background:transparent; color:#fff; font-size:19px; cursor:pointer; }
.mkt-context-service-links { display:flex; flex-wrap:wrap; gap:15px 32px; padding-block:24px; border-bottom:1px solid #e2e8f0; font-size:13px; }
.mkt-context-service-links a { color:#64748b; text-decoration:none; }
.mkt-context-service-links a[aria-current] { color:#2864dc; font-weight:700; }
.mkt-context-work { padding:85px 0; background:#edf3fa; color:#152438; }
.mkt-context-work__heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:34px; }
.mkt-context-work__heading > div:first-child { max-width:800px; }
.mkt-context-work__heading h2 { margin:0 0 16px; font-size:38px; line-height:1.2; text-transform:none; }
.mkt-context-work__heading p { margin:0; color:#64748b; font-size:16px; line-height:1.65; }
.mkt-context-work__controls { display:flex; align-items:center; gap:15px; flex:none; }
.mkt-context-work__controls button { width:44px; height:44px; border-color:#c8d5e7; color:#2864dc; background:#fff; }
.mkt-context-work__controls span { min-width:40px; color:#64748b; font-size:13px; text-align:center; }
.mkt-context-stories { display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#aac2e5 transparent; padding-bottom:16px; }
.mkt-context-story { display:grid; grid-template-columns:1.25fr 1fr; flex:0 0 100%; min-width:0; margin:0; background:#fff; border:1px solid #d8e2ee; border-radius:16px; overflow:hidden; scroll-snap-align:start; scroll-margin-top:30px; }
.mkt-context-story__copy { padding:38px; }
.mkt-context-story h3 { margin:0 0 25px; font-size:26px; line-height:1.3; text-transform:none; }
.mkt-context-story dl { margin:0 0 28px; }
.mkt-context-story dl > div + div { margin-top:20px; }
.mkt-context-story dt { margin-bottom:6px; color:#2864dc; font-weight:700; font-size:12px; }
.mkt-context-story dd { margin:0; color:#586b82; font-size:15px; line-height:1.6; }
.mkt-context-link { color:#2864dc; font-size:14px; font-weight:700; text-decoration:none; }
.mkt-context-story__result { display:flex; flex-direction:column; justify-content:center; padding:38px; background:#132742; color:#fff; }
.mkt-context-story__result > span { color:#9ab5d5; font-size:12px; }
.mkt-context-story__result > strong { margin-top:22px; font-size:56px; letter-spacing:-1px; line-height:1.1; }
.mkt-context-story__result > p { margin:16px 0 30px; font-size:16px; line-height:1.6; color:#d5e2f2; }
.mkt-context-story__result > div { display:flex; flex-direction:column; gap:9px; padding-top:22px; border-top:1px solid #ffffff25; }
.mkt-context-story__result > div span { color:#9ab5d5; font-size:12px; }
.mkt-context-story__result b { font-size:20px; }
.mkt-context-work__note { margin:15px 0 0; color:#738399; font-size:12px; line-height:1.6; }
.mkt-context-request-site { margin:0 0 15px; padding:10px 14px; border-radius:6px; background:#eef4ff; color:#163e75; overflow-wrap:anywhere; font-size:13px; }
.mkt-context-start button:focus-visible,.mkt-context-work button:focus-visible,.mkt-context-start a:focus-visible { outline:3px solid #57bddb; outline-offset:3px; }
@media(max-width:1180px) { .mkt-context-start__grid { gap:30px; } .mkt-context-start h1,.mkt-language-es .mkt-context-start h1 { font-size:42px; } .mkt-context-quick { flex-direction:column; } .mkt-context-quick button { justify-content:center; } .mkt-context-panel__metric strong { font-size:48px; } }
@media(max-width:1024px) { .mkt-context-start { padding-top:28px; } }
@media(max-width:960px) { .mkt-context-start__grid { grid-template-columns:1fr; gap:40px; } .mkt-context-start__description { max-width:100%; } .mkt-context-quick { flex-direction:row; } .mkt-context-start__copy { max-width:700px; } .mkt-context-console { width:100%; } .mkt-context-work__heading { align-items:start; flex-direction:column; } .mkt-context-story { grid-template-columns:1fr; } }
@media(max-width:600px) { .mkt-context-container { width:calc(100% - 40px); } .mkt-context-start { padding-bottom:40px; } .mkt-context-crumb { margin-bottom:25px; font-size:11px; } .mkt-context-start h1,.mkt-language-es .mkt-context-start h1 { font-size:36px; letter-spacing:-.8px; } .mkt-context-kicker { font-size:10px; letter-spacing:.5px; } .mkt-context-start__description { font-size:15px; } .mkt-context-quick { flex-direction:column; } .mkt-context-steps { gap:10px; } .mkt-context-steps li { font-size:11px; } .mkt-context-console { border-radius:15px; } .mkt-context-console > header { padding:18px; font-size:11px; } .mkt-context-console > header > span:last-child { font-size:9px; } .mkt-context-panel { padding:22px 18px; } .mkt-context-panel h2 { font-size:21px; } .mkt-context-panel__metric { padding:20px; } .mkt-context-panel__metric strong { font-size:36px; } .mkt-context-panel__budget { align-items:start; flex-direction:column; gap:6px; } .mkt-context-picker { padding:14px; } .mkt-context-service-links { gap:15px 20px; font-size:12px; } .mkt-context-work { padding:55px 0; } .mkt-context-work__heading h2 { font-size:30px; } .mkt-context-work__heading p { font-size:15px; } .mkt-context-story__copy,.mkt-context-story__result { padding:25px; } .mkt-context-story h3 { font-size:23px; } .mkt-context-story__result > strong { font-size:40px; } }
@media(max-width:380px) { .mkt-context-start h1,.mkt-language-es .mkt-context-start h1 { font-size:32px; } .mkt-context-panel__metric strong,.mkt-context-story__result > strong { font-size:30px; } }