/* SISA FX v1 */
html:not(#_) #dm .fx{--r:#c03437;--rd:#9c2629;--ink:#121112;--ink2:#1c1a1b;--pap:#faf8f5;--stone:#f3f0eb;--sand:#e7dfd2;--mute:#6f6869;--ml:#a8a1a1;--ln:rgba(18,17,18,.12);--lnl:rgba(255,255,255,.14);--ease:cubic-bezier(.19,1,.22,1);--disp:var(--sx-disp,"Archivo","Helvetica Neue",Arial,sans-serif);--body:var(--sx-body,"Inter",system-ui,sans-serif);font-family:var(--body);color:var(--ink);background:var(--pap);overflow-x:clip}
html:not(#_) #dm .fx *,html:not(#_) #dm .fx *:before,html:not(#_) #dm .fx *:after{box-sizing:border-box}
html:not(#_) #dm .fx a{color:inherit;text-decoration:none}
html:not(#_) #dm .fx img,html:not(#_) #dm .fx video{display:block;max-width:100%}
html:not(#_) #dm .fx .w{max-width:1440px;margin:0 auto;padding:0 clamp(16px,5vw,88px)}
html:not(#_) #dm .fx .sec{padding:clamp(80px,10vw,160px) 0;position:relative}
html:not(#_) #dm .fx .dark{background:var(--ink);color:#fff}
html:not(#_) #dm .fx .stone{background:var(--stone)}
html:not(#_) #dm .fx .ey{font-family:var(--disp);font-variation-settings:"wdth" 75;font-weight:600;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--r);display:flex;align-items:center;gap:12px;margin:0 0 22px}
html:not(#_) #dm .fx .ey:before{content:"";width:28px;height:1px;background:currentColor}
html:not(#_) #dm .fx .dark .ey{color:#e0605f}
html:not(#_) #dm .fx .h1{font-family:var(--disp);font-weight:400;font-size:clamp(46px,7.6vw,132px);letter-spacing:-.04em;line-height:.93;margin:0}
html:not(#_) #dm .fx .h2{font-family:var(--disp);font-weight:400;font-size:clamp(36px,5vw,84px);letter-spacing:-.035em;line-height:.98;margin:0 0 22px}
html:not(#_) #dm .fx .h3{font-family:var(--disp);font-weight:500;font-size:clamp(22px,2vw,32px);letter-spacing:-.015em;line-height:1.12;margin:0}
html:not(#_) #dm .fx .h1 em,html:not(#_) #dm .fx .h2 em{font-style:normal;color:var(--r)}
html:not(#_) #dm .fx .dark .h1 em,html:not(#_) #dm .fx .dark .h2 em{color:#e0605f}
html:not(#_) #dm .fx .outl{color:transparent!important;-webkit-text-stroke:1.5px var(--stroke,#fff)}
html:not(#_) #dm .fx .lead{font-size:clamp(17px,1.35vw,21px);line-height:1.6;color:var(--mute);max-width:680px;margin:0}
html:not(#_) #dm .fx .dark .lead{color:#cfc8c8}
html:not(#_) #dm .fx .row{display:flex;flex-wrap:wrap;gap:18px 40px;align-items:end;justify-content:space-between}
/* buttons */
html:not(#_) #dm .fx .btn{display:inline-flex;align-items:center;gap:12px;padding:18px 26px;border-radius:999px;font-weight:600;font-size:15px;line-height:1;border:1px solid currentColor;transition:background .4s var(--ease),color .4s var(--ease),border-color .4s;position:relative;will-change:transform}
html:not(#_) #dm .fx .btn.p{background:var(--r);border-color:var(--r);color:#fff}
html:not(#_) #dm .fx .btn.p:hover{background:var(--rd);border-color:var(--rd)}
html:not(#_) #dm .fx .btn.g:hover{background:#fff;color:var(--ink);border-color:#fff}
html:not(#_) #dm .fx .btn.k{border-color:var(--ink)}
html:not(#_) #dm .fx .btn.k:hover{background:var(--ink);color:#fff}
html:not(#_) #dm .fx .btn i{width:20px;height:1px;background:currentColor;position:relative;transition:width .5s var(--ease)}
html:not(#_) #dm .fx .btn i:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
html:not(#_) #dm .fx .btn:hover i{width:30px}
html:not(#_) #dm .fx .lnk{display:inline-flex;gap:10px;align-items:center;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:4px}
/* reveal */
html:not(#_) #dm .fx [data-fx~=rv]{opacity:0;transform:translateY(34px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease);transition-delay:var(--d,0s)}
html:not(#_) #dm .fx [data-fx~=rv].in{opacity:1;transform:none}
html:not(#_) #dm .fx .ln{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
html:not(#_) #dm .fx .ln>span{display:block;transform:translateY(105%);transition:transform 1.3s var(--ease);transition-delay:calc(var(--i,0)*.08s + var(--d,0s))}
html:not(#_) #dm .fx .in .ln>span,html:not(#_) #dm .fx .ln.in>span{transform:none}
html:not(#_) #dm .fx [data-fx~=clip]{clip-path:inset(18% 10% 18% 10% round 6px);transition:clip-path 1.6s var(--ease)}
html:not(#_) #dm .fx [data-fx~=clip].in{clip-path:inset(0 0 0 0 round 4px)}
html:not(#_) #dm .fx [data-fx~=clip] img{transform:scale(1.18);transition:transform 2s var(--ease)}
html:not(#_) #dm .fx [data-fx~=clip].in img{transform:scale(1)}
/* marquee */
html:not(#_) #dm .fx .mq{overflow:hidden;white-space:nowrap;position:relative}
html:not(#_) #dm .fx .mq-t{display:inline-flex;gap:clamp(28px,4vw,64px);animation:fxmq var(--dur,40s) linear infinite;will-change:transform;padding-right:clamp(28px,4vw,64px)}
html:not(#_) #dm .fx .mq.rev .mq-t{animation-direction:reverse}
html:not(#_) #dm .fx .mq:hover .mq-t{animation-play-state:paused}
@keyframes fxmq{to{transform:translateX(-50%)}}
html:not(#_) #dm .fx .mq-i{display:inline-flex;align-items:center;gap:clamp(28px,4vw,64px);font-family:var(--disp);font-size:clamp(22px,2.6vw,40px);letter-spacing:-.02em}
html:not(#_) #dm .fx .mq-i:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--r);flex:none}
/* tilt + spotlight */
html:not(#_) #dm .fx [data-fx~=tilt]{transform-style:preserve-3d;transition:transform .7s var(--ease);will-change:transform}
html:not(#_) #dm .fx [data-fx~=spot]{position:relative;isolation:isolate}
html:not(#_) #dm .fx [data-fx~=spot]:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.16),transparent 60%);opacity:0;transition:opacity .4s;z-index:3}
html:not(#_) #dm .fx [data-fx~=spot]:hover:after{opacity:1}
/* parallax */
html:not(#_) #dm .fx [data-fx~=par]{will-change:transform}
/* horizontal pinned */
html:not(#_) #dm .fx .hs{position:relative}
html:not(#_) #dm .fx .hs-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
html:not(#_) #dm .fx .hs-track{display:flex;gap:clamp(16px,2vw,28px);padding:0 clamp(16px,5vw,88px);will-change:transform}
html:not(#_) #dm .fx .hs-bar{height:2px;background:rgba(127,127,127,.25);margin:28px clamp(16px,5vw,88px) 0;position:relative;overflow:hidden}
html:not(#_) #dm .fx .hs-bar i{position:absolute;inset:0;background:var(--r);transform-origin:left;transform:scaleX(var(--p,0))}
html:not(#_) #dm .fx.no-hs .hs{height:auto!important}
html:not(#_) #dm .fx.no-hs .hs-pin{position:relative;height:auto;padding:24px 0}
html:not(#_) #dm .fx.no-hs .hs-track{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;transform:none!important;scrollbar-width:none}
html:not(#_) #dm .fx.no-hs .hs-track::-webkit-scrollbar{display:none}
html:not(#_) #dm .fx.no-hs .hs-track>*{scroll-snap-align:start}
/* floating preview */
html:not(#_) #dm .fx .fpv{position:fixed;left:0;top:0;width:min(360px,28vw);aspect-ratio:4/3;border-radius:6px;overflow:hidden;pointer-events:none;z-index:60;opacity:0;transform:translate(-50%,-50%) scale(.85);transition:opacity .35s,transform .5s var(--ease);box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}
html:not(#_) #dm .fx .fpv.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
html:not(#_) #dm .fx .fpv img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:opacity .4s}
/* canvas lines */
html:not(#_) #dm .fx canvas.fx-grid{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
/* scroll progress */
html:not(#_) #dm .fx .fx-prog{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--r);transform-origin:left;transform:scaleX(0);z-index:9999;pointer-events:none}
/* tags/chips */
html:not(#_) #dm .fx .tag{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:7px 11px;border-radius:2px;background:var(--r);color:#fff}
html:not(#_) #dm .fx .tag.live:before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:fxpl 1.6s infinite}
html:not(#_) #dm .fx .tag.lt{background:rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
@keyframes fxpl{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}100%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}
html:not(#_) #dm .fx .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){html:not(#_) #dm .fx *{animation:none!important;transition:none!important}html:not(#_) #dm .fx [data-fx~=rv]{opacity:1;transform:none}html:not(#_) #dm .fx .ln>span{transform:none}html:not(#_) #dm .fx [data-fx~=clip]{clip-path:none}html:not(#_) #dm .fx [data-fx~=clip] img{transform:none}}
html:not(#_) #dm .fx.fx h1,html:not(#_) #dm .fx.fx h2,html:not(#_) #dm .fx.fx h3,html:not(#_) #dm .fx.fx h4,html:not(#_) #dm .fx.fx h5,html:not(#_) #dm .fx.fx blockquote,html:not(#_) #dm .fx.fx figcaption{color:inherit;text-transform:none}
html:not(#_) #dm .fx p:not([class]){color:inherit;font-family:inherit}
html:not(#_) #dm .fx.fx h1,html:not(#_) #dm .fx.fx h2,html:not(#_) #dm .fx.fx h3,html:not(#_) #dm .fx.fx h4{font-family:var(--disp)}
html:not(#_) #dm .fx .en .ey,html:not(#_) #dm .fx .pz .ey,html:not(#_) #dm .fx .qs .ey,html:not(#_) #dm .fx .mu .ey,html:not(#_) #dm .fx .vd .ey,html:not(#_) #dm .fx .ph .ey,html:not(#_) #dm .fx .ih .ey,html:not(#_) #dm .fx .hx .ey,html:not(#_) #dm .fx .ct .ey{color:#e0605f}