/* Editorial layer: keeps SAFECT's shared petroleum, butter and warm paper tokens. */
.lia-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,76px);padding-block:clamp(52px,7vw,100px)}
.lia-hero h1{font-size:clamp(2.65rem,4.15vw,4.1rem);font-weight:550;line-height:1.12;letter-spacing:-.045em;margin:0 0 26px}
.lia-hero h1 em,.lia-editorial h2 em{font-style:normal;color:var(--highlight)}
.lia-hero .eyebrow{font-size:.65rem;line-height:1.8;display:flex;align-items:center;gap:10px}
.lia-hero .lead{font-size:1.05rem;max-width:470px;line-height:1.85}
.lia-caption{font-size:.76rem;max-width:370px;color:var(--text-secondary);margin-top:24px}
.lia-seal{font-size:28px;color:var(--color-secondary-strong);line-height:1;flex-shrink:0}
.lia-conversation{position:relative;padding:26px 30px;background:var(--surface-primary);border:1px solid var(--line);border-radius:24px 24px 36px 12px;box-shadow:0 18px 54px -30px rgb(12 51 61/.22)}
.lia-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:19px;border-bottom:1px solid var(--line)}
.lia-demo-heading>span{display:flex;align-items:center;gap:10px;font-size:.85rem}.lia-demo-heading small{font-size:.62rem;color:var(--text-secondary)}
.lia-step{padding:17px 0;border-bottom:1px solid var(--line);position:relative;transition:background 300ms var(--ease)}
.lia-step p{font-size:.88rem;line-height:1.75;margin:8px 0 0;color:var(--text-primary)}
.lia-kind{display:inline-block;font-size:.58rem;font-weight:650;letter-spacing:.1em;color:var(--text-secondary)}
.data-kind{color:var(--color-primary)}.interpretation-kind{color:var(--text-primary);border-bottom:2px solid var(--color-secondary);padding-bottom:3px}.suggestion-kind{color:var(--color-primary);border-bottom:1px dashed currentColor;padding-bottom:3px}
.lia-step .lia-question{font-size:1.12rem;font-weight:500;line-height:1.5}
.lia-metrics{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:14px}.lia-metrics small{display:block;font-size:.69rem;color:var(--text-secondary)}.lia-metrics b{display:block;font-size:1.6rem;font-weight:550;margin:3px 0 12px;font-variant-numeric:tabular-nums}
.comparison-bar{height:5px;display:block;width:100%;background:var(--color-primary);border-radius:2px}.comparison-bar.current{width:80%;background:var(--color-secondary)}
.lia-step .lia-data-note{font-size:.62rem;color:var(--text-secondary)}.lia-decision{display:inline-block;margin-top:10px;font-size:.72rem;color:var(--color-primary)}
.lia-demo-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:16px}.lia-demo-controls button{border:0;background:var(--color-primary-soft);color:var(--color-primary);border-radius:8px;padding:10px 12px;font:inherit;font-size:.73rem;cursor:pointer}.lia-demo-controls button:hover{background:var(--surface-warm)}.lia-demo-controls>span{font-size:.59rem;color:var(--text-secondary);flex:1;min-width:140px}
.lia-step.is-current{background:var(--color-primary-soft);border-radius:10px;padding-inline:12px;margin-inline:-12px}.lia-step.is-current .comparison-bar{animation:lia-bar 650ms var(--ease) both;transform-origin:left}
.lia-bridge{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:50px;color:var(--text-secondary);font-size:.75rem}.lia-bridge svg{width:12%;height:36px;stroke:var(--color-primary);stroke-width:1.3}.lia-bridge strong{font-weight:500;color:var(--color-primary);white-space:nowrap}
.lia-editorial-heading{max-width:710px;margin-bottom:32px}.lia-editorial-heading h2{font-weight:520}.lia-editorial-heading .section-lead{max-width:550px;font-size:1.06rem}
.lia-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,8vw,120px);align-items:center;padding:65px 0;border-top:1px solid var(--line)}
.lia-story:nth-of-type(even) .lia-story-copy{order:2}.lia-story:nth-of-type(even) .lia-scene{order:1}
.lia-index{font-size:.64rem;letter-spacing:.12em;color:var(--color-primary);display:block;margin-bottom:20px}.lia-story h3{font-size:clamp(1.9rem,3vw,2.7rem);font-weight:530;line-height:1.14;letter-spacing:-.035em;margin-bottom:22px}.lia-story-copy>p{font-size:1rem;line-height:1.85;max-width:435px;color:var(--text-secondary)}
.capability-note{display:block;font-size:.73rem;line-height:1.7;color:var(--text-secondary);max-width:370px;border-left:2px solid var(--color-secondary);padding-left:13px;margin-top:20px}
.lia-scene{padding:30px;background:var(--surface-secondary);border-radius:22px 8px 22px 8px;min-width:0}.lia-story:nth-of-type(even) .lia-scene{border-radius:8px 22px 8px 22px}.scene-caption{font-size:.57rem;letter-spacing:.12em;font-weight:600;color:var(--text-secondary);display:block;margin-bottom:22px}
.lia-scene blockquote{font-size:1.2rem;line-height:1.5;margin:0 0 22px;letter-spacing:-.02em}.scene-response{display:flex;align-items:flex-start;gap:14px}.scene-response p{font-size:.87rem;color:var(--text-primary);line-height:1.8;margin:0}.scene-report{margin-top:23px;padding:17px 20px;border:1px solid var(--line);background:var(--surface-primary);display:grid;gap:5px;border-radius:8px}.scene-report span{font-size:.75rem;color:var(--color-primary)}.scene-report b{font-size:.92rem;font-weight:550}.scene-report small{font-size:.64rem;color:var(--text-secondary)}
.client-timeline{display:flex;align-items:center;gap:8px;padding-block:15px 25px;font-size:.63rem}.client-timeline>span{border:1px solid var(--line-strong);padding:8px;border-radius:30px;white-space:nowrap}.client-timeline i{height:1px;background:var(--color-primary);flex:1;min-width:8px}.client-timeline .timeline-pending{border-style:dashed;background:var(--color-secondary-soft)}
.scene-facts{margin:0}.scene-facts>div{padding:15px 0;border-top:1px solid var(--line)}.scene-facts dt{font-size:.65rem;color:var(--color-primary);margin-bottom:8px}.scene-facts dd{font-size:.9rem;line-height:1.6;margin:0}.scene-note{font-size:.68rem!important;color:var(--text-secondary);line-height:1.7;margin:16px 0 0}
.reasoning-row{padding:16px 0;border-bottom:1px solid var(--line)}.reasoning-row:last-child{border:0;padding-bottom:0}.reasoning-row p{margin:8px 0 0;font-size:.88rem;line-height:1.8;color:var(--text-primary)}
.lia-walkthrough{list-style:none;counter-reset:walk;padding:0;margin:0}.lia-walkthrough li{counter-increment:walk;position:relative;padding:0 0 24px 38px}.lia-walkthrough li:before{content:counter(walk);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;font-size:.68rem;color:var(--color-primary);background:var(--surface-primary)}.lia-walkthrough li:not(:last-child):after{content:'';position:absolute;left:12px;top:27px;bottom:3px;width:1px;background:var(--line-strong)}.lia-walkthrough b,.lia-walkthrough span{display:block}.lia-walkthrough b{font-weight:550;font-size:.9rem}.lia-walkthrough span{font-size:.77rem;color:var(--text-secondary);margin-top:4px}.tutorial-scene>small{font-size:.65rem;color:var(--text-secondary)}
.suggestion-paper{background:var(--surface-primary);border:1px solid var(--line);border-radius:8px;padding:23px}.suggestion-paper h4{font-size:1.18rem;font-weight:550;line-height:1.4;margin:18px 0 10px}.suggestion-paper>p{font-size:.85rem;line-height:1.8;color:var(--text-secondary)}.suggestion-paper>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:10px 0;font-size:.73rem;gap:15px}.suggestion-paper>div b{font-weight:500}.review-stamp{display:inline-block;padding:8px 11px;background:var(--color-secondary-soft);font-size:.68rem;margin-top:15px;border-radius:4px}.lia-availability{font-size:.76rem;color:var(--text-secondary);max-width:750px;margin:28px auto 0;text-align:center;line-height:1.8}
.operation-tour{border-top:1px solid var(--line)}.operation-tour h2{font-size:var(--text-h2)}
/* Give existing illustrations an open canvas instead of a framed white card. */
.together-art,.story>img{background:transparent;border:0;box-shadow:none}.together-art{padding:0;position:relative}.together-art img,.story>img,.product-visual-foot>img{mix-blend-mode:multiply}.together-art:before{content:'';position:absolute;inset:22% 5% 12%;background:var(--color-secondary-soft);border-radius:47% 53% 39% 61%/57% 43% 57% 43%;z-index:-1}.together-art{isolation:isolate}.art-footnote{border:0;background:transparent}
:root[data-theme=dark] .together-art img,:root[data-theme=dark] .story>img,:root[data-theme=dark] .product-visual-foot>img{mix-blend-mode:normal;border-radius:24px}
:root[data-theme=dark] .together-art:before{display:none}
[data-reveal].lia-reveal-ready{transition:opacity 600ms var(--ease),transform 600ms var(--ease);opacity:0;transform:translateY(14px)}[data-reveal].lia-reveal-ready.lia-visible{opacity:1;transform:none}
@keyframes lia-bar{from{transform:scaleX(.85)}to{transform:scaleX(1)}}
@media(max-width:1100px){.nav{gap:12px}#navegacion{gap:14px}.lia-hero{gap:32px}.lia-conversation{padding:22px}.lia-demo-heading{align-items:flex-start;flex-direction:column;gap:6px}.lia-hero h1{font-size:3rem}.lia-hero .actions{gap:14px}.lia-story{gap:45px}}
@media(max-width:850px){.lia-hero{grid-template-columns:1fr;max-width:700px;gap:32px;padding-top:40px}.lia-hero h1{font-size:clamp(2.6rem,7vw,3.7rem)}.lia-hero .lead{max-width:580px}.lia-hero h1 br:nth-child(3){display:none}.lia-demo-heading{flex-direction:row;align-items:center}.lia-bridge{flex-wrap:wrap;justify-content:center;gap:12px}.lia-bridge strong{width:100%;text-align:center;margin-top:8px}.lia-bridge svg:last-of-type{display:none}.lia-story{gap:30px}.lia-scene{padding:23px}}
@media(max-width:620px){.lia-hero h1{font-size:clamp(2.45rem,10vw,3.15rem)}.lia-hero .eyebrow{font-size:.57rem}.lia-hero .lead{font-size:1rem}.lia-hero .actions{align-items:flex-start;flex-direction:column;gap:18px}.lia-caption{font-size:.72rem;margin-top:20px}.lia-conversation{padding:20px;border-radius:18px}.lia-demo-heading{flex-direction:column;align-items:flex-start}.lia-metrics b{font-size:1.5rem}.lia-step .lia-question{font-size:1.03rem}.lia-step p{font-size:.85rem}.lia-demo-controls{gap:10px}.lia-bridge{font-size:.7rem;padding-bottom:32px}.lia-editorial-heading{margin-bottom:28px}.lia-story{grid-template-columns:1fr;padding:36px 0;gap:20px}.lia-story:nth-of-type(even) .lia-story-copy,.lia-story:nth-of-type(even) .lia-scene{order:initial}.lia-story h3{font-size:2rem;margin-bottom:16px}.lia-index{margin-bottom:14px}.lia-story-copy>p{font-size:.95rem;margin-bottom:0}.lia-scene{padding:22px}.scene-caption{margin-bottom:18px}.lia-editorial .section-lead{font-size:1rem}.client-timeline{gap:5px;font-size:.56rem}.client-timeline>span{padding:7px}.client-timeline i{min-width:5px}.suggestion-paper{padding:18px}.lia-availability{text-align:left}.capability-note{margin-top:15px}.operation-tour .hero-human{display:none}}
@media(prefers-reduced-motion:reduce){[data-reveal].lia-reveal-ready{opacity:1;transform:none;transition:none}.lia-step{transition:none}.comparison-bar{animation:none!important}}
.lia-hero>* , .lia-story>*{min-width:0}
.enhanced-demo .demo-panel[hidden]{display:none!important}
.operation-stage::before{right:0}
@media(max-width:620px){.operation-stage,.product-visual{margin-inline:0;min-width:0;max-width:100%;border-radius:18px}.demo-panels,.workspace-main{min-width:0}}
.footer-grid{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr))}.footer-grid>div{min-width:0}.footer-grid>div>a:not(.brand){width:auto;overflow-wrap:anywhere}
@media(max-width:860px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lia-kind,.scene-caption{font-size:.68rem}.lia-demo-heading small,.lia-step .lia-data-note,.lia-demo-controls>span{font-size:.68rem}
.lia-bridge.lia-reveal-ready path{stroke-dasharray:190;stroke-dashoffset:190;transition:stroke-dashoffset 800ms var(--ease)}.lia-bridge.lia-visible path{stroke-dashoffset:0}
@media(prefers-reduced-motion:reduce){.lia-bridge.lia-reveal-ready path{stroke-dashoffset:0;transition:none}}

/* La ilustración de la portada ya trae el fondo recortado (sales-inventario-recorte.webp): sin
   multiply, el óvalo queda DETRÁS de las personas y no tiñe la ropa blanca. */
.together-art img{mix-blend-mode:normal;position:relative;box-sizing:border-box;padding:8% 6%;
  background:radial-gradient(ellipse 50% 50% at 50% 50%,var(--color-secondary-soft) 99%,transparent 100%)}
/* El óvalo lo pinta la propia imagen (arriba), con margen para que envuelva a las dos
   personas completas; el :before de antes cortaba la camisa a la altura del hombro. */
.together-art:before{display:none}
:root[data-theme=dark] .together-art img{background:#F4F1E8}