/* LUMIX · luz, aire y profundidad dentro del sistema Mafer León. */
.lumix-page{--t-ink:#292d40;--t-muted:#646a7b;--t-line:#e0e3ed;--t-sage:#e9ecf5;--t-green:#536288}
.lumix-page .topbar{background:#ffffffb8}
.lumix-page .t-hero-grid h1{font-size:clamp(88px,11.8vw,165px);letter-spacing:-.07em}
.lumix-page .t-hero-grid h1 span{letter-spacing:-.03em;font-size:clamp(23px,2.6vw,34px)}
.l-cover{display:grid;grid-template-columns:1fr 1.05fr;gap:6%;align-items:center;padding:58px 6% 70px;position:relative;isolation:isolate;overflow:hidden;min-height:490px;border-radius:8px;background:radial-gradient(ellipse at 80% 15%,#fefcf3 0,transparent 47%),linear-gradient(125deg,#e8edf6 0%,#e1e5f3 56%,#dddff0 100%)}
.l-cover-copy{z-index:1}.l-cover-copy>p{font-size:clamp(40px,5.3vw,70px);line-height:1.04;letter-spacing:-.055em;color:#414a69;margin:28px 0}.l-cover-copy em{font-style:normal;color:#7380a5}
.l-cover-note{font-size:10px;line-height:1.6;color:#5b6683;display:block}.l-cover-foot{position:absolute;bottom:22px;left:6%;font-size:8px;letter-spacing:.12em;color:#737c94}
.l-cover-orbit{position:absolute;z-index:-1;width:520px;height:520px;right:-70px;top:15px;border-radius:50%;border:1px solid #ffffffa3;background:radial-gradient(circle at 35% 28%,#fff8,transparent 55%);box-shadow:inset -30px -20px 50px #a1aad422,0 0 0 40px #ffffff13,0 0 0 80px #ffffff10}
.lumix-page .l-cover-media .t-media-surface{min-height:330px;aspect-ratio:1.12;border-radius:24px;border:1px solid #ffffffb0;background:#f8faff59;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 16px 40px #5b669013;align-items:flex-end}
.l-phone-pair{position:absolute;inset:26px 20% 100px;display:flex;gap:12px;justify-content:center;align-items:center;pointer-events:none}.l-phone-pair span{display:block;width:46%;height:100%;max-width:112px;border:1px solid #ffffffd9;border-radius:18px;background:linear-gradient(140deg,#ffffffb3,#c4cee331);box-shadow:0 8px 14px #53628709;position:relative}.l-phone-pair span::before{content:"";position:absolute;top:8px;width:22%;height:3px;background:#aeb7cb77;border-radius:10px;left:39%}.l-phone-pair span:nth-child(2){transform:translateY(14px);background:linear-gradient(140deg,#fff8,#c4cde677)}
.lumix-page .l-cover-media .t-media-label{padding:25px 16px 44px;font-size:16px;z-index:1}.lumix-page .t-media-state{color:#68728c}.lumix-page .t-media-label{color:#535f7e}.lumix-page .t-media-label small{color:#68728c}
.lumix-page .t-section-nav{background:#f1f3f9cf}.lumix-page .t-section-nav a{color:#65708b}.lumix-page .t-section-nav a[aria-current]{color:#292d40}.lumix-page .t-read-track{background:#e4e7f1}.lumix-page .t-read-track span{background:#8b99bb}
.l-process{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;list-style:none;padding:0;margin:56px 0 0}.l-process li{padding-top:18px;border-top:1px solid var(--t-line)}.l-process li>span{font-size:10px;color:#7c88a2}.l-process h3{font-size:19px;margin:22px 0 9px}.l-process p{font-size:13px;margin:0}
.l-insights{background:#f5f6fa}.l-research-intro{display:flex;justify-content:space-between;gap:40px;align-items:flex-start}.l-research-intro>p{max-width:570px;margin:0}.l-sample{font-size:10px;color:var(--t-muted);padding-left:20px;border-left:1px solid var(--t-line);flex-shrink:0;line-height:1.6}.l-sample strong{display:block;font-size:13px;margin-top:4px}
.l-evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.l-evidence-grid article{border-top:1px solid #cbd2e1;padding-top:24px}.l-stat{display:block;font-size:clamp(50px,6.8vw,88px);letter-spacing:-.065em;line-height:1.05;margin-bottom:22px;color:#4d5f8a;font-variant-numeric:tabular-nums}.l-stat>span{font-size:.4em;margin-left:4px;letter-spacing:-.04em}.l-evidence-grid h3{font-size:22px;line-height:1.25;font-weight:400;margin-bottom:24px}.l-stat-track{height:3px;background:#e1e5ef;border-radius:5px;overflow:hidden;margin-bottom:26px}.l-stat-track>span{display:block;width:100%;height:100%;transform:scaleX(var(--value));transform-origin:left;background:#8a9cc3}.l-implication .t-eyebrow{margin-bottom:10px}.l-implication p{font-size:14px;margin-bottom:0}.l-research-note{font-size:11px!important;max-width:780px;line-height:1.6!important;margin:24px 0 0}
.l-key-insight{position:relative;isolation:isolate;overflow:hidden;text-align:center;margin:60px 0 50px;padding:60px 24px;background:linear-gradient(115deg,#e6ebf7,#f1eff7);border:1px solid #ffffffbc;border-radius:6px}.l-key-insight::before{content:"";position:absolute;z-index:-1;width:420px;height:420px;border:1px solid #fff9;border-radius:50%;left:calc(50% - 210px);top:-60px;box-shadow:0 0 0 30px #ffffff15,0 0 0 60px #ffffff15}.l-key-insight>.t-eyebrow{display:block;margin-bottom:24px}.l-key-insight p{font-size:clamp(30px,4.3vw,55px);line-height:1.15;letter-spacing:-.045em;color:#455578;margin-bottom:25px}.l-key-insight p>span{font-weight:300;color:#8797b6}.l-key-insight footer{font-size:10px;color:#62708e}
.l-persona{display:grid;grid-template-columns:1fr 1.15fr;gap:6%;align-items:start}.l-persona-identity{display:flex;align-items:center;gap:20px}.l-persona-initial{display:grid;place-items:center;flex-shrink:0;width:72px;height:72px;border:1px solid #fff;border-radius:50%;background:linear-gradient(145deg,#fff,#e3e8f5);font-size:28px;letter-spacing:-.08em;color:#7281a5}.l-persona h3{font-size:28px;margin:7px 0}.l-persona .t-eyebrow{font-size:9px!important;margin:0}.l-persona-identity p{font-size:11px;margin:0}.l-persona-story>p{font-size:16px;color:var(--t-ink)}.l-persona-story .l-persona-question{font-size:13px;line-height:1.6;color:#65708b;border-top:1px solid var(--t-line);padding-top:16px;margin-bottom:0}
.l-pivot{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;margin:40px 0;padding:32px 36px;border-block:1px solid var(--t-line)}.l-pivot h3{margin:12px 0}.l-pivot p{font-size:14px;margin:0;max-width:340px}.l-pivot>div:last-child h3{color:#53658c}.l-pivot-arrow{font-size:30px;font-weight:300;color:#8c9abc}
.lumix-page .t-solution{background:#f4f6fa;border-color:#e2e6f0}.lumix-page .t-tabs{background:#e6eaf3}.lumix-page .t-tabs button{color:#606d88}.lumix-page .t-tabs button[aria-selected=true]{color:var(--t-ink)}.lumix-page .t-solution-copy dt{color:#707c95}.lumix-page .t-solution-panel .t-media-surface{background:linear-gradient(145deg,#e6ecf6,#e1e5f0);border-color:#dbe1ee}.lumix-page .t-media-surface{background:linear-gradient(145deg,#f0f3fa,#e8ecf5);border-color:#dde3f0}.lumix-page .t-media-surface>img,.lumix-page .t-media-surface>video{background:#e8ecf5}
.l-screen-space::before{content:"";position:absolute;inset:8% 29%;border-radius:26px;border:1px solid #ffffffb0;box-shadow:0 10px 25px #65759308;background:#ffffff25}.l-screen-space .t-media-label{z-index:1;background:#e8edf4d6;border:1px solid #ffffff80;border-radius:12px;margin:16px;backdrop-filter:blur(12px)}
.l-onboarding{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center;margin-top:65px}.l-onboarding h3{font-size:31px;margin-top:18px}.l-onboarding p{font-size:14px;max-width:320px}.l-onboarding .t-media-surface{aspect-ratio:16/10;min-height:280px}
.l-learning{padding:28px 30px;border-left:1px solid var(--t-line);background:linear-gradient(120deg,#f7f8fb,#fff)}.l-learning h3{margin-top:20px}.l-learning p{font-size:14px;margin-bottom:0}.l-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-block:36px;margin-top:48px;border-block:1px solid var(--t-line)}.l-outcomes h3{font-size:28px;margin:20px 0}.l-outcomes p{font-size:14px;max-width:440px;margin-bottom:0}
.lumix-page .t-validation summary>span{color:#7c88a5}.lumix-page .t-contact{background:#edf0f8;border-color:#dfe5f1}.lumix-page .t-contact:hover{background:#e0e7f5}
.l-other-case{display:flex;justify-content:space-between;align-items:center;gap:24px;border-block:1px solid var(--t-line);padding:30px 0;color:var(--t-ink)}.l-other-case small{display:block;font-size:9px;letter-spacing:.07em;color:var(--t-muted);margin-bottom:12px}.l-other-case strong{font-size:clamp(22px,3vw,34px);font-weight:400!important;letter-spacing:-.03em}.l-other-case>.action-icon{width:20px;height:20px;flex-basis:20px;color:#657596}
@media(max-width:800px){.l-cover{padding-inline:5%;gap:4%;min-height:420px}.l-cover-copy>p{font-size:46px}.lumix-page .l-cover-media .t-media-surface{min-height:290px}.l-process{gap:22px}.l-evidence-grid{gap:24px}.l-evidence-grid h3{font-size:19px}.l-persona{grid-template-columns:1fr;gap:28px}.l-persona-story{max-width:600px}.l-pivot{padding-inline:20px}.l-onboarding{gap:6%}}
@media(max-width:600px){.lumix-page .t-hero-grid h1{font-size:clamp(80px,24vw,112px)}.lumix-page .t-hero-grid h1 span{font-size:26px}.l-cover{grid-template-columns:1fr;padding:30px 24px 60px;gap:30px}.l-cover-copy>p{font-size:47px;margin:24px 0}.l-cover-note{font-size:9px}.l-cover-orbit{width:400px;height:400px;right:-180px;top:100px}.lumix-page .l-cover-media .t-media-surface{min-height:300px;aspect-ratio:1}.l-cover-foot{left:24px;font-size:7px;bottom:20px}.l-process{grid-template-columns:1fr 1fr;gap:30px 24px;margin-top:30px}.l-process h3{font-size:19px;margin-top:16px}.l-process p{font-size:12px}.l-research-intro{flex-direction:column;gap:20px}.l-sample{padding-left:0;border:0;display:flex;align-items:center;gap:12px}.l-sample strong{margin:0;font-size:11px}.l-evidence-grid{grid-template-columns:1fr;gap:32px;margin-top:32px}.l-evidence-grid article{display:grid;grid-template-columns:1fr 1.1fr;column-gap:20px;align-items:start;padding-top:22px}.l-stat{font-size:58px;margin:0}.l-evidence-grid h3{font-size:18px;margin:6px 0 20px}.l-stat-track,.l-implication{grid-column:1/-1}.l-stat-track{margin:10px 0 18px}.l-implication p{font-size:14px}.l-research-note{margin-top:28px}.l-key-insight{margin:36px 0;padding:36px 20px}.l-key-insight p{font-size:31px}.l-key-insight footer{font-size:9px}.l-persona-identity{gap:14px}.l-persona-initial{width:58px;height:58px;font-size:24px}.l-persona h3{font-size:26px}.l-persona-story>p{font-size:15px}.l-pivot{grid-template-columns:1fr;padding:28px 0;gap:22px}.l-pivot-arrow{transform:rotate(90deg);width:30px;font-size:26px}.l-pivot h3{font-size:24px}.lumix-page .t-tabs button{min-height:44px}.l-onboarding{grid-template-columns:1fr;gap:20px;margin-top:40px}.l-onboarding .t-media-surface{min-height:240px}.l-onboarding h3{font-size:28px}.l-learning{padding:24px;margin-top:10px}.l-outcomes{grid-template-columns:1fr;gap:32px;margin-top:32px;padding-block:28px}.l-outcomes h3{font-size:26px;margin-top:14px}.l-other-case{padding-block:24px}.l-other-case small{font-size:8px;max-width:220px}.l-other-case strong{font-size:23px}}


.l-screen-space:has(>img)::before,.l-screen-space:has(>video)::before{display:none}

/* Editorial hierarchy and quiet glass surfaces, shared with the portfolio. */
.l-at-a-glance{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:0 0 40px;padding:26px 30px;border:1px solid #e2e6ef;border-radius:22px;background:linear-gradient(120deg,#f4f6facc,#ffffffb3);box-shadow:inset 0 1px 0 #fff}
.l-at-a-glance p{font-size:15px;line-height:1.5;margin:12px 0 0;color:var(--t-ink)}
.lumix-page .l-cover{border-radius:24px}
.lumix-page .l-key-insight{border-radius:24px}
.l-scope{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;margin:64px 0;padding:36px;border:1px solid var(--t-line);border-radius:24px;background:linear-gradient(135deg,#f1f4fa99,#fff)}
.l-scope h3{font-size:32px;line-height:1.12;margin:18px 0}
.l-scope p{font-size:14px;margin-bottom:0}
.l-scope-choices article+article{margin-top:26px;padding-top:26px;border-top:1px solid var(--t-line)}
.l-scope h4{font-size:19px;line-height:1.35;font-weight:450;margin:12px 0}
.l-onboarding{margin-bottom:64px}
.lumix-page .l-onboarding .t-media-surface{border-radius:18px}
.lumix-page .t-artifact-grid .t-media-surface{border-radius:16px}
.lumix-page .t-text-link,.l-other-case>.action-icon{transition:color .22s,transform .22s}
.l-other-case:hover>.action-icon,.l-other-case:focus-visible>.action-icon{transform:translateX(5px)}
.lumix-page .t-text-link:hover{color:#809ed2}
@media(prefers-reduced-motion:no-preference){
 .l-evidence-grid article.is-revealed:nth-child(2){animation-delay:70ms}
 .l-evidence-grid article.is-revealed:nth-child(3){animation-delay:140ms}
 .lumix-page .t-solution-panel:not([hidden]){animation:panel-in .24s ease-out}
}
@media(max-width:600px){
 .l-at-a-glance{grid-template-columns:1fr;gap:20px;padding:24px;margin-bottom:28px}
 .l-at-a-glance>div+div{padding-top:20px;border-top:1px solid var(--t-line)}
 .l-scope{grid-template-columns:1fr;gap:28px;padding:24px;margin:36px 0}
 .l-scope h3{font-size:28px}
 .l-onboarding{margin-bottom:36px}
}
@media(prefers-reduced-motion:reduce){.l-other-case>.action-icon{transition:none;transform:none!important}}

/* Visuales del caso: completos, legibles y ampliables. */
.lumix-page .l-visual .t-media-surface{display:block;aspect-ratio:auto;min-height:0;height:auto;border:0;border-radius:12px;background:transparent}
.lumix-page .l-visual img,.lumix-page .l-visual video{display:block;position:static;width:100%;height:auto;object-fit:contain;background:transparent}
.lumix-page .l-cover .l-visual{position:relative;z-index:1}
.lumix-page .l-onboarding{display:block;margin-block:70px}
.l-onboarding>div:first-child{max-width:640px;margin-bottom:28px}
.lumix-page .t-artifact-grid{grid-template-columns:1fr;gap:40px}
.lumix-page .t-artifacts{margin-block:70px}
.lumix-page .l-insights .l-visual{margin-top:40px}
.lumix-page .t-solution-panel{grid-template-columns:1fr;gap:28px}
.lumix-page .t-solution-copy{max-width:720px}
.lumix-page .l-visual figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}
.l-final-visual{padding-top:40px}
/* Navegación del MVP junto al visual, sincronizada con sus pestañas. */
.l-media-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffffb3;border-radius:50%;background:#ffffffe6;color:var(--t-ink);backdrop-filter:blur(12px);box-shadow:0 4px 18px #292d4020;cursor:pointer;transition:background .2s ease}
.l-media-prev{left:12px}.l-media-next{right:12px}
.l-media-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.l-media-arrow:hover{background:#fff}.l-media-arrow:focus-visible{outline:3px solid #809ed2;outline-offset:3px}
@media(max-width:600px){.l-media-prev{left:6px}.l-media-next{right:6px}.lumix-page .l-visual figcaption{align-items:flex-start;flex-direction:column;gap:8px}}