/* Final responsive and interaction pass. Kept separate so earlier revisions stay recoverable. */
:root{--omni-ease:cubic-bezier(.22,1,.36,1);--omni-ink:#f5f7f5;--omni-green:#00ff51}
section[id]{scroll-margin-top:0}
.serene-motion .ambient-scene{display:none!important;background:#08080a;overflow:hidden}
.serene-motion .ambient-scene::before,.serene-motion .ambient-scene::after{content:"";position:absolute;inset:-20%;pointer-events:none;will-change:transform;opacity:.6}
.serene-motion .ambient-scene::before{background:radial-gradient(ellipse at 76% 20%,rgba(0,255,81,.13),transparent 34%),radial-gradient(ellipse at 16% 62%,rgba(30,87,155,.15),transparent 38%);animation:omni-ambient-drift 28s ease-in-out infinite alternate}
.serene-motion .ambient-scene::after{background:linear-gradient(118deg,transparent 28%,rgba(0,255,81,.035) 45%,transparent 62%);filter:blur(18px);animation:omni-ambient-breathe 18s ease-in-out infinite alternate}
.serene-motion .ambient-scene[data-ambient-state="paused"]::before,.serene-motion .ambient-scene[data-ambient-state="paused"]::after,.serene-motion .ambient-scene[data-ambient-state="reduced"]::before,.serene-motion .ambient-scene[data-ambient-state="reduced"]::after{animation-play-state:paused}
@keyframes omni-ambient-drift{to{transform:translate3d(-3%,4%,0) scale(1.06);opacity:.78}}
@keyframes omni-ambient-breathe{to{transform:translate3d(4%,-3%,0);opacity:.34}}

/* The story owns one visual source. Optional catalog wipes remain mounted but hidden. */
.journey-visual>.hf-mount{display:none!important}
.journey .journey-film[hidden]{display:flex!important}
.journey-film{position:absolute!important;inset:0!important;width:300%!important;height:100%!important;display:flex!important;transform:translateX(0);transition:transform 500ms var(--omni-ease)!important}
.journey-film img{position:static!important;left:auto!important;width:100%!important;height:100%!important;flex:0 0 100%!important;object-fit:cover!important;object-position:50% 36%!important}
.journey-visual{min-height:620px;isolation:isolate}
.journey-success{z-index:5;max-width:min(340px,calc(100% - 28px));background:rgba(246,249,246,.96);backdrop-filter:blur(12px);box-shadow:0 18px 50px rgba(0,0,0,.38)}
.journey-photo-note{z-index:5}
.journey-replay{display:none!important}

/* CRM is intentionally light: it reads like the product, not another dark marketing card. */
.crm-showcase{background:#f4f7f5!important;border-color:#d9e2dc!important;box-shadow:0 28px 80px rgba(0,0,0,.28)}
.crm-showcase .scenario-options button{background:#fff!important;border-color:#dfe6e1!important;color:#18231d!important;box-shadow:0 8px 24px rgba(18,35,26,.05)}
.crm-showcase .scenario-options button span,.crm-showcase .scenario-options button small{color:#58665e!important}
.crm-showcase .scenario-options button[aria-pressed=true]{background:#eaf6ee!important;border-color:#7dbd94!important;box-shadow:inset 3px 0 #00a83d,0 10px 28px rgba(22,81,43,.08)}
.crm-showcase .scenario-options button b{color:#008b36!important}
.crm-showcase .hf-crm-frame{background:#e8eeea;border:1px solid #d2ddd6;border-radius:22px;min-width:0}
.crm-showcase .crm-story{background:#fff!important;color:#17231c!important}
.crm-showcase .crm-rule,.crm-showcase .client-pass strong{color:#132019!important}
.crm-showcase .client-avatar{background:#d9f2e1!important;color:#09652e!important}
.crm-showcase .client-pass small,.crm-showcase .crm-story>p:not(.crm-rule),.crm-showcase [role=status]{color:#536159!important}
.crm-showcase .message-preview{background:#eff5f1!important;border-color:#d9e5dd!important;color:#1f3026!important}
.crm-showcase .button-outline{border-color:#a9b7ae!important;color:#15231a!important;background:#fff!important}
.crm-context-action{margin-top:8px}

/* One device constellation; choosing a channel retargets its content. */
.channel-preview{grid-template-columns:minmax(220px,.76fr) minmax(0,1.24fr)!important;gap:36px!important;overflow:hidden}
.omni-channel-device{position:relative;min-height:390px;display:grid;place-items:center;perspective:1200px}
.omni-channel-laptop{width:min(100%,600px);aspect-ratio:16/10;border:1px solid #5d6962;border-radius:18px 18px 8px 8px;padding:10px;background:#1b201d;box-shadow:0 30px 60px #0008;transform:rotateX(2deg)}
.omni-channel-screen{height:100%;border-radius:11px;overflow:hidden;background:#eef3f0;color:#142219;display:grid;grid-template-rows:48px 1fr}
.omni-channel-screen header{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #d7e0da;font-size:12px}
.omni-channel-screen header b{color:#087d35}
.omni-channel-message{align-self:center;margin:20px;padding:22px;border:1px solid #d6e0d9;border-radius:16px;background:#fff;box-shadow:0 15px 35px #18302312;transition:opacity 180ms ease,transform 220ms var(--omni-ease),filter 180ms ease}
.omni-channel-message.is-changing{opacity:.3;transform:translateY(8px);filter:blur(2px)}
.omni-channel-message span{display:block;color:#53655a;font-size:11px;margin-bottom:8px}.omni-channel-message strong{font-size:18px}.omni-channel-message pre{white-space:pre-wrap;font:12px/1.65 "Mona Sans",sans-serif;color:#405047;margin:14px 0 0}
.omni-channel-phone{position:absolute;right:2%;bottom:0;width:31%;aspect-ratio:390/844;border:1px solid #708078;border-radius:27px;padding:7px;background:#111613;box-shadow:0 24px 45px #0009;transform:translateZ(35px)}
.omni-channel-phone::before{content:"";display:block;width:34%;height:7px;border-radius:10px;background:#080b09;position:absolute;top:12px;left:33%;z-index:2}
.omni-phone-screen{height:100%;border-radius:20px;background:linear-gradient(#122219,#0b0e0c);padding:56px 12px 14px;color:#eef5f0;font-size:10px;overflow:hidden}
.omni-phone-notice{border:1px solid #ffffff20;border-radius:13px;padding:12px;background:#26312bcc}.omni-phone-notice b{display:block;margin-bottom:6px;color:#91efae}.omni-phone-notice span{line-height:1.45;color:#d7dfda}

/* Notification artifact: one focused delivery trail, with a visible protected reversal. */
.channel-selector .channel-icon{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 10px;border:1px solid #ffffff1a;border-radius:11px;background:#ffffff08;color:#dce8e1}.channel-selector .channel-icon svg,.device-tabs svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.channel-selector button[aria-pressed=true] .channel-icon{background:#ebf8ee;color:#0c2818;border-color:#ffffff}.omni-channel-console{position:relative;min-height:360px;padding:20px 128px 20px 20px;border:1px solid #ffffff1c;border-radius:22px;background:linear-gradient(145deg,#131918,#0b0f0e);box-shadow:0 26px 70px #0008,0 1px 0 #ffffff08 inset;overflow:hidden;transition:opacity 180ms ease,transform 220ms var(--omni-ease),filter 180ms ease}.omni-channel-console.is-changing{opacity:.35;transform:translateY(8px);filter:blur(2px)}.omni-channel-console::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#00ff51,#1c8c51 46%,transparent 90%)}.omni-channel-console header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid #ffffff10}.omni-console-brand{display:flex;align-items:center;gap:9px;color:#edf5ef;font:700 12px/1 "Mona Sans",sans-serif}.omni-console-brand>i{padding:5px 8px;border-radius:99px;background:#00ff5114;color:#96e9af;font:650 9px/1 "Mona Sans",sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase}.omni-console-time{color:#7f8d85;font-size:10px}.omni-channel-symbol{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px}.omni-channel-symbol svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.omni-channel-symbol--mail{background:#e7efff;color:#194f94}.omni-channel-symbol--telegram{background:#dff3ff;color:#1684b9}.omni-channel-symbol--whatsapp{background:#dff8e7;color:#147c3b}.omni-delivery-route{display:flex;align-items:center;gap:8px;padding:17px 0 15px;color:#95a49b;font:650 10px/1 "Mona Sans",sans-serif;letter-spacing:.02em}.omni-delivery-route i{display:block;flex:1;height:1px;min-width:12px;background:linear-gradient(90deg,#00ff51,#6d8d7a)}.omni-notification-card{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:start;padding:15px;border:1px solid #ffffff18;border-radius:16px;background:#f4f8f5;color:#17221b;box-shadow:0 12px 30px #0004}.omni-notification-card small{display:block;margin-bottom:5px;color:#607067;font-size:10px}.omni-notification-card strong{display:block;font-size:14px;letter-spacing:-.02em}.omni-notification-card p{margin:7px 0 0;color:#59675f;font-size:11px;line-height:1.45}.omni-delivery-state{align-self:center;padding:5px 7px;border-radius:99px;background:#d8f4e1;color:#14713b;font:750 9px/1 "Mona Sans",sans-serif}.omni-reversal-card{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:11px;padding:12px;border:1px solid #f3a57636;border-radius:14px;background:linear-gradient(90deg,#301d181f,#160f0d00);color:#e7d6cd}.omni-reversal-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#ed855b22;color:#f1a17f}.omni-reversal-mark svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.omni-reversal-card strong{display:block;font-size:11px}.omni-reversal-card small{display:block;margin-top:3px;color:#a9948b;font-size:10px;line-height:1.35}.omni-reversal-card time{color:#8d776d;font-size:10px}.omni-channel-console>.omni-channel-phone{position:absolute;right:20px;bottom:0;width:112px;aspect-ratio:390/760;padding:6px;border:1px solid #718078;border-radius:20px 20px 0 0;background:#151a18;box-shadow:0 22px 44px #0009;transform:translateZ(34px)}.omni-channel-phone::before{display:none}.omni-phone-speaker{width:34px;height:5px;margin:7px auto 28px;border-radius:99px;background:#050706}.omni-channel-phone>.omni-channel-symbol{width:30px;height:30px;margin:0 10px}.omni-channel-phone>.omni-channel-symbol svg{width:16px;height:16px}.omni-channel-phone p{margin:10px;color:#eaf1ec;font-size:10px;font-weight:650;line-height:1.35}.omni-channel-phone small{display:block;margin:0 10px;color:#84928a;font-size:8px}

/* Offline communicates a lifecycle rather than a binary switch. */
.offline-demo{position:relative}
.offline-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0 22px}.offline-progress span{height:4px;border-radius:4px;background:#2d3631;transition:background 200ms ease}.offline-progress span.is-active{background:var(--omni-green);box-shadow:0 0 14px #00ff5155}
.offline-queue{display:grid;gap:10px;margin:16px 0 20px}.offline-queue-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid #ffffff18;border-radius:12px;background:#0d1210;font-size:12px}.offline-queue-row span{color:#aab6af}.offline-queue-row strong{font-variant-numeric:tabular-nums}.offline-queue-row[data-status="pending"] strong{color:#f4c96b}.offline-queue-row[data-status="synced"] strong{color:#65e78f}
.offline-timeline{display:grid;gap:8px;margin:0 0 22px}.offline-timeline div{display:flex;gap:10px;align-items:center;color:#77837c;font-size:11px}.offline-timeline i{width:7px;height:7px;border-radius:50%;background:#39423d}.offline-timeline .is-current{color:#eaf0ec}.offline-timeline .is-current i{background:#00ff51;box-shadow:0 0 0 5px #00ff5114}


@media(max-width:900px){
  .journey{grid-template-columns:1fr!important}.journey-visual{min-height:0!important;height:auto!important;aspect-ratio:16/10!important}.journey-content{padding:28px!important}.journey-narrative>p:not(.eyebrow){min-height:0!important}.journey-success{left:14px!important;right:14px!important;bottom:14px!important;max-width:360px!important}
  .crm-showcase{grid-template-columns:1fr!important}.scenario-options{grid-template-columns:repeat(3,1fr)!important}.scenario-options button{min-height:150px!important;display:block!important}.scenario-options button b{float:right}.channel-preview{grid-template-columns:1fr!important}.omni-channel-device{min-height:360px}
}
@media(max-width:650px){
  .journey-visual{aspect-ratio:4/5!important}.journey-film img{object-position:50% 38%!important}.journey-content{padding:22px 18px!important}.journey-tabs{display:grid!important;grid-template-columns:repeat(3,1fr);gap:5px!important;margin-bottom:24px!important}.journey-tabs button{padding:9px 5px!important;font-size:11px!important}.journey-artifact{min-height:0!important;margin:18px 0!important}.journey-success strong{font-size:15px!important}.journey-success{max-width:calc(100% - 24px)!important;padding:12px 14px!important}.journey-photo-note{font-size:11px!important}
  .scenario-options{grid-template-columns:1fr!important}.scenario-options button{min-height:88px!important;display:flex!important;padding:16px!important}.crm-showcase{padding:12px!important;gap:14px!important;border-radius:18px!important}.crm-showcase .hf-crm-frame{border-radius:15px}.crm-showcase .crm-story{min-height:380px!important}
  .product-toolbar{display:grid!important;grid-template-columns:1fr;gap:10px!important}.product-tabs{width:100%;padding:4px;border-radius:16px!important;scroll-snap-type:x mandatory}.product-tabs button{flex:1 0 auto;min-width:max-content;scroll-snap-align:start}.view-controls{display:grid!important;grid-template-columns:minmax(0,1fr) 52px;gap:8px;width:100%!important}.device-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.device-tabs button{min-width:0!important;padding:8px 5px!important;font-size:11px}.device-tabs button svg{width:15px;height:15px}.theme-toggle{justify-content:center!important;padding:0!important}.theme-toggle span:last-child{display:none!important}.product-viewport.hf-device-ready{height:min(730px,82svh)!important;min-height:650px!important;padding:0!important}.product-viewport.hf-device-ready[data-device-stage=tablet]{height:min(760px,84svh)!important}.product-viewport.hf-device-ready[data-device-stage=mobile]{height:min(710px,80svh)!important}.hf-device-note{margin:12px 0 0!important}.channel-selector{grid-template-columns:repeat(3,minmax(0,1fr))!important}.channel-selector button{min-height:82px!important;padding:10px 6px!important;border-right:1px solid #ffffff18!important;border-bottom:0!important;display:flex!important;align-items:center;justify-content:center;gap:4px;flex-direction:column}.channel-selector .channel-icon{width:30px;height:30px;margin:0!important}.channel-selector strong{font-size:11px!important}.channel-selector small{display:none!important}.channel-preview{padding:18px 0!important}.omni-channel-console{min-height:0;padding:16px 16px 0;border-radius:18px}.omni-console-brand>i{display:none}.omni-delivery-route{padding:14px 0 12px;font-size:9px}.omni-notification-card{grid-template-columns:32px minmax(0,1fr);margin-right:84px;padding:13px}.omni-notification-card .omni-channel-symbol{width:32px;height:32px}.omni-delivery-state{display:none}.omni-reversal-card{grid-template-columns:28px minmax(0,1fr);margin-right:84px;margin-bottom:124px}.omni-reversal-card time{display:none}.omni-channel-console>.omni-channel-phone{right:16px;width:94px}.omni-phone-speaker{margin-bottom:18px}.omni-channel-phone p{font-size:9px}.omni-channel-phone small{font-size:7px}
  .offline-progress{gap:5px}.offline-layout{gap:22px!important}
}

/* Ritmo final de landing: capítulos compactos, delimitados y fáciles de leer.
   Se carga al final para ganar sobre estilos de módulos y catálogos. */
@media (min-width:1024px) and (min-height:680px){
  html{scroll-snap-type:y proximity;scroll-padding-top:var(--header)}
  main>section,.cinematic-scroll>.hero,.cinematic-scroll>.evolution{scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:0}
  .section,.business-showcase{display:flex!important;align-items:center!important;min-height:calc(100svh - var(--header))!important;padding-block:clamp(42px,6vh,72px)!important;border-top:1px solid rgba(255,255,255,.055)}
  .hero{min-height:100svh!important;padding:clamp(98px,12vh,132px) 0 24px!important}
  .hero-grid{gap:clamp(38px,5vw,64px)!important}.hero h1{font-size:clamp(52px,5.35vw,78px)!important}.hero-lead{margin-top:22px!important;font-size:18px!important;line-height:1.52!important}.hero-actions{margin-top:26px!important}.hero-media{padding:10px 0 32px!important}.hero-photo{max-height:58svh!important}.hero-proof{margin-top:26px!important;padding:0!important;border:0!important}
  .cinematic-scroll>.evolution{min-height:calc(100svh - var(--header))!important}.evolution{padding-top:0!important}.evolution-rail{gap:12px!important}.evolution-card{min-height:clamp(330px,48vh,420px)!important;padding:18px!important}.paper-scene,.sheet-scene,.connected-scene{width:min(82%,280px)!important}.evolution-card h3{font-size:21px!important}.evolution-card p{font-size:13px!important;line-height:1.45!important}
  .section-intro{margin-bottom:clamp(22px,3.5vh,34px)!important}.section-intro h2,.faq-heading h2,.final-card h2{margin-top:12px!important;font-size:clamp(36px,4.45vw,60px)!important;line-height:1!important}.section-intro>p:last-child,.section-intro.split>p{font-size:16px!important;line-height:1.5!important}.section-intro.split{gap:clamp(28px,4vw,52px)!important;align-items:center!important}
  .product{padding-top:0!important;background:transparent!important}.product-toolbar{margin-bottom:14px!important}.product-viewport,.product-viewport.hf-device-ready{height:clamp(510px,calc(100svh - 245px),660px)!important;min-height:510px!important}.device-stage{min-height:0!important}
  .flow-bento{grid-template-rows:repeat(2,minmax(245px,28vh))!important}.flow-card{padding:24px!important}.flow-copy h3{font-size:clamp(24px,2.4vw,34px)!important}.sale-receipt{width:min(340px,44%)!important;right:-12px!important;bottom:-44px!important}
  .connected-flow .section-intro{margin-bottom:20px!important}.connected-operation{max-height:calc(100svh - 215px)!important;overflow:hidden!important}.operation-heading{padding:13px 18px!important}.operation-cards>article{padding:18px!important}.operation-index{font-size:12px!important}.operation-index span{font-size:8px!important}.operation-cards h3{min-height:0!important;margin:13px 0 8px!important;font-size:clamp(19px,1.8vw,23px)!important}.operation-cards article>p{min-height:0!important;font-size:12px!important;line-height:1.45!important}.operation-screen{min-height:190px!important;margin-top:16px!important;padding:13px!important}.operation-product{padding:8px 0!important}.operation-product img{width:36px!important;height:40px!important}.operation-total{margin-top:16px!important}.stock-count{margin:18px 0!important}.stock-count b{font-size:34px!important}.cash-operation dl>div{padding:12px 0!important}.operation-controls{padding:14px 18px!important;gap:12px!important}.operation-controls p{font-size:11px!important}
  .industries .section-intro{margin-bottom:20px!important}.business-explorer{grid-template-columns:.95fr 1.05fr!important}.business-photo{min-height:clamp(360px,48vh,470px)!important}.business-content{padding:24px!important}.profile-options{max-height:132px!important;overflow:auto!important;margin:14px 0 18px!important;padding-right:4px!important;scrollbar-color:#59625d #111514}.profile-options button{min-height:40px!important;padding:8px 10px!important}.profile-detail{padding-top:18px!important}.profile-detail h3{font-size:clamp(24px,2.4vw,32px)!important}.profile-detail p{margin:10px 0 14px!important;font-size:14px!important;line-height:1.5!important}.profile-actions{margin:18px 0 10px!important}
  .crm-showcase,.communications-stage,.julieta-layout,.offline-layout{max-height:calc(100svh - 270px)!important;min-height:420px!important}.crm-showcase,.communications-stage{overflow:hidden!important}.crm-showcase .hf-crm-frame{height:min(470px,calc(100svh - 320px))!important}.channel-preview{min-height:0!important}.omni-channel-device{min-height:min(330px,calc(100svh - 340px))!important}.julieta-layout{align-items:center!important;gap:clamp(28px,5vw,70px)!important}.julieta-method{margin-block:22px!important}.julieta-lab{max-height:calc(100svh - 260px)!important;overflow:auto!important}.offline-demo{align-self:center!important}
  .business-showcase .section-intro{margin-bottom:16px!important}.business-showcase-toolbar{margin:14px 0!important}.business-showcase-viewport{padding:6px 0 18px!important}.business-showcase-card{width:300px!important;flex-basis:300px!important}.business-showcase-card>img,.business-slot-art{height:205px!important}.business-card-copy{padding:18px!important}.business-card-copy h3{margin:8px 0!important;font-size:21px!important}
  .markets-section .section-intro{margin-bottom:18px!important}.market-explorer{grid-template-columns:minmax(0,1fr) 300px!important;gap:18px!important;align-items:stretch!important}.world-viewport{height:min(360px,42vh)!important;max-height:360px!important}.market-key{margin-bottom:10px!important}.world-controls{margin-top:8px!important}.market-selection{max-height:min(360px,42vh)!important;overflow:auto!important;padding:18px!important}.country-options{max-height:105px!important}.market-readiness h3{font-size:22px!important}.market-readiness p{font-size:11px!important;line-height:1.55!important}.market-footnote{margin-top:12px!important}
  .pricing .section-intro{margin-bottom:24px!important}.pricing-grid{gap:14px!important}.plan-card{min-height:clamp(405px,56vh,470px)!important;padding:24px!important}.plan-price{margin-top:20px!important;padding-bottom:18px!important}.plan-card ul{gap:10px!important;margin:20px 0 22px!important}
  .faq{padding-bottom:clamp(42px,6vh,70px)!important}.faq-grid{gap:clamp(44px,7vw,82px)!important}.faq-heading{position:static!important}.faq-list summary{min-height:64px!important;font-size:16px!important}.faq-list details p{padding-bottom:18px!important}.final-cta{min-height:calc(86svh - var(--header))!important;padding-top:clamp(42px,6vh,70px)!important}.final-card{padding:clamp(54px,8vh,78px) 32px!important}
}

@media (max-width:1023px){
  html{scroll-snap-type:none!important}.section,.business-showcase{padding-block:68px}.section-intro{margin-bottom:30px}.business-explorer,.crm-showcase,.communications-stage,.julieta-layout,.offline-layout{border-radius:22px}
}
@media (max-width:700px){
  .section,.business-showcase{padding-block:58px}.section-intro h2,.faq-heading h2,.final-card h2{font-size:clamp(34px,10vw,46px)!important}.section-intro>p:last-child,.section-intro.split>p{font-size:15px!important;line-height:1.55!important}
}
@media (prefers-reduced-motion:reduce){html{scroll-snap-type:none!important}}
@media(prefers-reduced-motion:reduce){.serene-motion .ambient-scene::before,.serene-motion .ambient-scene::after{animation:none!important}.journey-film,.omni-channel-message{transition:none!important}}

/* The theme is a neighboring product control, not a detached utility. */
.theme-toggle{min-width:126px;justify-content:center;border-color:#3d4842!important;background:#121816!important;color:#e5eee8!important}
.theme-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;flex:0 0 auto}
.theme-toggle[aria-pressed="true"]{background:#f1f3f1!important;color:#111413!important;border-color:#f1f3f1!important}
@media(max-width:650px){.view-controls{grid-template-columns:minmax(0,1fr) 120px!important;gap:6px!important}.theme-toggle{min-width:0!important;padding:0 9px!important;font-size:10px!important;white-space:nowrap}.theme-toggle span[data-theme-label]{display:inline!important}}

/* Keep the real screen and its controls in one compact workbench. */
.product-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(286px,338px);gap:28px;align-items:start}
.product-screen-column{display:grid;min-width:0}
.product-screen-column .hf-view-title{grid-area:1/1;margin-top:0}
.product-screen-column .product-viewport{grid-area:2/1}
.product-controls-column{position:sticky;top:94px;display:grid;gap:14px;padding:14px;border:1px solid #ffffff16;border-radius:20px;background:linear-gradient(145deg,#111715f4,#0c100ef4);box-shadow:0 18px 48px #0005;backdrop-filter:blur(16px)}
.product-controls-column .product-toolbar{display:grid;gap:12px;margin:0}
.product-controls-column .product-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;border-radius:14px}
.product-controls-column .product-tabs button{padding:0 10px;text-align:left}
.product-controls-column .product-tabs button:last-child{grid-column:1/-1}
.product-controls-column .view-controls{display:grid;grid-template-columns:1fr;gap:8px}
.product-controls-column .device-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
.product-controls-column .device-tabs button{min-width:0;padding:0 7px;font-size:11px}
.product-controls-column .device-tabs svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}
.product-controls-column .theme-toggle{width:100%;min-height:46px}
.product-controls-column .product-guide{margin:0;padding:12px 2px;border-top:1px solid #ffffff12;color:#b7c3bc;font-size:12px;line-height:1.55}
.product-controls-column .product-caption{display:grid;gap:9px;margin:0;padding-top:2px;border:0}
.product-controls-column .product-caption p{margin:0;font-size:12px;line-height:1.55}
.product-controls-column .product-caption a{min-height:44px;justify-content:center}
@media(max-width:1040px){.product-workbench{grid-template-columns:minmax(0,1fr) 276px;gap:20px}.product-controls-column{top:78px;padding:12px}.product-controls-column .product-tabs button{font-size:12px}}
@media(max-width:760px){.product-workbench{grid-template-columns:1fr;gap:18px}.product-screen-column{order:2}.product-controls-column{position:static;order:1}.product-controls-column .product-toolbar{gap:10px}.product-controls-column .product-tabs{display:flex;overflow:auto;scroll-snap-type:x mandatory}.product-controls-column .product-tabs button{flex:0 0 auto;min-width:max-content;scroll-snap-align:start}.product-controls-column .product-tabs button:last-child{grid-column:auto}.product-controls-column .view-controls{grid-template-columns:minmax(0,1fr) 120px;gap:6px}.product-controls-column .theme-toggle{min-width:0;font-size:10px}.product-controls-column .product-caption{grid-template-columns:1fr 1fr}.product-controls-column .product-caption p{grid-column:1/-1}}

/* The global motion background was removed: visual motion now lives inside real sections. */
.serene-motion .ambient-scene::before,.serene-motion .ambient-scene::after{content:none!important;animation:none!important}
.serene-motion .ambient-scene .hf-cosmic-orb{display:none!important}

/* Responsive compact pass: keep the real screens legible without forcing inner scrolls. */
@media (max-width:900px){
  .product-workbench{grid-template-columns:1fr!important;gap:16px!important}
  .product-controls-column{position:static!important;order:1!important}
  .product-screen-column{order:2!important}
  .product-screen-column .product-viewport{width:100%!important}
}
@media (max-width:700px){
  .product-viewport.hf-device-ready{height:620px!important;min-height:0!important}
  .product-viewport.hf-device-ready[data-device-stage="tablet"]{height:650px!important}
  .product-viewport.hf-device-ready[data-device-stage="mobile"]{height:600px!important}
  .product-viewport.hf-device-ready[data-device-stage="mobile"]>.hf-live-mount{transform:scale(.9)!important;transform-origin:50% 50%!important}
  .device-stage[data-device-stage="mobile"] .kpi-row article{min-width:0!important;overflow:hidden!important;padding:9px 8px!important}
  .device-stage[data-device-stage="mobile"] .kpi-row strong{font-size:clamp(11px,3.25vw,14px)!important;line-height:1.12!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .device-stage[data-device-stage="mobile"] .kpi-row span,.device-stage[data-device-stage="mobile"] .kpi-row small{font-size:6px!important;line-height:1.25!important;white-space:normal!important}
  .crm-showcase{max-height:none!important;overflow:visible!important;padding:10px!important;gap:10px!important}
  .scenario-options{gap:6px!important}
  .scenario-options button{min-height:72px!important;padding:11px 12px!important}
  .scenario-options button strong{font-size:13px!important;line-height:1.2!important}
  .scenario-options button small{font-size:10px!important;line-height:1.3!important}
  .crm-showcase .hf-crm-frame{height:450px!important;min-height:0!important}
  .crm-showcase .crm-story{height:450px!important;min-height:0!important;padding:16px!important;font-size:13px!important}
  .crm-showcase .crm-story .message-preview{margin:15px 0!important;padding:14px!important;font-size:13px!important;line-height:1.45!important}
  .crm-showcase .crm-story .button{min-height:44px!important;padding:10px 14px!important;font-size:11px!important}
  .julieta-layout,.offline-layout{gap:22px!important}
  .julieta-lab{max-height:none!important;overflow:visible!important;padding:16px!important}
  .julieta-lab>header{margin-bottom:15px!important}
  .julieta-prompts{gap:5px!important;margin-bottom:14px!important}
  .julieta-prompts button{min-height:40px!important;padding:8px 10px!important;font-size:11px!important}
  .julieta-lab .chat-bubble{font-size:12px!important;line-height:1.45!important;padding:12px!important;margin:9px 0!important}
  .answer-facts{gap:4px!important}
  .answer-facts span{font-size:9px!important;padding:6px!important}
  .julieta-next{font-size:10px!important;line-height:1.45!important;margin:12px 0!important}
  .julieta-lab>small{font-size:9px!important;margin-top:12px!important}
  .julieta-lab .button{min-height:44px!important;font-size:11px!important;padding:10px!important}
  .offline-layout{padding:18px!important}
  .offline-layout>div>p{font-size:14px!important;line-height:1.5!important}
  .offline-demo{padding:18px!important}
  .offline-ticket{padding:16px!important}
}
@media (min-width:701px) and (max-width:1023px){
  .product-viewport.hf-device-ready{height:720px!important;min-height:0!important}
  .product-viewport.hf-device-ready[data-device-stage="tablet"]{height:720px!important}
  .crm-showcase .hf-crm-frame{height:500px!important}
  .crm-showcase .crm-story{height:500px!important;min-height:0!important;padding:20px!important}
  .julieta-lab{max-height:none!important;overflow:visible!important;padding:22px!important}
  .offline-layout{gap:30px!important}
}

.product-julieta-link{display:inline-flex;align-items:center;min-height:40px;color:#9cf6b5;font-size:12px;font-weight:680;letter-spacing:.01em;transition:color 180ms ease,transform 180ms var(--omni-ease)}
.product-julieta-link:hover{color:#d6ffe1;transform:translateY(-2px)}
@media(max-width:760px){.product-julieta-link{min-height:44px;justify-content:center;padding:0 10px;border:1px solid #ffffff18;border-radius:10px;background:#ffffff05}}

/* Clean marketing ambience: restore the green mood without mounting image/video layers. */
body.serene-motion{
  background:
    radial-gradient(ellipse at 84% 7%,rgba(0,255,81,.18),transparent 31rem),
    radial-gradient(ellipse at 14% 36%,rgba(0,255,81,.075),transparent 26rem),
    radial-gradient(ellipse at 72% 74%,rgba(18,78,46,.16),transparent 34rem),
    #08080a!important;
}
.serene-motion .ambient-scene{
  display:block!important;
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 78% 9%,rgba(0,255,81,.13),transparent 30rem),
    radial-gradient(ellipse at 22% 58%,rgba(16,80,47,.13),transparent 32rem)!important;
}
.serene-motion .ambient-scene::before{
  content:""!important;
  position:absolute;
  inset:-18%;
  display:block!important;
  opacity:.68!important;
  background:linear-gradient(115deg,transparent 16%,rgba(0,255,81,.038) 47%,transparent 72%);
  transform:translate3d(calc(var(--ambient-shift,0)*1px),0,0);
  animation:none!important;
}
.serene-motion .ambient-scene::after,
.serene-motion .ambient-scene .hf-cosmic-orb,
.cinematic-visual{
  display:none!important;
  opacity:0!important;
  animation:none!important;
}
.cinematic-scroll{
  background:transparent!important;
}
.cinematic-scroll>.hero,
.cinematic-scroll>.evolution{
  background:transparent!important;
}
.serene-motion h1,
.serene-motion h2{
  text-shadow:0 1px 0 rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.18)!important;
  filter:none!important;
}
.serene-motion h1 em,
.serene-motion h2 em{
  text-shadow:0 1px 0 rgba(255,255,255,.04),0 8px 24px rgba(0,255,81,.12)!important;
  filter:none!important;
}
#transicion .section-intro h2,
#transicion .section-intro h2 em{
  text-shadow:none!important;
  filter:none!important;
}
#transicion .section-intro{
  position:relative;
  z-index:2;
}

/* Final interaction fit pass: local product demo, compact hero and robust device controls. */
.product-studio-mount{height:100%;min-height:590px;background:#09090c;border-radius:12px;overflow:hidden}
.product-studio-mount>.studio{height:100%;min-height:590px;border-radius:12px;box-shadow:none}
.product-studio-mount .st-body{min-height:535px}
.product-studio-mount .st-main{overflow:auto;max-height:calc(100% - 52px);scrollbar-color:#3a5146 #101412}
.live-device{width:min(100%,1040px)!important;min-width:0!important;transition:width 260ms var(--ease-out),max-width 260ms var(--ease-out),border-radius 260ms var(--ease-out),transform 260ms var(--ease-out),opacity 180ms ease!important}
[data-device-stage="tablet"] .live-device{width:min(100%,760px)!important;min-width:0!important;max-width:760px!important}
[data-device-stage="mobile"] .live-device{width:min(100%,390px)!important;min-width:0!important;max-width:390px!important;padding:8px!important}
[data-device-stage="mobile"] .product-studio-mount{min-height:620px}
[data-device-stage="mobile"] .product-studio-mount>.studio{min-height:620px}
[data-device-stage="mobile"] .st-body{min-height:570px}
[data-device-stage="mobile"] .st-titlebar .st-demo-label{display:none}
.product-viewport{display:flex!important;align-items:center!important;justify-content:center!important;min-height:610px!important;height:auto!important;padding:16px!important;overflow:auto!important}
.product-viewport.is-device-switching .live-device{opacity:.25;transform:translate3d(0,8px,0) scale(.985)}
.product-viewport.is-device-arriving .live-device{animation:omni-device-arrive 460ms cubic-bezier(.22,1,.36,1)}
@keyframes omni-device-arrive{from{opacity:.45;transform:translate3d(0,12px,0) scale(.985)}to{opacity:1;transform:none}}
.product-controls-column{align-self:start!important;max-width:360px;width:100%}
.product-controls-column .product-toolbar{gap:14px!important}
.product-controls-column .product-tabs{padding:5px!important;gap:5px!important;background:#0b0f0dcc;border:1px solid #ffffff12}
.product-controls-column .product-tabs button{min-height:48px!important;border-radius:11px!important;font-size:13px!important;line-height:1!important;white-space:nowrap!important}
.product-controls-column .view-controls{gap:10px!important}
.product-controls-column .device-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(82px,1fr))!important;gap:5px!important;padding:5px!important;border:1px solid #ffffff14;border-radius:16px;background:#0b0f0dcc;overflow:hidden}
.product-controls-column .device-tabs button{min-height:44px!important;gap:6px!important;padding:0 8px!important;border-radius:12px!important;font-size:12px!important;line-height:1!important;white-space:nowrap!important;justify-content:center!important}
.product-controls-column .device-tabs button svg{width:16px!important;height:16px!important;flex:0 0 auto!important}
.product-controls-column .theme-toggle{min-height:48px!important;border-radius:16px!important}
.product-controls-column .product-caption{gap:8px!important}
.product-controls-column .product-caption a{border-radius:13px!important;text-align:center!important}
@media (min-width:1024px) and (min-height:680px){
  .hero{min-height:auto!important;padding:clamp(88px,8vh,112px) 0 clamp(26px,4vh,48px)!important}
  .hero-grid{align-items:center!important;gap:clamp(32px,4vw,56px)!important}
  .hero-media{padding:0!important}
  .hero-photo{max-height:min(510px,50svh)!important}
  .hero-proof{margin-top:clamp(18px,2.8vh,28px)!important}
  .section,.business-showcase{min-height:auto!important;padding-block:clamp(58px,7vh,86px)!important}
  .product.section{min-height:calc(100svh - var(--header))!important}
  .product-viewport{min-height:clamp(560px,calc(100svh - 250px),690px)!important}
}
@media (max-width:1040px){
  .product-workbench{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  .product-controls-column{position:static!important;max-width:none!important;order:1!important}
  .product-screen-column{order:2!important}
  .product-controls-column .view-controls{grid-template-columns:minmax(0,1fr) minmax(132px,170px)!important;align-items:stretch!important}
  .product-controls-column .device-tabs{grid-template-columns:repeat(3,minmax(74px,1fr))!important}
}
@media (max-width:700px){
  .product-controls-column .view-controls{grid-template-columns:1fr!important}
  .product-controls-column .device-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .product-controls-column .device-tabs button{font-size:11px!important;padding:0 5px!important}
  .product-viewport{min-height:650px!important;padding:12px 6px!important;align-items:flex-start!important}
  .product-studio-mount{min-height:610px}
  .product-studio-mount>.studio{min-height:610px}
  .hero{padding-bottom:30px!important}
  .hero-proof{margin-top:24px!important}
}
@media (prefers-reduced-motion:reduce){
  .product-viewport.is-device-arriving .live-device{animation:none!important}
  .product-viewport.is-device-switching .live-device{opacity:1!important;transform:none!important}
}

/* Device-specific containment: the phone preview behaves like a phone even on desktop viewports. */
html{scroll-padding-top:calc(var(--header,76px) + 14px)}
main>section,.section,.business-showcase{scroll-margin-top:calc(var(--header,76px) + 14px)}
[data-device-stage="mobile"] .studio{font-size:11px!important;border-radius:22px!important}
[data-device-stage="mobile"] .st-titlebar{min-height:48px!important;padding:7px 9px!important;gap:6px!important;flex-wrap:wrap!important}
[data-device-stage="mobile"] .st-titlebar>span:first-child{max-width:145px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:12px!important}
[data-device-stage="mobile"] .st-titlebar img{width:18px!important;height:18px!important}
[data-device-stage="mobile"] .st-titlebar .v-theme{order:3;margin-left:0!important;font-size:10px!important;min-height:38px!important;padding:6px 8px!important}
[data-device-stage="mobile"] .st-titlebar .st-icon{order:4;width:38px!important;height:38px!important;min-height:38px!important}
[data-device-stage="mobile"] .st-body{flex-direction:column!important;min-height:560px!important}
[data-device-stage="mobile"] .st-nav{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;padding:7px!important;border-right:0!important;border-bottom:1px solid var(--st-line)!important}
[data-device-stage="mobile"] .st-nav>button{justify-content:center!important;gap:4px!important;min-height:42px!important;padding:7px 4px!important;font-size:9px!important;text-align:center!important}
[data-device-stage="mobile"] .st-nav>button svg{width:13px!important;height:13px!important}
[data-device-stage="mobile"] .st-nav-bottom{display:none!important}
[data-device-stage="mobile"] .st-main{padding:10px 8px!important;max-height:none!important;overflow:visible!important}
[data-device-stage="mobile"] .st-pos-toolbar{gap:6px!important;flex-wrap:wrap!important;margin-bottom:10px!important}
[data-device-stage="mobile"] .st-small-tabs button{font-size:10px!important;padding:7px 10px!important}
[data-device-stage="mobile"] .st-button{font-size:10px!important;padding:8px 10px!important}
[data-device-stage="mobile"] .st-pos-layout{grid-template-columns:1fr!important;gap:10px!important;min-height:0!important}
[data-device-stage="mobile"] .st-catalog{padding:9px!important}
[data-device-stage="mobile"] .st-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
[data-device-stage="mobile"] .st-product>strong{font-size:11px!important;min-height:30px!important}
[data-device-stage="mobile"] .st-product-photo{aspect-ratio:1.05!important}
[data-device-stage="mobile"] .st-ticket-top,[data-device-stage="mobile"] .st-ticket-bottom{padding:13px!important}
[data-device-stage="mobile"] .st-ticket-items{padding:4px 12px!important}
[data-device-stage="mobile"] .st-ticket-item{font-size:11px!important}
[data-device-stage="mobile"] .st-kpis{grid-template-columns:1fr 1fr!important;gap:8px!important}
[data-device-stage="mobile"] .st-dash-grid{grid-template-columns:1fr!important}
[data-device-stage="mobile"] .st-floor-layout{grid-template-columns:1fr!important}
[data-device-stage="mobile"] .st-crm-layout{grid-template-columns:1fr!important}
[data-device-stage="tablet"] .studio{font-size:12px}
[data-device-stage="tablet"] .st-body{flex-direction:column!important;min-height:600px!important}
[data-device-stage="tablet"] .st-nav{width:100%!important;flex-direction:row!important;flex-wrap:wrap!important;border-right:0!important;border-bottom:1px solid var(--st-line)!important}
[data-device-stage="tablet"] .st-nav-bottom{display:none!important}

/* Hotfix: the landing product demo is a live interface, not a rendered device capture. */
.product-viewport.hf-device-ready,
.product-viewport{height:auto!important;min-height:660px!important;padding:16px!important;overflow:auto!important;background:linear-gradient(155deg,#101512,#070908 76%)!important;border-color:#ffffff14!important;box-shadow:none!important}
.product-viewport.hf-device-ready>.hf-live-mount,
.hf-device-ready>.hf-live-mount{position:static!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;transform:none!important;opacity:1!important;filter:none!important}
.hf-live-mount>.live-device{height:auto!important;padding:8px!important;border:1px solid #555b58!important;border-radius:18px!important;box-shadow:0 24px 65px #0008!important;background:#202423!important}
.hf-live-mount .live-device-chrome{display:flex!important}
.product-studio-mount{min-height:640px!important;height:auto!important;overflow:auto!important}
.product-studio-mount>.studio{min-height:640px!important;height:auto!important;overflow:visible!important}
.product-studio-mount .st-main{max-height:none!important;overflow:visible!important}
[data-device-stage="laptop"] .live-device{width:min(100%,1080px)!important;max-width:1080px!important}
[data-device-stage="tablet"] .live-device{width:min(100%,820px)!important;max-width:820px!important}
[data-device-stage="mobile"] .live-device{width:min(100%,440px)!important;max-width:440px!important;border-radius:28px!important}
[data-device-stage="mobile"] .product-studio-mount{min-height:720px!important}
[data-device-stage="mobile"] .product-studio-mount>.studio{min-height:720px!important}
[data-device-stage="mobile"] .st-body{min-height:670px!important}
.product-viewport::after{display:none!important}


/* Emergency fit: keep the simulated hardware fixed; scroll only inside the screen. */
.product-viewport,
.product-viewport.hf-device-ready{height:clamp(610px,72svh,720px)!important;min-height:0!important;overflow:hidden!important;align-items:center!important;padding:16px!important}
.live-device{display:flex!important;flex-direction:column!important;overflow:hidden!important}
.live-device-chrome{flex:0 0 34px!important}
.product-studio-mount{height:100%!important;min-height:0!important;overflow:hidden!important}
.product-studio-mount>.studio{height:100%!important;min-height:0!important;overflow:hidden!important}
.product-studio-mount .st-body{height:calc(100% - 52px)!important;min-height:0!important;overflow:hidden!important}
.product-studio-mount .st-main{height:100%!important;max-height:none!important;min-height:0!important;overflow:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
[data-device-stage="laptop"] .live-device{width:min(100%,1040px)!important;height:100%!important;max-height:680px!important}
[data-device-stage="tablet"] .live-device{width:min(100%,760px)!important;height:100%!important;max-height:690px!important;border-radius:26px!important}
[data-device-stage="mobile"] .live-device{width:min(100%,390px)!important;height:100%!important;max-height:660px!important;border-radius:30px!important}
[data-device-stage="mobile"] .product-viewport,
.product-viewport[data-device-stage="mobile"]{height:660px!important}
[data-device-stage="tablet"] .product-viewport,
.product-viewport[data-device-stage="tablet"]{height:690px!important}
[data-device-stage="mobile"] .product-studio-mount,
[data-device-stage="mobile"] .product-studio-mount>.studio,
[data-device-stage="mobile"] .st-body{min-height:0!important;height:100%!important}
@media(max-width:700px){.product-viewport,.product-viewport.hf-device-ready{height:640px!important}.live-device{height:100%!important}.product-studio-mount .st-main{overflow:auto!important}}


/* Final contact policy: only the WhatsApp CTA is allowed to float on the landing. */
.hf-chat-trigger,
.hf-chat-dialog,
.support-assistant,
.customer-assistant,
.help-assistant,
.assistant-floating,
[data-support-launcher],
[data-assistant-launcher],
[data-customer-assistance],
[data-crisp-chatbox],
.crisp-client{display:none!important;visibility:hidden!important;pointer-events:none!important}
body>button[aria-label*="chat" i]:not(.whatsapp-contact),
body>button[aria-label*="asistencia" i]:not(.whatsapp-contact),
body>button[aria-label*="ayuda" i]:not(.whatsapp-contact),
body>button[aria-label*="soporte" i]:not(.whatsapp-contact),
body>a[aria-label*="chat" i]:not(.whatsapp-contact),
body>a[aria-label*="asistencia" i]:not(.whatsapp-contact),
body>a[aria-label*="ayuda" i]:not(.whatsapp-contact),
body>a[aria-label*="soporte" i]:not(.whatsapp-contact){display:none!important;visibility:hidden!important;pointer-events:none!important}

/* Final product-stage sizing: device frame stays fixed; the simulated screen scrolls inside. */
.product-shell{align-items:start!important}
.product-viewport,
.product-viewport.hf-device-ready{height:clamp(560px,66svh,680px)!important;min-height:0!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:14px!important}
.hf-live-mount{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.live-device{height:100%!important;max-height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;margin:auto!important}
.live-device-chrome{flex:0 0 32px!important;min-height:32px!important}
.product-studio-mount{height:100%!important;min-height:0!important;overflow:hidden!important}
.product-studio-mount>.studio{height:100%!important;min-height:0!important;overflow:hidden!important}
.product-studio-mount .st-body{height:calc(100% - 52px)!important;min-height:0!important;overflow:hidden!important}
.product-studio-mount .st-main{height:100%!important;min-height:0!important;max-height:none!important;overflow:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
[data-device-stage="laptop"] .live-device{width:min(100%,980px)!important}
[data-device-stage="tablet"] .live-device{width:min(100%,740px)!important;border-radius:26px!important}
[data-device-stage="mobile"] .live-device{width:min(100%,380px)!important;border-radius:30px!important}
@media(max-width:760px){.product-viewport,.product-viewport.hf-device-ready{height:640px!important;padding:10px!important}.product-tools{position:relative!important;top:auto!important}.product-grid{gap:18px!important}}

/* Visual QA fix: restore comfortable product density and prevent KPI/text collisions. */
.product-viewport,
.product-viewport.hf-device-ready{height:clamp(620px,70svh,760px)!important;padding:18px!important}
[data-device-stage="laptop"] .live-device{width:min(100%,1120px)!important}
[data-device-stage="tablet"] .live-device{width:min(100%,860px)!important;border-radius:28px!important}
[data-device-stage="mobile"] .live-device{width:min(100%,430px)!important;border-radius:32px!important}
.product-studio-mount .st-main{padding:22px!important}
.product-studio-mount .st-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.product-studio-mount .st-kpi{padding:16px 14px!important;overflow:hidden!important}
.product-studio-mount .st-kpi strong{font-size:clamp(20px,1.65vw,26px)!important;line-height:1.02!important;letter-spacing:-.045em!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
.product-studio-mount .st-kpi>span{font-size:10px!important;line-height:1.25!important}
.product-studio-mount .st-kpi small{font-size:9px!important;line-height:1.35!important}
.product-studio-mount .st-small-tabs{background:#111317!important;border-color:#29302d!important;box-shadow:none!important;gap:5px!important;border-radius:16px!important;padding:5px!important;flex-wrap:wrap!important}
.product-studio-mount .st-small-tabs button{background:#171a19!important;border:1px solid #303834!important;color:#aeb8b3!important;box-shadow:none!important;outline:0!important;border-radius:12px!important;min-height:38px!important;padding:8px 13px!important}
.product-studio-mount .st-small-tabs button[aria-pressed="true"]{background:#12382a!important;border-color:#2f7b5b!important;color:#75efbb!important}
.product-studio-mount .st-small-tabs button:focus-visible{outline:2px solid #34d399!important;outline-offset:2px!important}
@media(max-width:1180px){.product-studio-mount .st-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.product-studio-mount .st-kpi strong{font-size:clamp(22px,3vw,28px)!important}}
[data-device-stage="tablet"] .product-studio-mount .st-main{padding:18px!important}
[data-device-stage="tablet"] .product-studio-mount .st-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
[data-device-stage="tablet"] .product-studio-mount .st-kpi strong{font-size:24px!important}
[data-device-stage="mobile"] .product-viewport,
.product-viewport[data-device-stage="mobile"]{height:700px!important}
[data-device-stage="mobile"] .product-studio-mount .st-main{padding:14px 12px!important}
[data-device-stage="mobile"] .product-studio-mount .st-kpis{grid-template-columns:1fr!important;gap:10px!important}
[data-device-stage="mobile"] .product-studio-mount .st-kpi{padding:14px!important}
[data-device-stage="mobile"] .product-studio-mount .st-kpi strong{font-size:25px!important;white-space:normal!important}

/* Dashboard device preview polish: prevent dense finance/calendar numbers from overlapping. */
.product-studio-mount .v-finance-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;border:1px solid var(--v-line)!important;border-radius:12px!important;overflow:hidden!important;padding-top:0!important;background:var(--v-panel)!important}
.product-studio-mount .v-finance-strip .v-kpi{padding:13px 12px!important;gap:7px!important;border-left:0!important;border-top:0!important;min-width:0!important}
.product-studio-mount .v-finance-strip .v-kpi:nth-child(2n){border-left:1px solid var(--v-line)!important}
.product-studio-mount .v-finance-strip .v-kpi:nth-child(n+3){border-top:1px solid var(--v-line)!important}
.product-studio-mount .v-finance-strip .v-kpi>strong{display:block!important;max-width:100%!important;font:650 clamp(16px,2.2cqw,22px)/1.08 ui-monospace,monospace!important;letter-spacing:-.055em!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;color:inherit!important}
.product-studio-mount .v-finance-strip .v-kpi>span{font-size:8px!important;line-height:1.25!important;letter-spacing:.08em!important}
.product-studio-mount .v-finance-strip .v-kpi small{font-size:9px!important;line-height:1.35!important}
.product-studio-mount .v-calendar-scroll{min-height:0!important;padding:8px!important;overflow:auto!important}
.product-studio-mount .v-weekdays,
.product-studio-mount .v-calendar-grid{min-width:680px!important;gap:6px!important}
.product-studio-mount .v-calendar-grid{padding:6px!important}
.product-studio-mount .v-day{min-height:86px!important;padding:7px 6px!important;gap:4px!important;overflow:hidden!important}
.product-studio-mount .v-day strong{display:block!important;font-size:clamp(11px,1.35cqw,14px)!important;line-height:1.05!important;letter-spacing:-.035em!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
.product-studio-mount .v-day small{font-size:9px!important;line-height:1.1!important}
.product-studio-mount .v-day span{font-size:9px!important;line-height:1.15!important;white-space:normal!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
.product-studio-mount .v-day:disabled{min-height:70px!important}
[data-device-stage="tablet"] .product-studio-mount .v-weekdays,
[data-device-stage="tablet"] .product-studio-mount .v-calendar-grid{min-width:720px!important}
[data-device-stage="mobile"] .product-studio-mount .v-finance-strip{grid-template-columns:1fr!important}
[data-device-stage="mobile"] .product-studio-mount .v-finance-strip .v-kpi{border-left:0!important;border-top:1px solid var(--v-line)!important}
[data-device-stage="mobile"] .product-studio-mount .v-finance-strip .v-kpi:first-child{border-top:0!important}
[data-device-stage="mobile"] .product-studio-mount .v-weekdays,
[data-device-stage="mobile"] .product-studio-mount .v-calendar-grid{min-width:620px!important}
[data-device-stage="mobile"] .product-studio-mount .v-day strong{font-size:12px!important}

/* Final KPI fit: the simulated dashboard viewport is narrower than a real desktop. */
.product-studio-mount .v-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;min-height:0!important;overflow:hidden!important;border-radius:14px!important}
.product-studio-mount .v-kpi-strip .v-kpi{min-width:0!important;padding:16px 14px!important;gap:8px!important;border-left:0!important;border-top:0!important;overflow:hidden!important}
.product-studio-mount .v-kpi-strip .v-kpi:nth-child(2n){border-left:1px solid var(--v-line)!important}
.product-studio-mount .v-kpi-strip .v-kpi:nth-child(n+3){border-top:1px solid var(--v-line)!important}
.product-studio-mount .v-kpi-strip .v-kpi>strong{display:block!important;max-width:100%!important;font-size:clamp(23px,3.1cqw,32px)!important;line-height:1.02!important;letter-spacing:-.055em!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
.product-studio-mount .v-kpi-strip .v-kpi>span{font-size:11px!important;line-height:1.25!important}
.product-studio-mount .v-kpi-strip .v-kpi small{font-size:10px!important;line-height:1.4!important}
[data-device-stage="mobile"] .product-studio-mount .v-kpi-strip{grid-template-columns:1fr!important}
[data-device-stage="mobile"] .product-studio-mount .v-kpi-strip .v-kpi{border-left:0!important;border-top:1px solid var(--v-line)!important}
[data-device-stage="mobile"] .product-studio-mount .v-kpi-strip .v-kpi:first-child{border-top:0!important}
[data-device-stage="mobile"] .product-studio-mount .v-kpi-strip .v-kpi>strong{font-size:29px!important}

/* El rótulo del hero quedaba debajo del logo en teléfono y tablet (−34 px a 390,
   −3 px a 768): studio.css, que también carga la landing y va después de
   landing.css, redefine .hero con padding-top de 30 px (12 px bajo 600). Se
   descuenta el encabezado fijo solo en la landing, sin tocar las otras páginas
   que usan studio.css. */
@media (max-width: 1023px) {
  .approved-landing-shell .hero { padding-top: calc(var(--header) + 8px); }
}

/* Ajustes de legibilidad y navegación (24-sep-2026). */
/* Entre 601 y 1100 px el header solo mostraba logo, idioma y menú: el CTA volvía visible. */
@media (min-width: 601px) and (max-width: 1100px) {
  .approved-landing-shell .nav-actions > .button { display: inline-flex; }
}
/* Enlaces del header con objetivo táctil de 44 px (medían 21). */
@media (min-width: 1101px) {
  .approved-landing-shell .desktop-nav a,
  .approved-landing-shell .nav-actions .nav-demo { min-height: 44px; display: inline-flex; align-items: center; }
}
/* Texto informativo mínimo de 11 px en móvil. Las maquetas del producto quedan igual. */
@media (max-width: 780px) {
  .approved-landing-shell .eyebrow,
  .approved-landing-shell .journey-visual .journey-photo-note,
  .approved-landing-shell .journey-tabs button,
  .approved-landing-shell .journey-success span,
  .approved-landing-shell .journey-content > small,
  .approved-landing-shell .theme-toggle span,
  .approved-landing-shell .operation-index span,
  .approved-landing-shell .business-photo figcaption,
  .approved-landing-shell .scenario-options small,
  .approved-landing-shell .demo-badge,
  .approved-landing-shell .julieta-lab > small,
  .approved-landing-shell .julieta-next,
  .approved-landing-shell .business-card-copy span,
  .approved-landing-shell .market-key span,
  .approved-landing-shell .map-location,
  .approved-landing-shell .tax-reference small,
  .approved-landing-shell .plan-ribbon,
  .approved-landing-shell .v-demo-note,
  body .whatsapp-contact-label { font-size: 11px; }
}