/* Layout: una columna de afirmaciones grandes. Cada motivo para contratar se demuestra con una pieza que el visitante toca */
:root{
  color-scheme:dark;
  --bg:#000;--ink:#f5f5f7;--soft:#a1a1a6;--dim:#86868b;--tile:#161618;--tile2:#222225;--edge:#2e2e32;
  --blue:#2997ff;--blued:#0071e3;--green:#30d158;--amber:#ff9f0a;--gold:#d9ad55;--red:#ff453a;--seal:#c8322b;
  --a-bg:#f2f2f4;--a-card:#fff;--a-ink:#1d1d1f;--a-dim:#6e6e73;--a-edge:#dcdce0;--a-weak:#ffe9e4;--a-weakink:#c0392b;
  --f:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --t-hero:clamp(56px,13vw,168px);--t-h1:clamp(40px,6.6vw,84px);--t-h2:clamp(31px,4.4vw,58px);--t-h3:clamp(21px,2.3vw,30px);
  --t-lead:clamp(18px,1.8vw,24px);--t-cap:13px;--nav:52px;--gut:20px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
.lt{--bg:#f5f5f7;--ink:#1d1d1f;--soft:#48484d;--dim:#6e6e73;--tile:#fff;--tile2:#ececf0;--edge:#d2d2d7;--blue:#0066cc;--green:#147a33;--gold:#8a6414;--amber:#a85d00;--red:#c0392b}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.47 var(--f);-webkit-font-smoothing:antialiased;overflow-x:clip;padding-top:var(--nav)}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;letter-spacing:-.035em;line-height:1.04;font-weight:600}
h1 span,h2 span,h3 span{display:block}
.w{max-width:1120px;margin-inline:auto;padding-inline:var(--gut)}
.s{background:var(--bg);color:var(--ink);padding-block:clamp(56px,8vw,112px)}
.s:not(.lt)+.s:not(.lt):not(.s--line),.hero+.s:not(.lt){padding-top:0}
.hd{display:grid;gap:14px;justify-items:center;text-align:center;margin-bottom:clamp(28px,4vw,52px)}
.hd.l{justify-items:start;text-align:left}
.eb{font-size:15px;font-weight:600;color:var(--dim);letter-spacing:.01em}
.eb.g{color:var(--gold)}.eb.b{color:var(--blue)}
.h1{font-size:var(--t-h1)}.h2{font-size:var(--t-h2)}.h3{font-size:var(--t-h3);letter-spacing:-.02em;line-height:1.12}
.lead{font-size:var(--t-lead);color:var(--soft);max-width:34em;line-height:1.3;text-wrap:balance}
.dim{color:var(--dim)}.soft{color:var(--soft)}.eg{font-size:var(--t-cap);color:var(--dim);text-align:center;margin-top:14px}
.grad{background:linear-gradient(110deg,#2997ff,#8f6bff 45%,#d64fd8 72%,#ff375f);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:999px;background:var(--blued);color:#fff;font-weight:600;font-size:16px;transition:transform .2s var(--ease),background .2s}
.btn:hover{background:#0a84ff}.btn:active{transform:scale(.97)}
.btn.gold{background:var(--gold);color:#1d1503}.btn.ghost{background:none;box-shadow:inset 0 0 0 1px var(--edge);color:var(--ink)}
.lnk{color:var(--blue);font-weight:500}.lnk::after{content:" ›"}.lnk:hover{text-decoration:underline}
.cta{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;justify-content:center}
.g2{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.g2{grid-template-columns:minmax(0,1fr)}}
.g3{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.g3{grid-template-columns:minmax(0,1fr)}}
.g4{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:820px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tile{background:var(--tile);border-radius:28px;padding:clamp(22px,3vw,36px);display:grid;gap:10px;align-content:start;min-width:0}
.tile p{color:var(--soft)}.tile .big{font-size:clamp(34px,4.4vw,58px);white-space:nowrap;font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--ink)}
.it{display:grid;gap:2px;padding-block:14px;border-top:1px solid var(--edge)}.it b{font-weight:600}.it span{color:var(--soft);font-size:15px}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.chip{padding:7px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--edge);font-size:14px;color:var(--soft)}
.sw{display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--edge);max-width:100%;overflow-x:auto;scrollbar-width:none}
.sw button{padding:9px 16px;border-radius:999px;font-size:15px;font-weight:600;color:var(--soft);white-space:nowrap;transition:background .25s,color .25s}
.sw button.on{background:var(--ink);color:var(--bg)}
.sw.q button.on{background:linear-gradient(120deg,#f3d48a,#c9973a);color:#1d1503}
.shot{display:grid;gap:10px;justify-items:center}.shot img{border-radius:18px;box-shadow:0 0 0 1px var(--edge),0 30px 80px #0009}
.shot.tel img{max-height:640px;width:auto;border-radius:30px}
.shot figcaption,.fc{font-size:var(--t-cap);color:var(--dim);text-align:center}
figure{margin:0}
/* nav */
.nav{position:fixed;inset:0 0 auto;z-index:50;padding-top:env(safe-area-inset-top,0px)}.nav::before{content:"";position:absolute;inset:0;z-index:-1;background:#000c;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid #ffffff14}
.nav .w{display:flex;align-items:center;height:var(--nav);gap:18px;max-width:1240px}
.logo{font-weight:600;font-size:19px;letter-spacing:-.03em;margin-right:auto}.logo i{font-style:normal}
.nav nav{display:flex;gap:22px;font-size:15px;color:#e8e8ed}.nav nav a:hover,.nav nav a.on{color:var(--ink)}
.nav .in{font-size:15px;color:#e8e8ed;margin-left:auto}.nav .mb{display:none;width:44px;height:44px;margin-right:-12px}
.nav .mb::before{content:"";display:block;width:18px;height:8px;margin:auto;border-block:1.5px solid var(--ink)}
@media(max-width:1179px){.nav nav{position:fixed;inset:calc(var(--nav) + env(safe-area-inset-top,0px)) 0 0;background:#000;flex-direction:column;gap:0;padding:12px var(--gut);font-size:26px;font-weight:600;color:var(--ink);transform:translateY(-8px);opacity:0;pointer-events:none;transition:.25s var(--ease);overflow:auto}
 .nav nav a{padding:12px 0;border-bottom:1px solid var(--edge)}.nav.open nav{opacity:1;transform:none;pointer-events:auto}.nav .mb{display:block}.nav .in{margin-left:0}}
.bar{position:fixed;inset:auto 10px calc(10px + env(safe-area-inset-bottom,0px));z-index:40;display:none;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 18px;border-radius:999px;background:#1c1c1ee6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 0 0 1px #ffffff1f,0 10px 30px #000a;font-size:15px}
@media(max-width:700px){.bar{display:flex}body{padding-bottom:76px}}
footer{padding-block:48px 64px;color:var(--dim);font-size:13px;border-top:1px solid var(--edge)}
footer .w{display:grid;gap:22px}footer nav{display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--soft)}
/* hero */
.hero{padding-block:clamp(48px,9vw,120px) clamp(48px,7vw,96px);text-align:center}
.hero .w{display:grid;gap:18px;justify-items:center}
.word{font-size:var(--t-hero);font-weight:600;letter-spacing:-.055em;line-height:.95;display:inline-flex;align-items:baseline}
.word .sw2{display:inline-grid}.word .sw2>*{grid-area:1/1;transition:opacity .7s var(--ease),transform .7s var(--ease),filter .7s}
.word .e{opacity:0;transform:translateY(.25em);filter:blur(8px)}
.word.jp .e{opacity:1;transform:none;filter:none}.word.jp .ia{opacity:0;transform:translateY(-.25em);filter:blur(8px)}
.kana{font-size:15px;color:var(--dim);letter-spacing:.5em;margin-right:-.5em}
.hero .sub{transition:opacity .6s}.word.jp~.sub{opacity:.0}
.seal{width:clamp(64px,8vw,96px);aspect-ratio:1;border-radius:14px}
/* app mock (pantallas dibujadas) */
.app{background:var(--a-bg);color:var(--a-ink);border-radius:22px;padding:14px;box-shadow:0 0 0 6px #0b0b0c,0 0 0 7px #3a3a3e,0 30px 70px #000b;min-width:0;font-size:13px;display:grid;gap:10px;align-content:start}
.apph{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px}.apph span{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--a-card);color:var(--a-dim);box-shadow:0 0 0 1px var(--a-edge)}
.apph i{margin-left:auto;font-style:normal;font-size:11px;color:var(--a-dim);font-weight:500}
.card{background:var(--a-card);color:var(--a-ink);border-radius:14px;padding:12px;box-shadow:0 0 0 1px var(--a-edge)}
.wk{display:grid;gap:6px}.wkh,.wkr{display:grid;grid-template-columns:44px repeat(7,1fr);gap:5px;align-items:center}
.wkh b{font-size:10px;text-align:center;color:var(--a-dim);font-weight:600}.wkr>span{font-size:9px;color:var(--a-dim);line-height:1.2}.wkr>span i{display:block;font-style:normal;font-weight:700;color:var(--a-ink);font-size:10px}
.c{position:relative;display:grid;justify-items:center;gap:1px;padding:7px 2px 6px;border-radius:9px;background:var(--a-card);box-shadow:0 0 0 1px var(--a-edge);color:var(--a-ink);cursor:default;transition:transform .25s var(--ease),box-shadow .25s,background .25s}
.c b{font-size:14px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.c i{font-style:normal;font-size:8px;color:var(--a-dim)}
.c u{width:70%;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--a-ink) calc(var(--p)*100%),var(--a-edge) 0);margin-top:2px}
.c.weak{background:var(--a-weak);box-shadow:0 0 0 1.5px #ff8a7a;cursor:pointer}.c.weak b{color:var(--a-weakink)}
.c.weak:not(.sel):not(.won){animation:pulse 2.2s infinite}
.c.sel{box-shadow:0 0 0 2px var(--gold);transform:scale(1.08);z-index:1}
.c.won{background:#e6f7ea;box-shadow:0 0 0 1.5px #5cc977}.c.won b{color:#147a33}.c.won::after{content:"★";position:absolute;top:-6px;right:-3px;font-size:11px;color:#c9973a}
@keyframes pulse{50%{box-shadow:0 0 0 4px #ff8a7a55}}
.sum{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:10px;background:var(--a-card);box-shadow:0 0 0 1px var(--a-edge);font-size:12px;color:var(--a-dim)}.sum b{color:var(--a-ink)}
/* stage: pieza que se toca */
.stage{position:relative;background:radial-gradient(120% 90% at 50% 0,#1d1d22,#0c0c0e 70%);border-radius:32px;padding:clamp(16px,3vw,36px);box-shadow:inset 0 0 0 1px #ffffff12;min-width:0}
.lt .stage{background:var(--tile);box-shadow:inset 0 0 0 1px var(--edge)}
.cap{min-height:2.3em;text-align:center;font-size:clamp(19px,2.2vw,26px);font-weight:600;letter-spacing:-.02em;margin-bottom:18px;text-wrap:balance}
.st2{display:grid;gap:22px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center}
@media(max-width:760px){.st2{grid-template-columns:minmax(0,1fr)}}
.side{display:grid;gap:12px;align-content:center;min-height:250px;min-width:0}
.pop{animation:pop .5s var(--ease) both}@keyframes pop{from{opacity:0;transform:translateY(14px) scale(.97)}}
.sheet{background:var(--a-card);color:var(--a-ink);border-radius:18px;padding:16px;display:grid;gap:8px;box-shadow:0 20px 50px #0008;font-size:14px}
.sheet small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--a-dim);font-weight:700}.sheet>b{font-size:19px;letter-spacing:-.02em}
.sheet .r{display:flex;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid var(--a-edge);color:var(--a-dim)}.sheet .r b{color:var(--a-ink)}
.sheet .go{margin-top:4px;height:38px;border-radius:10px;background:var(--blued);color:#fff;font-weight:600;display:grid;place-items:center;transition:transform .15s,filter .15s}
.sheet .go.cm{background:var(--gold);color:#1d1503}.sheet .go.dn{transform:scale(.96);filter:brightness(.8)}
.gate{background:linear-gradient(140deg,#2a2212,#17130a);box-shadow:inset 0 0 0 1px #d9ad5566;border-radius:18px;padding:16px;display:grid;gap:6px;justify-items:start}
.gate small{color:var(--gold);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.gate b{font-size:17px}.gate span{font-size:13px;color:var(--soft)}.gate .btn{margin-top:6px;min-height:38px;font-size:14px}
.gate.ok .btn{background:var(--green);color:#03240c}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}
.post{background:var(--a-card);color:var(--a-ink);border-radius:14px;padding:7px;display:grid;gap:6px;font-size:10px;box-shadow:0 14px 34px #0009;line-height:1.25}
.post:nth-child(1){animation-delay:.05s}.post:nth-child(2){animation-delay:.25s}.post:nth-child(3){animation-delay:.45s}
.post>i{font-style:normal;font-weight:700;font-size:9px;color:var(--a-dim);letter-spacing:.04em;text-transform:uppercase}
.post .rb{display:grid;place-items:center;height:24px;border-radius:7px;background:var(--blued);color:#fff;font-weight:700;font-size:10px}
.ph{position:relative;aspect-ratio:1;border-radius:9px;background:radial-gradient(circle at 30% 20%,#5a4334,#2a1d16);display:grid;place-items:center;overflow:hidden}
.post.v .ph{aspect-ratio:3/4.4}
.ph .ov{position:absolute;inset:auto 0 0;padding:26px 8px 8px;background:linear-gradient(#0000,#000c);color:#fff;font-weight:800;font-size:clamp(13px,2vw,20px);line-height:1;letter-spacing:-.03em;text-shadow:0 2px 10px #000a;text-align:left}
.ph .ov small{display:block;font-size:.5em;font-weight:600;letter-spacing:0;margin-top:3px;opacity:.9}
.plate{width:68%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#f6f1e7 0 52%,#e0d7c6 53% 60%,#f6f1e7 61%);position:relative;box-shadow:0 8px 22px #0009}
.plate::before{content:"";position:absolute;inset:36% 20%;border-radius:5px;background:repeating-linear-gradient(98deg,#b8323f 0 15%,#7a1c28 15% 17%,#f6f1e7 17% 21%);transform:rotate(-16deg)}
.plate::after{content:"";position:absolute;right:22%;top:24%;width:13%;height:8%;background:#3f7d3a;border-radius:70% 0;transform:rotate(25deg)}
.tks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;min-height:50px;pointer-events:none}
@media(max-width:760px){.tks{grid-template-columns:minmax(0,1fr);min-height:108px;align-content:start}.tks .tk:nth-child(n+3){display:none}}
.tk{display:grid;grid-template-columns:28px 1fr;gap:1px 10px;padding:9px 12px;border-radius:14px;background:#f5f5f7f2;color:#1d1d1f;font-size:11px;box-shadow:0 12px 30px #000a;animation:tk .45s var(--ease) both}
.tk::before{content:"";grid-row:1/3;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#2997ff,#8f6bff)}.tk b{font-size:12px}.tk span{color:#515154}
@keyframes tk{from{opacity:0;transform:translateY(10px)}}
.again{display:block;margin:14px auto 0;color:var(--blue);font-size:14px;font-weight:500}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}
.ghost-t{display:grid;place-items:center;text-align:center;color:var(--dim);font-size:15px;border:1.5px dashed var(--edge);border-radius:18px;padding:24px;min-height:220px}
main:not([hidden]){animation:pg .45s var(--ease) both}@keyframes pg{from{opacity:0;transform:translateY(10px)}}
[data-panel]:not([hidden]){animation:pg .4s var(--ease) both}
.nav .sep{align-self:center;width:1px;height:16px;background:#ffffff38}
@media(max-width:1179px){.nav .sep{width:100%;height:1px;margin:14px 0 6px;flex:none}}

.nav .nb{min-height:34px;padding:0 16px;font-size:15px;margin:0}@media(max-width:700px){.nav .nb{display:none}}

/* puntito entre las secciones del menú: se enciende y se apaga despacio, uno tras otro */
@media(min-width:1180px){.nav nav a{position:relative}.nav nav a+a::before{content:"";position:absolute;left:-12.5px;top:50%;width:3px;height:3px;margin-top:-1.5px;border-radius:50%;background:#fff;opacity:.12;animation:navdot 6s ease-in-out infinite;pointer-events:none}
.nav nav a:nth-child(2)::before{animation-delay:0.0s}.nav nav a:nth-child(3)::before{animation-delay:0.6s}.nav nav a:nth-child(4)::before{animation-delay:1.2s}.nav nav a:nth-child(5)::before{animation-delay:1.8s}.nav nav a:nth-child(6)::before{animation-delay:2.4s}.nav nav a:nth-child(7)::before{animation-delay:3.0s}.nav nav a:nth-child(8)::before{animation-delay:3.6s}.nav nav a:nth-child(9)::before{animation-delay:4.2s}.nav nav a:nth-child(10)::before{animation-delay:4.8s}.nav nav a:nth-child(11)::before{animation-delay:5.4s}.nav nav a:nth-child(12)::before{animation-delay:6.0s}}
@keyframes navdot{0%,100%{opacity:.12;box-shadow:none}50%{opacity:.75;box-shadow:0 0 6px rgba(255,255,255,.6)}}
@media(prefers-reduced-motion:reduce){.nav nav a+a::before{animation:none;opacity:.3}}
.st2.top{align-items:start}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dim2{color:var(--a-dim);font-size:13px}.chips.l{justify-content:flex-start}
.tag{display:inline-block;padding:4px 9px;border-radius:7px;background:var(--a-bg);color:var(--a-ink);font-size:12px;font-weight:600;margin:2px 4px 2px 0}.tag.g{background:#fbf0d3;color:#6b4a06}
button.chip{color:var(--ink)}button.chip.on,button.chip:hover{box-shadow:inset 0 0 0 1.5px var(--blue)}
/* evento */
.ev{display:grid;gap:16px;min-width:0}.evp{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;background:var(--a-card);color:var(--a-ink);border-radius:18px;padding:12px}
.evp div:last-child{display:grid;gap:2px;font-size:13px;color:var(--a-dim)}.evp small{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.evp b{font-size:21px;color:var(--a-ink);letter-spacing:-.02em}
.tl{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.tl button{display:grid;gap:2px;justify-items:center;padding-top:22px;position:relative;font-size:12px;color:var(--dim);text-align:center}
.tl button::before{content:"";position:absolute;top:4px;width:12px;height:12px;border-radius:50%;background:var(--tile2);box-shadow:0 0 0 2px var(--edge);z-index:1;transition:.3s}
.tl button::after{content:"";position:absolute;top:9px;left:-50%;width:100%;height:2px;background:var(--edge)}.tl button:first-child::after{display:none}
.tl button.on{color:var(--ink)}.tl button.on::before{background:var(--gold);box-shadow:0 0 0 2px var(--gold)}.tl button.on::after{background:var(--gold)}.tl button.now::before{box-shadow:0 0 0 5px #d9ad5555}
.tl b{font-weight:600}.tl i{font-style:normal;font-size:11px}
.pz{display:grid;gap:8px}.pz b{font-size:20px;font-variant-numeric:tabular-nums}.pz u{height:8px;border-radius:4px;background:var(--tile2);overflow:hidden;text-decoration:none}.pz u i{display:block;height:100%;width:0;background:var(--blue);transition:width .4s var(--ease)}.pz.full u i{background:var(--green)}
.posts.one{grid-template-columns:minmax(0,190px);justify-content:center}.dl{display:grid}
/* sorteo */
.sw.so{display:flex;width:max-content;margin:0 auto 20px}
.lee .fr{font-size:clamp(18px,2.2vw,24px);line-height:1.2;font-weight:600}
.draw{display:grid;gap:14px;justify-items:center;text-align:center}.draw .dn{display:grid}.draw .n{font-size:clamp(64px,9vw,104px);font-weight:600;letter-spacing:-.05em;line-height:.9;font-variant-numeric:tabular-nums}.draw .dn span{color:var(--soft)}
.names{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;min-height:64px;align-content:center;width:100%}.names>span{padding:5px 11px;border-radius:999px;background:var(--tile2);font-size:13px}
.names .roll{font-size:22px;font-weight:600;background:none}.names .win{display:grid;background:linear-gradient(140deg,#f6e3ae,#d9ad55);color:#1d1503;font-size:24px;font-weight:700;border-radius:16px;padding:10px 22px}.names .win small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.sortea:disabled{opacity:.35}.sortea.ok{opacity:1;background:var(--green);color:#03240c}.sortea:not(:disabled){animation:pulse2 1.6s infinite}@keyframes pulse2{50%{box-shadow:0 0 0 8px #0071e344}}
.acta{font-size:13px;color:var(--soft);min-height:2.6em}
/* novedad: cuatro estilos */
.nv{display:grid;place-items:center}.nv .pv{width:min(100%,300px)}
.pv{position:relative;display:grid;gap:6px;padding:10px;border-radius:16px;background:#111;color:#fff;overflow:hidden;transition:background .4s,color .4s,transform .4s var(--ease),padding .4s;text-align:left}
.pv .ph{aspect-ratio:1}.pv b{font-size:1.5em;line-height:1;letter-spacing:-.03em}.pv span{font-size:.8em;opacity:.8}.pv em{font-style:normal;justify-self:start;font-size:.75em;font-weight:700;padding:6px 12px;border-radius:999px;background:#fff;color:#111}
.pv[data-s="0"] b{position:absolute;left:20px;top:52%;font-size:2.2em;font-weight:900;text-transform:uppercase;text-shadow:0 3px 14px #000}
.pv[data-s="1"]{background:#f4ecdc;color:#2b2118}.pv[data-s="1"] b{font-family:var(--serif);font-weight:500;font-style:italic;font-size:1.7em}.pv[data-s="1"] em{background:#2b2118;color:#f4ecdc}.pv[data-s="1"] .ph{border-radius:999px 999px 9px 9px}
.pv[data-s="2"]{background:#fff;color:#222;padding:12px 12px 20px;transform:rotate(-2.5deg);box-shadow:0 14px 40px #000a}.pv[data-s="2"] b{font-family:var(--serif);font-weight:400;font-style:italic;text-align:center}.pv[data-s="2"] span{text-align:center}.pv[data-s="2"] em{justify-self:center;background:#222;color:#fff}.pv[data-s="2"] .ph{border-radius:2px}
.pv[data-s="3"]{background:#000;box-shadow:inset 0 0 0 1px #333;padding:26px}.pv[data-s="3"] b{font-size:.8em;letter-spacing:.3em;text-transform:uppercase;font-weight:500;text-align:center}.pv[data-s="3"] span{text-align:center}.pv[data-s="3"] em{justify-self:center;background:none;box-shadow:inset 0 0 0 1px #fff;color:#fff}.pv[data-s="3"] .ph{background:#000;width:70%;justify-self:center}
.est{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.est button{display:grid;gap:6px;font-size:12px;color:var(--soft);border-radius:14px;padding:4px;transition:.25s}
.est .pv{font-size:7px;padding:5px;border-radius:9px;transform:none!important;box-shadow:none}.est .pv[data-s="3"]{padding:9px}.est .pv b{position:static!important;font-size:1.3em!important;text-shadow:none}
.est button.on{box-shadow:0 0 0 2px var(--gold);color:var(--ink)}.est i{font-style:normal;font-weight:600;text-align:center}
.nvn{text-align:center;color:var(--soft);font-size:14px;min-height:1.5em}
/* últimas mesas */
.um{display:grid;gap:14px;justify-items:center;text-align:center;padding-block:10px}.clock{display:grid}.clock b{font-size:clamp(72px,13vw,150px);font-weight:600;letter-spacing:-.06em;line-height:.9;font-variant-numeric:tabular-nums}.clock span{color:var(--soft)}
.mesas{display:flex;gap:10px}.mesas i{width:clamp(34px,7vw,52px);aspect-ratio:1;border-radius:12px;box-shadow:inset 0 0 0 2px var(--red);transition:.4s var(--ease)}.mesas i.ok{background:var(--green);box-shadow:none;transform:scale(.9)}
.ml{font-size:20px}.ml b{font-variant-numeric:tabular-nums}.lanza:disabled{background:var(--tile2);color:var(--soft)}
/* embajadores */
.inp{width:100%;height:46px;border-radius:12px;border:0;padding:0 14px;font:600 18px var(--f);letter-spacing:.08em;background:var(--a-bg);color:var(--a-ink);box-shadow:inset 0 0 0 1.5px var(--a-edge);text-transform:uppercase}
.inp::placeholder{letter-spacing:0;font-weight:400;text-transform:none;color:var(--a-dim)}.sheet .chip{color:var(--a-ink);box-shadow:inset 0 0 0 1px var(--a-edge);font-weight:600;font-size:12px}
.rew{display:grid;gap:2px;padding:12px;border-radius:12px;background:linear-gradient(140deg,#fbf0d3,#f1d999);color:#3a2903}.rew b{font-size:18px}.rew span{font-size:13px}
.vr{display:block;min-height:120px}.tpv{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--a-edge);font-size:13px;color:var(--a-dim)}.tpv .btn{min-height:34px;font-size:13px;padding:0 14px;white-space:nowrap}
.liq{display:grid;margin-top:22px}.liq .fc{margin-bottom:8px}.liq .r,.who .r{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;border-top:1px solid var(--edge);text-align:left;width:100%;border-radius:12px;transition:background .3s}
.liq .r span,.who .r span{display:grid;font-size:13px;color:var(--soft)}.liq .r span b,.who .r span b{font-size:16px;color:var(--ink)}.liq .r>b,.who .r>b{font-size:20px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.liq .r.on,.who .r.on{background:var(--tile2)}.who .r>b i{display:block;font-style:normal;font-size:12px;font-weight:400;color:var(--soft)}
/* resultados */
.rh{display:grid;justify-items:center;text-align:center;margin-bottom:22px}.rh .big{font-size:clamp(72px,12vw,140px);font-weight:600;letter-spacing:-.05em;line-height:.95}.rh p{color:var(--soft);font-size:var(--t-lead)}
.cal{background:var(--a-bg);color:var(--a-ink);border-radius:20px;padding:12px;min-width:0}.calh,.cald{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calh{margin-bottom:6px}.calh b{font-size:10px;text-align:center;color:var(--a-dim)}
.cald div{position:relative;display:grid;justify-items:center;padding:14px 0 5px;border-radius:9px;background:var(--a-card);box-shadow:0 0 0 1px var(--a-edge);min-height:52px}
.cald i{position:absolute;top:3px;left:5px;font-style:normal;font-size:8px;color:var(--a-dim)}.cald b{font-size:17px;line-height:1;color:#0a7a2f;font-variant-numeric:tabular-nums}.cald span{font-size:8px;color:var(--a-dim)}
.cald .z b{color:var(--a-edge)}.cald .off{background:none;box-shadow:none}
.who{display:grid;align-content:start}
/* ahorro */
.ah{display:grid;gap:14px}.fc.l{text-align:left}
.sl{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:baseline;font-size:15px}.sl span{color:var(--soft)}.sl b{font-variant-numeric:tabular-nums}.sl input{grid-column:1/-1;width:100%;accent-color:var(--blue);height:28px}
.sl.big{font-size:var(--t-h3);max-width:560px;margin:0 auto 22px}
.ahr{display:grid;gap:12px}.ahr>div{display:grid;padding:16px 18px;border-radius:18px;background:var(--tile2)}.ahr small{font-size:12px;font-weight:600;color:var(--soft)}.ahr b{font-size:clamp(34px,4.6vw,52px);font-weight:600;letter-spacing:-.04em;line-height:1.05;font-variant-numeric:tabular-nums}.ahr span{font-size:13px;color:var(--soft)}
.ahr .omk{box-shadow:inset 0 0 0 1.5px var(--blue)}.ahr .dif{background:linear-gradient(140deg,#103d1c,#0a2512)}.ahr .dif b{color:var(--green)}.ahr .dif.neg{background:var(--tile2)}.ahr .dif.neg b{color:var(--soft)}
.lt .ahr .dif{background:#e2f6e7}
/* así sale a buscarlas */
[data-demo="busca"]{display:grid;justify-items:center;gap:22px}@media(max-width:640px){.bc .post{max-width:190px;justify-self:center}}.bs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:860px;align-items:stretch}
.bc{display:grid;gap:10px;align-content:start;padding:14px;border-radius:20px;background:var(--tile);opacity:.35;transition:opacity .5s,transform .5s var(--ease);min-width:0}.bc.on{opacity:1;transform:translateY(-4px)}
.bc small{font-size:12px;font-weight:600;color:var(--dim)}.bc .card{display:grid;gap:6px;font-size:13px}.bc .card b{font-size:15px}.bc .qn{font-size:54px!important;line-height:1;letter-spacing:-.04em}.bc .post{animation:none;box-shadow:none}
@media(max-width:640px){.bs{grid-template-columns:1fr;max-width:300px}}
/* señal */
.sn{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:28px;align-items:center}@media(max-width:760px){.sn{grid-template-columns:1fr}}
.sn .btn{min-height:38px}.sn .ghost{color:var(--a-ink);box-shadow:inset 0 0 0 1px var(--a-edge)}.cd{font-variant-numeric:tabular-nums}
.flow{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px;row-gap:18px}
.nd{display:grid;justify-items:center;padding:14px 12px;border-radius:16px;background:var(--tile2);font-weight:600;font-size:15px;text-align:center}.nd small{font-weight:400;font-size:11px;color:var(--soft)}
.ln{height:2px;background:var(--edge);position:relative}.ln i{position:absolute;top:-5px;left:0;width:12px;height:12px;border-radius:50%;background:var(--green);opacity:0}
.flow.go .ln i{animation:run 1.1s var(--ease) both}.flow.go .ln:nth-of-type(4) i{animation-delay:.5s}@keyframes run{0%{opacity:1;left:0}100%{opacity:1;left:calc(100% - 12px)}}
.flow.done .nd.n3{background:color-mix(in srgb,var(--green) 18%,var(--tile2));box-shadow:inset 0 0 0 1.5px var(--green)}.flow.done .amt{color:var(--green);font-size:15px;font-weight:700}.flow.free .nd{opacity:.4}
.zero{grid-column:1/-1;text-align:center;color:var(--soft)}.zero b{color:var(--ink);font-size:22px}
@media(max-width:520px){.flow{grid-template-columns:1fr}.ln{height:22px;width:2px;justify-self:center}.ln i{display:none}}
/* TPV */
.pos{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;align-items:start}@media(max-width:760px){.pos{grid-template-columns:1fr}}
.apph i{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.carta{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:7px}.carta button{display:grid;gap:3px;text-align:left;padding:10px;border-radius:11px;background:var(--a-card);color:var(--a-ink);box-shadow:0 0 0 1px var(--a-edge);transition:transform .12s}.carta button:active{transform:scale(.95)}.carta b{font-size:12px;line-height:1.2}.carta span{font-size:11px;color:var(--a-dim)}
.tkt{display:grid;gap:8px}.tkt .r{display:flex;justify-content:space-between;gap:10px;font-size:13px;align-items:baseline}.tkt .r b{font-variant-numeric:tabular-nums;white-space:nowrap}
.tkt .pr{color:#8a6414;border-top:1px dashed var(--a-edge);padding-top:8px}.tkt .pr i{display:block;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.tkt .to{font-size:17px;font-weight:700}.tkt .sm{font-size:11px;color:var(--a-dim)}.tkt .btn{min-height:38px;font-size:13px;padding:0 10px}.tkt .ghost{color:var(--a-ink);box-shadow:inset 0 0 0 1px var(--a-edge)}.tkt .btn:disabled{opacity:.35}
.dv{display:flex;gap:4px}.dv button{width:30px;height:26px;border-radius:7px;background:var(--a-bg);color:var(--a-ink);font-weight:700;font-size:12px}.dv button.on{background:var(--a-ink);color:#fff}
.vf{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:10px;border-radius:10px;background:#e6f7ea;color:#0d4a1f;font-size:12px}.vf b{display:block}
.qr{display:block;width:44px;aspect-ratio:1;border-radius:4px;background:conic-gradient(#000 25%,#fff 0 50%,#000 0 75%,#fff 0) 0 0/8px 8px,#fff;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 6px #000}
.kds{background:#1c1c1f;color:#f5f5f7}.kds .apph i{color:#a1a1a6}.part{display:grid;gap:7px;align-content:start;min-height:150px;padding:9px;border-radius:12px;background:#111113}.part small{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a1a1a6}
.kc{display:grid;gap:2px;text-align:left;padding:9px;border-radius:9px;background:#2a2a2e;color:#f5f5f7;box-shadow:inset 3px 0 0 var(--amber);font-size:12px}.kc span{font-size:11px;color:#a1a1a6;font-variant-numeric:tabular-nums}.kc.dn{opacity:.4;text-decoration:line-through;box-shadow:inset 3px 0 0 var(--green)}
/* cadena Veri*Factu */
.chain{display:flex;align-items:center;gap:0;overflow-x:auto;padding:6px 2px 14px;scrollbar-width:thin}
.ck{flex:none;width:168px;display:grid;gap:3px;padding:12px;border-radius:14px;background:var(--a-card);color:var(--a-ink);font-size:11px;box-shadow:0 0 0 1px var(--a-edge);transition:.3s}
.ck small{font-weight:700;color:var(--a-dim)}.ck b{font-size:19px;font-variant-numeric:tabular-nums}.ck code{font:600 10px ui-monospace,Menlo,monospace}.ck .qr{width:34px;margin-top:4px}.ck em{font-style:normal;font-weight:700;color:#147a33;font-size:11px}
.ck.bad{background:#ffe9e4;box-shadow:0 0 0 2px var(--red)}.ck.bad em{color:#c0392b}.lk{flex:none;width:26px;height:3px;background:var(--gold)}.ck.bad+.lk,.lk:has(+.ck.bad){background:var(--red)}
[data-demo="cadena"] .cta{margin-top:8px}[data-demo="cadena"] .btn:disabled{opacity:.3}
.vfc{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px}.vfc .big{font-variant-numeric:tabular-nums}
/* importador */
.pdf{background:#fbfbf8;color:#222;border-radius:6px;padding:20px 18px;display:grid;gap:6px;font-size:13px;box-shadow:0 20px 50px #0009;font-family:Georgia,serif}.pdf small{justify-self:end;font:700 10px var(--f);color:#c0392b;border:1.5px solid #c0392b;border-radius:4px;padding:1px 5px}.pdf>b{font-size:19px}.pdf>span{color:#666;margin-bottom:8px}
.pl{display:flex;justify-content:space-between;gap:10px;padding:6px 5px;border-bottom:1px solid #ddd;border-radius:4px;transition:background .3s}.pl.hl{background:#fff1b8}.pl.t{font-weight:700;border:0;margin-top:6px}
.rd .rl{display:grid}.rd .conf{min-height:40px;margin-top:6px}.rd .conf:disabled{opacity:.4}.rd i{font-style:normal;color:#b3620a}
.as table,.pt{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.as td,.as th,.pt td,.pt th{padding:7px 6px;text-align:right;border-top:1px solid var(--a-edge)}.as td:first-child,.as th:first-child,.pt td:first-child,.pt th:first-child{text-align:left}.as th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--a-dim)}.as p{font-size:12px;color:#147a33;font-weight:600;margin-top:6px}
/* cuadro de control */
.cq{background:#050608;border-radius:24px;padding:clamp(14px,2.4vw,26px);box-shadow:inset 0 0 0 1px #1d2a2a,0 0 80px #30d15814;font-variant-numeric:tabular-nums}
.cqh{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;margin-bottom:14px}.cqh b{font-size:18px}.cqh span{color:var(--dim);font-size:13px}.cqh i{margin-left:auto;font-style:normal;font-size:12px;color:var(--green);font-family:ui-monospace,Menlo,monospace}
.cqg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}@media(max-width:820px){.cqg{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cqt{position:relative;display:grid;gap:4px;align-content:start;padding:14px;border-radius:14px;background:#0d1012;box-shadow:inset 0 0 0 1px #1b2326;min-width:0;overflow:hidden}.cqt.w2{grid-column:span 2}
.cqt small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-weight:600}.cqt>b{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.03em}.cqt>span{font-size:12px;color:var(--soft)}
.cqt svg{width:100%;height:56px;display:block}.cqt .ov2{position:absolute;inset:auto 14px 14px}.cqt.hot>b{color:var(--amber)}
.cqt .r{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding-top:6px;border-top:1px solid #1b2326;color:var(--soft)}.cqt .r b{color:var(--ink)}
.bars{display:flex;align-items:flex-end;gap:5px;height:56px}.bars i{flex:1;background:var(--blue);border-radius:3px 3px 0 0;opacity:.85}
/* presupuesto */
.pb{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(3px,1vw,10px);height:200px;align-items:end;margin-bottom:18px}
.pb button{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding-bottom:22px;border-radius:8px}.pb button.on{background:var(--tile2)}.pb button:disabled{cursor:default}
.pb .o,.pb .rr{width:36%;border-radius:3px 3px 0 0}.pb .o{background:var(--dim)}.pb .rr{background:var(--blue)}.pb i{position:absolute;bottom:4px;font-style:normal;font-size:11px;color:var(--soft)}
.pt{--a-edge:var(--edge);font-size:15px}.pt th{font-size:12px;color:var(--dim);font-weight:600}.pt .ok{color:var(--green)}.pt .ko{color:var(--red)}
.tr{text-align:center;justify-items:center;transition:.3s;box-shadow:inset 0 0 0 1px var(--edge)}.tr b{font-size:32px;letter-spacing:-.03em}.tr small,.tr span{color:var(--soft);font-size:13px}.tr.on{box-shadow:inset 0 0 0 2px var(--blue);transform:translateY(-4px)}
/* web y chat */
.chat{display:grid;gap:12px;align-content:start;min-width:0}.msgs{display:grid;gap:8px;align-content:end;min-height:190px}
.msgs p{max-width:86%;padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.3}.me{justify-self:end;background:var(--blued);color:#fff;border-bottom-right-radius:6px}.sk{justify-self:start;background:var(--tile2);color:var(--ink);border-bottom-left-radius:6px}
.chat.solo{max-width:560px;margin:22px auto 0}.chat.solo .msgs{min-height:250px}.chat .pub{justify-self:start}
.brow{border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--edge),0 30px 70px #000a;min-width:0}.bbar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#2a2a2d}.bbar i{width:9px;height:9px;border-radius:50%;background:#555}.bbar span{margin-left:10px;font-size:11px;color:#a1a1a6}
/* viaje */
.vjs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative}@media(max-width:760px){.vjs{grid-template-columns:1fr 1fr}}
.vj{display:grid;gap:4px;padding:20px;border-radius:22px;background:var(--tile);opacity:.3;transition:opacity .6s,transform .6s var(--ease),box-shadow .6s}.vj.on{opacity:1;transform:translateY(-6px);box-shadow:inset 0 0 0 1px var(--edge)}
.vj small{font-size:12px;font-weight:600;color:var(--blue)}.vj b{font-size:var(--t-h3);letter-spacing:-.02em;line-height:1.1}.vj span{color:var(--soft);font-size:15px}
/* precio */
.pm{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}.pm .tile{text-align:left;gap:4px;box-shadow:inset 0 0 0 1px var(--edge);transition:.25s var(--ease);position:relative;padding-top:54px}
.pm i{position:absolute;top:18px;left:22px;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--dim);display:grid;place-items:center;font-style:normal;font-size:14px;font-weight:700}
.pm .on{box-shadow:inset 0 0 0 2px var(--blue)}.pm .on i{background:var(--blue);box-shadow:none;color:#fff}.pm .on i::before{content:"✓"}.pm b{font-size:22px}.pm span{color:var(--soft);font-size:14px}.pm em{font-style:normal;font-size:14px;margin-top:8px}
.ptot{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:28px 0 18px}.ptot .big{font-size:clamp(72px,12vw,132px);font-weight:600;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}.ptot span{color:var(--soft);font-size:var(--t-lead)}
[data-demo="precio"] .cta{margin-top:22px}
.pt td,.pt th{white-space:nowrap}@media(max-width:600px){.pt{font-size:12px}.pt td,.pt th{padding:7px 3px}}
.tkt .pr span{display:grid}
/* campus */
.cps{gap:12px}.cqi{letter-spacing:0;text-transform:none;font-weight:500;font-size:16px;background:var(--a-card)}
.cps .chip{color:var(--a-ink);box-shadow:inset 0 0 0 1px var(--a-edge);font-size:13px;background:var(--a-card)}.cps .chip.on{background:var(--a-ink);color:#fff;box-shadow:none}
.cl{display:grid;gap:6px;align-content:start;max-height:420px;padding:2px;overflow:auto}.cl .r{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:11px 13px;border-radius:11px;background:var(--a-card);color:var(--a-ink);box-shadow:0 0 0 1px var(--a-edge);text-align:left;font-size:14px;font-weight:600}
.cl .r i{font-style:normal;font-weight:500;font-size:11px;color:var(--a-dim);white-space:nowrap}.cl .r.on{box-shadow:0 0 0 2px var(--blued)}
.ca{display:grid;gap:0;align-content:start}.ca small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--a-dim);font-weight:700}.ca>b{font-size:22px;letter-spacing:-.02em;margin:2px 0 8px}
.ca .r{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--a-edge);font-size:14px}.ca .r i{font-style:normal;font-size:11px;color:var(--a-dim)}

/* One more thing: ejemplo */
.om{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;align-items:start}.om-chat{min-height:300px}
.om-r{display:grid;gap:14px}
.om-link{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:8px}
.om-n{display:grid;gap:2px;justify-items:center;padding:14px 10px;border-radius:16px;background:var(--a-card);box-shadow:inset 0 0 0 1px var(--a-edge);text-align:center}.om-n b{font-size:17px;letter-spacing:-.02em}.om-n small{font-size:12px;color:var(--a-dim)}
.om-l{position:relative;height:2px;background:var(--a-edge);border-radius:2px;overflow:hidden}.om-l i{position:absolute;inset:0;width:30%;background:linear-gradient(90deg,transparent,var(--blued),transparent);opacity:0}
.om-link.on .om-l{background:#34c75966}.om-link.on .om-l i{opacity:1;animation:omflow 1.4s linear infinite}.om-link.on .om-n{box-shadow:inset 0 0 0 2px #34c759}
@keyframes omflow{from{transform:translateX(-100%)}to{transform:translateX(340%)}}
.om-st{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:o}
.om-st li{counter-increment:o;display:grid;grid-template-columns:28px 1fr;column-gap:10px;padding:10px 12px;border-radius:14px;background:var(--a-card);opacity:.35;transition:opacity .5s,box-shadow .5s}
.om-st li::before{content:counter(o);grid-row:span 2;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--a-edge);font-size:13px;font-weight:700;transition:background .4s,color .4s}
.om-st li b{font-size:15px}.om-st li span{font-size:13px;color:var(--a-dim)}
.om-st li.on,.om-st li.done{opacity:1}.om-st li.on::before{background:var(--blued);color:#fff}.om-st li.done::before{content:"✓";background:#34c759;color:#fff}
.om-p{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 14px;padding:16px;border-radius:18px;background:var(--a-card);box-shadow:inset 0 0 0 1px var(--a-edge);opacity:0;transform:translateY(10px);transition:opacity .6s,transform .6s}
.om-p.on{opacity:1;transform:none}.om-p small{grid-column:1/-1;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--a-dim)}.om-p b{font-size:40px;font-weight:600;letter-spacing:-.04em;line-height:1}
.om-p .btn{white-space:nowrap}.om-p.ok .btn{background:#34c759}
@media(max-width:760px){.om{grid-template-columns:minmax(0,1fr)}.om-chat{min-height:230px}}
@media(prefers-reduced-motion:reduce){.om-link.on .om-l i{animation:none}}

/* Web: la web del cliente construyéndose, en ordenador o móvil */
/* ---- Demo de webs: el dispositivo, la conversación y la web del local ---- */
@property --vb{syntax:'<color>';inherits:true;initial-value:#fff}@property --vi{syntax:'<color>';inherits:true;initial-value:#111}
@property --vm{syntax:'<color>';inherits:true;initial-value:#666}@property --vc{syntax:'<color>';inherits:true;initial-value:#fff}
@property --vl{syntax:'<color>';inherits:true;initial-value:#ddd}@property --c1{syntax:'<color>';inherits:true;initial-value:#000}
@property --w1{syntax:'<color>';inherits:true;initial-value:#eee}@property --w2{syntax:'<color>';inherits:true;initial-value:#ddd}
@property --sky1{syntax:'<color>';inherits:true;initial-value:#9cf}@property --sky2{syntax:'<color>';inherits:true;initial-value:#cef}
@property --wood{syntax:'<color>';inherits:true;initial-value:#864}@property --cloth{syntax:'<color>';inherits:true;initial-value:#fff}
.wd{display:grid;gap:14px;position:relative}
.wd-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.wd-top .cap{margin:0}
.wd-stage{display:grid;gap:22px;align-items:start;position:relative}
.wd-side .wd-stage{grid-template-columns:minmax(0,300px) minmax(0,1fr)}
/* conversación */
.wd-chat{display:flex;flex-direction:column;gap:10px;height:600px;padding:14px;border-radius:22px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--edge);min-width:0}
.wd-hd{display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--edge)}.wd-hd b{font-size:15px}.wd-hd span{font-size:12px;color:var(--dim)}
.wd-orb{width:22px;height:22px;border-radius:50%;background:conic-gradient(from 0deg,#0a84ff,#bf5af2,#ff9f0a,#30d158,#0a84ff);animation:wdspin 6s linear infinite;box-shadow:0 0 12px #0a84ff66}
@keyframes wdspin{to{transform:rotate(1turn)}}
.wd-msgs{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;overflow:hidden;min-height:0}
.wd-me,.wd-sk{max-width:88%;font-size:14.5px;line-height:1.32}
.wd-me{align-self:flex-end;background:var(--blued);color:#fff;padding:9px 13px;border-radius:18px 18px 6px 18px}
.wd-sk{align-self:flex-start;background:var(--tile2);color:var(--ink);padding:9px 13px;border-radius:18px 18px 18px 6px}
.wd-me small,.wd-sk small{display:none}
.dots{display:flex;gap:4px;padding:4px 2px}.dots i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4;animation:wddot 1s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes wddot{50%{opacity:1;transform:translateY(-3px)}}
.wd-th{display:grid;grid-template-columns:repeat(3,52px);gap:4px;margin-top:8px}.wd-th i{width:52px;height:40px;border-radius:7px;overflow:hidden;background:#fff;animation:pop .5s var(--ease) both}
.wd-th i:nth-child(2){animation-delay:.08s}.wd-th i:nth-child(3){animation-delay:.16s}.wd-th i:nth-child(4){animation-delay:.24s}.wd-th i:nth-child(5){animation-delay:.32s}.wd-th i:nth-child(6){animation-delay:.4s}
.wd-th svg{width:100%;height:100%;display:block}.wd-th .plato{transform:scale(1.25)}
.wd-in{display:flex;align-items:center;gap:8px;min-height:42px;padding:6px 6px 6px 14px;border-radius:999px;background:var(--tile2);font-size:14px}
.wd-in .wd-tx{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wd-in .wd-ph{color:var(--dim)}
.snd{flex:none;width:30px;height:30px;border-radius:50%;background:var(--blued);position:relative;transition:transform .15s}.snd::after{content:"";position:absolute;left:10px;top:9px;width:8px;height:8px;border-top:2px solid #fff;border-left:2px solid #fff;transform:translateY(2px) rotate(45deg)}.snd.go{transform:scale(.82)}
.caret::after{content:"";display:inline-block;width:2px;height:1em;background:currentColor;margin-left:2px;vertical-align:-.15em;animation:wdblink 1s steps(1) infinite}@keyframes wdblink{50%{opacity:0}}
/* dispositivo */
.wd-dev{position:relative;display:flex;flex-direction:column;width:100%;height:600px;margin-inline:auto;border-radius:14px;overflow:hidden;background:#1c1c1e;box-shadow:0 0 0 1px #ffffff1f,0 30px 80px -20px #000c;transition:width .8s var(--ease),height .8s var(--ease),border-radius .8s var(--ease),box-shadow .8s}
.wd-dev.tel{width:300px;height:620px;border-radius:46px;box-shadow:0 0 0 10px #0b0b0c,0 0 0 11px #3a3a3c,0 30px 80px -20px #000c}
.wd-bar{flex:none;display:flex;align-items:center;gap:7px;height:42px;padding:0 12px;background:#1c1c1e;border-bottom:1px solid #000;transition:height .5s,opacity .3s}
.wd-bar>i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.wd-bar>i:nth-child(2){background:#febc2e}.wd-bar>i:nth-child(3){background:#28c840}
.wd-url{flex:1;max-width:380px;margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:6px;height:26px;padding:0 12px;border-radius:8px;background:#2c2c2e;color:#d1d1d6;font-size:12.5px;min-width:0}.wd-url .u{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wd-url .lk{display:none;width:8px;height:7px;border-radius:1.5px;background:#30d158;position:relative;margin-top:3px}.wd-url .lk::before{content:"";position:absolute;left:1px;top:-5px;width:4px;height:5px;border:1.5px solid #30d158;border-bottom:0;border-radius:4px 4px 0 0}.wd-url .lk.on{display:block}
.wd-st{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#d1d1d6;white-space:nowrap;opacity:0;transition:opacity .3s;min-width:0}.wd-st.on{opacity:1}
.wd-st i{width:7px;height:7px;border-radius:50%;background:#0a84ff;box-shadow:0 0 0 0 #0a84ff88;animation:wdping 1.2s infinite}.wd-st.ok i{background:#30d158;animation:none}
@keyframes wdping{70%{box-shadow:0 0 0 7px #0a84ff00}}
.wd-dev.tel .wd-bar{height:0;opacity:0;border:0}
.wd-notch{position:absolute;top:8px;left:50%;width:84px;height:24px;margin-left:-42px;border-radius:14px;background:#000;z-index:6;opacity:0;transition:opacity .4s}.wd-dev.tel .wd-notch{opacity:1}
.x-toast{position:absolute;left:50%;bottom:18px;z-index:7;padding:10px 16px;border-radius:999px;background:#1d1d1f;color:#fff;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 10px 30px #0006;animation:wdtoast .6s var(--ease) both}
.x-toast::before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:8px;border-radius:50%;background:#30d158;font-size:11px}
@keyframes wdtoast{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%,0)}}
/* la web del local */
.wd-site{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;container-type:inline-size;position:relative;background:var(--vb);color:var(--vi);font-family:var(--vfb);font-size:14px;line-height:1.5;scrollbar-width:thin;
  transition:--vb 1.4s,--vi 1.4s,--vm 1.4s,--vc 1.4s,--vl 1.4s,--c1 1.4s,--w1 1.4s,--w2 1.4s,--sky1 1.4s,--sky2 1.4s,--wood 1.4s,--cloth 1.4s,box-shadow .3s}
.wd-dev.tel .x-nav{padding-top:42px}.wd-dev.tel .st-c .x-hero,.wd-dev.tel .st-a .x-hero{margin-top:0}
.wd-site.edit-all{box-shadow:inset 0 0 0 2px #0a84ff}
.wd-site small{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c1);margin-bottom:6px}
.x-h{font-family:var(--fh);font-weight:var(--vhw);font-style:var(--vhs);letter-spacing:var(--vht);line-height:1.04;font-size:clamp(22px,5.2cqi,40px);margin:0 0 10px;min-height:1em}
.wd-site p{margin:0 0 8px;color:var(--vm);max-width:60ch}
.x-btn{display:inline-block;padding:10px 18px;border-radius:var(--vr);background:var(--c1);color:var(--von);font-style:normal;font-weight:600;font-size:13px}.x-btn.s{padding:7px 14px;font-size:12px}
.x-nav{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:18px;padding:14px 6cqi;background:color-mix(in srgb,var(--vb) 86%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:13px}
.x-logo{font-family:var(--fh);font-weight:var(--vhw);font-style:var(--vhs);font-size:19px;letter-spacing:var(--vht);margin-right:auto;color:var(--vi)}
.x-nav span,.x-nav em{display:none;color:var(--vi)}.x-nav span.on,.x-nav em.on{display:block;animation:pop .5s var(--ease) both}
.x-nav em{font-style:normal;font-weight:600;padding:7px 14px;border-radius:var(--vr);background:var(--c1);color:var(--von)}
.x-hb{display:none;width:18px;height:8px;border-block:2px solid var(--vi)}
@container (max-width:699px){.x-nav span.on{display:none}.x-hb{display:block}}@container (max-width:459px){.x-nav em.on{display:none}}
.x-empty{height:calc(100% - 52px);display:grid;place-items:center;color:var(--vm);font-size:15px}.x-empty span::after{content:"";display:inline-block;width:2px;height:1.1em;margin-left:3px;vertical-align:-.2em;background:currentColor;animation:wdblink 1s steps(1) infinite}
.wd-site section,.x-foot{position:relative;padding:8cqi 6cqi}
.wd-site section+section{border-top:1px solid var(--vl)}
.x-img{border-radius:var(--vr);overflow:hidden;background:var(--vl);position:relative}.x-img svg{display:block;width:100%;height:100%}
.nofoto .x-img svg{opacity:0}.nofoto .x-img{background:linear-gradient(110deg,var(--vl) 30%,color-mix(in srgb,var(--vl) 60%,var(--vb)) 50%,var(--vl) 70%) 0 0/300% 100%;animation:wdsh 1.6s linear infinite}
.nofoto .x-img::after{content:"";position:absolute;left:50%;top:50%;width:34px;height:24px;margin:-12px 0 0 -17px;border:2px solid var(--vm);border-radius:6px;opacity:.6;background:radial-gradient(circle,transparent 5px,var(--vm) 5.5px,var(--vm) 7px,transparent 7.5px)}
@keyframes wdsh{to{background-position:-300% 0}}
/* se construye: esqueleto → contenido, ilustración por partes */
.wd-site .sk0>*{opacity:0}
.wd-site section.sk0::after{content:"";position:absolute;inset:8cqi 6cqi;opacity:.7;animation:wdsk 1s ease-in-out infinite alternate;
  background:linear-gradient(var(--vl),var(--vl)) 0 0/90px 10px,linear-gradient(var(--vl),var(--vl)) 0 22px/58% 26px,linear-gradient(var(--vl),var(--vl)) 0 62px/86% 9px,linear-gradient(var(--vl),var(--vl)) 0 80px/72% 9px,linear-gradient(var(--vl),var(--vl)) 0 110px/100% calc(100% - 110px);background-repeat:no-repeat;border-radius:6px}
@keyframes wdsk{to{opacity:.35}}
.wd-site .in>*{animation:wdrise .6s var(--ease) both}.wd-site .in>*:nth-child(2){animation-delay:.1s}.wd-site .in>*:nth-child(3){animation-delay:.2s}
@keyframes wdrise{from{opacity:0;transform:translateY(14px)}}
@keyframes wdpt{from{opacity:0;transform:translateY(12px)}}
.wd-site .edit{outline:2px solid #0a84ff;outline-offset:-2px}
.wd-site .edit::before{content:attr(data-lab);position:absolute;top:0;left:0;z-index:4;padding:3px 9px;background:#0a84ff;color:#fff;font:600 11px/1.4 var(--f);border-radius:0 0 6px 0}
/* secciones */
.x-tm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;text-align:center}.x-tm svg{width:100%;max-width:130px;display:block;margin:0 auto 8px}.x-tm b{display:block;font-family:var(--fh);font-size:16px}.x-tm span{font-size:12px;color:var(--vm)}
.x-cl{display:grid;gap:14px 28px;margin-top:16px}
.x-pl{display:grid;grid-template-columns:60px minmax(0,1fr);column-gap:14px;align-items:center}.x-pl svg{grid-row:span 2;width:60px;height:60px}
.x-pl p{display:flex;align-items:baseline;gap:8px;margin:0;color:var(--vi);max-width:none}.x-pl p b{font-weight:600}.x-pl p i{flex:1;border-bottom:1px dotted var(--vm);opacity:.5}.x-pl p em{font-style:normal;font-weight:600;color:var(--c1)}
.x-pl span{font-size:12.5px;color:var(--vm)}
.x-tc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.x-tc>div{display:grid;gap:8px;justify-items:start;padding:12px;border-radius:var(--vr);background:var(--vc)}.x-tc svg{width:100%;display:block}
.x-bk{display:grid;gap:10px;padding:16px;border-radius:var(--vr);background:var(--vc);box-shadow:0 0 0 1px var(--vl)}
.x-row{display:flex;flex-wrap:wrap;gap:6px}.x-row b{padding:6px 11px;border-radius:var(--vr);box-shadow:inset 0 0 0 1px var(--vl);font-size:12.5px;font-weight:500}.x-row b.on{background:var(--c1);color:var(--von);box-shadow:none}
.x-bk .x-btn{justify-self:stretch;text-align:center}
.x-foot{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center;background:color-mix(in srgb,var(--vb) 92%,var(--vi));font-size:12.5px}.x-map{border-radius:10px;overflow:hidden}.x-map svg{display:block;width:100%}
.x-foot .x-logo{font-size:17px}.x-foot p{margin:4px 0 0}.x-leg{font-size:11.5px;opacity:.8}
@container (min-width:560px){
  .x-about,.x-res{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6cqi;align-items:center}
  .x-cl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .x-tm{gap:28px}
}
.x-about .x-img{aspect-ratio:4/3;margin-top:14px}
/* estilo A · editorial: foto arriba, nombre enorme debajo */
.st-a .x-hero{padding:0}.st-a .x-hero .x-img{aspect-ratio:16/8;border-radius:0}.st-a .x-hero .x-tx{padding:6cqi 6cqi 7cqi}
.st-a .x-hero .x-h{font-size:clamp(34px,11cqi,92px);line-height:.92;margin-bottom:12px}
@media(max-width:760px){
  .wd-side .wd-stage{grid-template-columns:minmax(0,1fr)}.wd-chat{order:2;height:auto}.wd-msgs{min-height:170px}
  .wd-dev.pc,.wd-over .wd-dev.pc{height:500px}.wd-dev.tel{width:270px;height:560px}.wd-over .wd-dev.tel{margin-left:auto}
  .wd-st{display:none}
}
@media(prefers-reduced-motion:reduce){.wd-orb,.dots i,.wd-st i{animation:none}}
/* fotos reales */
.wd-site img{display:block;width:100%;height:100%;object-fit:cover}
.x-hero .x-img,.x-about .x-img{position:relative}
.nofoto .x-img img{opacity:0}
.wd-site .in:not(.nofoto) .x-img img,.wd-site .in .x-pl img,.wd-site .in .x-map img{animation:wdph 1.2s var(--ease) both}
.wd-site .in .x-pl:nth-child(2) img{animation-delay:.15s}.wd-site .in .x-pl:nth-child(3) img{animation-delay:.3s}.wd-site .in .x-pl:nth-child(4) img{animation-delay:.45s}
@keyframes wdph{from{opacity:0;filter:blur(14px) saturate(0);transform:scale(1.08)}}
.x-pl img{grid-row:span 2;width:60px;height:60px;border-radius:50%}
.x-map{aspect-ratio:4/3}
.noche .x-img img{filter:brightness(.82) saturate(1.05)}
.wd-th img{width:100%;height:100%;object-fit:cover;display:block}
.wd-nf{display:block;margin-top:6px;font-size:12px;opacity:.85}
/* elegir fotos: el lote entero sobre la pantalla */
.pk{position:absolute;inset:42px 0 0;z-index:6;display:flex;flex-direction:column;gap:12px;padding:16px 18px;background:#0d0d0fe8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#f5f5f7;transition:opacity .5s}
.wd-dev.tel .pk{inset:0;padding-top:42px}
.pk.out{opacity:0}
.pk-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:13px}.pk-h b{font-size:15px}.pk-s{color:#a1a1a6}
.pk-g{flex:1;min-height:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));grid-auto-rows:minmax(0,1fr);gap:8px}
.wd-dev.tel .pk-g{grid-template-columns:repeat(4,1fr)}
.pk-i{position:relative;margin:0;border-radius:8px;overflow:hidden;background:#222;opacity:0;transform:translateY(-30px) rotate(-4deg) scale(.9);transition:opacity .4s,transform .5s var(--ease),filter .5s,box-shadow .3s}
.pk-i:nth-child(odd){transform:translateY(-30px) rotate(4deg) scale(.9)}
.pk-i.in{opacity:1;transform:none}
.pk-i img{width:100%;height:100%;object-fit:cover;display:block}
.pk-i.scan{box-shadow:0 0 0 2px #0a84ff,0 0 24px #0a84ff88}
.pk-i.scan::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#0a84ff55 50%,transparent 60%) 0 0/100% 300%;animation:pkscan .5s linear}
@keyframes pkscan{from{background-position:0 100%}to{background-position:0 0}}
.pk-tag,.pk-dst{position:absolute;left:6px;padding:2px 7px;border-radius:999px;font:600 10.5px/1.5 var(--f);white-space:nowrap;opacity:0;transition:opacity .3s,transform .3s}
.pk-tag{top:6px;background:#000a;color:#fff}.pk-i.tg .pk-tag{opacity:1}
.pk-dst{bottom:6px;background:#0a84ff;color:#fff;transform:translateY(6px)}
.pk-i.ok .pk-dst{opacity:1;transform:none}
.pk-i.ok{box-shadow:0 0 0 2px #0a84ff}.pk-i.ok::after{content:"✓";position:absolute;top:6px;right:6px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#0a84ff;color:#fff;font-size:12px;font-weight:700}
.pk-i.no{filter:grayscale(1) brightness(.45);transform:scale(.94)}.pk-i.no .pk-tag{opacity:.6}
.pk-fly{position:absolute;z-index:7;overflow:hidden;border-radius:8px;box-shadow:0 20px 50px #000a;transition:left .9s var(--ease),top .9s var(--ease),width .9s var(--ease),height .9s var(--ease),border-radius .9s,opacity .6s}
.pk-fly img{width:100%;height:100%;object-fit:cover;display:block}.pk-fly.gone{opacity:0}
@media(min-width:761px){.wd-over .wd-dev.pc .pk{padding-right:334px}}
@media(max-width:760px){.pk{padding:12px}.pk-g{grid-template-columns:repeat(4,1fr);gap:5px}.pk-tag,.pk-dst{font-size:9px;padding:1px 5px;left:3px}.pk-tag{top:3px}.pk-dst{bottom:3px}.pk-i.ok::after{width:15px;height:15px;font-size:9px;top:3px;right:3px}.pk-s{display:none}}
/* web completa */
.x-nav{gap:2.2cqi}
.x-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.x-btn.o{background:none;color:var(--vi);box-shadow:inset 0 0 0 1px var(--vi)}
.x-lang{display:none;font-style:normal;font-size:11px;padding:4px 9px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--vl);color:var(--vi);white-space:nowrap}.x-lang.on{display:block;animation:pop .5s var(--ease) both}
.x-about .x-tx p{margin-bottom:10px}
.x-facts{display:flex;gap:28px;margin-top:18px}.x-facts b{display:block;font-family:var(--fh);font-weight:var(--vhw);font-size:30px;line-height:1;color:var(--vi)}.x-facts span{font-size:12px;color:var(--vm)}
.x-gg{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,18cqi);gap:8px;margin-top:16px}.x-gg .x-img{height:100%}.x-gg .x-img:first-child{grid-row:span 2}
@container (max-width:559px){.x-gg{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:30cqi}.x-gg .x-img:first-child{grid-column:span 2;grid-row:auto}}
.x-hd p{margin-top:4px}
.x-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}.x-tabs b{padding:6px 13px;border-radius:999px;font-size:12px;font-weight:600;box-shadow:inset 0 0 0 1px var(--vl)}.x-tabs b.on{background:var(--vi);color:var(--vb);box-shadow:none}
.x-grp h3{font-family:var(--fh);font-weight:var(--vhw);font-size:18px;margin:20px 0 10px;padding-bottom:8px;border-bottom:1px solid var(--vl)}
.x-grp .x-cl{margin-top:0}.x-note{font-size:12px;margin-top:16px}
.x-tm>div{text-align:left}.x-tm .x-img{aspect-ratio:3/4;margin-bottom:10px}.x-tm b{font-size:17px}.x-tm p{font-size:12.5px;margin-top:4px}
.x-evl{display:grid;gap:16px;margin-top:16px}@container (min-width:560px){.x-evl{grid-template-columns:1fr 1fr}}
.x-evc{display:grid;gap:12px;background:var(--vc);border-radius:var(--vr);overflow:hidden;padding-bottom:16px;box-shadow:0 0 0 1px var(--vl)}.x-evc>div:last-child{padding:0 16px}
.x-evc .x-img{aspect-ratio:16/9;border-radius:0}.x-evc>div>b{font-family:var(--fh);font-weight:var(--vhw);font-size:19px}.x-evc p{font-size:13px;margin:4px 0 12px}
.x-date{position:absolute;top:10px;left:10px;z-index:1;padding:5px 9px;border-radius:6px;background:var(--vb);color:var(--vi);text-align:center;font-size:10.5px;font-weight:600;text-transform:uppercase;line-height:1.1}.x-date b{display:block;font-family:var(--fh);font-size:21px;font-weight:var(--vhw)}
@container (min-width:560px){.x-tc{grid-template-columns:repeat(3,minmax(0,1fr))}}.x-tc span{font-size:12px;color:var(--vm);margin-top:-4px}
.x-shop>p{margin-top:2px}
@container (min-width:560px){.x-con{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6cqi;align-items:start}}
.x-hor{display:grid;grid-template-columns:auto 1fr;gap:7px 18px;margin:14px 0;font-size:13px}.x-hor dt{color:var(--vm)}.x-hor dd{margin:0;font-weight:500}
.x-dir{color:var(--vi)!important;font-size:13px}
.x-con .x-map{display:grid;gap:8px;aspect-ratio:auto;border-radius:0;overflow:visible}.x-con .x-map .x-img{aspect-ratio:4/3}.x-con .x-map>svg{display:block;width:100%;border-radius:var(--vr)}
.wd-site .x-foot{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
@container (min-width:560px){.wd-site .x-foot{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}}
.x-foot nav{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--vi)}.x-foot .x-leg{grid-column:1/-1;border-top:1px solid var(--vl);padding-top:10px}
.wd-site .in .x-gg img,.wd-site .in .x-tm img,.wd-site .in .x-evc img,.wd-site .in .x-con img{animation:wdph 1.2s var(--ease) both}
.wd-site .in .x-gg .x-img:nth-child(2) img,.wd-site .in .x-tm>div:nth-child(2) img,.wd-site .in .x-evc:nth-child(2) img{animation-delay:.15s}.wd-site .in .x-gg .x-img:nth-child(3) img,.wd-site .in .x-tm>div:nth-child(3) img{animation-delay:.3s}
.wd-site .in .x-gg .x-img:nth-child(4) img{animation-delay:.45s}.wd-site .in .x-gg .x-img:nth-child(5) img{animation-delay:.6s}
.wd-site .in .x-grp:nth-of-type(2) .x-pl img{animation-delay:.5s}.wd-site .in .x-grp:nth-of-type(3) .x-pl img{animation-delay:.8s}
/* A: portada a sangre, con el nombre encima de la foto */
.st-a .x-hero{padding:0;position:relative;min-height:max(340px,58cqi);display:grid;align-items:end;color:#fff}
.st-a .x-hero .x-img{position:absolute;inset:0;border-radius:0;aspect-ratio:auto}
.st-a .x-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(22,13,7,.8));pointer-events:none}
.st-a .x-hero .x-tx{position:relative;z-index:1;padding:6cqi}
.st-a .x-hero small{color:#f3d2b5}.st-a .x-hero p{color:#efe5d8}.st-a .x-hero .x-h{color:#fff}
.st-a .x-hero .x-btn.o{color:#fff;box-shadow:inset 0 0 0 1px #fff}


/* Reservas · WhatsApp */
.wa-t{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 26px;margin-top:26px}.wa-t b{display:block;font-size:17px;color:var(--ink);margin-bottom:4px}.wa-t span{color:var(--soft);font-size:15px;line-height:1.4}
.wa{display:grid;justify-items:center}.wa-ph{width:300px;height:500px;border-radius:42px;overflow:hidden;display:flex;flex-direction:column;background:#ece5dd;box-shadow:0 0 0 9px #0d0d0f,0 0 0 10px #3a3a3c,0 30px 80px #000c}
.wa-hd{display:flex;align-items:center;gap:10px;padding:46px 16px 12px;background:#f6f6f6;color:#111;box-shadow:0 1px 0 #0001}.wa-hd i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#b5543a;color:#fff;font-style:normal;font-weight:700;font-size:12px}.wa-hd b{font-size:15px}
.wa-b{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:14px;overflow:hidden}
.wa-m{position:relative;align-self:flex-start;max-width:84%;margin:0;padding:9px 12px 20px;border-radius:4px 14px 14px 14px;background:#fff;color:#111;font-size:14px;line-height:1.38;box-shadow:0 1px 1px #0000001a}.wa-m b{font-weight:600}.wa-m small{position:absolute;right:10px;bottom:4px;font-size:10.5px;color:#8a8a8a}
.wa-d{align-self:center;padding:4px 10px;border-radius:8px;background:#ffffffe6;color:#555;font-size:11.5px}
.wa-ty{display:flex;gap:4px;padding:13px 14px}.wa-ty i{width:7px;height:7px;border-radius:50%;background:#9a9a9a;animation:wddot 1s infinite}.wa-ty i:nth-child(2){animation-delay:.15s}.wa-ty i:nth-child(3){animation-delay:.3s}
@media(max-width:700px){.wa-t{grid-template-columns:minmax(0,1fr)}}

.wa-ch{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.wa-ch span{display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 12px;border-radius:999px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--edge);color:var(--ink);font-weight:600;font-size:15px}
.wa-ch svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--soft)}
.wa-ch .wa{background:#25d36614;box-shadow:inset 0 0 0 1.5px #25d366}.wa-ch .wa svg{color:#25d366}.wa-ch em{margin-left:2px;padding:2px 8px;border-radius:999px;background:#25d366;color:#04210f;font-style:normal;font-size:11px;font-weight:700;animation:wanew 2.4s ease-in-out infinite}
@keyframes wanew{50%{box-shadow:0 0 0 6px #25d36622}}@media(prefers-reduced-motion:reduce){.wa-ch em{animation:none}}
.why .tile{text-align:left;transition:transform .3s var(--ease),background .3s}.why .tile:hover{transform:translateY(-4px);background:var(--tile2)}
.mod{align-content:start;transition:transform .3s var(--ease)}.mod:hover{transform:translateY(-4px)}.mod img{border-radius:12px;margin-top:8px;box-shadow:0 0 0 1px var(--edge)}.mod .lnk{margin-top:6px}
.mini{display:grid;gap:2px;margin-top:8px;padding:16px;border-radius:16px;background:var(--tile2)}.mini b{font-size:38px;letter-spacing:-.03em;line-height:1}.mini span{font-size:13px;color:var(--soft)}
.duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;width:100%;max-width:720px;text-align:left}
.duo div{display:grid;gap:2px;padding:14px 18px;border-radius:16px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--edge)}.duo .g{box-shadow:inset 0 0 0 1px #d9ad5577}.duo .g b{color:var(--gold)}.duo span{font-size:14px;color:var(--soft)}
.phones{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:clamp(10px,3vw,28px);justify-content:center}.phones.two{grid-template-columns:repeat(2,minmax(0,220px))}
.mid{align-items:center}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;counter-reset:s}
.steps li{counter-increment:s;display:grid;gap:4px;padding:20px;border-radius:20px;background:var(--tile)}.steps li::before{content:counter(s);font-size:13px;font-weight:700;color:var(--blue)}.steps span{color:var(--soft);font-size:15px}
.chips.big .chip{font-size:17px;padding:10px 18px;color:var(--ink)}
.parts .it b{font-size:19px}
.ids{align-items:stretch}.idc{display:grid;place-content:center;justify-items:center;gap:6px;aspect-ratio:4/3;border-radius:22px;text-align:center;padding:16px}
.idc.i1{background:#f6f1e8;color:#2b2118}.idc.i1 b{font:italic 400 38px var(--serif)}.idc.i1 span{font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.idc.i2{background:#e63b19;color:#fff}.idc.i2 b{font-size:46px;font-weight:900;letter-spacing:-.05em}.idc.i2 span{font-size:11px;font-weight:700;letter-spacing:.2em}
.idc.i3{background:#1f3a2c;color:#e8f0d8}.idc.i3 b{font:300 40px var(--serif);letter-spacing:-.01em}.idc.i3 span{font-size:13px;opacity:.8}
.quotes .h3{font-weight:500;line-height:1.25}
.faq{max-width:760px}.faq details{border-top:1px solid var(--edge);padding:18px 0}.faq summary{font-size:var(--t-h3);font-weight:600;letter-spacing:-.02em;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::after{content:"+";color:var(--dim);font-weight:400}.faq details[open] summary::after{content:"−"}.faq p{color:var(--soft);margin-top:10px;max-width:60ch}
.art{max-width:680px;display:grid;gap:16px;font-size:19px;color:var(--soft)}.art h2{color:var(--ink)}
.qline{min-height:2.6em}
.orb{position:relative;width:clamp(120px,18vw,180px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#9ad0ff,#2997ff 35%,#8f6bff 62%,#d64fd8 85%);box-shadow:0 0 90px #8f6bff66;animation:fl 5s ease-in-out infinite}
.orb.sm{width:92px;margin-top:8px}@keyframes fl{50%{transform:translateY(-8px)}}
.orb i{position:absolute;top:40%;width:9%;height:16%;border-radius:999px;background:#fff;animation:bl 4.5s infinite}.orb i:nth-child(1){left:33%}.orb i:nth-child(2){right:33%}@keyframes bl{0%,92%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}
.orb u{position:absolute;left:38%;right:38%;top:62%;height:10%;border:solid #fff;border-width:0 0 3px;border-radius:0 0 999px 999px;opacity:0;transition:opacity .4s}.orb.ok u{opacity:1}
.s--line{border-top:1px solid var(--edge);padding-top:clamp(56px,8vw,112px)!important}
.hero .orb{margin-bottom:8px}
@media(max-width:760px){.wb .brow{order:-1}
 .sw.q{flex-direction:column;border-radius:24px;align-items:stretch}.sw.q button{white-space:normal;text-align:center}}
/* película de la portada: tres zonas que no se tocan — texto arriba, sala debajo, tarjeta en el sitio de la sala */
.film{position:relative;height:100svh;background:var(--bg);margin-top:calc(-1*var(--nav))}
.fv{position:sticky;top:0;height:100svh;overflow:hidden}
.caps{position:absolute;inset:calc(var(--nav) + 18px) 0 auto;display:grid;justify-items:center}
.ft{grid-area:1/1;align-self:start;display:grid;gap:10px;justify-items:center;text-align:center;padding-inline:var(--gut);will-change:opacity,transform}
.ft .h1{font-size:clamp(32px,5.6vw,72px)}.ft .lead{font-size:clamp(16px,1.6vw,21px)}.hero0{gap:14px}.hero0 .word{font-size:clamp(60px,13vw,176px)}.hero0 .cta{margin-top:8px}
.zone{position:absolute;left:16px;right:16px}
.salabox{transition:opacity .2s;position:absolute;left:50%;bottom:var(--bo,0px);display:grid;grid-template-rows:var(--sh) auto var(--sf);transform:translateX(-50%) scale(var(--k,1));transform-origin:50% 100%;opacity:var(--dim,1);transition:opacity .45s}
.sala{width:100%;aspect-ratio:100/60;display:block}.heroroom .sala{height:100%}
.shead{line-height:1.05;align-self:end;padding-bottom:6px;display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;color:var(--soft);padding-inline:2%;will-change:opacity}
.shead b{color:var(--ink);font-weight:600}.shead .occ{font-size:clamp(26px,3.4vw,40px);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-right:4px}
.sfoot{position:relative}.sfoot>*{position:absolute;inset:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 16px;font-size:13px;color:var(--soft);will-change:opacity}
.sfoot b{color:var(--ink);font-weight:600}.lg i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:var(--c)}.lg span{white-space:nowrap}
.fx{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;will-change:opacity,transform}
.fx>*{width:var(--cw);max-width:100%}.fx .sheet{--cw:min(320px,var(--zw))}.fx .pw{--cw:min(540px,var(--zw),calc(var(--zh)*1.15));display:grid;gap:12px;justify-items:center}.pw .posts{width:100%}.fx .ftk{--cw:min(330px,var(--zw))}.fx .fcap{--cw:min(900px,var(--zw),calc(var(--zh)*1.5))}
.fcap.frame{padding:7px;border-radius:20px}.fcap .crop{overflow:hidden;border-radius:13px}.fcap img{border-radius:0!important}
@media(max-width:700px){.fx .fcap{--cw:min(var(--zw),calc(var(--zh)*.78))}.fcap .crop{aspect-ratio:710/795}.fcap .crop img{width:225.4%;max-width:none;margin:-19.7% 0 0 -62.7%}}
.fend{position:absolute;inset:var(--nav) 0 0;display:grid;align-content:center;justify-items:center;gap:8px;text-align:center;padding:0 var(--gut) var(--fb,0px);will-change:opacity,transform}
.giant{font-size:clamp(96px,min(24vw,34vh),300px);font-weight:600;letter-spacing:-.06em;line-height:.9}
.rail{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:grid;gap:12px;justify-items:end}
.rail button{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--dim)}.rail button::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--edge);transition:.3s}
.rail button span{opacity:0;transition:opacity .3s;white-space:nowrap}.rail button.on{color:var(--ink)}.rail button.on::after{background:var(--ink);transform:scale(1.5)}
@media(min-width:1500px){.rail button.on span,.rail button:hover span{opacity:1}}
@media(max-width:1499px){.rail{display:none}}
.rail{transition:opacity .4s}
.fbar{position:absolute;left:0;top:var(--nav);height:2px;width:calc(var(--p,0)*100%);background:linear-gradient(90deg,#2997ff,#d64fd8)}
@media(max-width:700px){.film{--fb:84px}.shead{font-size:12px}.sfoot>*{font-size:11px;gap:2px 10px}}
/* cabecera con sala */
.heroroom{position:relative;width:min(100%,980px);aspect-ratio:100/60;margin:8px auto 0}
/* capturas con marco */
.frame{border-radius:26px;padding:10px;background:#0b0b0c;box-shadow:0 0 0 1px #3a3a3e,0 50px 120px #000c,0 0 120px #2997ff14;transform-origin:50% 100%;will-change:transform}
.frame img{border-radius:16px!important;box-shadow:none!important}.lt .frame{box-shadow:0 0 0 1px #3a3a3e,0 40px 90px #0005}
.cq{transform-origin:50% 100%;will-change:transform}
.hero .h1{font-size:clamp(44px,7.4vw,96px)}
.row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:clamp(18px,4vw,56px);align-items:center;padding-block:clamp(22px,4vw,48px)}.row>div:first-child{display:grid;gap:12px;justify-items:start}.row.rev>div:first-child{order:2}
@media(max-width:760px){.row{grid-template-columns:minmax(0,1fr)}.row.rev>div:first-child{order:0}}
.slk{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,5vw,64px);align-items:center;justify-content:center;max-width:900px;margin-inline:auto}.slk>div:last-child{display:grid;gap:12px;justify-items:start}@media(max-width:640px){.slk{grid-template-columns:1fr;justify-items:center;text-align:center}.slk>div:last-child{justify-items:center}}
@media(min-width:761px){.row.rev{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr)}}
.pchip{font-size:13px;font-weight:700;letter-spacing:.02em;padding:6px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--edge);background-color:var(--tile)}
.pchip.grad{-webkit-text-fill-color:transparent;background:linear-gradient(110deg,#2997ff,#8f6bff 45%,#d64fd8 72%,#ff375f);-webkit-background-clip:text;background-clip:text;box-shadow:inset 0 0 0 1px #8f6bff88}
.posts.prep .post::after,.posts.pub .post::after{display:grid;place-items:center;height:22px;border-radius:7px;font-weight:700;font-size:10px}
.posts.prep .post::after{content:"Descargar";box-shadow:inset 0 0 0 1px var(--a-edge);color:var(--a-dim)}
.posts.pub .post::after{content:"Publicada ✓";background:#e6f7ea;color:#147a33}
.posts.pub .post:nth-child(2) .rb{animation:tap 1.5s infinite}@keyframes tap{0%{box-shadow:0 0 0 0 #2997ffcc}70%,100%{box-shadow:0 0 0 12px #2997ff00}}
.ftk{background:#fbfbf8;color:#1d1d1f;border-radius:6px 6px 14px 14px;padding:18px;display:grid;gap:8px;font-size:13px;box-shadow:0 30px 70px #000c;text-align:left}
.ftk small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#6e6e73;font-weight:700}.ftk .r{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.ftk .r span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}
.ftk .pr{color:#8a6414;font-weight:600;border-top:1px dashed #c8c8cc;padding-top:8px}.ftk .pr i{display:block;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ftk .to{font-size:19px;font-weight:700}
.ft .eb b,.flow4 li::before{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ink);color:var(--bg);font-size:13px;font-weight:700;margin-right:6px;-webkit-text-fill-color:var(--bg)}
.flow4{list-style:none;margin:6px 0 0;padding:0;counter-reset:f;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%;text-align:left}
.flow4 li{counter-increment:f;display:grid;gap:4px;align-content:start;padding:16px;border-radius:18px;background:var(--tile);font-size:14px}.flow4 li::before{content:counter(f);margin-bottom:4px}.flow4 b{font-size:16px;line-height:1.2}.flow4 span{color:var(--soft)}
.flow4 li:nth-child(2){box-shadow:inset 0 0 0 1px #8f6bff88}.flow4 li:nth-child(3){box-shadow:inset 0 0 0 1px #d9ad5577}
@media(max-width:900px){.flow4{grid-template-columns:minmax(0,1fr)}.flow4 li{grid-template-columns:auto 1fr;column-gap:10px}.flow4 li::before{grid-row:1/3;margin:0}}
@media(min-width:900px){.fx .sheet{--cw:min(400px,var(--zw));font-size:16px;padding:22px}.fx .sheet>b{font-size:23px}.fx .ftk{--cw:min(420px,var(--zw));font-size:15px;padding:24px}.fx .pw{--cw:min(680px,var(--zw),calc(var(--zh)*1.2))}.fx .post{font-size:12px}}
/* portada: el juego omakase → omakasIA, recuperado de la web publicada */
.hero0{gap:0}.hero0 .halo{position:absolute;left:50%;top:42%;width:min(1100px,160vw);aspect-ratio:2/1;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,rgba(118,88,255,.34),rgba(41,151,255,.12) 55%,transparent);pointer-events:none}
.hero0>*:not(.halo){position:relative}
#kanji{font-size:clamp(18px,2.4vw,28px);letter-spacing:.25em;color:var(--dim)}#made{font-size:var(--t-lead);color:var(--soft)}
.over{display:grid;height:clamp(30px,5vh,44px);width:100%}.over>*{grid-area:1/1}
#word{font-size:clamp(56px,min(14vw,19vh),184px);font-weight:600;letter-spacing:-.05em;line-height:1.1;white-space:nowrap}#word span{display:inline-block}
#e{padding-right:.1em;margin-right:-.1em}#ai{vertical-align:bottom;margin-left:.04em;padding-right:.14em;margin-right:-.14em}
#ai span{padding:0 .12em;margin:0 -.12em;-webkit-background-clip:text;background-clip:text;color:transparent}
#cI{background-image:linear-gradient(180deg,#2997ff,#6f7dff)}#cA{background-image:linear-gradient(120deg,#8f6bff,#d64fd8 55%,#ff375f)}
.lines{display:grid;width:100%;max-width:1100px;margin-top:10px;min-height:clamp(80px,12vh,120px)}.lines>*{grid-area:1/1;align-self:start}
#x1{font-size:var(--t-lead);color:var(--soft)}#x2{font-size:var(--t-h2);font-weight:600;letter-spacing:-.035em;padding-top:1.2em}
#tag{font-size:var(--t-h3);font-weight:600;letter-spacing:-.025em;text-wrap:balance}
.hero0 .chips{gap:10px;margin-top:4px}.hero0 .chip{font-size:15px;padding:9px 16px;color:var(--ink)}
#close{margin-top:24px;font-size:var(--t-lead);color:var(--soft);text-wrap:balance}#close b{color:var(--ink);font-weight:600}.hero0 .cta{margin-top:22px}
/* en reposo todo está a la vista, ya en omakasIA; la animación parte de ahí */
#e,#x1,#x2,#kanji{display:none}.playing #e{display:inline-block}.playing #x1,.playing #x2,.playing #kanji{display:block}.playing .hfx,.playing #halo{opacity:0}.playing #ai{overflow:hidden;width:0;opacity:0}
.aviso{display:grid;gap:10px;justify-items:center}.aviso div{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.aviso input{height:40px;width:min(260px,70vw);border-radius:999px;border:0;padding:0 16px;font:15px var(--f);background:var(--tile);color:var(--ink);box-shadow:inset 0 0 0 1px var(--edge)}
.aviso input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.aviso .btn{min-height:40px;font-size:14px}.av-msg{min-height:1.4em}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.steps.ocho{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:820px){.steps.ocho{grid-template-columns:repeat(2,minmax(0,1fr))}}

.chip.hck{display:inline-flex;align-items:center;gap:6px}.chip.hck svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.chips.hckr{margin-top:10px}.chip.hck-wa{box-shadow:inset 0 0 0 1.5px #25d366}.chip.hck-wa svg{color:#25d366}.chip.hck-vf svg{color:var(--blue)}
.hero .chip.vfb{margin:2px auto 14px;font-size:15px;padding:9px 16px;color:var(--ink);background:rgba(41,151,255,.08);box-shadow:inset 0 0 0 1.5px var(--blue)}
/* ---- Marketing, paso a paso ---- */
.mx{display:grid;gap:18px;--kb:#0071e3;--kv:#b5543a}
.mx-ch{position:relative;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 6px;scroll-snap-type:x proximity}.mx-ch::-webkit-scrollbar{display:none}
.mx-ch button{flex:none;display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--edge);color:var(--soft);font-size:14px;font-weight:500;white-space:nowrap;scroll-snap-align:start;transition:background .3s,color .3s}
.mx-ch button b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--tile2);color:var(--ink);font-size:12px}
.mx-ch button.done b{background:#30d15833;color:#30d158}.mx-ch button.on{background:var(--ink);color:var(--bg)}.mx-ch button.on b{background:var(--kb);color:#fff}
.mx-g{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:22px;align-items:start}
.mx-st{display:grid;gap:10px;padding:20px;border-radius:22px;background:var(--tile);box-shadow:inset 0 0 0 1px var(--edge)}
.mx-cn{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);font-weight:600;margin:0}
.mx-ct{font-size:24px;line-height:1.15;letter-spacing:-.02em;margin:0;color:var(--ink)}
.mx-ol{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:2px;counter-reset:p}
.mx-ol li{counter-increment:p;position:relative;padding:9px 10px 9px 40px;border-radius:12px;cursor:pointer;transition:background .3s}
.mx-ol li::before{content:attr(data-n);position:absolute;left:8px;top:8px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--tile2);color:var(--soft);font-size:12px;font-weight:600}
.mx-ol li.done::before{content:"✓";background:#30d15826;color:#30d158}
.mx-ol li b{display:block;font-size:15px;font-weight:500;color:var(--soft)}
.mx-ol li p{display:none;margin:4px 0 0;font-size:15px;line-height:1.4;color:var(--ink)}
.mx-ol li.on{background:var(--tile2)}.mx-ol li.on::before{background:var(--kb);color:#fff}.mx-ol li.on b{color:var(--ink);font-weight:600;font-size:17px}.mx-ol li.on p{display:block;animation:pop .5s var(--ease) both}
.mx-ctl{display:flex;gap:8px;margin-top:4px}.mx-ctl button{width:44px;height:44px;border-radius:50%;background:var(--tile2);color:var(--ink);font-size:20px;line-height:1}.mx-ctl .mx-pp{font-size:13px;letter-spacing:-2px}
/* escenario */
.mx-sc{position:relative;height:600px;border-radius:24px;overflow:hidden;background:radial-gradient(120% 90% at 70% 0%,#1f2937 0%,#0b0b0d 60%);box-shadow:inset 0 0 0 1px var(--edge)}
.mx-mac{position:absolute;inset:22px;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #ffffff26,0 30px 80px #000a;transition:transform .7s var(--ease),opacity .7s,filter .7s;font:14px/1.4 var(--f);color:#1d1d1f}
.mx-tb{flex:none;display:flex;align-items:center;gap:7px;height:34px;padding:0 12px;background:#ececf0;border-bottom:1px solid #dcdce0}.mx-tb i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.mx-tb i:nth-child(2){background:#febc2e}.mx-tb i:nth-child(3){background:#28c840}.mx-tb span{margin:auto;font-size:12px;color:#6e6e73}
.mx-mm{flex:1;min-height:0;display:flex}.mx-mm.fx .k-main{animation:pop .45s var(--ease) both}
.mx-ph{position:absolute;top:50%;left:50%;width:290px;height:560px;margin:-280px 0 0 -145px;border-radius:44px;background:#fff;box-shadow:0 0 0 9px #0d0d0f,0 0 0 10px #3a3a3c,0 30px 80px #000c;overflow:hidden;transition:transform .7s var(--ease),opacity .6s;color:#1d1d1f;font:14px/1.4 var(--f)}
.mx-nt{position:absolute;top:9px;left:50%;width:84px;height:24px;margin-left:-42px;border-radius:14px;background:#000;z-index:3}
.mx-pm{position:absolute;inset:0;display:flex;flex-direction:column}.mx-pm.fx .k-pbody{animation:pop .45s var(--ease) both}
.mx-sc[data-v="mac"] .mx-ph{opacity:0;transform:translateX(60%) scale(.9);pointer-events:none}
.mx-sc[data-v="phone"] .mx-mac{opacity:.25;transform:scale(.92);filter:blur(3px)}
.mx-cur{position:absolute;left:-11px;top:-11px;z-index:9;width:22px;height:22px;border-radius:50%;background:#ffffffb3;box-shadow:0 0 0 2px #0071e3,0 4px 14px #0006;opacity:0;transition:transform .6s var(--ease),opacity .3s;pointer-events:none}
.mx-cur.in{opacity:1}.mx-cur.dn{box-shadow:0 0 0 2px #0071e3,0 0 0 12px #0071e333}
.mx-toast{position:absolute;left:50%;bottom:30px;z-index:9;padding:10px 18px;border-radius:999px;background:#1d1d1f;color:#fff;font-weight:600;font-size:14px;box-shadow:0 10px 30px #0008;opacity:0;transform:translate(-50%,10px);transition:.4s var(--ease)}.mx-toast.in{opacity:1;transform:translate(-50%,0)}
/* la app */
.k-side{flex:none;width:168px;padding:14px 10px;background:#f5f5f7;border-right:1px solid #e5e5ea;display:flex;flex-direction:column;gap:4px;font-size:13px}
.k-logo{font-size:17px;font-weight:600;letter-spacing:-.02em;margin:0 6px 12px}.k-logo span{margin-left:1px;background:linear-gradient(90deg,#0a84ff,#bf5af2);-webkit-background-clip:text;background-clip:text;color:transparent}
.k-sg span{display:block;padding:6px 8px;border-radius:8px;color:#3a3a3c;font-weight:500}.k-sg.on>span{color:#1d1d1f;font-weight:600}
.k-sg em{display:block;padding:5px 8px 5px 18px;border-radius:8px;font-style:normal;color:#6e6e73}.k-sg em.on{background:#0071e31a;color:#0071e3;font-weight:600}
.k-main{flex:1;min-width:0;display:flex;flex-direction:column}
.k-hd{flex:none;padding:14px 20px 10px;border-bottom:1px solid #f0f0f2}.k-hd b{font-size:20px;letter-spacing:-.02em}
.k-body{flex:1;min-height:0;overflow:auto;padding:16px 20px 20px;scrollbar-width:thin;background:#fafafa}
.k-c{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:7px 13px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #d2d2d7;font-style:normal;font-size:13px;font-weight:500;color:#1d1d1f;transition:background .25s,color .25s,transform .15s}
.k-c.on{background:var(--kb);color:#fff;box-shadow:none}.mk-tap{transform:scale(.94)}
.k-ch{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.k-ch.sq .k-c{width:38px;padding:7px 0}.k-ch.sub{margin-top:8px;padding-top:8px;border-top:1px dashed #e5e5ea}
.k-q{padding:14px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #ececf0;margin-bottom:10px}.k-q>b{display:flex;align-items:center;gap:8px;font-size:14px}
.k-q>b i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#1d1d1f;color:#fff;font-style:normal;font-size:11px}
.k-val{display:inline-block;margin:8px 0 0 6px;font-size:22px;font-weight:700;color:var(--kb);opacity:0;transition:.3s}.k-val.in,.k-val:not(:empty){opacity:1}
.k-note{display:block;margin-top:8px;font-size:12.5px;color:#6e6e73;transition:color .3s,background .3s}.k-note.hi{color:#1d1d1f;background:#fff4d6;padding:6px 8px;border-radius:8px}
.k-stp{display:inline-flex;align-items:center;gap:14px;margin-top:8px;padding:4px;border-radius:999px;box-shadow:inset 0 0 0 1px #d2d2d7}.k-stp i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f2f2f5;font-style:normal;font-weight:600}.k-stp b{font-size:20px;min-width:16px;text-align:center}
.k-date{display:inline-block;margin-top:8px;padding:7px 13px;border-radius:10px;box-shadow:inset 0 0 0 1px #d2d2d7;color:#6e6e73}.k-date.on{color:#1d1d1f;font-weight:600;box-shadow:inset 0 0 0 2px var(--kb)}
.k-foot{position:sticky;bottom:-20px;margin:6px -20px -20px;padding:12px 20px;background:linear-gradient(#fafafa00,#fafafa 30%);display:flex;justify-content:flex-end}
.k-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 16px;border-radius:999px;background:var(--kb);color:#fff;font-weight:600;font-size:13px;transition:transform .15s,background .3s}.k-btn.g{background:#f2f2f5;color:#1d1d1f}.k-btn.ok{background:#e8f8ee;color:#1f8a3c}
.k-modes{display:flex;gap:6px;margin-bottom:12px;padding:4px;border-radius:12px;background:#ececf0}.k-modes i{flex:1;text-align:center;padding:7px;border-radius:9px;font-style:normal;font-size:12.5px;font-weight:500;color:#6e6e73}.k-modes i.on{background:#fff;color:#1d1d1f;box-shadow:0 1px 3px #0002}
.k-sl{display:grid;gap:12px}.k-slq{display:flex;gap:10px;align-items:center}.k-slq p{margin:0;padding:10px 14px;border-radius:16px 16px 16px 4px;background:#f2f2f5}
.k-orb{flex:none;width:26px;height:26px;border-radius:50%;background:conic-gradient(#0a84ff,#bf5af2,#ff9f0a,#30d158,#0a84ff);animation:wdspin 6s linear infinite}
.k-in{min-height:44px;padding:11px 14px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #d2d2d7;font-size:14px}.k-sl .k-go{justify-self:end}
.k-ok{margin:0 0 12px;padding:10px 14px;border-radius:12px;background:#e8f8ee;color:#1f6b33;font-weight:500;opacity:0;transition:.4s}.k-ok.in{opacity:1}
.k-sel{display:flex;gap:6px;flex-wrap:wrap}.k-sel i{padding:6px 12px;border-radius:999px;font-style:normal;font-size:12.5px;color:#6e6e73;background:#f2f2f5}.k-sel i.on{background:#1d1d1f;color:#fff}
.k-bar{display:flex;align-items:center;justify-content:space-between;margin:16px 0 10px;color:#6e6e73;font-size:13px}
.k-cards{display:grid;gap:10px}.k-card{display:grid;gap:2px;padding:14px 16px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #ececf0;position:relative}.k-card span{color:#6e6e73;font-size:13px}
.k-card em{position:absolute;top:14px;right:14px;padding:3px 9px;border-radius:999px;background:#e8f8ee;color:#1f8a3c;font-style:normal;font-size:11.5px;font-weight:600}.k-card.off{opacity:.55}.k-card.off em{display:none}
.k-card.new{box-shadow:0 0 0 2px var(--kb);animation:pop .6s var(--ease) both}
.k-lbl{margin:4px 0 6px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#6e6e73}.k-lbl~.k-lbl{margin-top:16px}
.k-gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.k-gal i{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s}.k-gal img{width:100%;height:100%;object-fit:cover;display:block}
.k-gal i.on{box-shadow:0 0 0 3px var(--kb)}.k-gal i.on::after{content:"✓";position:absolute;top:6px;right:6px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--kb);color:#fff;font-size:12px;font-weight:700}
/* publicación */
.k-post{position:relative;width:240px;flex:none}.k-pi{position:relative;aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:#ddd;box-shadow:0 8px 24px #0002}.k-pi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.k-pb{position:absolute;left:0;right:0;bottom:0;padding:50px 16px 16px;background:linear-gradient(180deg,transparent,#2b1408d9 45%);color:#fff;display:grid;gap:2px}
.k-pb small{font:italic 400 12px var(--serif);opacity:.9}.k-pb b{font:500 26px/1.02 var(--serif);letter-spacing:-.01em;max-width:75%}.k-pb span{font-size:12px;opacity:.9;max-width:70%}
.k-qr{position:absolute;right:12px;bottom:12px;width:52px;height:52px;border-radius:6px;fill:#1d1d1f;box-shadow:0 2px 8px #0004;transition:box-shadow .4s}.k-qr.hi{box-shadow:0 0 0 4px var(--kb),0 0 0 12px #0071e340}
.k-net{display:block;margin-top:8px;font-style:normal;font-size:12px;color:#6e6e73;text-align:center}
.k-post.mini{width:110px}.k-post.mini .k-pb{padding:24px 8px 8px}.k-post.mini .k-pb b{font-size:13px;max-width:100%}.k-post.mini .k-pb span,.k-post.mini .k-pb small{display:none}
.k-post.mid{width:200px}.k-post.big{width:260px}
.k-post.build .k-pb,.k-post.build .k-qr,.k-post.build .k-pb small,.k-post.build .k-pb b,.k-post.build .k-pb span{opacity:0;transition:opacity .5s,transform .5s}
.k-post.build[data-l="2"] .k-pb,.k-post.build[data-l="3"] .k-pb,.k-post.build[data-l="4"] .k-pb,.k-post.build[data-l="5"] .k-pb{opacity:1}
.k-post.build[data-l="3"] .k-pb b,.k-post.build[data-l="3"] .k-pb span,.k-post.build[data-l="4"] .k-pb b,.k-post.build[data-l="4"] .k-pb span,.k-post.build[data-l="5"] .k-pb b,.k-post.build[data-l="5"] .k-pb span{opacity:1}
.k-post.build[data-l="4"] .k-pb small,.k-post.build[data-l="5"] .k-pb small,.k-post.build[data-l="5"] .k-qr{opacity:1}
/* estilos de novedad */
.k-post.s0 .k-pb{top:0;align-content:center;text-align:center;justify-items:center;background:#b5543acc}.k-post.s0 .k-pb b{font-size:34px;max-width:none}
.k-post.s1 .k-pb{background:#fffaf2;color:#2b2118;padding:14px 16px}.k-post.s1 .k-pi img{height:76%}
.k-post.s2 .k-pi{background:#fff;padding:12px 12px 64px}.k-post.s2 .k-pi img{position:static;height:100%;border-radius:2px}.k-post.s2 .k-pb{background:none;color:#2b2118;padding:10px 14px;text-align:center;justify-items:center}.k-post.s2 .k-pb b{font-size:20px;max-width:none}.k-post.s2 .k-pb small{display:none}
.k-post.s3 .k-pb{top:0;bottom:auto;background:none;padding:16px}.k-post.s3 .k-pb b{font:600 15px var(--f);text-shadow:0 1px 6px #0008}.k-post.s3 .k-pb span{display:none}
.k-tl{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}.k-tli{flex:none;display:grid;gap:6px;justify-items:center;opacity:0;transform:translateY(10px);transition:.5s var(--ease)}.k-tli.in{opacity:1;transform:none}.k-tli>span{font-weight:600;font-size:13px}.k-tli em{font-style:normal;font-size:11.5px;color:#6e6e73}
.k-cmp{display:flex;gap:26px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:6px}
.k-lay{list-style:none;padding:0;margin:0;display:grid;gap:8px;counter-reset:l}.k-lay li{counter-increment:l;display:flex;align-items:center;gap:10px;font-size:15px;color:#c7c7cc;transition:color .4s}.k-lay li::before{content:counter(l);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f2f2f5;font-size:12px}.k-lay li.in{color:#1d1d1f}.k-lay li.in::before{content:"✓";background:var(--kb);color:#fff}
.k-rev{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:start}.k-cap{margin:0 0 12px;min-height:5.6em;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #e5e5ea;font-size:13.5px}
.k-row{display:flex;gap:8px;flex-wrap:wrap}.k-acts{display:grid;gap:8px;justify-items:start}
.k-up,.k-book,.k-amb{display:grid;gap:8px}.k-upr{display:grid;grid-template-columns:60px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #ececf0}.k-upr>span{grid-row:span 2;font-weight:600}.k-upr i{font-style:normal;font-size:12px;color:#6e6e73}.k-upr button{grid-row:span 2;grid-column:3}
.k-br{display:grid;grid-template-columns:60px minmax(0,1.4fr) 40px 70px;gap:10px;align-items:center;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #ececf0}.k-br em{grid-column:2/-1;font-style:normal;font-size:12px;font-weight:600;color:var(--kv)}
.k-br.new{opacity:0;transform:translateY(-10px);transition:.6s var(--ease);box-shadow:0 0 0 2px var(--kb)}.k-br.new.in{opacity:1;transform:none}
.k-fi{display:flex;gap:14px;align-items:center;margin-bottom:14px}.k-fi>div:last-child{display:grid}.k-fi span{color:#6e6e73;font-size:13px}.k-av{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#f3e1d8;color:var(--kv);font-weight:700}.k-av.h{background:#e5eefc;color:var(--kb)}
.k-kv{display:grid;gap:8px}.k-kv>div,.k-inf>div{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #ececf0;opacity:0;transform:translateY(8px);transition:.45s var(--ease)}.k-kv>div.in,.k-inf>div.in{opacity:1;transform:none}.k-kv span,.k-inf span{color:#6e6e73}
.k-tk{max-width:380px;margin:0 auto;padding:16px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px #ececf0;display:grid;gap:8px;position:relative}.k-tkh{display:flex;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid #f0f0f2}.k-tkh span{font-size:12px;font-weight:600;color:var(--kv)}
.k-tl2{display:flex;justify-content:space-between}.k-tl2 span{color:#3a3a3c}
.k-dto{opacity:0;max-height:0;overflow:hidden;transition:.5s var(--ease);color:var(--kv)}.k-dto.in{opacity:1;max-height:40px;padding:6px 8px;margin:0 -8px;border-radius:8px;background:#fbefe9}.k-dto span,.k-dto b{color:var(--kv);font-weight:600}
.k-tot{display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid #f0f0f2;font-size:18px;font-weight:700}.k-tv{transition:color .4s}.k-tv.hi{color:#1f8a3c}
.k-sheet{position:absolute;left:12px;right:12px;bottom:12px;padding:14px;border-radius:14px;background:#fff;box-shadow:0 10px 40px #0003,0 0 0 1px #ececf0;display:grid;gap:10px;opacity:0;transform:translateY(12px);transition:.4s var(--ease);pointer-events:none}.k-sheet.in{opacity:1;transform:none}
.k-anat{display:grid;gap:10px;align-content:center}.k-anat p{margin:0;padding:10px 14px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #ececf0;opacity:0;transform:translateX(-8px);transition:.45s var(--ease)}.k-anat p.in{opacity:1;transform:none}
.k-sw2{display:inline-flex;padding:4px;border-radius:10px;background:#ececf0;margin-bottom:14px}.k-sw2 i{padding:6px 14px;border-radius:7px;font-style:normal;font-size:12.5px;color:#6e6e73}.k-sw2 i.on{background:#fff;color:#1d1d1f;box-shadow:0 1px 3px #0002}
.k-bars{display:grid;gap:10px}.k-brr{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr) 80px;gap:12px;align-items:center;font-size:13px;opacity:0;transition:opacity .3s}.k-brr.in{opacity:1}
.k-brr>div{height:12px;border-radius:6px;background:#f0f0f2;overflow:hidden}.k-brr>div i{display:block;height:100%;width:0;border-radius:6px;background:var(--kb);transition:width .9s var(--ease)}.k-brr.in>div i{width:calc(var(--v)*100%)}.k-brr b{text-align:right}
.k-calq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.k-calq>div{padding:10px 12px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #ececf0;opacity:0;transition:.4s}.k-calq>div.in{opacity:1}.k-calq b{display:block;font-size:16px}.k-calq span{font-size:12px;color:#6e6e73}
.k-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.k-cal .h{font-style:normal;font-size:11px;color:#6e6e73;text-align:center}
.k-cal .d{position:relative;display:grid;gap:3px;padding:6px 7px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px #ececf0;font-style:normal;opacity:0;transition:opacity .3s}.k-cal .d.in{opacity:1}.k-cal small{font-size:10px;color:#8e8e93}.k-cal b{font-size:14px;color:var(--kb)}.k-cal u{display:block;height:4px;border-radius:2px;background:#f0f0f2;overflow:hidden}.k-cal s{display:block;height:100%;background:var(--kb)}
.k-ans{display:block;margin-top:6px;font-size:14px;font-weight:500;opacity:0;transform:translateY(6px);transition:.4s var(--ease)}.k-ans.in{opacity:1;transform:none}
.k-ag{display:grid;gap:6px;max-width:420px}.k-agh{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding-bottom:8px}.k-agh span{font-size:12.5px;color:#6e6e73}.k-agh em{grid-row:span 2;grid-column:2;align-self:center;font-style:normal;font-weight:600;color:#1f8a3c}
.k-agr{display:flex;justify-content:space-between;padding:10px 14px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px #ececf0;transition:background .4s}.k-agr i{font-style:normal;color:#1f8a3c;font-weight:700}.k-agr.ok{background:#e8f8ee}
.k-scan{position:absolute;right:30px;bottom:30px;display:grid;justify-items:center;gap:6px;padding:14px;border-radius:16px;background:#1d1d1f;color:#fff;font-size:12px;opacity:0;transform:scale(.9);transition:.4s var(--ease)}.k-scan.in{opacity:1;transform:none}.k-scan .k-qr{position:static;width:70px;height:70px;box-shadow:0 0 0 3px #30d158}
.k-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.k-tp{display:grid;gap:8px;align-content:start;padding:14px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #ececf0;opacity:0;transform:translateY(8px);transition:.45s var(--ease)}.k-tp.in{opacity:1;transform:none}.k-tp p{margin:0;font:italic 14px/1.35 var(--serif);color:#3a3a3c}.k-tp em{font-style:normal;font-size:12px;color:#1f8a3c;font-weight:600}.k-tp.on{box-shadow:0 0 0 2px var(--kb)}
.k-frase{margin-top:6px;padding:14px;border-radius:14px;background:#1d1d1f;color:#fff;opacity:0;transition:.4s}.k-frase.in{opacity:1}.k-frase small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.6;margin-bottom:4px}.k-frase b{font:italic 400 18px/1.3 var(--serif)}
.k-draw{display:grid;gap:14px;justify-items:center}.k-dr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}.k-dr i{padding:10px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px #ececf0;font-style:normal;text-align:center;font-weight:500;transition:background .1s}.k-dr i.on{background:var(--kb);color:#fff}.k-dr i.win{background:#1f8a3c}
.k-win{display:grid;justify-items:center;gap:2px;opacity:0;transform:scale(.9);transition:.5s var(--ease)}.k-win.in{opacity:1;transform:none}.k-win small{color:#6e6e73}.k-win b{font-size:24px}.k-win span{font-size:12px;color:#6e6e73}
.mk-gate{display:grid;gap:6px;justify-items:start;max-width:420px;padding:18px;border-radius:16px;background:#fff;box-shadow:0 0 0 2px #ff9f0a}.mk-gate small{font-weight:700;color:#c46a00;letter-spacing:.04em;text-transform:uppercase;font-size:11px}.mk-gate span{color:#6e6e73;font-size:13px}.mk-gate.ok{box-shadow:0 0 0 2px #30d158}.mk-gate.ok .k-btn{background:#e8f8ee;color:#1f8a3c}
.k-who{margin-bottom:10px;padding:8px 12px;border-radius:10px;background:#f2f2f5;font-size:12.5px;color:#3a3a3c}
.k-inf{display:grid;gap:8px;max-width:420px}.k-inf>b{font-size:16px}
.k-amb>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #ececf0;opacity:0;transform:translateY(8px);transition:.45s var(--ease)}.k-amb>div.in{opacity:1;transform:none}.k-amb span{font-size:12.5px;color:#6e6e73}.k-amb em{grid-row:span 2;grid-column:2;align-self:center;font-style:normal;font-weight:600}
.k-two{display:flex;gap:18px;justify-content:center}.k-two .k-post{opacity:0;transform:translateY(10px);transition:.5s var(--ease)}.k-two .k-post.in{opacity:1;transform:none}
.k-nodto{margin-top:4px;padding:12px 14px;border-radius:12px;background:#fff4d6;font-weight:600;opacity:0;transition:.4s}.k-nodto.in{opacity:1}
.mk-caret::after{content:"";display:inline-block;width:2px;height:1em;background:currentColor;margin-left:2px;vertical-align:-.15em;animation:wdblink 1s steps(1) infinite}
/* móvil del cliente */
.k-pst{flex:none;display:flex;justify-content:space-between;padding:14px 26px 6px;font-size:13px;font-weight:600}
.k-pbody{flex:1;min-height:0;width:100%;overflow:auto;scrollbar-width:none;position:relative}.k-pbody::-webkit-scrollbar{display:none}
.k-pbody .k-post{width:auto;margin:0}.k-pbody .k-pi{border-radius:0;box-shadow:none}
.f-hd{display:flex;align-items:center;gap:8px;padding:8px 12px}.f-hd i,.f-prof>i{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#b5543a,#d9a441)}.f-hd b{font-size:13px}
.f-ac{padding:8px 12px;font-size:18px;letter-spacing:6px}.f-tx{margin:0;padding:0 12px 16px;font-size:12.5px}
.cam{position:absolute;inset:0;background:#111;display:grid;place-items:center;align-content:center;gap:14px;color:#fff;font-size:13px}.cam .k-post{width:72%}.cam .k-pi{border-radius:10px}
.cam-f{position:absolute;right:14%;bottom:calc(50% - 10px);width:76px;height:76px;border:3px solid #ffd60a;border-radius:12px;opacity:0;transform:scale(1.4);transition:.5s var(--ease)}.cam-f.in{opacity:1;transform:none}
.f-prof{display:grid;justify-items:center;gap:6px;padding:40px 20px;text-align:center}.f-prof>i{width:80px;height:80px}.f-prof span{font-size:13px;color:#6e6e73}.f-link{padding:8px 14px;border-radius:999px;background:#f2f2f5;color:#0071e3;font-weight:600;font-size:13px}
.b-hd{display:flex;justify-content:space-between;align-items:baseline;padding:10px 16px}.b-hd b{font:500 20px var(--serif)}.b-hd span{font-size:12px;color:#6e6e73}
.b-steps{display:flex;gap:4px;padding:0 16px 10px}.b-steps i{flex:1;height:4px;border-radius:2px;background:#e5e5ea;font-size:0}.b-steps i.done,.b-steps i.on{background:var(--kv)}
.b-promo{margin:4px 16px 10px;padding:10px 12px;border-radius:12px;background:#fbefe9;color:var(--kv);font-weight:700;font-size:14px}.b-promo span{display:block;font-weight:500;font-size:12px;color:#7a4a3a}
.b-lbl{padding:8px 16px 0;font-weight:600;font-size:14px}.k-pbody .k-ch{padding:0 16px}.k-pbody .k-c.on{background:var(--kv)}
.b-hrs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 16px}.b-hrs .k-c{padding:12px}.k-pbody .k-note{padding:0 16px}
.b-ok{display:grid;justify-items:center;gap:6px;padding:40px 20px;text-align:center;opacity:0;transform:scale(.95);transition:.5s var(--ease)}.b-ok.in{opacity:1;transform:none}.b-ok i{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#e8f8ee;color:#1f8a3c;font-style:normal;font-size:30px;font-weight:700}.b-ok b{font-size:18px}.b-ok span{color:#6e6e73;font-size:13px}.b-ok em{margin-top:6px;padding:6px 12px;border-radius:999px;background:#fbefe9;color:var(--kv);font-style:normal;font-weight:600;font-size:13px}
.b-code{margin:8px 16px;padding:10px 12px;border-radius:12px;background:#e8f8ee;color:#1f6b33;font-weight:600;font-size:13px;opacity:0;transition:.4s}.b-code.in{opacity:1}.k-pbody .k-in{margin:6px 16px 0}
.e-img,.pf-img{height:42%;overflow:hidden}.e-img img,.pf-img img{width:100%;height:100%;object-fit:cover;display:block}
.e-tx,.pf{display:grid;gap:6px;padding:16px}.e-tx small,.pf small{color:var(--kv);font-weight:600;font-size:12px}.e-tx b,.pf>b{font:500 24px/1.1 var(--serif)}.e-tx p,.pf>span{margin:0;font-size:13px;color:#6e6e73}
.e-left{padding:8px 12px;border-radius:10px;background:#f2f2f5;font-size:13px}.e-left b{font-size:16px;color:var(--kv)}.e-left.full{background:#fdecea;color:#c0392b;font-weight:600}.e-tx .k-btn{min-height:44px;background:var(--kv)}.e-tx .k-btn.g{background:#f2f2f5;color:#1d1d1f}
.mk-pay,.tix,.mk-mail,.mk-kit{display:grid;gap:10px;padding:24px 18px}.mk-pay span{color:#6e6e73}.pay-c{display:grid;gap:6px}.pay-c i{height:40px;border-radius:10px;background:#f2f2f5}.mk-pay .k-btn{min-height:46px;background:#1d1d1f}.mk-pay .k-btn.mk-tap{background:#1f8a3c}
.tix{justify-items:center;text-align:center;margin:16px;border-radius:18px;box-shadow:0 0 0 1px #ececf0;opacity:0;transition:.5s}.tix.in{opacity:1}.tix b{font:500 22px var(--serif)}.tix span{color:#6e6e73;font-size:13px}.tix .k-qr{position:static;width:140px;height:140px;box-shadow:none}
.pf-b{display:flex;gap:8px;flex-wrap:wrap}.pf-b i{padding:9px 14px;border-radius:999px;background:var(--kv);color:#fff;font-style:normal;font-weight:600;font-size:13px}.pf-b i+i{background:#f2f2f5;color:#1d1d1f}
.pf-um{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;border-radius:12px;background:#fbefe9;color:#7a4a3a;font-size:13px;opacity:0;transition:.5s}.pf-um.in{opacity:1}.pf-um em{padding:4px 9px;border-radius:999px;background:#fff;color:var(--kv);font-style:normal;font-weight:700}
.mk-mail small{color:#6e6e73}.mk-mail b{font:500 24px/1.1 var(--serif)}.mk-mail p{margin:0;font-size:13.5px}.mk-mail .pf-b i{background:#fbefe9;color:var(--kv)}
.mk-kit small{color:#6e6e73;font-size:12px}.mk-kit>b{font-size:20px}.mk-kit>span{color:#6e6e73;font-size:13px;margin-top:-8px}
.kit-l,.kit-r{display:grid;gap:8px}.kit-l>div{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:10px 12px;border-radius:12px;background:#f5f5f7;opacity:0;transition:.4s}.kit-l>div.in{opacity:1}.kit-l span{font-size:12px;color:#6e6e73}.kit-l i{grid-row:span 2;grid-column:2;align-self:center;font-style:normal;color:#0071e3;font-weight:600;font-size:12px}
.kit-n{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kit-n>div{padding:12px;border-radius:12px;background:#f5f5f7}.kit-n b{display:block;font-size:28px}.kit-n span{font-size:12px;color:#6e6e73}
.kit-r>div{display:flex;justify-content:space-between;padding:10px 12px;border-radius:12px;background:#f5f5f7;font-size:13px}
@media(max-width:900px){
  .mx-g{grid-template-columns:minmax(0,1fr)}.mx-st{order:2}.mx-ol li:not(.on){display:none}.mx-ctl{justify-content:center}
  .mx-sc{height:540px}.mx-mac{inset:10px}.k-side{display:none}.k-body{padding:12px 14px 16px}.k-foot{margin:6px -14px -16px}
  .mx-ph{width:260px;height:510px;margin:-255px 0 0 -130px}
  .k-rev{grid-template-columns:minmax(0,1fr)}.k-rev .k-post{margin:0 auto;width:180px}.k-3{grid-template-columns:minmax(0,1fr)}.k-calq{grid-template-columns:minmax(0,1fr)}.k-brr{grid-template-columns:minmax(0,1fr) 70px}.k-brr>div{grid-column:1/-1;grid-row:2}
  .k-post.big{width:200px}.k-cmp{gap:12px}.k-lay li{font-size:13px}.k-gal{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.k-two .k-post{width:140px}.k-br{grid-template-columns:50px minmax(0,1fr) 30px}.k-br>span:nth-of-type(3){display:none}.k-dr{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* dos niveles de chips: la acción y, dentro, sus partes */
.mx-ch button{padding:10px 18px;font-size:15px}
.mx-ph2{position:relative;display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px;margin-top:-6px}.mx-ph2::-webkit-scrollbar{display:none}.mx-ph2.fx{animation:pop .45s var(--ease) both}
.mx-ph2 button{flex:none;display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:999px;font-size:13.5px;font-weight:500;color:var(--soft);box-shadow:inset 0 0 0 1px var(--edge);white-space:nowrap;transition:background .3s,color .3s,box-shadow .3s}
.mx-ph2 button b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--tile2);color:var(--ink);font-size:11.5px}
.mx-ph2 button.done b{background:#30d15826;color:#30d158}.mx-ph2 button.on{background:var(--tile2);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--kb)}.mx-ph2 button.on b{background:var(--kb);color:#fff}
.mx-ph2>i{flex:none;width:16px;height:1px;background:var(--edge)}
/* quién lo hace, avance y «Siguiente» */
.mx:focus{outline:none}.mx:focus-visible{outline:2px solid var(--kb);outline-offset:6px;border-radius:24px}
.mx-ol li em{display:none;width:max-content;margin-top:6px;padding:2px 9px;border-radius:999px;font-style:normal;font-size:11.5px;font-weight:600}
.mx-ol li.on em{display:block}
.w-t{background:#0a84ff26;color:#4da3ff}.w-o{background:#bf5af226;color:#d08cff}.w-c{background:#ff9f0a26;color:#ffb340}.w-e{background:#30d15826;color:#4cd964}.w-a{background:#ff375f26;color:#ff6b88}
.mx-ol li u{display:none;position:absolute;left:10px;right:10px;bottom:4px;height:2px;border-radius:2px;background:#ffffff14;overflow:hidden}
.mx-ol li.run u{display:block}.mx-ol li.run u::after{content:"";display:block;height:100%;background:var(--kb);transform-origin:left;animation:mxrun var(--d) linear both}
@keyframes mxrun{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.mx-ctl{align-items:center}.mx-ctl .mx-pv,.mx-ctl .mx-pp{flex:none}.mx-ctl .mx-pp.on{background:var(--kb);color:#fff;letter-spacing:0;font-size:14px}
.mx-ctl .mx-nx{flex:1;min-width:0;width:auto;height:auto;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px 8px 18px;border-radius:999px;background:var(--ink);color:var(--bg);text-align:left}
.mx-nx span{display:grid;min-width:0}.mx-nx small{font-size:11px;opacity:.6;font-weight:600;letter-spacing:.02em}.mx-nx b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-nx i{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--kb);color:#fff;font-style:normal;font-size:20px}
.mx-who{position:absolute;left:34px;top:-40px;z-index:8;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:top .5s var(--ease)}.mx-who.in{top:30px}
.mx-sc[data-v="phone"] .mx-who{left:50%;transform:translateX(-50%)}
.mx-ch,.mx-ph2{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);padding-right:40px}
@media(max-width:900px){
  .mx{gap:12px}.mx-sc{height:min(500px,62svh)}.mx-ph{top:12px;left:50%;margin:0;width:auto;height:calc(min(500px,62svh) - 24px);aspect-ratio:290/560;translate:-50% 0}
  .mx-st{padding:14px;gap:6px}.mx-ct{font-size:19px}.mx-ol li.on p{font-size:14.5px}.mx-who{left:20px}.mx-who.in{top:16px}
}
.mx-who{display:none}
/* trazabilidad */
.k-rs{max-width:460px;display:grid;gap:8px}.k-rsh{display:grid;padding-bottom:6px}.k-rsh b{font-size:18px}.k-rsh span{color:#6e6e73;font-size:13px}
.k-rsf{display:flex;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #ececf0;opacity:0;transform:translateX(-10px);transition:.45s var(--ease)}.k-rsf.in{opacity:1;transform:none}.k-rsf span{color:#6e6e73}.k-rsf b{text-align:right}
.k-rsf[data-i="3"] b{color:#c2185b}.k-rsf[data-i="4"] b{color:#1f8a3c}
.k-au{opacity:0;transform:translateY(8px);transition:.45s var(--ease)}.k-au.in{opacity:1;transform:none}.k-card em.by{position:static;justify-self:start;margin-top:6px;background:#fce4ec;color:#c2185b}
.k-who2 .k-ch{margin:0 0 12px}.k-calq>div.in{opacity:1}
.k-st{grid-template-columns:90px minmax(0,1fr) 60px 90px;opacity:0;transform:translateY(-6px);transition:.4s var(--ease)}.k-st.in{opacity:1;transform:none}.k-st em{grid-column:auto;text-align:right}
.k-st.si em{color:#1f8a3c}.k-st.no{background:#f7f7f8}.k-st.no b,.k-st.no span{color:#aeaeb2;text-decoration:line-through}.k-st.no em{color:#c0392b}
.k-tot2{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 14px;border-radius:12px;background:#1d1d1f;color:#fff}.k-tot2 b{font-size:22px}
.k-cie{display:grid;gap:8px;margin-bottom:12px}.k-cier{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:12px;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #ececf0}.k-cier span{font-size:12.5px;color:#6e6e73}.k-cier button{grid-row:span 2;grid-column:2;align-self:center}
@media(max-width:900px){.k-st{grid-template-columns:70px minmax(0,1fr) 70px}.k-st>span:nth-of-type(2){display:none}}
.mk-mail .kit-n b{font:700 28px var(--f)}.mk-mail .kit-r b{font:600 13px var(--f)}