:root{--ink:#17253a;--ink2:#354354;--muted:#687585;--line:#e6eaee;--blue:#1a82bb;--red:#e12e43;--yellow:#f4bd25;--teal:#0e9c78;--bg:#fff;--light:#f5f8fa;--shadow:0 20px 60px rgba(16,42,70,.075)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}svg{vertical-align:middle}.shell{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:-10000px;top:8px;background:white;padding:12px;z-index:30}.skip:focus{left:15px}.top-color{height:4px;display:grid;grid-template-columns:34% 33% 33%}.top-color span:nth-child(1){background:var(--red)}.top-color span:nth-child(2){background:var(--yellow)}.top-color span:nth-child(3){background:#2e74b5}
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #eef1f3}.header-layout{height:92px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;min-width:200px}.brand-image{width:160px;max-height:70px;object-fit:contain}.brand-fallback{display:none;font-size:26px;font-weight:800;letter-spacing:-.05em}.brand-fallback small{display:block;font-size:10px;font-weight:600;letter-spacing:.28em}.header-tag{margin-left:auto;font-size:10px;letter-spacing:.18em;color:#718091;font-weight:750;display:flex;align-items:center;gap:10px}.status-dot{height:7px;width:7px;display:inline-block;background:var(--red);border-radius:50%}.header-contact{margin-left:35px;border-left:1px solid var(--line);padding-left:28px;font-weight:700;color:var(--blue);display:flex;gap:9px;align-items:center;font-size:13px}.header-contact svg,.primary-button svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.intro{padding-top:84px}.eyebrow{font-size:11px;font-weight:750;color:var(--blue);letter-spacing:.19em;display:flex;gap:14px;align-items:center}.eyebrow-line{display:inline-block;width:27px;height:2px;background:var(--red)}.eyebrow-separator{color:#b4c0cb}.intro-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:96px;margin-top:30px}.intro-main h1{font-size:clamp(46px,5.6vw,76px);line-height:1.07;max-width:780px;font-weight:730;letter-spacing:-.058em;margin:0}.intro-main h1 em{font-style:normal;color:var(--blue)}.title-secondary{display:block;font-size:.53em;line-height:1.35;letter-spacing:-.043em;font-weight:640;color:var(--ink);margin-top:15px}.hero-copy{font-size:17px;line-height:1.85;max-width:660px;color:var(--ink2);margin:30px 0 32px}.primary-button{background:var(--blue);color:white;min-height:53px;padding:15px 22px;display:inline-flex;align-items:center;gap:30px;font-size:13px;font-weight:730;transition:background .2s,transform .2s}.primary-button:hover{background:#1b416e;transform:translateY(-2px)}.intro-aside{margin-top:7px;background:var(--light);padding:28px 26px 24px;min-height:310px;display:flex;flex-direction:column}.aside-rule{height:3px;width:45px;background:var(--red);margin-bottom:26px}.aside-label{font-size:10px;letter-spacing:.15em;font-weight:700;color:var(--muted)}.aside-number{font-size:72px;letter-spacing:-.08em;line-height:1.12;margin-top:11px;font-weight:660;color:var(--blue)}.aside-main{font-size:14px;font-weight:740}.intro-aside p{font-size:12px;line-height:1.65;color:var(--muted);margin:13px 0 auto}.aside-bottom{border-top:1px solid #dce4ea;padding-top:16px;display:flex;justify-content:space-between;gap:7px;font-size:9px;font-weight:750;letter-spacing:.045em;color:var(--muted);margin-top:22px}.process-strip{display:grid;grid-template-columns:repeat(5,1fr);margin-top:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-strip a{padding:23px 15px 24px 0;font-size:13px;font-weight:650;color:var(--ink2);display:flex;align-items:center;gap:13px;transition:color .2s}.process-strip a:hover,.process-strip a.current{color:var(--blue)}.process-strip a span{color:var(--red);font-size:10px;font-weight:750;letter-spacing:.04em}
.journey-intro{padding-top:118px;padding-bottom:39px}.section-label,.stage-kicker,.closing-eyebrow{font-size:11px;font-weight:790;letter-spacing:.17em;color:var(--red);margin:0}.journey-line{display:flex;justify-content:space-between;gap:60px;align-items:end}.journey-line h2{font-size:clamp(33px,4vw,49px);letter-spacing:-.045em;line-height:1.13;margin:19px 0 0}.journey-line p{width:390px;max-width:42%;font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 3px}
.stages{padding-bottom:88px}.stage{scroll-margin-top:30px;padding:60px 0 50px;border-top:1px solid #dce2e7}.stage-heading{display:grid;grid-template-columns:132px 1fr;gap:26px;align-items:start;margin-bottom:34px}.stage-number{font-size:52px;line-height:.9;letter-spacing:-.05em;font-weight:660;color:var(--blue)}.stage-number span{font-size:15px;color:#a6b0b9;font-weight:550;letter-spacing:-.02em}.stage-copy h3{font-size:clamp(28px,3.1vw,39px);line-height:1.17;font-weight:710;letter-spacing:-.04em;max-width:800px;margin:14px 0 16px}.stage-description{font-size:16px;line-height:1.75;color:var(--ink2);margin:0}.video-frame{width:min(100%,1042px);margin-left:auto;background:#e9eef3;position:relative;aspect-ratio:1920/1140;overflow:hidden;border:1px solid #dce3ea;box-shadow:var(--shadow)}.video-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.87);transition:filter .2s,transform .35s}.video-frame:not(.playing):hover img{filter:saturate(1);transform:scale(1.012)}.video-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(7,20,38,.24),transparent 33%)}.play-overlay{position:absolute;inset:0;width:100%;border:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;background:linear-gradient(140deg,rgba(6,29,51,.10),rgba(6,29,51,.10));color:#fff;font-size:11px;letter-spacing:.15em;font-weight:800;cursor:pointer;text-shadow:0 1px 12px rgba(0,0,0,.6);z-index:1}.play-circle{width:80px;height:80px;border-radius:50%;background:rgba(12,33,59,.91);display:grid;place-items:center;box-shadow:0 14px 35px rgba(16,42,70,.26);transition:transform .2s,background .2s}.play-circle svg{fill:white;stroke:none;margin-left:3px}.play-overlay:hover .play-circle{transform:scale(1.1);background:var(--blue)}.video-length{position:absolute;right:15px;bottom:14px;border-radius:3px;background:rgba(12,33,59,.8);color:white;padding:7px 10px;z-index:2;font-size:11px;font-weight:750;pointer-events:none}.video-frame.playing img,.video-frame.playing .play-overlay,.video-frame.playing .video-length,.video-frame.playing:after{display:none}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#101722}.stage-end{width:min(100%,1042px);margin-left:auto;display:flex;justify-content:space-between;padding-top:19px;color:#8793a2;font-size:10px;font-weight:750;letter-spacing:.08em}.stage-end a{font-size:12px;letter-spacing:0;color:var(--blue);transition:color .2s}.stage-end a:hover{color:var(--red)}.stage-end a span{font-size:18px;margin-left:5px}
.closing{padding:0 0 80px}.closing-inner{background:#112c4b;color:#fff;padding:69px 8.2% 76px;position:relative;overflow:hidden}.closing-inner:after{content:"";position:absolute;right:-94px;top:-90px;border:1px solid rgba(255,255,255,.13);border-radius:50%;width:440px;height:440px;pointer-events:none}.closing-eyebrow{color:#f2cb5b}.closing h2{font-size:clamp(35px,4.1vw,55px);max-width:770px;letter-spacing:-.045em;line-height:1.13;margin:21px 0}.closing h2 span{color:#a8c9e9}.closing p:not(.closing-eyebrow){font-size:16px;color:#c6d4e0;line-height:1.8;max-width:620px;margin:0 0 26px}.closing-link{display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid #8eb9de;padding-bottom:10px;color:white;font-size:14px;font-weight:720}.closing-link:hover{color:#bedaf1}
.site-footer{padding:28px 0 36px;border-top:1px solid var(--line);font-size:12px;color:#8995a1}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-row strong{color:var(--ink2)}.footer-separator{padding:0 8px}.footer-row a{color:var(--blue);font-weight:650}.toast{position:fixed;z-index:20;bottom:27px;left:50%;transform:translateX(-50%);padding:15px 23px;color:#fff;background:#142d48;box-shadow:0 12px 40px rgba(10,30,50,.25);font-size:14px;text-align:center;max-width:calc(100% - 30px)}.toast[hidden]{display:none}
@media(max-width:950px){.shell{width:min(100% - 50px,1200px)}.intro-grid{grid-template-columns:minmax(0,1fr) 235px;gap:38px}.intro-main h1{font-size:58px}.intro{padding-top:70px}.aside-bottom{flex-direction:column}.process-strip a{gap:6px;padding-right:7px}.stage-heading{grid-template-columns:91px 1fr;gap:13px}}
@media(max-width:680px){.shell{width:calc(100% - 38px)}.header-layout{height:70px}.brand{min-width:0}.brand-image{width:117px;max-height:55px}.header-tag{display:none}.header-contact{margin-left:auto;padding-left:13px;font-size:12px}.intro{padding-top:44px}.eyebrow{letter-spacing:.12em;font-size:9px;gap:8px}.eyebrow-line{width:15px}.intro-grid{display:block;margin-top:20px}.intro-main h1{font-size:clamp(38px,9vw,57px)}.title-secondary{font-size:.51em;margin-top:12px}.hero-copy{font-size:15px;line-height:1.77;margin:19px 0 23px}.intro-aside{min-height:0;margin-top:38px;display:grid;grid-template-columns:80px 1fr;column-gap:20px;padding:21px}.aside-rule,.aside-label,.aside-bottom{display:none}.aside-number{font-size:65px;grid-column:1;grid-row:1/3;align-self:center;margin:0}.aside-main{align-self:end;grid-column:2;font-size:13px}.intro-aside p{grid-column:2;margin:5px 0 0;font-size:12px}.process-strip{overflow-x:auto;display:flex;white-space:nowrap;margin-top:40px;gap:27px;scrollbar-width:thin}.process-strip a{flex:none;padding:19px 0;font-size:12px}.journey-intro{padding-top:78px;padding-bottom:25px}.journey-line{display:block}.journey-line h2{font-size:37px}.journey-line p{max-width:100%;width:auto;font-size:14px;line-height:1.7;margin-top:23px}.stage{padding:43px 0 42px}.stage-heading{display:block;margin-bottom:24px}.stage-number{font-size:39px;margin-bottom:22px}.stage-copy h3{font-size:28px;line-height:1.22;margin:12px 0}.stage-description{font-size:14px;line-height:1.7}.desktop-only{display:none}.video-frame{width:100%;aspect-ratio:1920/1140}.play-circle{width:64px;height:64px}.play-overlay{font-size:9px;gap:10px}.video-length{font-size:10px;right:8px;bottom:8px;padding:5px 7px}.stage-end{gap:12px;font-size:8px;line-height:1.5}.stage-end a{font-size:11px}.closing{padding-bottom:40px}.closing-inner{padding:40px 25px 47px}.closing h2{font-size:35px}.closing p:not(.closing-eyebrow){font-size:14px}.footer-row{display:grid;gap:14px;font-size:11px}.toast{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}


/* VERSIÓN 2 — PALETA REAL DE MÓDULOS / LLAMADOS DE COLOR */
:root {--stock:#1484c0;--ventas:#13a783;--produccion:#13a783;--informes:#e49d18;--brand-teal:#1497aa}
body {color:#172435}
.site-header {position:sticky;top:0;z-index:8;box-shadow:0 3px 18px rgba(9,33,49,.03);backdrop-filter:blur(14px)}
.header-layout {height:106px}
.brand {min-width:195px}
.brand-image {height:94px;width:156px;object-fit:contain;max-height:none;object-position:left center}
.header-tag {letter-spacing:.13em}
.status-dot {background:#13a783}
.top-color {grid-template-columns:34% 33% 33%}
.top-color span:nth-child(1) {background:#e53043}
.top-color span:nth-child(2) {background:#ffcf00}
.top-color span:nth-child(3) {background:#179aad}
.intro {padding-top:70px}
.intro-main h1 em {color:#147fba}
.intro-aside {background:#f3f8fa;border:1px solid #e0ecf1;border-top:3px solid var(--brand-teal)}
.aside-rule {background:var(--brand-teal)}
.process-strip a {position:relative;align-items:flex-start;flex-direction:column;gap:7px;padding:19px 12px 17px;border-top:3px solid transparent;line-height:1.35}
.process-strip a::after {content:'';position:absolute;left:12px;bottom:0;right:18px;height:3px;background:var(--tab-color);transform:scaleX(0);transform-origin:left;transition:transform .18s}
.process-strip a:hover::after,.process-strip a.current::after {transform:scaleX(1)}
.process-strip a span {font-size:12px;color:var(--tab-color);letter-spacing:.1em}
.process-strip .nav--stock {--tab-color:var(--stock)}
.process-strip .nav--ventas {--tab-color:var(--ventas)}
.process-strip .nav--produccion {--tab-color:var(--produccion)}
.process-strip .nav--informes {--tab-color:var(--informes)}
.process-strip a.current,.process-strip a:hover {color:#203648}
.journey-intro {padding-top:100px}
.stage {--stage-color:#1a82bb;padding-top:55px}
.stage--stock {--stage-color:var(--stock)}
.stage--ventas {--stage-color:var(--ventas)}
.stage--produccion {--stage-color:var(--produccion)}
.stage--informes {--stage-color:var(--informes)}
.stage-number {color:var(--stage-color)}
.stage-copy {position:relative}
.module-row {display:flex;gap:13px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.module-chip {display:inline-flex;align-items:center;gap:9px;padding:8px 11px 8px 10px;background:color-mix(in srgb,var(--stage-color) 8%, white);color:var(--stage-color);border:1px solid color-mix(in srgb,var(--stage-color) 26%,white);border-radius:4px;font-weight:820;font-size:10px;letter-spacing:.115em;white-space:nowrap}
.module-chip-dot {height:9px;width:9px;border-radius:2px;background:var(--stage-color);display:inline-block}
.module-separator {height:16px;width:1px;background:#d9e0e6}
.module-row .stage-kicker {margin:0;font-size:10px;color:#647488;letter-spacing:.12em}
.stage-copy h3 {margin-top:10px}
.video-frame {border-top:4px solid var(--stage-color);background:#e5ebee}
.play-circle {background:var(--stage-color);box-shadow:0 12px 42px color-mix(in srgb,var(--stage-color) 30%,transparent);width:76px;height:76px}
.play-overlay:hover .play-circle {background:color-mix(in srgb,var(--stage-color) 77%,#111)}
.play-overlay {background:rgba(10,29,44,.045)}
.module-callout {display:flex;align-items:center;gap:17px;margin:0 0 0 auto;width:min(100%,1042px);background:color-mix(in srgb,var(--stage-color) 7%,white);border-left:4px solid var(--stage-color);padding:17px 23px 17px 19px;min-height:77px}
.callout-icon {display:grid;place-items:center;background:var(--stage-color);color:#fff;width:34px;height:34px;flex:0 0 34px;border-radius:50%;font-size:17px;font-weight:500}
.callout-body {display:flex;flex-direction:column;gap:3px;line-height:1.4}
.callout-body strong {font-size:14px;color:#20364a;font-weight:800}
.callout-body span {font-size:13px;color:#466073}
.callout-index {font-size:9px;letter-spacing:.12em;font-weight:790;color:var(--stage-color);margin-left:auto;white-space:nowrap}
.stage-end {padding-top:17px}
.stage-end a {font-size:12px;color:var(--stage-color)}
.stage-end a:hover {color:var(--stage-color);text-decoration:underline}
.closing-inner {background:#15293b}
.closing-rule {display:flex;width:136px;height:4px;gap:0;margin-bottom:32px}
.closing-rule span {flex:1;background:#e53043}.closing-rule span:nth-child(2) {background:#ffcf00}.closing-rule span:nth-child(3) {background:#179aad}
.footer-brand {display:flex;align-items:center;gap:20px}
.footer-brand img {width:84px;height:62px;object-fit:contain;object-position:left center}
.footer-brand span {font-size:12px;color:#718397}
.site-footer {padding:16px 0 20px}
@media(max-width:950px){.header-layout{height:86px}.brand-image{height:74px;width:127px}.brand{min-width:145px}.stage-heading{grid-template-columns:85px 1fr}.module-row{gap:7px}}
@media(max-width:680px){.header-layout{height:73px}.brand-image{width:106px;height:65px}.brand{min-width:110px}.intro{padding-top:38px}.process-strip{gap:0}.process-strip a{padding:16px 16px 14px 3px;min-width:132px}.process-strip a::after{left:3px;right:14px}.journey-intro{padding-top:68px}.stage-heading{margin-bottom:23px}.stage-number{margin-bottom:20px}.module-row{gap:10px}.module-separator{display:none}.stage-kicker{line-height:1.35}.module-callout{padding:14px 12px;gap:11px;min-height:80px}.callout-icon{width:31px;height:31px;flex-basis:31px}.callout-index{display:none}.callout-body strong{font-size:12px}.callout-body span{font-size:11px}.footer-brand img{width:69px;height:51px}.footer-brand span{font-size:10px}}

/* IDENTIDAD VISUAL DEL MÓDULO COMPRAS: AMARILLO */
:root {--compras:#e49d18}
.stage--compras {--stage-color:var(--compras)}
.process-strip .nav--compras {--tab-color:var(--compras)}
/* Reproductor nativo para MP4 comprimidos, integrado a Cloudflare Pages */
.video-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#101722;z-index:2}


/* --- Mejoras del reproductor nativo --- */
.video-frame{background:#fff;aspect-ratio:auto;overflow:hidden;border:1px solid #d7e0e8;box-shadow:var(--shadow);border-radius:0}
.video-frame:after{content:none !important}
.video-frame--native{padding:0}
.demo-video{display:block;width:100%;height:auto;aspect-ratio:1920/1140;background:#fff;outline:none}
.demo-video[poster]{object-fit:cover}
.demo-video::-webkit-media-controls-panel{background:rgba(246,249,252,.94)}
.demo-video:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--stage-color) 20%, white)}
.video-shell-note{display:none}
@media(max-width:680px){
  .demo-video{width:100%;height:auto}
}


/* PICASO · STREAM PLAYER PRO · controles claros fuera de la imagen */
.stream-player { width:min(100%,1042px); margin-left:auto; overflow:hidden; border:1px solid #d8e3eb; border-top:4px solid var(--stage-color); background:#fff; box-shadow:0 8px 36px rgba(20,45,65,.075); }
.stream-screen { width:100%; aspect-ratio:32 / 19; position:relative; background:#f4f7f8; overflow:hidden; }
.stream-frame {display:block; position:absolute; inset:0; width:100%;height:100%;border:0; background:transparent;}
.stream-poster {position:absolute; z-index:2; inset:0; width:100%;height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:18px; padding:0; border:0; background:#f5f8f9; cursor:pointer; color:#fff;}
.stream-poster img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.stream-poster-play {z-index:2; width:76px;height:76px; border-radius:50%; background:var(--stage-color); display:grid;place-items:center; box-shadow:0 10px 25px rgba(3,32,48,.18); transition:transform .2s;}
.stream-poster-play svg{fill:currentColor;width:29px;height:29px;margin-left:4px;}
.stream-poster:hover .stream-poster-play{transform:scale(1.07);}
.stream-poster-text {z-index:2; font-size:11px;letter-spacing:.14em;color:#fff;text-shadow:0 2px 7px #172334; font-weight:800;background:rgba(19,35,49,.55);padding:6px 10px;border-radius:3px;}
.stream-poster[hidden]{display:none;}
.stream-controls {background:#f7fafc;color:#1c3547; padding:12px 16px 11px; border-top:1px solid #dfe8ee;}
.stream-progress{height:17px;display:flex;align-items:center;}
.stream-seek {appearance:none;-webkit-appearance:none; display:block; margin:0; width:100%;height:5px; border-radius:5px; background:linear-gradient(to right,var(--stage-color) 0%, var(--stage-color) var(--progress,0%), #cddae4 var(--progress,0%),#cddae4 100%); cursor:pointer; outline-offset:5px;}
.stream-seek::-webkit-slider-thumb {appearance:none;-webkit-appearance:none; width:14px;height:14px;border-radius:50%;border:2px solid white;background:var(--stage-color);box-shadow:0 1px 5px rgba(0,0,0,.22)}
.stream-seek::-moz-range-thumb {width:11px;height:11px;border-radius:50%;border:2px solid white;background:var(--stage-color)}
.stream-bar {display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:34px;}
.stream-actions{display:flex;align-items:center;gap:10px;}
.stream-right{margin-left:auto;}
.stream-action {position:relative;display:grid;place-items:center; width:37px;height:34px;border:0;border-radius:5px;background:transparent;color:#38556a;cursor:pointer;flex-shrink:0;}
.stream-action:hover,.stream-action:focus-visible {background:#e5edf3;color:#0f374f;}
.stream-action svg{width:21px;height:21px;}
.stream-action small {position:absolute;font-size:8px;font-weight:850;top:12px;left:14px;letter-spacing:-.06em;}
.stream-toggle{color:var(--stage-color);}
.stream-time {font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700;font-size:12px;letter-spacing:.025em;color:#46647a;padding-left:7px;}
.stream-time-sep{color:#a6b6c3;font-weight:500;padding:0 2px;}
.stream-error{margin:0;padding:11px 17px;background:#fff6ed;color:#894300;font-size:13px;}
.stream-error a{text-decoration:underline;color:#0c74a7;}
.stream-player:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#101b22;}
.stream-player:fullscreen .stream-screen{flex:1;max-height:calc(100vh - 70px);aspect-ratio:auto;}
.stream-player:fullscreen .stream-controls{flex:0 0 auto;}
@media(max-width:680px){.stream-poster-play{width:55px;height:55px}.stream-poster-text{font-size:8px}.stream-controls{padding:8px 10px}.stream-actions{gap:1px}.stream-action{width:34px;height:32px}.stream-time{padding-left:5px;font-size:11px}.stream-player{width:100%}}