:root{
    --acento:#D4561F;            --acento-hover:#BC4A18;
  --acento-claro:#EE8A57;      --acento-texto:#AE4316;      --acento-boton:#BC4A18;      --crema-claro:#FBF8F2;
  --crema:#F6F1E7;
  --arena:#ECE4D4;
  --linea:#DDD3C1;
  --tinta-suave:#5E554B;
  --tinta:#1F1B17;
  --tenue:#CFC4B2;           
    --f-titulo:'Bricolage Grotesque',system-ui,sans-serif;
  --f-acento:'Fraunces',Georgia,serif;
  --f-texto:'Inter',system-ui,sans-serif;
  --f-logo:'Roboto Slab',Georgia,serif;

    --gutter:clamp(16px,4vw,48px);
  --max:1320px;
  --header-h:76px;
  --ease:cubic-bezier(.2,.7,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--crema);color:var(--tinta);
  font-family:var(--f-texto);font-weight:400;font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:16px;top:-60px;z-index:100;background:var(--tinta);color:var(--crema);padding:10px 16px;border-radius:8px}
.skip:focus{top:16px}
:focus-visible{outline:2px solid var(--acento);outline-offset:3px}

.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}

h1 em,h2 em,h3 em{
  font-family:var(--f-acento);font-style:italic;font-weight:300;
  color:var(--acento);letter-spacing:-.01em;
}

.eyebrow{
  display:flex;align-items:center;gap:12px;
  font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
  color:var(--acento-texto);
}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor;flex:none}
.eyebrow--light{color:var(--acento-claro)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 24px;border-radius:999px;border:1px solid transparent;
  font-size:15px;font-weight:500;line-height:1;white-space:nowrap;
  transition:background .3s var(--ease),color .3s,border-color .3s,transform .3s var(--ease);
}
.btn:hover{transform:translateY(-2px)}
.btn__arr{transition:transform .3s var(--ease)}
.btn:hover .btn__arr{transform:translateX(4px)}
.btn--solid{background:var(--acento-boton);color:var(--crema-claro)}
.btn--solid:hover{background:#A33F13}
.btn--ghost-light{border-color:rgba(251,248,242,.55);color:var(--crema-claro)}
.btn--ghost-light:hover{background:rgba(251,248,242,.12);border-color:var(--crema-claro)}

.link-arrow{display:inline-flex;gap:10px;align-items:center;font-weight:500;border-bottom:1px solid var(--tinta);padding-bottom:4px}
.link-arrow span{transition:transform .3s var(--ease)}
.link-arrow:hover span{transform:translateX(5px)}

.logo{display:inline-flex;align-items:baseline;gap:.07em;color:currentColor;font-size:31px}
.logo__iso{width:.763em;height:.763em;flex:none}
.iso-borde{fill:currentColor}
.iso-relleno{fill:var(--acento)}
.logo__txt{font-family:var(--f-logo);font-weight:300;font-size:1em;line-height:1;letter-spacing:-.03em}
.logo__i{position:relative;display:inline-block;line-height:1}
.logo__i::after{
  content:"";position:absolute;left:50%;top:.24em;width:.095em;height:.095em;
  border-radius:50%;background:var(--acento);transform:translateX(-50%);
}

.header{
  position:fixed;inset:0 0 auto;z-index:50;height:var(--header-h);
  color:var(--crema-claro);
  transition:background .4s var(--ease),color .4s,border-color .4s,transform .45s var(--ease);
  border-bottom:1px solid transparent;
}
.header__inner{
  max-width:var(--max);height:100%;margin:0 auto;padding:0 var(--gutter);
  display:flex;align-items:center;gap:40px;
}
.nav{display:flex;gap:32px;margin-left:auto;font-size:15px}
.nav a{position:relative;opacity:.88;transition:opacity .2s}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav a:hover{opacity:1}
.nav a:hover::after{transform:scaleX(1)}
.header__cta{padding:12px 20px;font-size:14px}

.header.is-solid{
  background:rgba(246,241,231,.86);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  color:var(--tinta);border-color:var(--linea);
}
.header.is-hidden{transform:translateY(-100%)}

.burger{display:none;width:44px;height:44px;margin-left:auto;position:relative}
.burger span{position:absolute;left:11px;right:11px;height:1.5px;background:currentColor;transition:transform .35s var(--ease),top .35s}
.burger span:first-child{top:17px}
.burger span:last-child{top:26px}
.menu-open .burger span:first-child{top:21px;transform:rotate(45deg)}
.menu-open .burger span:last-child{top:21px;transform:rotate(-45deg)}

.mmenu{
  position:fixed;inset:0;z-index:40;background:var(--crema);
  padding:calc(var(--header-h) + 32px) var(--gutter) 40px;
  display:flex;flex-direction:column;justify-content:space-between;
  opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s;
}
.mmenu nav{display:flex;flex-direction:column}
.mmenu nav a{font-family:var(--f-titulo);font-weight:600;font-size:34px;letter-spacing:-.03em;padding:12px 0;border-bottom:1px solid var(--linea)}
.menu-open .mmenu{opacity:1;visibility:visible}
.menu-open .header{background:var(--crema);color:var(--tinta);border-color:var(--linea)}

.hero{
  position:relative;min-height:100vh;min-height:100svh;
  display:flex;align-items:center;   color:var(--crema-claro);overflow:hidden;background:var(--tinta);
}
.hero__media{position:absolute;inset:0}
.hero__img{
  width:100%;height:115%;object-fit:cover;object-position:62% center;
  filter:saturate(.82) sepia(.14) contrast(1.02);
  will-change:transform;
}
.hero__shade{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(24,18,13,.86) 0%,rgba(24,18,13,.6) 38%,rgba(24,18,13,.12) 72%,rgba(24,18,13,.05) 100%),
    linear-gradient(0deg,rgba(24,18,13,.7) 0%,rgba(24,18,13,0) 45%),
    linear-gradient(180deg,rgba(24,18,13,.45) 0%,rgba(24,18,13,0) 22%);
}
.hero__content{
  position:relative;z-index:2;width:100%;max-width:var(--max);margin:0 auto;
  padding:calc(var(--header-h) + 32px) var(--gutter) clamp(88px,11vh,120px);
    display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:clamp(32px,5vw,88px);align-items:center;
}
.hero__text{min-width:0}
.hero__title{
  font-family:var(--f-titulo);font-weight:600;
  font-size:clamp(40px,5vw,78px);line-height:.98;letter-spacing:-.04em;
  max-width:10em;margin:22px 0 26px;
}
.hero__title em{color:var(--acento-claro);font-size:1.05em;font-weight:400}
.hero__lead{max-width:520px;font-size:clamp(16px,1.3vw,18px);font-weight:300;color:rgba(251,248,242,.82)}
.hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}

.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.w>span{display:inline-block;will-change:transform}

.hero__scroll{
  position:absolute;z-index:2;left:50%;bottom:28px;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:10px;
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(251,248,242,.7);
}
.hero__scroll i{width:1px;height:48px;background:rgba(251,248,242,.25);position:relative;overflow:hidden}
.hero__scroll i::after{content:"";position:absolute;inset:0;background:var(--crema-claro);animation:scrollcue 2.2s var(--ease) infinite}
@keyframes scrollcue{0%{transform:translateY(-100%)}60%,100%{transform:translateY(100%)}}

.hero__cards{position:relative;height:430px;pointer-events:none}
.ui-card{
  position:absolute;background:rgba(251,248,242,.94);color:var(--tinta);
  border-radius:16px;box-shadow:0 24px 60px -20px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.4) inset;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  font-size:13px;line-height:1.4;
}
.ui-chat{right:0;top:0;width:260px;padding:14px;background:#EFE7DA;z-index:1}
.ui-chat__head{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;padding-bottom:10px;border-bottom:1px solid rgba(31,27,23,.08);margin-bottom:10px}
.ui-chat__head small{margin-left:auto;font-weight:400;color:var(--tinta-suave);font-size:11px}
.ui-dot{width:8px;height:8px;border-radius:50%;background:#2BB673;box-shadow:0 0 0 3px rgba(43,182,115,.18)}
.ui-chat__in{margin-left:auto;width:max-content;background:#D9F2CF;padding:6px 10px;border-radius:10px 10px 2px 10px;font-weight:500;margin-bottom:8px}
.ui-chat__out{background:#fff;padding:10px 12px;border-radius:10px 10px 10px 2px;display:flex;flex-direction:column;gap:2px;color:var(--tinta-suave)}
.ui-chat__out b{color:var(--tinta)}
.ui-status{font-style:normal;font-weight:600;color:var(--acento-texto);transition:opacity .25s}
.ui-status.is-done{color:#1E9B5C}

.ui-kpi{left:0;top:178px;width:230px;padding:16px;z-index:2}
.ui-kpi__top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--tinta-suave)}
.ui-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--acento-texto)}
.ui-live::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.25}}
.ui-kpi__row{display:grid;grid-template-columns:1fr 1fr;margin:10px 0 6px}
.ui-kpi__row b{display:block;font-family:var(--f-titulo);font-weight:600;font-size:30px;letter-spacing:-.03em;line-height:1.1}
.ui-kpi__row small{color:var(--tinta-suave);font-size:12px}
.ui-spark{width:100%;height:34px}
.ui-spark path{fill:none;stroke:var(--acento);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}

.ui-alert{right:8px;bottom:0;display:flex;gap:12px;align-items:center;padding:12px 16px 12px 12px;z-index:3}
.ui-alert__ic{width:30px;height:30px;border-radius:9px;background:var(--acento);color:#fff;display:grid;place-items:center;font-weight:700}
.ui-alert b{display:block;font-size:13px}
.ui-alert small{color:var(--tinta-suave);font-size:12px}

.trust{padding:clamp(72px,10vw,128px) 0 0}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--linea)}
.stat{padding:34px 28px 40px 0;border-right:1px solid var(--linea);display:flex;flex-direction:column;gap:10px}
.stat+.stat{padding-left:clamp(20px,3vw,40px)}
.stat:last-child{border-right:0}
.stat__num{font-family:var(--f-titulo);font-weight:500;font-size:clamp(56px,7.6vw,112px);line-height:.95;letter-spacing:-.05em}
.stat__num small{font-size:.32em;letter-spacing:-.02em;font-weight:500;color:var(--tinta-suave)}
.stat__label{color:var(--tinta-suave);font-size:15px}

.clients{margin-top:clamp(56px,7vw,96px);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);background:var(--crema-claro)}
.clients__inner{display:flex;align-items:center;gap:48px;padding-top:40px;padding-bottom:40px}
.clients__label{flex:0 0 230px;font-size:15px;line-height:1.45;color:var(--tinta-suave)}
.marquee{flex:1;min-width:0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee__track{display:flex;align-items:center;gap:clamp(48px,6vw,88px);width:max-content;animation:marquee 20s linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee img{height:clamp(30px,3.4vw,44px);width:auto;filter:grayscale(1) brightness(.4) sepia(.2);opacity:.7;transition:filter .4s,opacity .4s}
.marquee img:hover{filter:none;opacity:1}
.marquee img.is-key{height:clamp(36px,4.1vw,54px);opacity:.85}
@keyframes marquee{to{transform:translateX(calc(-50% - clamp(48px,6vw,88px)/2))}}

.manifesto{padding:clamp(96px,13vw,180px) 0 clamp(96px,12vw,160px)}
.manifesto__text{
  font-family:var(--f-titulo);font-weight:500;
  font-size:clamp(30px,4.3vw,64px);line-height:1.08;letter-spacing:-.035em;
  max-width:19em;margin-top:28px;
}
.manifesto__text em{font-size:1.04em}
.manifesto__text .mw{color:var(--tenue);transition:color .2s}
.manifesto__text .mw.on{color:var(--tinta)}
.manifesto__text em .mw.on{color:var(--acento)}

.manifesto__grid{
  display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(32px,6vw,96px);
  margin-top:clamp(64px,8vw,112px);align-items:end;
}
.manifesto__photo{position:relative;overflow:hidden;border-radius:4px;aspect-ratio:4/3;background:var(--arena)}
.manifesto__photo img{width:100%;height:118%;object-fit:cover;filter:saturate(.85) sepia(.1);will-change:transform}
.manifesto__side{display:flex;flex-direction:column;gap:32px;padding-bottom:6px}
.manifesto__body{font-size:clamp(17px,1.35vw,19px);font-weight:300;color:var(--tinta-suave);max-width:440px}
.facts{border-top:1px solid var(--linea)}
.facts li{display:flex;gap:18px;align-items:baseline;padding:15px 0;border-bottom:1px solid var(--linea);font-weight:500}
.facts span{font-size:12px;color:var(--acento-texto);font-weight:500;letter-spacing:.06em}
.signature{display:flex;gap:14px;align-items:center}
.signature__iso{width:34px;height:34px;color:var(--tinta);flex:none}
.signature b{display:block;font-weight:600}
.signature span{font-size:14px;color:var(--tinta-suave)}
.manifesto__side .link-arrow{align-self:flex-start}

.loader{display:none}
.js .loader{display:block;position:fixed;inset:0;z-index:200;pointer-events:all}
.loader__curtain{position:absolute;inset:0;background:var(--acento)}
.loader__panel{
  position:absolute;inset:0;background:var(--tinta);color:var(--crema-claro);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.loader__center{display:flex;align-items:baseline;gap:.07em;font-size:clamp(60px,8vw,108px)}
.loader__iso{width:.763em;height:.763em;flex:none;overflow:visible}
.loader__ring{fill:none;stroke:var(--crema-claro);stroke-width:13;stroke-dasharray:1;stroke-dashoffset:1}
.loader__fill{fill:var(--acento);opacity:0}
.loader__word{
  display:inline-flex;overflow:hidden;padding:.06em 0 .12em;
  font-family:var(--f-logo);font-weight:300;font-size:1em;line-height:1;letter-spacing:-.03em;
}
.loader__word>span{display:inline-block;transform:translateY(110%)}
.loader__word .logo__i::after{opacity:var(--dot,0)}
.loader__foot{
  position:absolute;left:var(--gutter);right:var(--gutter);bottom:34px;
  display:flex;justify-content:space-between;align-items:flex-end;gap:16px;
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(251,248,242,.55);
}
.loader__bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(251,248,242,.1)}
.loader__bar i{display:block;height:100%;width:100%;background:var(--acento);transform:scaleX(0);transform-origin:left}
.is-loading{overflow:hidden}

.roll{display:inline-block;overflow:hidden;vertical-align:top;height:1.3em;line-height:1.3}
.roll>span{display:inline-block;transition:transform .5s var(--ease);text-shadow:0 1.3em 0 currentColor}
a:hover .roll>span,button:hover .roll>span{transform:translateY(-1.3em)}
.nav a .roll{height:1.4em;line-height:1.4}
.nav a .roll>span{text-shadow:0 1.4em 0 currentColor}
.nav a:hover .roll>span{transform:translateY(-1.4em)}

.ticker{
  position:relative;overflow:hidden;background:var(--tinta);color:var(--crema-claro);
  padding:clamp(22px,3vw,40px) 0;
}
.ticker__row{white-space:nowrap;line-height:1}
.ticker__row+.ticker__row{margin-top:clamp(4px,.6vw,10px)}
.ticker__track{
  display:inline-flex;align-items:center;gap:clamp(16px,2vw,32px);will-change:transform;
  font-family:var(--f-titulo);font-weight:600;font-size:clamp(28px,3.8vw,58px);letter-spacing:-.04em;
  padding:.04em 0 .1em;
}
.ticker__track em{font-family:var(--f-acento);font-style:italic;font-weight:300;color:var(--acento-claro);font-size:1.04em;letter-spacing:-.02em}
.ticker__iso{width:.5em;height:.5em;flex:none;color:var(--crema-claro)}
.ticker__row--outline .ticker__track>span{color:rgba(251,248,242,.26)}
.ticker__row--outline .ticker__track em{color:rgba(238,138,87,.5)}
.ticker__row--outline .ticker__iso{opacity:.55}

.sec-title{
  font-family:var(--f-titulo);font-weight:600;
  font-size:clamp(34px,4.6vw,68px);line-height:1.02;letter-spacing:-.04em;
  margin-top:20px;max-width:13em;
}
.sec-title em{font-size:1.05em}
.sec-lead{margin-top:22px;max-width:520px;font-size:clamp(16px,1.3vw,18px);font-weight:300;color:var(--tinta-suave)}
.checks{margin-top:30px;border-top:1px solid var(--linea)}
.checks li{position:relative;padding:14px 0 14px 30px;border-bottom:1px solid var(--linea);font-weight:500}
.checks li::before{content:"";position:absolute;left:2px;top:21px;width:12px;height:7px;border-left:1.5px solid var(--acento);border-bottom:1.5px solid var(--acento);transform:rotate(-45deg)}

.soft{background:var(--tinta);color:var(--crema-claro);padding:clamp(80px,10vw,140px) 0 clamp(72px,9vw,120px)}
.soft__head{max-width:880px}
.soft__title{font-family:var(--f-titulo);font-weight:600;font-size:clamp(36px,5vw,76px);line-height:1;letter-spacing:-.04em;margin-top:22px}
.soft__title em{color:var(--acento-claro);font-size:1.05em}
.soft__lead{margin-top:24px;max-width:580px;font-size:clamp(16px,1.3vw,18px);font-weight:300;color:rgba(251,248,242,.7)}

.soft__grid{display:grid;grid-template-columns:minmax(0,.66fr) minmax(0,1.34fr);gap:clamp(32px,5vw,80px);margin-top:clamp(40px,6vw,80px)}
.soft__steps{display:flex;flex-direction:column}
.bstep{min-height:72vh;display:flex;flex-direction:column;justify-content:center;padding:40px 0;border-top:1px solid rgba(251,248,242,.12);opacity:.28;transition:opacity .5s var(--ease)}
.bstep.is-active{opacity:1}
.bstep__n{font-size:13px;letter-spacing:.12em;color:var(--acento-claro);font-weight:500}
.bstep__t{font-family:var(--f-titulo);font-weight:600;font-size:clamp(34px,4vw,60px);line-height:1;letter-spacing:-.04em;margin:14px 0 18px}
.bstep__d{font-size:clamp(17px,1.4vw,20px);font-weight:300;color:rgba(251,248,242,.8);max-width:420px}
.bstep__l{margin-top:26px;max-width:420px}
.bstep__l li{padding:11px 0 11px 22px;border-bottom:1px solid rgba(251,248,242,.1);position:relative;font-size:15px;color:rgba(251,248,242,.85)}
.bstep__l li::before{content:"";position:absolute;left:0;top:19px;width:8px;height:8px;border-radius:50%;background:var(--acento)}

.soft__device{position:sticky;top:max(calc(var(--header-h) + 16px),calc(50vh - 250px));height:max-content;align-self:start;display:flex;flex-direction:column;align-items:center;gap:22px}
.bots__dots{display:flex;gap:8px}
.bots__dots li{width:28px;height:3px;border-radius:2px;background:rgba(251,248,242,.18);transition:background .4s,width .4s var(--ease)}
.bots__dots li.is-active{background:var(--acento);width:44px}

.soft__foot{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;margin-top:clamp(48px,6vw,80px);padding-top:32px;border-top:1px solid rgba(251,248,242,.12)}
.soft__more{max-width:620px;font-size:clamp(16px,1.3vw,18px);font-weight:300;color:rgba(251,248,242,.75)}
.soft__more b{color:var(--crema-claro);font-weight:600}

.appwin{position:relative;width:100%;height:calc(640px * var(--s,.7))}
.app{
  --ac:#2E6B66;--ac-soft:rgba(46,107,102,.1);
  --bg:#F4F2EE;--panel:#FFFFFF;--line:#E6E2DB;--tx:#22201C;--tx2:#77706A;
  position:absolute;left:0;top:0;width:1000px;height:640px;transform:scale(var(--s,.7));transform-origin:top left;
  display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:var(--bg);color:var(--tx);
  font-family:var(--f-texto);font-size:12px;line-height:1.35;
  box-shadow:0 0 0 1px rgba(251,248,242,.12),0 60px 120px -40px rgba(0,0,0,.75);
  transition:background .5s,color .5s;
}
.app *{transition:background-color .5s,border-color .5s,color .5s}
.app.is-dark{--bg:#16181A;--panel:#202326;--line:#30343A;--tx:#ECE9E4;--tx2:#9A948C;--ac-soft:rgba(94,173,165,.16);--ac:#5EADA5}
.app__chrome{flex:none;height:30px;display:flex;align-items:center;gap:6px;padding:0 12px;background:var(--line)}
.app__chrome i{width:9px;height:9px;border-radius:50%;background:rgba(0,0,0,.18)}
.app__chrome span{margin:0 auto;padding:3px 40px;border-radius:6px;background:var(--panel);color:var(--tx2);font-size:10.5px}
.app__top{flex:none;height:50px;display:flex;align-items:center;gap:14px;padding:0 16px;background:var(--panel);border-bottom:1px solid var(--line)}
.app__brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;letter-spacing:-.01em}
.app__logo{width:22px;height:22px;border-radius:6px;background:var(--ac);position:relative}
.app__logo::after{content:"";position:absolute;inset:6px;background:var(--panel);transform:rotate(45deg);border-radius:2px}
.app__co{padding:5px 10px;border:1px solid var(--line);border-radius:99px;font-weight:600;font-size:11px}
.app__co b{color:var(--tx2);font-weight:400;margin-left:2px}
.app__theme{margin-left:auto;display:flex;padding:3px;border-radius:8px;background:var(--bg);font-size:11px}
.app__theme span{padding:4px 10px;border-radius:6px;color:var(--tx2)}
.app__theme .t-l{background:var(--panel);color:var(--tx);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.app.is-dark .app__theme .t-l{background:transparent;color:var(--tx2);box-shadow:none}
.app.is-dark .app__theme .t-d{background:var(--panel);color:var(--tx)}
.app__user{display:flex;align-items:center;gap:8px;font-weight:600;font-size:11.5px}
.app__user b{width:28px;height:28px;border-radius:50%;background:var(--tx);color:var(--panel);display:grid;place-items:center;font-size:12px}
.app__user small{display:block;font-weight:400;color:var(--tx2);font-size:10px}
.app__body{flex:1;display:flex;min-height:0}
.app__side{flex:none;width:168px;padding:16px 10px;background:var(--panel);border-right:1px solid var(--line)}
.app__side small{display:block;padding:0 10px 8px;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--tx2)}
.app__side li{padding:8px 10px;border-radius:7px;color:var(--tx2);font-size:12px}
.app__side li.on{background:var(--ac-soft);color:var(--ac);font-weight:600}
.app__main{flex:1;position:relative;min-width:0}
.appv{position:absolute;inset:0;padding:18px 20px;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .5s var(--ease);pointer-events:none}
.appv.is-active{opacity:1;transform:none}
.appv__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.appv__head h4{font-size:19px;font-weight:700;letter-spacing:-.02em}
.appv__head p{color:var(--tx2);font-size:11.5px}
.appv__head--sm h4{font-size:16px}
.app__num{padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-family:ui-monospace,Consolas,monospace;font-weight:700;font-size:13px}
.app__num small{display:block;font-family:var(--f-texto);font-weight:500;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx2)}
.app__exp{display:flex;gap:6px}
.app__exp span{padding:6px 10px;border:1px solid var(--line);border-radius:7px;background:var(--panel);font-size:11px;font-weight:500}
.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.card--tight{padding:0;overflow:hidden}
.card h5{font-size:13px;font-weight:700;margin-bottom:8px}
.card h5.pad{padding:12px 14px 4px;margin:0}
.inv{flex:1;display:grid;grid-template-columns:1fr 230px;gap:12px;min-height:0}
.inv__form{display:flex;flex-direction:column;gap:12px}
.fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}
.fgrid--2{grid-template-columns:1.6fr 1fr}
.fgrid label{font-size:10.5px;color:var(--tx2);display:flex;flex-direction:column;gap:4px}
.fgrid label span{color:var(--tx);font-size:12px;padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:var(--bg)}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;font-size:11px}
.seg b{background:var(--ac);color:#fff;padding:6px 12px}
.seg span{padding:6px 12px;color:var(--tx2)}
.atable{width:100%;border-collapse:collapse;font-size:11.5px}
.atable th{text-align:left;font-weight:600;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx2);padding:9px 12px;border-bottom:1px solid var(--line);background:var(--bg)}
.atable td{padding:9px 12px;border-bottom:1px solid var(--line)}
.atable tr:last-child td{border-bottom:0}
.atable td:last-child,.atable th:last-child{text-align:right}
.inv__sum p{display:flex;justify-content:space-between;padding:5px 0;color:var(--tx2)}
.inv__sum p span:last-child{font-family:ui-monospace,Consolas,monospace;color:var(--tx)}
.inv__sum .tot{margin-top:8px;padding-top:12px;border-top:1px solid var(--line);color:var(--tx);font-weight:700;align-items:baseline}
.inv__sum .tot b{font-size:21px;color:var(--ac);letter-spacing:-.02em}
.abtn{margin-top:14px;text-align:center;padding:10px;border-radius:8px;background:var(--ac);color:#fff;font-weight:600}
.aok{margin-top:10px;text-align:center;color:#1E7F4E;font-weight:600;font-size:11px}
.prompt{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px;background:var(--panel);border:1.5px solid var(--ac);border-radius:10px;box-shadow:0 0 0 4px var(--ac-soft)}
.prompt__ic{color:var(--ac);font-size:15px}
.prompt__txt{flex:1;font-size:13px;min-height:18px}
.prompt__txt::after{content:"";display:inline-block;width:1.5px;height:14px;margin-left:2px;vertical-align:-2px;background:var(--ac);animation:caret 1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.prompt__mic{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:12px}
.prompt__send{padding:7px 14px;border-radius:7px;background:var(--ac);color:#fff;font-weight:600}
.kpis3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kpis3 div{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--tx);border-radius:9px;padding:10px 12px}
.kpis3 div.hl{border-left-color:var(--acento)}
.kpis3 small{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx2);font-weight:600}
.kpis3 b{display:block;font-size:20px;letter-spacing:-.02em;margin-top:2px}
.kpis3 .hl b{color:var(--acento-texto)}
.atable--stock .lvl{display:inline-block;width:70px;height:6px;border-radius:6px;background:var(--line);position:relative;overflow:hidden;vertical-align:middle}
.atable--stock .lvl::after{content:"";position:absolute;inset:0;width:calc(var(--v)*100%);background:var(--ac);border-radius:6px}
.atable--stock tr.low td{background:rgba(212,86,31,.06)}
.atable--stock em{font-style:normal;font-size:10px;font-weight:600;color:var(--acento-texto);background:rgba(212,86,31,.12);padding:3px 8px;border-radius:99px}
.mods{display:flex;flex-wrap:wrap;gap:6px}
.mods span{padding:5px 10px;border-radius:99px;border:1px solid var(--line);background:var(--panel);font-size:11px;color:var(--tx2)}
.mods span:last-child{border-style:dashed;color:var(--ac);font-weight:600}
.audit-banner{padding:10px 14px;border-radius:9px;background:rgba(212,86,31,.12);color:#F0A07B;font-size:11.5px}
.audit-banner b{color:#F6B795}
.sec2{flex:1;display:grid;grid-template-columns:250px 1fr;gap:12px;align-items:start}
.cos li{padding:9px 10px;border-radius:8px;border:1px solid var(--line);margin-top:6px}
.cos li.on{border-color:var(--ac);background:var(--ac-soft)}
.cos b{display:block;font-size:12px}
.cos small{color:var(--tx2);font-size:10.5px}

.phone{position:relative;width:300px;height:620px;border-radius:46px;padding:12px;background:#0E0C0A;
  box-shadow:0 0 0 1.5px rgba(251,248,242,.14),0 50px 100px -40px rgba(0,0,0,.8),inset 0 0 0 2px #2A2622}
.phone__notch{position:absolute;z-index:3;top:22px;left:50%;width:92px;height:26px;margin-left:-46px;border-radius:20px;background:#0E0C0A}
.phone__screen{position:relative;height:100%;border-radius:35px;overflow:hidden;background:var(--crema-claro);color:var(--tinta);font-size:12px;line-height:1.35}
.phone--light{background:#1F1B17;box-shadow:0 0 0 1px var(--linea),0 50px 100px -40px rgba(31,27,23,.55),inset 0 0 0 2px #3A342E}

.chat{padding:clamp(88px,11vw,160px) 0;background:var(--crema)}
.chat__grid{display:grid;grid-template-columns:1fr minmax(300px,420px);gap:clamp(40px,8vw,140px);align-items:center}
.chat__try{margin-top:32px;padding:20px;background:var(--crema-claro);border:1px solid var(--linea);border-radius:14px}
.chat__try p{font-size:15px;color:var(--tinta-suave)}
.chat__try b{color:var(--tinta)}
.chat__chips{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.chat__chips button{padding:8px 14px;border-radius:99px;border:1px solid var(--tinta);font-weight:500;font-size:14px;transition:background .25s,color .25s}
.chat__chips button:hover{background:var(--tinta);color:var(--crema-claro)}
.chat__device{display:flex;flex-direction:column;align-items:center;gap:16px}
.chat__note{font-size:12px;color:var(--tinta-suave);text-align:center;max-width:300px}

.wa{display:flex;flex-direction:column;position:relative;background:#F5F2EB url(../assets/img/firsal-chatbot/wa-fondo.svg) 0 0/118px;color:#111B21;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.012em;--cola:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath d='M5 0H11V14H.8C.3 14 .1 13.5.5 13.2 3.5 11 5 8 5 3Z'/%3E%3C/svg%3E")}
.wa svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.device__screen.wa{background:#F5F2EB url(../assets/img/firsal-chatbot/wa-fondo.svg) 0 0/118px}
.wa__head{flex:none;position:relative;z-index:2;display:flex;align-items:center;gap:9px;padding:37px 12px 8px 9px;background:rgba(245,243,240,.96);box-shadow:0 .5px 0 rgba(0,0,0,.07)}
.wa__back{display:flex;align-items:center;gap:6px;font-size:13px;color:#111B21}
.wa__back svg{width:8px;height:14px;stroke-width:2}
.wa__avatar{flex:none;width:28px;height:28px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 .5px rgba(0,0,0,.1);color:#121212;--acento:#F15A22}
.wa__avatar svg{width:17px;height:17px;stroke:none;fill:currentColor}
.wa__who{min-width:0;display:flex;flex-direction:column;justify-content:center}
.wa__who b{font-size:12.8px;font-weight:600;line-height:1.15}
.wa__who small{font-size:9.4px;color:#667781;line-height:1.2;max-height:0;overflow:hidden;transition:max-height .25s}
.wa__who small:not(:empty){max-height:14px}
.wa__body{flex:1;min-height:0;overflow-y:auto;padding:4px 9px 10px 11px;display:flex;flex-direction:column;gap:2px;scrollbar-width:none;overscroll-behavior:contain}
.wa__body::-webkit-scrollbar{display:none}
.wa__day{align-self:center;margin:8px 0 9px}
.wa__day span{display:block;padding:3px 9px;border-radius:7px;background:rgba(255,255,255,.95);font-size:9.6px;font-weight:600;color:#3B4A54;box-shadow:0 .5px .5px rgba(11,20,26,.1)}

.msg{position:relative;display:flow-root;flex:none;max-width:77%;padding:5px 7px 4px 8px;border-radius:7px;font-size:12.4px;line-height:1.3;overflow-wrap:break-word;box-shadow:0 .6px .5px rgba(11,20,26,.13);animation:msgin .3s var(--ease) both}
.msg--bot{align-self:flex-start;background:#fff}
.msg--me{align-self:flex-end;background:#D9FDD3}
.msg--bot+.msg--me,.msg--me+.msg--bot,.msg--me+.typing{margin-top:7px}
.msg.tail::after,.typing::after{content:"";position:absolute;bottom:0;width:11px;height:14px;background:inherit;-webkit-mask:var(--cola) 0 0/100% 100%;mask:var(--cola) 0 0/100% 100%}
.msg--bot.tail{border-bottom-left-radius:0}
.msg--bot.tail::after,.typing::after{left:-5px}
.msg--me.tail{border-bottom-right-radius:0}
.msg--me.tail::after{right:-5px;transform:scaleX(-1)}
.msg time{float:right;position:relative;top:5px;display:inline-flex;align-items:center;gap:2px;margin:0 -1px 0 10px;font-size:8.6px;line-height:1;color:#667781;white-space:nowrap}
.msg time svg{width:14px;height:9px;stroke-width:1.3}
.msg b{font-weight:600}
.msg p{margin-top:13px}
.msg .tt{display:block;font-size:13.6px;font-weight:600;line-height:1.25;margin-bottom:7px}
.msg ul{list-style:disc;padding-left:16px;margin-top:13px}
.msg li::marker{font-size:.9em}
.msg .lnk{color:#1A8452;text-decoration:underline;text-underline-offset:1px;overflow-wrap:anywhere}
.msg .ft{display:block;margin-top:7px;font-size:10.6px;color:#8696A0}
.emo{display:inline-block;width:1.2em;height:1.2em;vertical-align:-.24em;margin-right:2px}

.msg--btns{padding-bottom:0}
.msg__btns{margin:7px -7px 0 -8px}
.msg__btns button{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8.5px 6px;border-top:.5px solid #E2E5E7;font:inherit;font-size:12.4px;color:#1E9358;cursor:pointer;transition:background .2s,color .2s}
.msg__btns button svg{width:15px;height:13px;stroke-width:1.5}
.msg__btns button:hover{background:rgba(30,147,88,.06)}
.msg__btns button:active{background:rgba(30,147,88,.12)}
.msg__btns button.is-used{color:#8A9298}
.msg__btns .tap-hint::before{inset:3px 14px;border-radius:9px}

.msg__quote{display:block;margin:-2px -4px 5px -5px;padding:5px 8px 6px;border-left:3px solid #D5174A;border-radius:5px;background:rgba(17,27,33,.045);font-size:10.6px;line-height:1.3;color:#3B4A54}
.msg__quote>b{display:block;color:#D5174A;font-size:11px;margin-bottom:2px}
.msg__quote span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.msg--media{width:77%;padding:3px 3px 4px}
.msg--media .cap{padding:4px 5px 0}
.msg__doc{display:flex;align-items:center;gap:9px;padding:9px 8px;border-radius:5px;background:#F5F6F6}
.msg__doc .pdf{flex:none;width:21px;height:25px;stroke:none}
.msg__doc div{min-width:0;font-size:11.8px;line-height:1.25}
.msg__doc small{display:block;margin-top:2px;font-size:9.4px;color:#8696A0}
.msg__photo{display:block;width:100%;aspect-ratio:834/550;object-fit:cover;border-radius:5px;background:#e9e9e9}
.msg__fwd{position:absolute;top:50%;right:-33px;width:24px;height:24px;margin-top:-12px;border-radius:50%;background:rgba(130,136,140,.55);display:grid;place-items:center;color:#fff}
.msg__fwd svg{width:12px;height:12px;stroke-width:2}

.typing{position:relative;flex:none;align-self:flex-start;display:flex;gap:3px;padding:9px 11px;border-radius:7px 7px 7px 0;background:#fff;box-shadow:0 .6px .5px rgba(11,20,26,.13)}
.typing i{width:5.5px;height:5.5px;border-radius:50%;background:#8696A0;animation:typing 1.1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes typing{0%,60%,100%{transform:none;opacity:.45}30%{transform:translateY(-2.5px);opacity:1}}
@keyframes msgin{from{opacity:0;transform:translateY(6px)}}

.wa__down{position:absolute;right:9px;bottom:72px;z-index:2;width:27px;height:27px;border-radius:50%;background:#fff;color:#3B4A54;display:grid;place-items:center;box-shadow:0 1px 3px rgba(11,20,26,.18);opacity:0;transform:scale(.6);pointer-events:none;transition:opacity .2s,transform .2s}
.wa__down svg{width:14px;height:14px;stroke-width:2}
.wa__down.show{opacity:1;transform:none;pointer-events:auto}

.wa__input{flex:none;position:relative;z-index:2;display:flex;align-items:center;padding:7px 12px 31px 10px;background:rgba(245,243,240,.96);box-shadow:0 -.5px 0 rgba(0,0,0,.06)}
.wa__ic{flex:none;display:grid;place-items:center;color:#111B21}
.wa__plus svg{width:16px;height:16px;stroke-width:1.6}
.wa__pill{flex:1;min-width:0;height:24px;margin:0 13px 0 10px;display:flex;align-items:center;gap:4px;padding:0 6px 0 10px;border-radius:13px;background:#fff;box-shadow:inset 0 0 0 .7px #D6D9DB;transition:box-shadow .2s}
.wa__pill:focus-within{box-shadow:inset 0 0 0 .7px #AEB6BB}
.wa__pill input{flex:1;min-width:0;height:100%;border:0;background:none;outline:0;font:inherit;font-size:12.4px;color:#111B21;caret-color:#1E9358}
.wa__sticker{flex:none;width:15px;height:15px;stroke-width:1.6}
.wa__cam svg{width:20px;height:18px;stroke-width:1.6}
.wa__mic{margin-left:12px}
.wa__mic svg{width:16px;height:17px;stroke-width:1.6}
.wa__send{display:none;flex:none;width:26px;height:26px;margin-left:4px;border-radius:50%;background:#1DAA61;color:#fff;place-items:center}
.wa__send svg{width:14px;height:14px;stroke-width:2.2}
.wa.has-text .wa__cam,.wa.has-text .wa__mic{display:none}
.wa.has-text .wa__send{display:grid}
.wa__home{position:absolute;left:50%;bottom:7px;z-index:3;width:106px;height:4px;margin-left:-53px;border-radius:3px;background:#0B0B0B}

.sols{position:relative;padding:clamp(88px,11vw,160px) 0;background:var(--crema-claro);border-top:1px solid var(--linea)}
.sols__head{margin-bottom:clamp(40px,5vw,72px)}
.sols__list{border-top:1px solid var(--tinta)}
.sols__list li{border-bottom:1px solid var(--linea)}
.sols__list a{
  display:grid;grid-template-columns:70px minmax(0,1.1fr) minmax(0,1fr) 40px;align-items:center;gap:24px;
  padding:clamp(22px,2.6vw,34px) 0;position:relative;transition:padding .45s var(--ease),color .3s;
}
.sols__list a::before{content:"";position:absolute;inset:0 calc(var(--gutter)*-1);background:var(--crema);transform:scaleY(0);transform-origin:bottom;transition:transform .45s var(--ease);z-index:-1}
.sols__list a:hover::before{transform:scaleY(1)}
.sols__list a:hover{padding-left:14px}
.sols__n{font-size:13px;color:var(--acento-texto);font-weight:500;letter-spacing:.08em}
.sols__t{font-family:var(--f-titulo);font-weight:600;font-size:clamp(24px,2.8vw,40px);letter-spacing:-.035em;line-height:1.05}
.sols__d{color:var(--tinta-suave);font-size:15px;font-weight:300;max-width:380px}
.sols__a{justify-self:end;font-size:22px;transition:transform .4s var(--ease),color .3s}
.sols__list a:hover .sols__a{transform:translateX(6px) rotate(-45deg);color:var(--acento)}
.sols{isolation:isolate}
.sols__float{position:fixed;left:0;top:0;z-index:30;width:200px;aspect-ratio:1;pointer-events:none;border-radius:8px;overflow:hidden;background:var(--crema-claro);box-shadow:0 30px 60px -25px rgba(31,27,23,.45),0 0 0 1px var(--linea);opacity:0;transform:translate(-50%,-50%) scale(.85);transition:opacity .3s,transform .3s var(--ease)}
.sols__float.is-on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.sols__float img{width:100%;height:100%;object-fit:contain;padding:8px}

.process{padding:clamp(88px,11vw,160px) 0;background:var(--arena)}
.process__head{margin-bottom:clamp(48px,6vw,88px)}
.process__steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,48px)}
.process__line{position:absolute;left:0;right:0;top:7px;height:1px;background:rgba(31,27,23,.15);list-style:none}
.process__line i{position:absolute;inset:0;background:var(--acento);transform:scaleX(0);transform-origin:left}
.pstep{position:relative;z-index:1;padding-top:38px}
.pstep__dot{position:absolute;top:0;left:0;width:15px;height:15px;border-radius:50%;background:var(--arena);border:1.5px solid rgba(31,27,23,.3);transition:background .4s,border-color .4s,transform .4s var(--ease)}
.pstep.is-on .pstep__dot{background:var(--acento);border-color:var(--acento);transform:scale(1.15)}
.pstep__n{font-size:13px;color:var(--acento-texto);font-weight:500;letter-spacing:.08em}
.pstep h3{font-family:var(--f-titulo);font-weight:600;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.035em;margin:8px 0 10px}
.pstep p{color:var(--tinta-suave);font-weight:300;max-width:260px}

.integr{margin-top:clamp(64px,8vw,112px);padding-top:32px;border-top:1px solid rgba(31,27,23,.15);display:flex;align-items:center;gap:40px;flex-wrap:wrap}
.integr__label{flex:0 0 220px;font-size:15px;color:var(--tinta-suave)}
.integr__list{flex:1;display:flex;flex-wrap:wrap;gap:10px}
.integr__list li{display:flex;align-items:center;gap:10px;white-space:nowrap;padding:8px 16px 8px 8px;background:var(--crema-claro);border-radius:99px;font-size:14px;font-weight:500;border:1px solid rgba(31,27,23,.06)}
.integr__list img{width:28px;height:28px;object-fit:contain}

.faq{padding:clamp(88px,11vw,160px) 0;background:var(--crema)}
.faq__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(40px,8vw,120px);align-items:start}
.faq__side{position:sticky;top:calc(var(--header-h) + 40px)}
.faq__side .link-arrow{margin-top:32px}
.faq__list{border-top:1px solid var(--tinta)}
.qa{border-bottom:1px solid var(--linea)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;font-family:var(--f-titulo);font-weight:500;font-size:clamp(18px,1.6vw,22px);letter-spacing:-.02em;transition:color .25s}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover{color:var(--acento-texto)}
.qa summary i{position:relative;flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--linea);transition:background .3s,border-color .3s,transform .4s var(--ease)}
.qa summary i::before,.qa summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.qa summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .35s var(--ease)}
.qa[open] summary i{background:var(--tinta);border-color:var(--tinta);color:var(--crema-claro);transform:rotate(180deg)}
.qa[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.qa__a{overflow:hidden}
.qa__a p{padding:0 60px 26px 0;color:var(--tinta-suave);font-weight:300;max-width:620px}

.contact{padding:clamp(88px,11vw,160px) 0;background:var(--crema-claro);border-top:1px solid var(--linea)}
.contact__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,110px);align-items:start}
.contact__title{font-family:var(--f-titulo);font-weight:600;font-size:clamp(40px,5.6vw,84px);line-height:.98;letter-spacing:-.045em;margin-top:20px}
.contact__title em{font-size:1.05em}
.contact__info{display:flex;flex-direction:column;align-self:stretch}
.cinfo{margin-top:36px;border-top:1px solid var(--linea)}
.cinfo a{display:grid;grid-template-columns:20px 96px 1fr auto;align-items:center;gap:14px;padding:17px 2px;border-bottom:1px solid var(--linea);transition:color .25s}
.cinfo__ic{width:19px;height:19px;color:var(--acento)}
.cinfo__k{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-suave)}
.cinfo__v{font-weight:500;overflow-wrap:anywhere}
.cinfo__arr{color:var(--tinta-suave);transition:transform .3s var(--ease),color .3s}
.cinfo a:hover{color:var(--acento-texto)}
.cinfo a:hover .cinfo__arr{color:var(--acento);transform:translate(3px,-3px)}

.cform{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px;padding:clamp(24px,3vw,44px);background:var(--crema);border:1px solid var(--linea);border-radius:6px}
.field{display:flex;flex-direction:column;gap:8px;border:0;min-width:0}
.field--full{grid-column:1/-1}
.field label,.field legend{font-size:13px;font-weight:500}
.req{color:var(--acento-texto)}
.field label em{font-style:normal;color:var(--tinta-suave);font-weight:400}
.field input[type=text],.field input[type=email],.field input[type=tel],.field textarea,.phonefield select{
  width:100%;font:inherit;font-size:16px;color:var(--tinta);background:transparent;
  border:0;border-bottom:1px solid rgba(31,27,23,.25);border-radius:0;padding:10px 0;transition:border-color .25s;
}
.field textarea{resize:vertical;min-height:84px}
.field input:focus,.field textarea:focus,.phonefield select:focus{outline:none;border-bottom-color:var(--acento)}
.field.has-error input,.field.has-error textarea{border-bottom-color:#B3261E}
.field__err{min-height:0;color:#B3261E;font-size:12.5px}
.field__err:empty{display:none}
.phonefield .iti{display:block;width:100%;--iti-hover-color:rgba(212,86,31,.07);--iti-border-color:var(--linea);--iti-dialcode-color:var(--tinta-suave);--iti-arrow-color:var(--tinta-suave);--iti-spacer-horizontal:10px}
.phonefield .iti__tel-input{width:100%}
.phonefield .iti__country-container{padding:0}
.phonefield .iti__selected-country{padding:0 12px 0 0;border-radius:0;background:transparent!important;font:inherit;font-size:16px;color:var(--tinta);cursor:pointer}
.phonefield .iti__selected-country-primary{padding:0 6px 0 2px}
.phonefield .iti__selected-dial-code{margin-left:8px;color:var(--tinta);font-weight:500}
.phonefield .iti__selected-country::after{content:"";position:absolute;right:0;top:50%;width:1px;height:18px;margin-top:-9px;background:var(--linea)}
.phonefield .iti__flag{border-radius:2px;box-shadow:0 0 0 .5px rgba(0,0,0,.15)}
.iti__dropdown-content{min-width:300px;border:1px solid var(--linea)!important;border-radius:12px;background:#fff;box-shadow:0 24px 60px rgba(31,27,23,.16);overflow:hidden;font-family:var(--f-texto)}
.iti__search-input{padding:12px 14px!important;border:0!important;border-bottom:1px solid var(--linea)!important;border-radius:0!important;font:inherit!important;font-size:14px!important;outline:none}
.iti__country-list{max-height:240px;scrollbar-width:thin}
.iti__country{padding:9px 14px!important;font-size:14px;color:var(--tinta)}
.iti__country.iti__highlight{background:rgba(212,86,31,.08)!important}
.iti__dial-code{color:var(--tinta-suave)}
.field.has-error .iti__tel-input{border-bottom-color:#B3261E}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pills label{cursor:pointer}
.pills input{position:absolute;opacity:0;pointer-events:none}
.pills span{display:inline-block;padding:9px 14px;border:1px solid rgba(31,27,23,.22);border-radius:99px;font-size:14px;font-weight:400;transition:background .25s,border-color .25s,color .25s}
.pills label:hover span{border-color:var(--tinta)}
.pills input:checked+span{background:var(--tinta);border-color:var(--tinta);color:var(--crema-claro)}
.pills input:focus-visible+span{outline:2px solid var(--acento);outline-offset:2px}
.consent{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:12px;background:var(--crema-claro);border:1px solid var(--linea);cursor:pointer;transition:border-color .25s,background .25s}
.consent:hover{border-color:rgba(31,27,23,.3)}
.consent:has(input:checked){border-color:rgba(212,86,31,.45);background:rgba(212,86,31,.05)}
.consent input{appearance:none;-webkit-appearance:none;flex:none;display:grid;place-items:center;width:22px;height:22px;margin:0;border:1.5px solid rgba(31,27,23,.35);border-radius:7px;background:#fff;cursor:pointer;transition:background .2s,border-color .2s}
.consent input::after{content:"";width:10px;height:5.5px;margin-top:-2px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(0);transition:transform .25s var(--ease)}
.consent input:checked{background:var(--acento);border-color:var(--acento)}
.consent input:checked::after{transform:rotate(-45deg) scale(1)}
.consent input:focus-visible{outline:2px solid var(--acento);outline-offset:3px}
.field.has-error .consent{border-color:#B3261E}
.consent__txt{font-size:13.5px;font-weight:400;line-height:1.5;color:var(--tinta-suave)}
.consent__txt a{color:var(--tinta);font-weight:500;text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(212,86,31,.5)}
.consent__txt a:hover{color:var(--acento-texto)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cform__foot{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:6px}
.cform__foot .btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}
.cform__status{font-size:14px;color:var(--tinta-suave)}
.cform__status.is-ok{color:#1E7F4E}
.cform__status.is-error{color:#B3261E}

.footer{background:var(--tinta);color:var(--crema-claro);padding:clamp(64px,8vw,110px) 0 28px;overflow:hidden}
.footer__top{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-bottom:clamp(40px,5vw,64px);border-bottom:1px solid rgba(251,248,242,.12)}
.footer__cta{font-family:var(--f-titulo);font-weight:600;font-size:clamp(26px,3.2vw,46px);letter-spacing:-.035em}
.footer__cols{display:grid;grid-template-columns:1.2fr 1fr 1.3fr 1fr;gap:32px;padding:clamp(40px,5vw,64px) 0}
.footer h3{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(251,248,242,.5);font-weight:500;margin-bottom:18px}
.footer__cols li{padding:5px 0;color:rgba(251,248,242,.85);font-size:15px}
.footer__cols a{transition:color .25s}
.footer__cols a:hover{color:var(--acento-claro)}
.footer__mark{display:flex;align-items:baseline;gap:.07em;font-size:clamp(90px,24vw,360px);line-height:.9;color:var(--crema-claro);margin:0 0 20px -.02em;white-space:nowrap}
.footer__iso{width:.763em;height:.763em;flex:none}
.footer__mark .logo__txt{font-size:1em}
.footer__legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:22px;border-top:1px solid rgba(251,248,242,.12);font-size:13px;color:rgba(251,248,242,.5)}

@media (max-width:1000px){
  .sols__list a{grid-template-columns:50px 1fr 30px}
  .sols__d{grid-column:2;grid-row:2;margin-top:-10px}
  .sols__a{grid-column:3;grid-row:1}
  .process__steps{grid-template-columns:1fr 1fr;row-gap:48px}
  .process__line{display:none}
  .pstep{padding-top:30px;border-top:1px solid rgba(31,27,23,.15)}
  .pstep__dot{top:-8px}
}
@media (max-width:900px){
  .soft__grid{grid-template-columns:1fr}
  .soft__device{order:-1;top:calc(var(--header-h) - 6px);z-index:2;gap:12px;background:var(--tinta);padding:10px var(--gutter) 14px;margin:0 calc(var(--gutter)*-1);box-shadow:0 20px 30px -10px var(--tinta)}
  .bstep{min-height:60vh;padding:48px 0}
  .chat__grid,.faq__grid,.contact__grid{grid-template-columns:1fr}
  .wa__pill input{font-size:16px}
  .faq__side{position:static}
  .integr{flex-direction:column;align-items:flex-start;gap:18px}   .integr__label{flex:none}
  .integr__list{width:100%;flex:none}
  .footer__cols{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .cform{grid-template-columns:1fr;padding:22px 18px}
  .consent{padding:14px}
  .process__steps{grid-template-columns:1fr}
  .footer__cols{grid-template-columns:1fr}
  .cinfo div{grid-template-columns:90px 1fr}
  .qa__a p{padding-right:0}
}
@media (hover:none){ .sols__float{display:none} }

.scr{position:absolute;inset:0;padding:62px 18px 18px;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(16px) scale(.98);transition:opacity .55s var(--ease),transform .55s var(--ease);pointer-events:none}
.scr.is-active{opacity:1;transform:none}
.scr__bar{display:flex;justify-content:space-between;align-items:baseline}
.scr__bar span{font-family:var(--f-titulo);font-weight:600;font-size:20px;letter-spacing:-.02em}
.scr__bar b{font-weight:500;font-size:11px;color:var(--acento-texto);background:rgba(212,86,31,.1);padding:3px 8px;border-radius:99px}
.scr__days{display:flex;gap:6px}
.scr__days span{flex:1;text-align:center;padding:7px 0;border-radius:10px;background:var(--crema);font-size:11px;color:var(--tinta-suave)}
.scr__days .on{background:var(--tinta);color:var(--crema-claro)}
.scr__goal{background:var(--crema);border-radius:14px;padding:12px}
.scr__goal small{color:var(--tinta-suave)}
.scr__goal b{display:block;font-family:var(--f-titulo);font-size:22px;letter-spacing:-.03em;margin:2px 0 8px}
.scr__goal i{display:block;height:6px;border-radius:6px;background:var(--arena);position:relative;overflow:hidden}
.scr__goal i::after{content:"";position:absolute;inset:0;width:calc(var(--p)*100%);background:var(--acento);border-radius:6px}
.scr__list li{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--linea)}
.scr__list time{font-weight:600;font-size:11px}
.scr__list span{font-weight:500}
.scr__list small{display:block;font-weight:400;color:var(--tinta-suave);font-size:10.5px}
.scr__list em{font-style:normal;font-size:10px;padding:3px 7px;border-radius:99px;background:var(--crema);color:var(--tinta-suave)}
.scr__list em.ok{background:rgba(30,155,92,.12);color:#1E7F4E}
.scr__list em.now{background:rgba(212,86,31,.12);color:var(--acento-texto)}
.scr__client{font-weight:600;font-size:14px;padding:10px 12px;background:var(--crema);border-radius:12px}
.scr__client small{display:block;font-weight:400;font-size:11px;color:var(--tinta-suave)}
.scr__items li{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--linea)}
.scr__items small{color:var(--tinta-suave)}
.scr__total{display:flex;justify-content:space-between;align-items:baseline;font-weight:500}
.scr__total b{font-family:var(--f-titulo);font-size:22px;letter-spacing:-.03em}
.scr__actions{display:flex;gap:6px}
.scr__actions span{flex:1;text-align:center;padding:8px 0;border:1px solid var(--linea);border-radius:10px;font-size:11px}
.scr__offline{font-size:10.5px;color:var(--tinta-suave);text-align:center;padding:6px;border:1px dashed var(--linea);border-radius:8px}
.scr__btn{margin-top:auto;text-align:center;padding:12px;border-radius:12px;background:var(--acento-boton);color:#fff;font-weight:600}
.scr__btn--ghost{background:transparent;color:var(--tinta);border:1px solid var(--tinta)}
.scr__kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.scr__kpis div{background:var(--crema);border-radius:12px;padding:10px}
.scr__kpis small{color:var(--tinta-suave);font-size:10.5px}
.scr__kpis b{display:block;font-family:var(--f-titulo);font-size:19px;letter-spacing:-.03em;margin:2px 0}
.scr__kpis em{font-style:normal;font-size:10.5px;color:var(--tinta-suave)}
.scr__kpis em.up{color:#1E7F4E}
.scr__chart{background:var(--crema);border-radius:14px;padding:12px;flex:1;display:flex;flex-direction:column}
.scr__chart small{color:var(--tinta-suave)}
.bars{flex:1;display:flex;align-items:flex-end;gap:10px;padding:10px 4px 18px}
.bars i{flex:1;height:calc(var(--h)*100%);background:var(--acento);border-radius:6px 6px 2px 2px;position:relative;opacity:.9;transform-origin:bottom;transition:transform .8s var(--ease)}
.bars i:nth-child(even){background:var(--tinta)}
.bars span{position:absolute;bottom:-17px;left:50%;transform:translateX(-50%);font-style:normal;font-size:9.5px;color:var(--tinta-suave)}
.scr:not(.is-active) .bars i{transform:scaleY(.15)}
.scr__chips{display:flex;gap:6px}
.scr__chips span{padding:6px 11px;border-radius:99px;border:1px solid var(--linea);font-size:11px}
.scr__chips .on{background:var(--tinta);border-color:var(--tinta);color:var(--crema-claro)}
.scr__map{flex:1;border-radius:14px;overflow:hidden;background:#EAE2D2}
.device .scr__map svg{display:block;width:100%;height:100%;stroke:none}
.map-park{fill:#D3E6C6}
.map-water{fill:#B9D8EA}
.map-minor path{stroke:#fff;stroke-width:4;fill:none}
.map-main path{stroke:#fff;stroke-width:9;fill:none}
.map-lbl{font:600 7px/1 var(--f-texto);fill:#8C857B;letter-spacing:.02em}
.map-route-case{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.map-route{fill:none;stroke:var(--acento);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.map-pin{fill:#fff;stroke:var(--tinta);stroke-width:2.5}
.map-pin.done{fill:var(--tinta);stroke:#fff}
.map-pin.now{fill:var(--acento);stroke:#fff;stroke-width:3}
.scr__sync{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--tinta-suave)}

.page-sub .header{color:var(--tinta)}
.page-sub .header .btn--solid{color:var(--crema-claro)}

.sp-hero{padding:calc(var(--header-h) + clamp(48px,7vw,96px)) 0 clamp(64px,8vw,110px);background:var(--crema)}
.sp-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,6vw,96px);align-items:center}
.crumbs{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--tinta-suave);margin-bottom:28px}
.crumbs a{border-bottom:1px solid transparent;transition:border-color .25s,color .25s}
.crumbs a:hover{color:var(--tinta);border-color:currentColor}
.crumbs span{opacity:.5}
.sp-hero__title{font-family:var(--f-titulo);font-weight:600;font-size:clamp(40px,5.6vw,86px);line-height:.98;letter-spacing:-.045em;margin:20px 0 24px}
.sp-hero__title em{font-size:1.05em}
.sp-hero__lead{max-width:540px;font-size:clamp(17px,1.4vw,20px);font-weight:300;color:var(--tinta-suave)}
.sp-hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.btn--ghost{border-color:var(--tinta);color:var(--tinta)}
.btn--ghost:hover{background:var(--tinta);color:var(--crema-claro)}
.sp-hero__media{position:relative;aspect-ratio:1;margin:0}
.sp-hero__media img{width:100%;height:100%;object-fit:contain;transform:scale(1.08)}
.sp-hero__media--video video{position:absolute;top:50%;left:50%;width:min(120%,calc(100vw - 32px));height:auto;transform:translate(-50%,-50%);display:block;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(transparent,#000 12%,#000 88%,transparent);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
.sp-hero__num{position:absolute;left:16px;top:14px;font-size:12px;letter-spacing:.12em;color:var(--tinta-suave)}

.sp-what{padding:clamp(80px,10vw,140px) 0;background:var(--crema-claro);border-top:1px solid var(--linea)}
.sp-what__split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:clamp(48px,8vw,128px);align-items:center}
.sp-what__list{margin-top:clamp(32px,4vw,52px);border-top:1px solid var(--tinta)}
.sp-what__list li{display:grid;grid-template-columns:52px 1fr;gap:20px;align-items:start;padding:clamp(22px,2.4vw,30px) 0;border-bottom:1px solid var(--linea)}
.sp-what__list h3{font-family:var(--f-titulo);font-weight:600;font-size:clamp(21px,1.8vw,26px);letter-spacing:-.03em;line-height:1.15;margin:4px 0 6px}
.sp-what__list p{color:var(--tinta-suave);font-weight:300}
.sp-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--crema);border:1px solid var(--linea);color:var(--acento);transition:background .35s,color .35s,border-color .35s}
.sp-ic svg{width:24px;height:24px}
.sp-what__list li:hover .sp-ic{background:var(--acento);border-color:var(--acento);color:#fff}

.sp-photo{position:relative;padding:28px 0}
.sp-photo__fig{aspect-ratio:9/11;border-radius:8px;overflow:hidden;background:var(--arena)}
.sp-photo__fig img{width:100%;height:112%;object-fit:cover}
.sp-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;max-width:290px;padding:12px 18px 12px 12px;border-radius:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 40px rgba(31,27,23,.16),0 0 0 1px rgba(31,27,23,.05);font-size:13px;line-height:1.3;animation:chipFloat 6s ease-in-out infinite}
.sp-chip b{display:block;font-weight:600;font-size:14px;color:var(--tinta)}
.sp-chip small{display:block;color:var(--tinta-suave);font-size:12.5px;margin-top:1px}
.sp-chip__ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--acento);color:#fff}
.sp-chip__ic svg{width:20px;height:20px}
.sp-chip--ok .sp-chip__ic{background:#1E9358}
.sp-chip--a{left:-40px;bottom:12%}
.sp-chip--b{right:-28px;top:9%;animation-delay:-3s}
@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.js .sp-chip{opacity:0;translate:0 18px;transition:opacity .7s var(--ease),translate .9s var(--ease)}
.js .sp-chip--b{transition-delay:.25s}
.js .is-in>.sp-chip{opacity:1;translate:0 0}
@media (prefers-reduced-motion:reduce){.sp-chip{animation:none}}

.sp-poss{padding:clamp(80px,10vw,140px) 0;background:var(--tinta);color:var(--crema-claro)}
.sp-poss .sec-title em{color:var(--acento-claro)}
.sp-poss__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
.sp-poss__lead{margin-top:22px;color:rgba(251,248,242,.7);font-weight:300;max-width:440px}
.sp-poss__list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(251,248,242,.15)}
.sp-poss__list li{display:flex;gap:14px;align-items:baseline;padding:18px 16px 18px 0;border-bottom:1px solid rgba(251,248,242,.12);font-size:clamp(16px,1.3vw,18px)}
.sp-poss__list li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--acento);flex:none;transform:translateY(-2px)}
.sp-poss__list li.more{color:var(--acento-claro);font-weight:500}
.sp-poss__list li.more::before{background:transparent;border:1.5px dashed var(--acento-claro)}
.adapt{margin-top:36px;display:flex;gap:18px;align-items:flex-start;padding:22px;border:1px solid rgba(251,248,242,.15);border-radius:10px}
.adapt svg{width:34px;height:34px;flex:none;color:var(--crema-claro)}
.adapt b{display:block;font-family:var(--f-titulo);font-weight:600;font-size:19px;letter-spacing:-.02em;margin-bottom:4px}
.adapt p{color:rgba(251,248,242,.7);font-weight:300;font-size:15px}

.sp-ben{padding:clamp(80px,10vw,140px) 0;background:var(--crema)}
.sp-ben__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:clamp(36px,5vw,64px)}
.sp-ben__grid li{position:relative;display:flex;flex-direction:column;min-height:220px;padding:26px 24px 28px;border-radius:12px;background:var(--crema-claro);border:1px solid var(--linea);transition:transform .45s var(--ease),box-shadow .45s var(--ease),background .45s}
.sp-ben__grid li:hover{transform:translateY(-6px);background:#fff;box-shadow:0 22px 44px rgba(31,27,23,.09)}
.sp-ben__ic{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:rgba(212,86,31,.1);color:var(--acento);transition:background .4s,color .4s,transform .5s var(--ease)}
.sp-ben__ic svg{width:25px;height:25px}
.sp-ben__grid li:hover .sp-ben__ic{background:var(--acento);color:#fff;transform:rotate(-8deg)}
.sp-ben__n{position:absolute;right:22px;top:24px;font-size:13px;letter-spacing:.08em;color:var(--tinta-suave)}
.sp-ben__grid b{margin-top:auto;padding-top:34px;font-family:var(--f-titulo);font-weight:600;font-size:clamp(21px,1.9vw,27px);letter-spacing:-.03em;line-height:1.12}
.sp-ben .integr{margin-top:clamp(48px,6vw,80px)}

.sp-others{padding:clamp(72px,9vw,120px) 0;background:var(--crema-claro);border-top:1px solid var(--linea)}

.soft--phone .soft__grid{grid-template-columns:minmax(0,1fr) minmax(300px,420px)}
.soft--phone .soft__device{top:max(calc(var(--header-h) + 16px),calc(50vh - 330px))}
.soft--light{background:var(--crema)}

@media (max-width:900px){
  .sp-hero__grid,.sp-poss__grid{grid-template-columns:1fr}
  .sp-hero__media{max-width:460px}
  .sp-what__split{grid-template-columns:1fr}
  .sp-photo{max-width:520px;margin:0 auto;width:100%}
  .sp-chip--a{left:-8px}
  .sp-chip--b{right:-8px}
  .sp-ben__grid{grid-template-columns:1fr 1fr}
  .soft--phone .soft__grid{grid-template-columns:1fr}
  .soft__device .device{width:180px}
}
@media (max-width:600px){
  .sp-poss__list{grid-template-columns:1fr}
  .sp-ben__grid{gap:10px}
  .sp-ben__grid li{min-height:170px;padding:20px 18px 22px}
  .sp-chip{max-width:250px;padding:10px 14px 10px 10px}
  .sp-chip b{font-size:13px}
  .sp-chip small{font-size:11.5px}
  .sp-chip__ic{width:32px;height:32px}
  .sp-chip--a{left:-4px;bottom:6%}
  .sp-chip--b{right:-4px;top:4%}
}

.demo{padding:clamp(88px,11vw,150px) 0;background:var(--crema);border-top:1px solid var(--linea)}
.demo--dark{background:var(--tinta);color:var(--crema-claro);border-top:0}
.demo--dark .sec-title em{color:var(--acento-claro)}
.demo--dark .sec-lead{color:rgba(251,248,242,.7)}
.demo__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,110px);align-items:center}
.demo__tabs{display:flex;flex-direction:column;margin-top:34px;border-top:1px solid var(--linea)}
.demo--dark .demo__tabs{border-color:rgba(251,248,242,.15)}
.demo__tabs button{display:flex;flex-direction:column;gap:3px;text-align:left;padding:18px 0 18px 22px;border-bottom:1px solid var(--linea);position:relative;color:var(--tinta-suave);transition:color .3s,padding .35s var(--ease)}
.demo--dark .demo__tabs button{border-color:rgba(251,248,242,.12);color:rgba(251,248,242,.55)}
.demo__tabs button::before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;border:1.5px solid currentColor;transition:background .3s,border-color .3s}
.demo__tabs b{font-family:var(--f-titulo);font-weight:600;font-size:clamp(19px,1.7vw,24px);letter-spacing:-.025em}
.demo__tabs span{font-size:14px;font-weight:300}
.demo__tabs button:hover{color:var(--tinta)}
.demo--dark .demo__tabs button:hover{color:var(--crema-claro)}
.demo__tabs button[aria-selected="true"]{color:var(--tinta);padding-left:30px}
.demo--dark .demo__tabs button[aria-selected="true"]{color:var(--crema-claro)}
.demo__tabs button[aria-selected="true"]::before{background:var(--acento);border-color:var(--acento)}
.demo__stage{display:flex;flex-direction:column;align-items:center;gap:16px}
.demo__note{font-size:12px;color:var(--tinta-suave);text-align:center}
.demo--dark .demo__note{color:rgba(251,248,242,.5)}
.mbtn{display:block;width:100%;padding:11px;border-radius:10px;background:var(--c,var(--acento));color:#fff;font-weight:600;font-size:12.5px;text-align:center;transition:filter .2s,opacity .2s}
.mbtn:hover{filter:brightness(1.08)}
.mbtn[disabled]{opacity:.45;cursor:not-allowed}
.mbtn--ghost{background:transparent;color:var(--c,var(--tinta));border:1px solid currentColor}

.mapp{position:absolute;inset:0;display:flex;flex-direction:column;background:#FAF8F5;opacity:0;visibility:hidden;transform:translateX(18px);transition:opacity .45s var(--ease),transform .45s var(--ease),visibility 0s .45s;pointer-events:none}
.mapp.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}
.mapp__top{padding:52px 18px 16px;background:var(--c);color:#fff}
.mapp__top small{display:block;font-size:10.5px;opacity:.8;letter-spacing:.04em}
.mapp__top b{font-family:var(--f-titulo);font-size:19px;letter-spacing:-.02em}
.mapp__body{flex:1;padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.mapp h6{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#8A837B;margin-top:4px}
.mchips{display:flex;flex-wrap:wrap;gap:5px}
.mchips button,.mchips span{padding:6px 10px;border-radius:99px;border:1px solid #E3DED6;font-size:11px;background:#fff;color:#4A443E}
.mchips .on{background:var(--c);border-color:var(--c);color:#fff}
.mdays{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.mdays button{padding:6px 0;border-radius:10px;border:1px solid #E3DED6;background:#fff;font-weight:700;font-size:14px;color:#2A2622}
.mdays small{display:block;font-weight:400;font-size:9.5px;color:#8A837B}
.mdays .on{background:var(--c);border-color:var(--c);color:#fff}
.mdays .on small{color:rgba(255,255,255,.8)}
.mslots{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.mslots button{padding:7px 0;border-radius:8px;border:1px solid #E3DED6;background:#fff;font-size:11.5px;color:#2A2622}
.mslots button[disabled]{text-decoration:line-through;opacity:.4;cursor:not-allowed}
.mslots .on{background:var(--c);border-color:var(--c);color:#fff}
.mapp .mbtn{margin-top:auto}
.mdone{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px 22px;text-align:center;background:#FAF8F5;opacity:0;visibility:hidden;transform:scale(.96);transition:opacity .35s,visibility .35s,transform .35s var(--ease)}
.mapp.is-done .mdone{opacity:1;visibility:visible;transform:none}
.mdone__ic{width:58px;height:58px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font-size:26px;margin-bottom:6px}
.mdone b{font-family:var(--f-titulo);font-size:20px;letter-spacing:-.02em}
.mdone p{font-size:12px;color:#6B645D}
.mdone .mbtn{margin-top:10px;width:auto;padding:9px 18px}
.mmenu-list li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #EEE9E2}
.mmenu-list i{width:34px;height:34px;border-radius:10px;background:#F3EEE7;display:grid;place-items:center;font-style:normal;font-size:17px}
.mmenu-list b{font-size:12px;display:block}
.mmenu-list small{font-size:11px;color:#8A837B}
.mqty{display:flex;align-items:center;gap:6px}
.mqty button{width:24px;height:24px;border-radius:50%;border:1px solid #E3DED6;background:#fff;font-size:14px;line-height:1;color:var(--c)}
.mqty button[data-q="1"]{background:var(--c);border-color:var(--c);color:#fff}
.mqty em{font-style:normal;font-weight:700;font-size:12px;min-width:12px;text-align:center}
.mcart{display:flex;justify-content:space-between;align-items:center;padding:12px 14px}
.mtrack{display:flex;gap:4px;margin:6px 0 2px;font-size:9.5px;color:#8A837B}
.mtrack li{flex:1;padding-top:7px;border-top:3px solid #E3DED6}
.mtrack li.on{border-color:var(--c);color:var(--c);font-weight:600}
.mstat{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mstat div{background:#fff;border:1px solid #EEE9E2;border-radius:12px;padding:10px}
.mstat small{font-size:10px;color:#8A837B}
.mstat b{display:block;font-size:15px;color:var(--c)}
.mgrades li{display:grid;grid-template-columns:86px 1fr 22px;align-items:center;gap:8px;padding:5px 0;font-size:11.5px}
.mgrades i{height:6px;border-radius:6px;background:#ECE7F7;position:relative;overflow:hidden}
.mgrades i::after{content:"";position:absolute;inset:0;width:calc(var(--g)*100%);background:var(--c);border-radius:6px;transform-origin:left;transition:transform .8s var(--ease)}
.mapp:not(.is-active) .mgrades i::after{transform:scaleX(0)}
.mgrades b{text-align:right}
.mnews li{border:1px solid #EEE9E2;border-radius:10px;background:#fff;margin-bottom:6px;overflow:hidden}
.mnews button{display:block;width:100%;text-align:left;padding:9px 11px}
.mnews b{display:block;font-size:12px}
.mnews small{font-size:10.5px;color:#8A837B}
.mnews p{display:none;padding:0 11px 10px;font-size:11px;color:#5E574F}
.mnews li.open p{display:block}
.mnews li.open{border-color:var(--c)}

.robot{width:100%;max-width:560px;background:#141210;border:1px solid rgba(251,248,242,.12);border-radius:14px;overflow:hidden;box-shadow:0 50px 100px -40px rgba(0,0,0,.8)}
.robot__head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(251,248,242,.1)}
.robot__head b{font-family:var(--f-titulo);font-weight:600;font-size:16px;letter-spacing:-.01em}
.robot__dot{width:9px;height:9px;border-radius:50%;background:rgba(251,248,242,.3)}
.robot.is-running .robot__dot{background:var(--acento);animation:pulse 1s infinite}
.robot.is-done .robot__dot{background:#3DBE80}
.robot__run{margin-left:auto;padding:8px 14px;border-radius:99px;background:var(--acento-boton);color:#fff;font-weight:600;font-size:13px;transition:filter .2s,opacity .2s}
.robot__run:hover{filter:brightness(1.1)}
.robot__run[disabled]{opacity:.5;cursor:wait}
.robot__flow{padding:16px;display:grid;gap:8px}
.robot__flow li{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(251,248,242,.1);border-radius:10px;color:rgba(251,248,242,.5);font-size:14px;transition:border-color .3s,background .3s,color .3s}
.robot__flow li i{width:30px;height:30px;border-radius:8px;background:rgba(251,248,242,.06);display:grid;place-items:center;font-style:normal;font-size:15px}
.robot__flow li em{font-style:normal;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.robot__flow li.is-run{border-color:var(--acento);background:rgba(212,86,31,.1);color:var(--crema-claro)}
.robot__flow li.is-run em{color:var(--acento-claro)}
.robot__flow li.is-ok{color:var(--crema-claro)}
.robot__flow li.is-ok em{color:#3DBE80}
.robot__stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(251,248,242,.1);border-bottom:1px solid rgba(251,248,242,.1)}
.robot__stats div{padding:12px 16px;border-right:1px solid rgba(251,248,242,.1)}
.robot__stats div:last-child{border-right:0}
.robot__stats small{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(251,248,242,.5)}
.robot__stats b{font-family:var(--f-titulo);font-weight:600;font-size:24px;letter-spacing:-.03em}
.robot__stats .hl b{color:var(--acento-claro)}
.robot__log{height:118px;overflow:hidden;padding:12px 16px;font-family:ui-monospace,Consolas,monospace;font-size:11.5px;line-height:1.7;color:rgba(251,248,242,.6);display:flex;flex-direction:column;justify-content:flex-end}
.robot__log p{animation:msgin .3s var(--ease) both}
.robot__log time{color:rgba(251,248,242,.35);margin-right:8px}
.robot__log .ok{color:#3DBE80}

.demo__stage .segp{display:none;width:100%;max-width:540px}
.demo__stage .segp.is-active{display:block;animation:msgin .4s var(--ease) both}
.ssl,.sign{background:var(--crema-claro);border:1px solid var(--linea);border-radius:14px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(31,27,23,.35)}
.ssl__bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--arena);font-size:13px}
.ssl__lock{padding:4px 10px;border-radius:99px;background:rgba(179,38,30,.12);color:#B3261E;font-weight:600;font-size:12px;white-space:nowrap;transition:background .3s,color .3s}
.ssl__url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 12px;border-radius:8px;background:var(--crema-claro);color:var(--tinta-suave);font-size:12.5px}
.ssl.is-on .ssl__lock{background:rgba(30,127,78,.12);color:#1E7F4E}
.ssl__page{padding:18px 20px;display:grid;gap:10px}
.ssl__page h6{font-family:var(--f-titulo);font-size:18px;letter-spacing:-.02em}
.ssl__page label{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--tinta-suave)}
.ssl__page label span{padding:9px 12px;border:1px solid var(--linea);border-radius:8px;background:#fff;color:var(--tinta);font-size:14px}
.ssl__wire{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid var(--linea);font-size:12px;font-weight:600}
.ssl__pipe{position:relative;height:34px;border-radius:99px;background:var(--crema);border:1px dashed var(--linea);overflow:hidden}
.ssl__packet{position:absolute;top:50%;left:0;transform:translate(-100%,-50%);white-space:nowrap;padding:4px 10px;border-radius:99px;background:#B3261E;color:#fff;font-style:normal;font-family:ui-monospace,Consolas,monospace;font-size:11px;animation:packet 3.2s linear infinite}
.ssl.is-on .ssl__packet{background:#1E7F4E}
@keyframes packet{to{left:100%;transform:translate(0,-50%)}}
.ssl__msg{padding:0 20px 14px;font-size:13px;color:#B3261E;transition:color .3s}
.ssl.is-on .ssl__msg{color:#1E7F4E}
.switch{display:flex;align-items:center;gap:12px;margin:0 20px 20px;padding:12px 14px;border-radius:10px;background:var(--crema);font-weight:600;font-size:14px;cursor:pointer}
.switch input{position:absolute;opacity:0}
.switch span{position:relative;width:42px;height:24px;border-radius:99px;background:rgba(31,27,23,.2);transition:background .3s;flex:none}
.switch span::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .3s var(--ease)}
.switch input:checked+span{background:#1E7F4E}
.switch input:checked+span::after{transform:translateX(18px)}
.switch input:focus-visible+span{outline:2px solid var(--acento);outline-offset:2px}
.sign__doc{position:relative;margin:18px;padding:20px 22px 26px;background:#fff;border:1px solid var(--linea);border-radius:8px;font-size:13px;color:var(--tinta-suave);min-height:230px}
.sign__file{font-size:11.5px;margin-bottom:12px;color:var(--tinta-suave)}
.sign__doc h6{font-family:var(--f-titulo);font-size:17px;color:var(--tinta);letter-spacing:-.02em;margin-bottom:8px}
.sign__doc p{margin-bottom:8px;line-height:1.55}
.sign__doc mark{background:transparent;color:var(--tinta);font-weight:600;transition:background .3s}
.sign.is-tampered mark{background:rgba(179,38,30,.15);color:#B3261E}
.sign__stamp{position:absolute;right:18px;bottom:14px;padding:8px 12px;border:2px solid #1E7F4E;border-radius:8px;color:#1E7F4E;transform:rotate(-4deg) scale(1.4);opacity:0;transition:opacity .35s,transform .45s cubic-bezier(.3,1.6,.5,1);display:flex;flex-direction:column}
.sign__stamp b{font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.sign__stamp small{font-size:10.5px}
.sign.is-signed .sign__stamp{opacity:1;transform:rotate(-4deg) scale(1)}
.sign.is-tampered .sign__stamp{border-color:#B3261E;color:#B3261E;text-decoration:line-through}
.sign__status{margin:0 18px;padding:12px 14px;border-radius:10px;background:var(--crema);font-size:13.5px;font-weight:500}
.sign.is-signed .sign__status{background:rgba(30,127,78,.1);color:#1E7F4E}
.sign.is-tampered .sign__status{background:rgba(179,38,30,.1);color:#B3261E}
.sign__actions{display:flex;gap:8px;padding:14px 18px 18px}
.sign__actions .mbtn{width:auto;flex:1;--c:var(--tinta)}
.sign__actions .mbtn:first-child{--c:var(--acento)}

@media (max-width:900px){
  .demo__grid{grid-template-columns:minmax(0,1fr)}
  .robot__flow li{font-size:13px}
}
@media (max-width:600px){
  .demo .phone{width:100%;max-width:320px}
  .robot__stats b{font-size:19px}
  .sign__actions{flex-wrap:wrap}
  .ssl__wire{grid-template-columns:1fr;text-align:center}
}

.js [data-reveal]{opacity:0;transform:translateY(28px)}
.js [data-hero-fade]{opacity:0;transform:translateY(18px)}
.js [data-card]{opacity:0}

@media (max-width:1100px){
  .hero__content{grid-template-columns:minmax(0,1fr) 290px}
  .ui-chat{width:240px}
  .ui-kpi{width:215px}
}
@media (max-width:900px){
  .nav,.header__cta{display:none}
  .burger{display:block}
  .stats{grid-template-columns:1fr}
  .stat{border-right:0;border-bottom:1px solid var(--linea);padding:26px 0 30px!important;flex-direction:row;align-items:baseline;justify-content:space-between;gap:20px}
  .stat__label{text-align:right;max-width:150px}
  .clients__inner{flex-direction:column;align-items:flex-start;gap:24px}
  .clients__label{flex:none}
  .marquee{width:100%;flex:none}
  .manifesto__grid{grid-template-columns:1fr}
}
@media (max-width:720px){
    .hero__img{object-position:72% center}
  .hero__shade{background:
    linear-gradient(180deg,rgba(24,18,13,.55) 0%,rgba(24,18,13,.72) 30%,rgba(24,18,13,.8) 62%,rgba(24,18,13,.92) 100%)}
  .hero__content{grid-template-columns:1fr;gap:28px;padding-top:calc(var(--header-h) + 20px);padding-bottom:110px}
  .hero__cards{display:none}
  .hide-sm{display:none}
  .hero__text{text-align:center}
  .hero .eyebrow{justify-content:center;font-size:11px;letter-spacing:.12em}
  .hero .eyebrow::before{display:none}   .hero__title{margin:18px auto 22px;font-size:clamp(46px,13.4vw,64px);line-height:.94;letter-spacing:-.045em}
  .hero__lead{margin:0 auto}
  .hero__ctas{justify-content:center}
  .hero__ctas .btn{flex:1 1 auto}
  .hero__scroll{bottom:22px}
  .hero__scroll i{height:36px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js [data-reveal],.js [data-hero-fade],.js [data-card]{opacity:1;transform:none}
  .js .loader{display:none}
  .manifesto__text .mw{color:var(--tinta)}
  .manifesto__text em .mw{color:var(--acento)}
}
.intro-seen .loader{display:none!important}
.roles__t{margin-top:14px}
.roles{display:flex;flex-wrap:wrap;gap:5px}
.roles span{padding:4px 9px;border-radius:99px;background:var(--ac-soft);color:var(--ac);font-size:10.5px;font-weight:600}
.soft__ctas{display:flex;flex-wrap:wrap;gap:12px}
.chat__more{margin-top:26px}

.demo__hint{display:flex;align-items:center;gap:10px;margin-top:26px;font-size:14px;color:var(--tinta-suave)}
.demo__hint b{color:var(--tinta);font-weight:600}
.demo--dark .demo__hint{color:rgba(251,248,242,.65)}
.demo--dark .demo__hint b{color:var(--crema-claro)}
.demo__hint-ic{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--acento);color:#fff;font-size:14px}
.is-auto .demo__hint-ic{animation:spin 3s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.demo__tabs{margin-top:16px}
.demo__tabs button{padding-right:44px;cursor:pointer}
.demo__tabs button > b::after{content:"→";position:absolute;right:6px;top:50%;transform:translate(-6px,-50%);opacity:.35;font-family:var(--f-texto);font-weight:400;transition:transform .3s var(--ease),opacity .3s}
.demo__tabs button:hover > b::after{transform:translate(0,-50%);opacity:1}
.demo__tabs button[aria-selected="true"] > b::after{opacity:1;color:var(--acento)}
.demo__tabs button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--acento);transform:scaleX(var(--p,0));transform-origin:left;pointer-events:none}
.demo__pager{display:flex;align-items:center;gap:12px;padding:6px;border:1px solid var(--linea);border-radius:99px;background:var(--crema-claro)}
.demo--dark .demo__pager{background:rgba(251,248,242,.06);border-color:rgba(251,248,242,.15)}
.demo__arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:15px;background:var(--tinta);color:var(--crema-claro);transition:background .25s,transform .25s var(--ease)}
.demo--dark .demo__arrow{background:var(--crema-claro);color:var(--tinta)}
.demo__arrow:hover{background:var(--acento);color:#fff;transform:scale(1.06)}
.demo__count{font-size:13px;color:var(--tinta-suave);white-space:nowrap}
.demo__count b{color:var(--tinta)}
.demo--dark .demo__count{color:rgba(251,248,242,.6)}
.demo--dark .demo__count b{color:var(--crema-claro)}
.demo__dots{display:flex;gap:5px}
.demo__dots i{width:6px;height:6px;border-radius:99px;background:var(--linea);transition:width .3s var(--ease),background .3s}
.demo--dark .demo__dots i{background:rgba(251,248,242,.2)}
.demo__dots i.on{width:18px;background:var(--acento)}
.tap-hint{position:relative;z-index:1}
.tap-hint::before{content:"";position:absolute;inset:-4px;border-radius:inherit;border:2px solid var(--acento);opacity:0;pointer-events:none;animation:tapPulse 1.8s var(--ease) infinite}
.mbtn.tap-hint::before,.chat__chips .tap-hint::before{border-radius:12px}
.chat__chips .tap-hint::before{border-radius:99px}
.mqty .tap-hint::before,.switch .tap-hint::before{border-radius:99px}
@keyframes tapPulse{0%{opacity:.9;transform:scale(.92)}70%{opacity:0;transform:scale(1.18)}100%{opacity:0}}
.mnews button::after{content:"›";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px;color:#8A837B;transition:transform .25s}
.mnews button{position:relative}
.mnews li.open button::after{transform:translateY(-50%) rotate(90deg)}
@media (prefers-reduced-motion:reduce){.tap-hint::before{animation:none;opacity:.6}}

.gallery{background:var(--crema-claro);padding:0 0 clamp(88px,11vw,150px)}
.gallery__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:end}
.gallery figure{position:relative;overflow:hidden;border-radius:4px;background:var(--arena)}
.gallery img{width:100%;height:118%;object-fit:cover;filter:saturate(.85) sepia(.1);will-change:transform}
.gallery__a{aspect-ratio:5/4}
.gallery__b{aspect-ratio:4/3}
.gallery__side{display:flex;flex-direction:column;gap:clamp(28px,4vw,56px)}
.gallery__quote{font-family:var(--f-titulo);font-weight:500;font-size:clamp(24px,2.6vw,38px);line-height:1.12;letter-spacing:-.03em;max-width:15em}
.gallery__quote em{font-family:var(--f-acento);font-style:italic;font-weight:300;color:var(--acento)}
@media (max-width:900px){
  .gallery__grid{grid-template-columns:1fr}
  .gallery__b{display:none}
  .gallery__side{order:-1}
}

.device{position:relative;width:min(320px,100%);aspect-ratio:464/945;filter:drop-shadow(0 40px 60px rgba(31,27,23,.28))}
.device__screen{position:absolute;left:4.9%;right:3.8%;top:1.7%;bottom:1.6%;border-radius:12.5% / 6%;overflow:hidden;background:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif;color:#111;-webkit-font-smoothing:antialiased}
.device__frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:10;user-select:none}

.device .mapp{position:absolute;inset:0;display:flex;flex-direction:column;background:#F6F7F9;font-size:12px;line-height:1.3;color:#111}
.ma-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-top:38px;padding:8px 14px 10px;
  -webkit-mask-image:linear-gradient(transparent 0,#000 10px);mask-image:linear-gradient(transparent 0,#000 10px);display:flex;flex-direction:column;gap:9px}
.ma-scroll::-webkit-scrollbar{display:none}
.ma-scroll>*{flex-shrink:0}
.ma-top{display:flex;align-items:center;gap:9px}
.ma-top > div{flex:1;min-width:0}
.ma-top small{display:block;font-size:10.5px;color:#6B7280}
.ma-top b{font-size:14px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:3px}
.ma-avatar{width:32px;height:32px;border-radius:50%;background:var(--c2);color:var(--c);display:grid;place-items:center;font-weight:700;font-size:11px;flex:none}
.ma-icon{position:relative;width:32px;height:32px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 1px 2px rgba(0,0,0,.06);flex:none;color:#111}
.ma-icon--dot::after{content:"";position:absolute;top:7px;right:8px;width:7px;height:7px;border-radius:50%;background:#EF4444;border:1.5px solid #fff}
.device svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ma-chev{width:12px!important;height:12px!important;color:#6B7280}
.ma-title{font-size:22px;font-weight:800;letter-spacing:-.03em;margin-top:2px}
.ma-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:2px}
.ma-row b{font-size:12.5px;font-weight:700}
.ma-row small{font-size:10.5px;color:var(--c);font-weight:600;display:flex;align-items:center;gap:3px}
.ma-row small svg{width:12px;height:12px}

.ma-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.ma-specs button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;border-radius:12px;background:#fff;font-size:9.5px;font-weight:600;color:#374151;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:background .2s,color .2s}
.ma-specs button svg{width:18px;height:18px;color:var(--c)}
.ma-specs button.on{background:var(--c);color:#fff}
.ma-specs button.on svg{color:#fff}
.ma-doc{display:flex;gap:10px;align-items:center;padding:9px;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.ma-doc img{width:46px;height:46px;border-radius:12px;object-fit:cover;flex:none;background:var(--c2);transition:opacity .25s}
.ma-doc b{display:block;font-size:12.5px}
.ma-doc small{display:block;font-size:10.5px;color:#6B7280;margin:1px 0 2px}
.ma-rating{display:flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700}
.ma-rating svg{width:12px;height:12px;color:#F59E0B}
.ma-rating em{font-style:normal;font-weight:400;color:#9CA3AF}
.ma-days{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.ma-days button{padding:6px 0;border-radius:12px;background:#fff;font-size:15px;font-weight:700;color:#111;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.ma-days small{display:block;font-size:9.5px;font-weight:500;color:#6B7280}
.ma-days .on{background:var(--c);color:#fff}
.ma-days .on small{color:rgba(255,255,255,.8)}
.ma-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.ma-slots button{padding:7px 0;border-radius:10px;background:#fff;border:1px solid #E5E7EB;font-size:11.5px;font-weight:600;color:#111;transition:background .2s,color .2s,border-color .2s}
.ma-slots button.on{background:var(--c2);border-color:var(--c);color:var(--c)}
.ma-slots button[disabled]{background:transparent;color:#C4C8CF;text-decoration:line-through;border-style:dashed;cursor:not-allowed}
.ma-cta{padding:8px 14px 6px;background:linear-gradient(to top,#F6F7F9 70%,rgba(246,247,249,0))}
.ma-btn{display:flex;width:100%;justify-content:center;align-items:center;gap:8px;padding:12px;border-radius:14px;background:var(--c);color:#fff;font-weight:700;font-size:13px;transition:filter .2s,opacity .2s}
.ma-btn:hover{filter:brightness(1.08)}
.ma-btn[disabled]{opacity:.45;cursor:not-allowed}
.ma-tabs{display:flex;justify-content:space-around;padding:7px 8px 20px;background:rgba(255,255,255,.96);border-top:1px solid #EEF0F3}
.ma-tabs span{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:9px;font-weight:500;color:#9CA3AF}
.ma-tabs span svg{width:19px;height:19px}
.ma-tabs span.on{color:var(--c)}
.ma-sheet{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 18px 26px;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.18);text-align:center;transform:translateY(105%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.ma-sheet::before{content:"";width:36px;height:4px;border-radius:4px;background:#D1D5DB;margin:-10px 0 8px}
.mapp.is-done .ma-sheet{transform:none}
.device .mapp::after{content:"";position:absolute;inset:0;z-index:4;background:rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:opacity .35s}
.device .mapp.is-done::after{opacity:1}
.ma-sheet__ok{width:52px;height:52px;border-radius:50%;background:var(--c2);color:var(--c);display:grid;place-items:center}
.ma-sheet__ok svg{width:26px;height:26px;stroke-width:2.4}
.ma-sheet b{font-size:17px;font-weight:800;letter-spacing:-.02em}
.ma-sheet p{font-size:12px;color:#4B5563}
.ma-sheet__card{width:100%;padding:10px;border-radius:12px;background:#F6F7F9;text-align:left}
.ma-sheet__card small{font-size:10.5px;color:#6B7280}
.ma-sheet .ma-btn{margin-top:6px}

.ma-search{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:#fff;color:#9CA3AF;font-size:11.5px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.ma-promo{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:14px;background:var(--c);color:#fff}
.ma-promo small{font-size:10px;opacity:.85}
.ma-promo b{display:block;font-size:13px;font-weight:800;letter-spacing:-.01em}
.ma-promo span{font-family:Georgia,serif;font-style:italic;font-weight:700;font-size:12px;line-height:1;text-align:right;opacity:.9}
.ma-menu li{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:7px;margin-bottom:6px;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.ma-menu img{width:48px;height:48px;border-radius:10px;object-fit:cover;background:var(--c2)}
.ma-menu b{display:block;font-size:12px}
.ma-menu small{display:block;font-size:10px;color:#6B7280}
.ma-menu em{font-style:normal;font-weight:700;font-size:11.5px;color:var(--c)}
.device .mqty button{width:24px;height:24px;border-radius:50%;border:1px solid #E5E7EB;background:#fff;font-size:14px;line-height:1;color:var(--c)}
.device .mqty button[data-q="1"]{background:var(--c);border-color:var(--c);color:#fff}
.ma-cart{justify-content:space-between;padding:12px 16px}
.ma-track{display:flex;gap:4px;width:100%;font-size:9.5px;color:#9CA3AF;margin:4px 0}
.ma-track li{flex:1;padding-top:7px;border-top:3px solid #E5E7EB}
.ma-track li.on{border-color:var(--c);color:var(--c);font-weight:600}
.ma-track li.now{border-color:var(--c);color:var(--c);font-weight:700;animation:pulse 1.4s infinite}
.ma-rider{display:flex;align-items:center;gap:10px}
.ma-rider b{font-size:12px}

.ma-week{padding:10px 12px;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.ma-dots{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:8px}
.ma-dots span{padding:6px 0;border-radius:9px;text-align:center;font-size:10.5px;font-weight:700;background:#F3F4F6;color:#9CA3AF}
.ma-dots .ok{background:#DCFCE7;color:#15803D}
.ma-dots .late{background:#FEF3C7;color:#B45309}
.ma-dots .today{border:1.5px dashed var(--c);color:var(--c);background:#fff}
.ma-tasks li{display:flex;gap:10px;align-items:center;padding:8px 10px;margin-bottom:5px;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:opacity .3s}
.ma-tasks button{width:22px;height:22px;border-radius:7px;border:1.6px solid #D1D5DB;display:grid;place-items:center;color:transparent;flex:none;transition:background .2s,border-color .2s,color .2s}
.ma-tasks button svg{width:13px;height:13px;stroke-width:2.6}
.ma-tasks li.done button{background:var(--c);border-color:var(--c);color:#fff}
.ma-tasks li.done b{text-decoration:line-through;color:#9CA3AF}
.ma-tasks b{display:block;font-size:11.5px}
.ma-tasks small{font-size:10px;color:#6B7280}
.device .mgrades li{grid-template-columns:84px 1fr 20px;font-size:11px;padding:4px 0}
.device .mgrades i{background:#E5E7EB}
.device .mnews li{border-color:#EEF0F3;border-radius:12px}
.device .mnews b{font-size:11.5px}
.ma-tasks .tap-hint::before{border-radius:9px}

.device--naranja{aspect-ratio:502/1038}
.device--naranja .device__screen{left:4%;right:4%;top:1.9%;bottom:1.9%}
.device--scr .device__screen{background:var(--crema-claro);color:var(--tinta);font-family:var(--f-texto);font-size:12px;line-height:1.35}
.device--scr .scr{padding-top:48px}

.laptop{position:relative;width:100%;aspect-ratio:321/188;filter:drop-shadow(0 34px 44px rgba(0,0,0,.45))}
.laptop__frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;user-select:none}
.laptop__screen{position:absolute;left:9.22%;right:9.53%;top:2.98%;bottom:9.36%;overflow:hidden;background:#1d1d1f;border-radius:.9% / 1.5%}
.mac{
  position:absolute;left:0;top:0;width:960px;height:606px;transform:scale(var(--s,.6));transform-origin:top left;
  display:flex;flex-direction:column;background:#e9e9ec;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif;-webkit-font-smoothing:antialiased;
  --mb:rgba(246,246,248,.92);--mb-tx:#1d1d1f;--sf:#f2f2f4;--sf-line:#d8d8dc;--sf-url:#e3e3e7;--sf-tx:#3a3a3c;--sf-ic:#6e6e73;
}
.mac *{transition:background-color .5s,border-color .5s,color .5s,fill .5s,stroke .5s}
.mac.is-dark{--mb:rgba(40,40,44,.92);--mb-tx:#f5f5f7;--sf:#2c2c30;--sf-line:#1c1c1f;--sf-url:#3a3a3f;--sf-tx:#e5e5ea;--sf-ic:#a1a1a6}
.mac svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mac__menubar{flex:none;height:22px;display:flex;align-items:center;gap:15px;padding:0 12px;background:var(--mb);color:var(--mb-tx);font-size:11.5px;font-weight:500;letter-spacing:-.01em}
.mac__menubar b{font-weight:700}
.mac__apple{width:13px;height:13px;fill:currentColor!important;stroke:none!important}
.mac__status{margin-left:auto;display:flex;align-items:center;gap:12px}
.mac__status .st{width:14px;height:14px}
.mac__status .bat{width:22px;height:11px;stroke-width:1.3}
.mac__status .bat .lvl{fill:currentColor;stroke:none}
.safari{flex:1;display:flex;flex-direction:column;min-height:0;background:#fff}
.safari__bar{flex:none;height:40px;display:flex;align-items:center;gap:14px;padding:0 14px;background:var(--sf);border-bottom:1px solid var(--sf-line);color:var(--sf-ic)}
.safari__lights{display:flex;gap:8px;margin-right:6px}
.safari__lights i{width:12px;height:12px;border-radius:50%;background:#ff5f57;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.15)}
.safari__lights i:nth-child(2){background:#febc2e}
.safari__lights i:nth-child(3){background:#28c840}
.sf-ic{width:17px;height:17px;flex:none}
.sf-off{opacity:.35}
.safari__url{flex:1;max-width:440px;margin:0 auto;height:26px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border-radius:7px;background:var(--sf-url);color:var(--sf-tx);font-size:12px;letter-spacing:-.005em;position:relative}
.safari__url .sf-lock{width:11px;height:11px;stroke-width:2;color:var(--sf-ic)}
.safari__url .sf-reload{position:absolute;right:9px;width:12px;height:12px;color:var(--sf-ic)}
.laptop .app{position:relative;left:auto;top:auto;width:auto;height:auto;flex:1;min-height:0;transform:none;border-radius:0;box-shadow:none}
.app__logo{display:grid;place-items:center;color:#fff;font-size:9px;font-weight:800;letter-spacing:.02em}
.app__logo::after{display:none}

.lg-hero{padding:calc(var(--header-h) + clamp(40px,6vw,80px)) 0 clamp(40px,5vw,64px);background:var(--crema);border-bottom:1px solid var(--linea)}
.lg-hero__title{font-family:var(--f-titulo);font-weight:600;font-size:clamp(40px,5.4vw,76px);line-height:1;letter-spacing:-.045em;margin:18px 0 18px}
.lg-hero__title em{font-size:1.05em}
.lg-hero__date{font-size:14px;color:var(--tinta-suave)}
.lg-body{padding:clamp(48px,7vw,96px) 0 clamp(80px,10vw,130px);background:var(--crema-claro)}
.lg-grid{display:grid;grid-template-columns:240px minmax(0,720px);gap:clamp(40px,7vw,110px);align-items:start}
.lg-toc{position:sticky;top:calc(var(--header-h) + 32px)}
.lg-toc p{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-suave);margin-bottom:14px}
.lg-toc ol{list-style:none;counter-reset:lg;border-left:1px solid var(--linea)}
.lg-toc li{counter-increment:lg}
.lg-toc li a{display:block;padding:6px 0 6px 16px;margin-left:-1px;border-left:1px solid transparent;font-size:14px;color:var(--tinta-suave);transition:color .25s,border-color .25s}
.lg-toc li a::before{content:counter(lg,decimal-leading-zero) "  ";font-size:11.5px;color:var(--acento-texto)}
.lg-toc li a:hover{color:var(--tinta);border-color:var(--acento)}
.lg-other{display:inline-flex;gap:8px;margin-top:28px;padding-bottom:3px;border-bottom:1px solid var(--tinta);font-size:14px;font-weight:500}
.lg-other:hover{color:var(--acento-texto);border-color:var(--acento)}
.lg-doc{font-size:16.5px;line-height:1.7;color:#3b352f}
.lg-doc .lg-lead{color:var(--tinta)}
.lg-doc h2{scroll-margin-top:calc(var(--header-h) + 24px);margin:52px 0 14px;padding-top:28px;border-top:1px solid var(--linea);font-family:var(--f-titulo);font-weight:600;font-size:clamp(22px,2vw,28px);line-height:1.2;letter-spacing:-.03em;color:var(--tinta)}
.lg-n{display:block;margin-bottom:8px;font-family:var(--f-texto);font-size:12.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--acento-texto)}
.lg-doc h3{margin:24px 0 8px;font-size:16.5px;font-weight:600;color:var(--tinta)}
.lg-doc p+p{margin-top:12px}
.lg-doc h2+p,.lg-doc h2+ul{margin-top:0}
.lg-sub{margin-right:6px;font-weight:600;color:var(--tinta)}
.lg-doc .lg-lead{padding:22px 26px;border-radius:12px;background:var(--crema);border:1px solid var(--linea);font-size:16.5px}
.lg-doc ul{margin:10px 0 0;display:grid;gap:6px}
.lg-doc ul+p{margin-top:14px}
.lg-doc li{position:relative;padding-left:22px}
.lg-doc li::before{content:"";position:absolute;left:2px;top:.78em;width:9px;height:1.5px;background:var(--acento)}
.lg-doc a{color:var(--tinta);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(212,86,31,.5)}
.lg-doc a:hover{color:var(--acento-texto)}
.lg-doc b{font-weight:600;color:var(--tinta)}
.lg-resumen{margin-top:32px;padding:24px 28px;border-radius:12px;background:var(--crema);border:1px solid var(--linea)}
.lg-resumen>b{display:block;margin-bottom:6px;font-family:var(--f-titulo);font-size:19px;letter-spacing:-.02em}
.lg-todo{padding:1px 6px;border-radius:4px;background:rgba(212,86,31,.14);color:var(--acento-texto);font-weight:500}
@media (max-width:900px){
  .lg-grid{grid-template-columns:1fr}
  .lg-toc{position:static;padding:20px 22px;border-radius:12px;background:var(--crema);border:1px solid var(--linea)}
}

.ma-clock{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 12px 12px;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.ma-clock small{font-size:10.5px;color:#6B7280;font-weight:500}
.ma-clock b{font-size:34px;font-weight:800;letter-spacing:-.04em;line-height:1.05;font-variant-numeric:tabular-nums}
.ma-loc{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:10.5px;color:#374151}
.ma-loc svg{width:13px!important;height:13px!important;color:var(--c)}
.ma-loc em{margin-left:4px;padding:2px 7px;border-radius:99px;background:var(--c2);color:var(--c);font-style:normal;font-weight:700;font-size:9.5px}
.ma-punch{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:16px;background:var(--c);color:#fff;font-weight:800;font-size:14px;letter-spacing:-.01em;box-shadow:0 8px 18px -8px var(--c);transition:background .3s,filter .2s,opacity .2s}
.ma-punch svg{width:19px!important;height:19px!important;stroke-width:2.2}
.ma-punch:hover{filter:brightness(1.08)}
.ma-punch.is-out{background:#B45309;box-shadow:0 8px 18px -8px #B45309}
.ma-punch[disabled]{background:#9CA3AF;box-shadow:none;cursor:default}
.ma-punch.tap-hint::before{border-radius:20px}
.ma-marks{display:flex;flex-direction:column;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.ma-marks li{display:flex;align-items:center;gap:10px;padding:9px 12px}
.ma-marks li+li{border-top:1px solid #F0F1F3}
.ma-marks li>div{flex:1;min-width:0}
.ma-marks b{display:block;font-size:12px}
.ma-marks small{font-size:10px;color:#6B7280}
.ma-marks em{font-style:normal;font-weight:700;font-size:13px;color:#9CA3AF;font-variant-numeric:tabular-nums}
.ma-marks__dot{width:10px;height:10px;border-radius:50%;border:2px solid #D1D5DB;flex:none;transition:background .3s,border-color .3s}
.ma-marks li.done .ma-marks__dot{background:var(--c);border-color:var(--c)}
.ma-marks li.done em{color:#111}
.ma-hours{padding:10px 12px 12px;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.ma-bar{height:7px;margin-top:8px;border-radius:99px;background:#EEF0F3;overflow:hidden}
.ma-bar i{display:block;width:67%;height:100%;border-radius:inherit;background:var(--c)}
.ma-rider .ma-avatar svg{width:16px;height:16px}
.ma-rider>div{min-width:0}
.ma-rider>div b,.ma-rider>div small{display:block}

.e404{padding:calc(var(--header-h) + clamp(56px,8vw,120px)) 0 clamp(56px,7vw,96px);background:var(--crema);overflow:hidden}
.e404__grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px}
.e404__title{font-family:var(--f-titulo);font-weight:600;font-size:clamp(44px,6vw,88px);line-height:.98;letter-spacing:-.045em;margin:18px 0 22px}
.e404__title em{font-size:1.05em}
.e404__lead{max-width:520px;color:var(--tinta-suave);font-size:17px}
.e404__num{font-family:var(--f-titulo);font-weight:600;font-size:clamp(140px,22vw,320px);line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px var(--linea);user-select:none}
.sols--404{padding:clamp(56px,7vw,96px) 0}
.sols--404 .eyebrow{margin-bottom:24px}
@media (max-width:820px){.e404__grid{grid-template-columns:1fr}.e404__num{display:none}}