/* Demos animados de las páginas de servicio (los mueve demos.js, con el guion escrito en cada demo-*.html).
   Todo se dibuja en "em": el tamaño de letra sale del ancho del demo, así se ve igual en cualquier pantalla.
   .nr es el formato vertical para teléfono (30 × 40 em en lugar de 45 × 33.75). */
.ds-g.dm{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center}
.dm .cs-l{margin-top:26px}
.ds-g[hidden]{display:none}
.vd-sym{position:absolute;width:0;height:0;overflow:hidden}
.vd{--sw:45em;--sh:33.75em;font-size:13px;line-height:1.35;color:var(--ink);text-align:left;contain:paint;position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 50px 90px -50px rgba(22,23,27,.5),0 0 0 6px var(--tint);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}
.vd.nr{--sw:30em;--sh:40em}
.vd img{display:block}
.vd-bar{display:flex;align-items:center;gap:.5em;padding:.85em 1.1em;border-bottom:1px solid var(--line);background:var(--tint)}
.vd-bar>i{width:.8em;height:.8em;border-radius:50%;background:var(--red)}
.vd-bar>i:nth-child(2){background:var(--yellow)}.vd-bar>i:nth-child(3){background:var(--green)}
.vd-url{display:flex;align-items:center;gap:.5em;margin-left:.8em;background:#fff;border:1px solid var(--line);border-radius:100px;padding:.32em 1.1em .32em .8em;font-family:var(--m);font-size:.8em;color:var(--mut);min-width:15em}
.vd-url .glyph{color:var(--green);stroke-width:2.4}
.vd-url b{font-weight:400;transition:opacity .18s}
.vd-url.sw b{opacity:0}
.vd-bar em{margin-left:auto;font-style:normal;font-family:var(--m);font-size:.64em;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.vd-v{position:relative;height:var(--sh);overflow:hidden;overflow:clip;background:#fff}
.vd-v>.sc{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(4%) scale(.985);transition:opacity .18s,transform 0s .18s,visibility 0s .18s;pointer-events:none}
.vd-v>.sc.act{opacity:1;visibility:visible;transform:none;transition:opacity .45s .1s,transform .7s var(--ease) .1s}
.vd.rst *,.vd.rst *::before,.vd.rst *::after{transition:none!important}
.vd-pg{display:flex;align-items:center;gap:.9em;padding:.7em 1.1em;border-top:1px solid var(--line)}
.vd-pg>span{flex:1;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.5em}
.vd-pp{position:relative;flex:none;display:grid;place-items:center;width:2em;height:2em;border:0;border-radius:50%;background:var(--tint);color:var(--ink2);font-size:inherit;cursor:pointer;transition:background .2s,color .2s}
.vd-pp::before{content:"";position:absolute;inset:-.7em}
.vd-pp:hover{background:var(--ink);color:#fff}
.vd-pp svg{width:.9em;height:.9em}
.vd-pg i{height:.36em;border-radius:1em;background:var(--tint2);position:relative;overflow:hidden}
.vd-pg i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--ink);transform:scaleX(0);transform-origin:left}
.vd-pg i.dn::after,.vd:not(.auto) .vd-pg i.on::after{transform:scaleX(1)}
.vd.auto.go .vd-pg i.on::after{animation:stp var(--dur) linear forwards}
.vd.is-paused .vd-pg i.on::after{animation-play-state:paused}
/* sin JavaScript se ve la primera pantalla */
:root:not(.js) .vd-v>.sc:first-child{opacity:1;visibility:visible;transform:none}
@media(max-width:900px){
  .ds-g.dm{grid-template-columns:1fr;gap:0}
  /* en una columna el demo va entre el título y la lista, para que los pasos no lo empujen */
  .ds-g.dm>div:first-child{display:contents}
  .ds-g.dm>div:last-child{order:1;margin-top:22px}
  .dm .cs-l{order:2;margin-top:18px}
  .dm .tl{order:3}
  .vd-bar em{display:none}
}

/* ── piezas comunes ── */
/* aparición: .a entra subiendo; .z crece; .x llega de lado */
.vd .a{opacity:0;transform:translateY(.8em);transition:opacity .45s var(--ease),transform .65s var(--ease)}
.vd .a.z{transform:scale(.9)}
.vd .a.x{transform:translateX(1.4em)}
.vd .a.on{opacity:1;transform:none}
/* fila que se abre empujando a las demás */
.vd .g0{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.vd .g0>*{min-height:0;overflow:hidden;opacity:0;transition:opacity .4s}
.vd .g0.on{grid-template-rows:1fr}
.vd .g0.on>*{opacity:1}
/* número o texto que cambia: el anterior sale hacia arriba y entra el nuevo */
.vd .roll{display:inline-grid;overflow:hidden;vertical-align:bottom}
.vd .roll>*{grid-area:1/1;font-size:inherit;transition:transform .55s var(--ease),opacity .4s}
.vd .roll>:last-child{transform:translateY(105%);opacity:0}
.vd .roll.on>:first-child{transform:translateY(-105%);opacity:0}
.vd .roll.on>:last-child{transform:none;opacity:1}
/* palomita que aparece */
.vd .tick{opacity:0;transform:scale(.25);filter:blur(4px);transition:opacity .3s cubic-bezier(.2,0,0,1),transform .3s cubic-bezier(.2,0,0,1),filter .3s cubic-bezier(.2,0,0,1)}
.vd .ok .tick,.vd .ok>.tick{opacity:1;transform:none;filter:none}
/* botón que se presiona, con onda */
.vd .pb{position:relative;overflow:hidden}
.vd .pb.hit{animation:prs .32s var(--ease)}
@keyframes prs{35%{transform:scale(.96)}}
.vd .rp{position:absolute;left:50%;top:50%;width:1em;height:1em;margin:-.5em;border-radius:50%;background:rgba(22,23,27,.25);transform:scale(0);opacity:0;pointer-events:none}
.vd .hit>.rp{animation:rpl .7s var(--ease) forwards}
@keyframes rpl{0%{transform:scale(0);opacity:.9}100%{transform:scale(16);opacity:0}}
.vd .ty::after{content:"";display:inline-block;width:.09em;height:1.1em;margin-left:.08em;background:currentColor;vertical-align:-.18em;animation:crt .9s steps(1) infinite}
@keyframes crt{50%{opacity:0}}
.vd .sp{width:1em;height:1em;border-radius:50%;border:.16em solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.vd .ticks{width:1.5em;height:.9em;margin-left:.3em;vertical-align:-.05em;transition:color .3s}
.vd .ticks.on{color:#34B7F1}
.vd .av{display:grid;place-items:center;flex:none;width:1.9em;height:1.9em;border-radius:50%;background:#E7EEFF;color:var(--blue);font-style:normal;font-weight:800;font-size:.8em}
/* cursor; en el formato de teléfono es un toque */
.vd-cur{position:absolute;left:0;top:0;z-index:9;width:1.9em;height:1.9em;margin:-.25em 0 0 -.4em;opacity:0;pointer-events:none;transition:transform .75s var(--ease),opacity .3s,scale .14s}
.vd-cur.sh{opacity:1}
.vd-cur svg{width:100%;height:100%;fill:var(--ink);stroke:#fff;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 .3em .5em rgba(0,0,0,.3));transform-origin:20% 12%;transition:transform .14s}
.vd-cur.dn svg{transform:scale(.84)}
.vd.nr .vd-cur{width:2.4em;height:2.4em;margin:-1.2em 0 0 -1.2em;border-radius:50%;background:rgba(22,23,27,.2);border:.14em solid rgba(255,255,255,.9);box-shadow:0 .3em .8em rgba(0,0,0,.25)}
.vd.nr .vd-cur svg{display:none}
.vd.nr .vd-cur.dn{scale:.78}

/* ── venta 1 · la página ── */
.lp{position:absolute;inset:0 0 auto;padding:1.3em 2em 1.5em;transition:transform 1.7s cubic-bezier(.65,0,.25,1)}
.lp.on{transform:translateY(calc(var(--sh) - 100%))}
.lp-n{display:flex;align-items:center;gap:1.6em;font-size:.84em;color:var(--mut);padding-bottom:1.3em}
.lp-n b{display:flex;align-items:center;gap:.5em;color:var(--ink);font-size:1.15em;margin-right:auto}
.lp-n b i,.ck-br i{width:.9em;height:.9em;border-radius:50%;background:var(--yellow)}
.lp-n u{text-decoration:none;background:var(--ink);color:#fff;font-weight:700;padding:.5em 1em;border-radius:.7em}
.lp-h{display:grid;grid-template-columns:1.2fr .8fr;gap:1.6em;align-items:center}
.lp-h small{display:inline-block;font-family:var(--m);font-size:.66em;letter-spacing:.16em;color:var(--ink);background:#FFF1C2;border-radius:100px;padding:.35em .9em}
.lp-h strong{display:block;font-weight:800;font-size:2.35em;letter-spacing:-.04em;line-height:1.02;margin:.3em 0 .25em}
.lp-h p{color:var(--mut);font-size:.95em;line-height:1.4}
.lp-c{display:flex;align-items:center;gap:1em;margin-top:1em;font-size:.84em;color:var(--mut)}
.lp-c u{text-decoration:none;background:var(--yellow);color:var(--ink);font-weight:800;padding:.7em 1.2em;border-radius:.8em}
.lp-c span{display:flex;align-items:center;gap:.4em}
.lp-c .glyph,.lp-i .glyph{color:var(--green);stroke-width:2.8}
.lp-art{position:relative;height:13.5em;border-radius:1.4em;background:radial-gradient(circle at 28% 22%,#FFF3CC,transparent 62%),linear-gradient(140deg,#FFE08A,#FFB86B)}
.lp-cov{position:absolute;left:1.5em;top:1.5em;width:7.8em;height:10.4em;border-radius:.7em;background:#fff;padding:1em .9em;transform:rotate(-5deg);box-shadow:0 1.4em 2em -1em rgba(120,70,0,.45);display:grid;gap:.42em;align-content:start}
.lp-cov small{font-family:var(--m);font-size:.56em;letter-spacing:.18em;color:var(--mut);background:none;padding:0}
.lp-cov b{font-weight:800;font-size:1.12em;letter-spacing:-.03em;line-height:1.05;margin-bottom:.3em}
.lp-cov i{height:.36em;border-radius:1em;background:var(--tint2)}
.lp-cov i:nth-of-type(2){width:78%}.lp-cov i:nth-of-type(3){width:56%}
.lp-cov span{position:absolute;left:.9em;bottom:.9em;font-size:.56em;font-weight:800;color:#fff;background:var(--red);border-radius:.4em;padding:.2em .5em}
.lp-app{position:absolute;right:1.1em;bottom:-.7em;width:5.6em;height:9.6em;border-radius:1.1em;background:var(--ink);border:.22em solid var(--ink);padding:.9em .6em;transform:rotate(6deg);box-shadow:0 1.4em 2em -1em rgba(22,23,27,.6);display:grid;gap:.4em;align-content:start}
.lp-app b{color:#fff;font-size:.7em}
.lp-app i{height:.34em;border-radius:1em;background:rgba(255,255,255,.22)}
.lp-app i:nth-of-type(2){width:70%}
.lp-app u{width:2.2em;height:2.2em;margin-top:.5em;border-radius:50%;border:.3em solid rgba(255,255,255,.2);border-top-color:var(--yellow);border-right-color:var(--yellow)}
.lp-f{display:grid;grid-template-columns:repeat(3,1fr);gap:.8em;margin:1.5em 0}
.lp-f span{background:var(--tint);border-radius:1em;padding:.9em 1em;font-size:.84em;color:var(--mut)}
.lp-f b{display:block;font-size:1.7em;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.1}
.lp-i{display:grid;grid-template-columns:1.15fr .85fr;gap:.8em;align-items:stretch}
.lp-i>div{border:1px solid var(--line);border-radius:1.2em;padding:1.1em 1.2em;display:grid;gap:.5em;align-content:center}
.lp-i em{font-style:normal;font-weight:800;font-size:1.05em;letter-spacing:-.02em;margin-bottom:.1em}
.lp-i span{display:flex;align-items:center;gap:.6em;font-size:.86em;color:var(--ink2)}
.lp-i .lp-q{background:var(--ink);border-color:var(--ink);color:#fff}
.lp-q p{font-weight:700;font-size:1.02em;letter-spacing:-.02em;line-height:1.25}
.lp-i .lp-q span{color:#B9BBC4;font-size:.76em}
.lp-q i{display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;background:var(--yellow);color:var(--ink);font-style:normal;font-weight:800}
.lp-t{font-weight:800;font-size:1.3em;letter-spacing:-.03em;margin:1.3em 0 .6em}
.lp-pl{display:grid;grid-template-columns:1fr 1fr;gap:.8em}
.lp-plan{display:flex;align-items:center;gap:.8em;border:1.5px solid var(--line);border-radius:1.1em;padding:.9em 1em;transition:border-color .3s,background .3s,box-shadow .3s}
.lp-plan div{flex:1;min-width:0}
.lp-plan b{display:block;font-size:.98em}
.lp-plan span{display:block;font-size:.76em;color:var(--mut)}
.lp-plan strong{font-weight:800;font-size:1.2em;letter-spacing:-.03em}
.lp-plan .rd{flex:none;width:1.25em;height:1.25em;border-radius:50%;border:1.5px solid #CFCFC8;position:relative;transition:border-color .3s}
.lp-plan .rd::after{content:"";position:absolute;inset:.22em;border-radius:50%;background:var(--ink);transform:scale(0);transition:transform .35s var(--ease)}
.lp-plan.hit{border-color:var(--ink);background:#FFFBEA;box-shadow:0 0 0 .25em rgba(255,201,60,.4)}
.lp-plan.hit .rd{border-color:var(--ink)}
.lp-plan.hit .rd::after{transform:none}
.lp-buy{display:flex;align-items:center;justify-content:space-between;gap:1em;margin-top:.8em;background:var(--tint);border-radius:1.2em;padding:.8em .8em .8em 1.2em;font-size:.92em;color:var(--mut)}
.lp-buy .roll b{color:var(--ink)}
.lp-b{flex:none;background:var(--tint2);color:var(--soft);font-weight:800;padding:.85em 1.4em;border-radius:.8em;transition:background .35s,color .35s,box-shadow .35s}
.lp-b.on{background:var(--yellow);color:var(--ink);box-shadow:0 .8em 1.6em -.8em rgba(255,201,60,.95)}
.lp-s{display:flex;align-items:center;justify-content:center;gap:.45em;margin-top:.9em;font-size:.74em;color:var(--mut)}
.lp-s img{height:1.1em;margin-left:.5em}
.lp-s .glyph{color:var(--green)}

/* ── venta 2 · el pago ── */
.ck{position:absolute;inset:0;display:grid;grid-template-columns:15.5em 1fr;background:#fff}
.ck-s{background:var(--tint);border-right:1px solid var(--line);padding:2em 1.6em;display:flex;flex-direction:column;gap:1.3em}
.ck-br{display:flex;align-items:center;gap:.5em;font-size:.96em}
.ck-p{display:flex;gap:.9em;align-items:center}
.ck-p b{display:block;font-size:.96em;line-height:1.2}
.ck-p span{display:block;font-size:.74em;color:var(--mut);margin-top:.2em}
.lp-cov.sm{position:relative;left:auto;top:auto;flex:none;width:3.5em;height:4.6em;border-radius:.45em;padding:.5em .4em;gap:.24em;transform:rotate(-4deg);box-shadow:0 .8em 1.2em -.7em rgba(22,23,27,.4)}
.lp-cov.sm small{font-size:.34em}.lp-cov.sm b{font-size:.56em;margin:0}.lp-cov.sm i{height:.2em}
.ck-s dl{display:grid;gap:.55em;font-size:.84em;color:var(--mut);border-top:1px solid var(--line);padding-top:1.1em}
.ck-s dl div{display:flex;justify-content:space-between;gap:1em}
.ck-s .tt{color:var(--ink);font-weight:800;font-size:1.25em;border-top:1px solid var(--line);padding-top:.6em;margin-top:.2em}
.ck-s .tt i{font-style:normal;font-size:.6em;font-weight:600;color:var(--mut)}
.ck-l{margin-top:auto;display:flex;gap:.6em;font-size:.72em;color:var(--mut);line-height:1.4}
.ck-l .glyph{flex:none;color:var(--green);margin-top:.15em}
.ck-f{padding:1.9em 2.2em;display:grid;gap:.85em;align-content:center}
.ck-m{display:grid;grid-template-columns:1fr 1fr;gap:.6em;margin-bottom:.2em}
.ck-m span{display:flex;align-items:center;justify-content:center;gap:.5em;border:1.5px solid var(--line);border-radius:.8em;padding:.6em;font-size:.84em;font-weight:700;color:var(--mut)}
.ck-m span.on{border-color:var(--ink);color:var(--ink)}
.ck-m img{height:1.1em}
.fd{display:grid;gap:.3em}
.fd>span:first-child{font-size:.76em;font-weight:700}
.fi{display:flex;align-items:center;gap:.6em;height:2.75em;background:#fff;border:1.5px solid var(--line);border-radius:.8em;padding:0 .9em;font-size:1.02em;transition:border-color .2s,box-shadow .2s}
.fi b{font-weight:500;white-space:nowrap}
.fi .cd{color:var(--soft)}
.fi .tick{margin-left:auto;color:var(--green);stroke-width:3}
.fd.on .fi{border-color:var(--ink);box-shadow:0 0 0 .28em rgba(255,201,60,.45)}
.ck-2{display:grid;grid-template-columns:1fr 1fr;gap:.8em}
.ck-b{display:block;background:var(--ink);color:#fff;font-weight:800;text-align:center;padding:.95em;border-radius:.9em;margin-top:.3em;box-shadow:0 .9em 1.8em -1em rgba(22,23,27,.7)}
.ck-b span{display:flex;align-items:center;justify-content:center;gap:.5em;transition:opacity .25s,transform .35s var(--ease)}
.ck-b .l2{position:absolute;inset:0;opacity:0;transform:translateY(.6em)}
.ck-b.hit .l1{opacity:0;transform:translateY(-.6em)}
.ck-b.hit .l2{opacity:1;transform:none}
.ck-by{display:flex;align-items:center;justify-content:center;gap:.4em;font-size:.72em;color:var(--mut)}
.ck-by img{height:1em}.ck-by b{color:var(--ink)}
.ck-ok{position:absolute;inset:0;background:#fff;display:grid;place-content:center;justify-items:center;gap:.45em;opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}
.ck-ok.on{opacity:1;visibility:visible;transition:opacity .4s}
.ck-ok>i{position:relative;width:4.8em;height:4.8em;border-radius:50%;background:var(--green);display:grid;place-items:center;margin-bottom:.4em;transform:scale(.5);transition:transform .6s var(--ease) .1s}
.ck-ok>i::after{content:"";position:absolute;inset:0;border-radius:50%;border:.14em solid var(--green);opacity:0}
.ck-ok.on>i{transform:none}
.ck-ok.on>i::after{animation:halo 1.1s var(--ease) .3s}
@keyframes halo{0%{opacity:.7;transform:none}100%{opacity:0;transform:scale(1.9)}}
.ck-ok svg:not(.glyph){width:2.5em;height:2.5em;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .45s var(--ease) .4s}
.ck-ok.on svg:not(.glyph){stroke-dashoffset:0}
.ck-ok>b{font-size:1.9em;font-weight:800;letter-spacing:-.03em}
.ck-ok>span{color:var(--mut)}
.ck-ok dl{display:grid;gap:.5em;min-width:17em;margin-top:1em;background:var(--tint);border-radius:1.1em;padding:1em 1.2em;font-size:.82em}
.ck-ok dl div{display:flex;justify-content:space-between;gap:2em}
.ck-ok dt{color:var(--mut)}
.ck-ok dd{font-weight:700}

/* ── venta 3 · la entrega ── */
.dl{position:absolute;inset:0;display:grid;grid-template-columns:15.5em 1fr;background:linear-gradient(180deg,var(--tint),#fff)}
.dl-log{padding:2.2em 0 2em 2em;display:flex;flex-direction:column;justify-content:center}
.dl-log small,.dl-t{font-family:var(--m);font-size:.62em;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.dl-log strong{font-size:1.45em;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:.35em 0 1.1em}
.dl-log ol{list-style:none;display:grid;gap:1.15em}
.dl-log li{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:.8em;align-items:center;opacity:.4;transition:opacity .4s}
.dl-log li i{grid-row:span 2;display:grid;place-items:center;width:1.7em;height:1.7em;border-radius:50%;background:#fff;border:1.5px solid #D5D5CE;color:#fff;font-size:.9em;transition:background .35s,border-color .35s,transform .45s var(--ease)}
.dl-log li .glyph{stroke-width:3.2;opacity:0;transform:scale(.25);transition:opacity .3s,transform .3s cubic-bezier(.2,0,0,1)}
.dl-log li b{font-size:.92em;line-height:1.2}
.dl-log li span{font-family:var(--m);font-size:.62em;color:var(--mut)}
.dl-log li::before{content:"";position:absolute;left:.72em;bottom:calc(100% - .2em);width:.14em;height:1.5em;background:var(--green);transform:scaleY(0);transform-origin:top;transition:transform .35s var(--ease)}
.dl-log li:first-child::before{display:none}
.dl-log li.on{opacity:1}
.dl-log li.on::before{transform:none}
.dl-log li.on i{background:var(--green);border-color:var(--green);transform:scale(1.08)}
.dl-log li.on .glyph{opacity:1;transform:none}
.dl-out{padding:2em 2em 2em 1.7em;display:grid;gap:.8em;align-content:center}
.mc{background:#fff;border-radius:1.2em;padding:1em 1.1em;display:grid;gap:.8em;box-shadow:0 0 0 1px rgba(22,23,27,.06),0 1.4em 2.4em -1.8em rgba(22,23,27,.5)}
.mc-h{display:grid;grid-template-columns:auto 1fr auto;gap:.9em;align-items:start}
.mc-h img,.mc-h .ap{width:2.2em;height:2.2em}
.mc-h .ap{border-radius:.65em;background:var(--ink);color:var(--yellow);font-style:normal;font-weight:800;display:grid;place-items:center}
.mc-h b{display:block;font-size:1em;line-height:1.25}
.mc-h span{display:block;color:var(--mut);font-size:.82em;line-height:1.35}
.mc-h em{font-style:normal;font-family:var(--m);font-size:.66em;color:var(--soft);white-space:nowrap}
.att{display:grid;grid-template-columns:auto 1fr auto;gap:.8em;align-items:center;background:var(--tint);border-radius:.8em;padding:.7em .8em}
.att>.glyph{width:1.5em;height:1.5em;color:var(--red)}
.att b{display:block;font-size:.86em}
.att p{display:grid;font-size:.72em;color:var(--mut)}
.att p span{grid-area:1/1;opacity:0;transition:opacity .25s}
.att p span:first-child,.att.hit:not(.ok) p span:nth-child(2),.att.ok p span:last-child{opacity:1}
.att.hit p span:first-child,.att.ok p span:nth-child(2){opacity:0}
.att.ok p span:last-child{color:var(--green);font-weight:700}
.att>i{position:relative;display:grid;place-items:center;width:2.3em;height:2.3em;border-radius:.65em;background:var(--yellow);transition:background .3s,color .3s}
.att>i .glyph{grid-area:1/1;stroke-width:2.4;transition:opacity .3s cubic-bezier(.2,0,0,1),transform .3s cubic-bezier(.2,0,0,1),filter .3s cubic-bezier(.2,0,0,1)}
.att.ok>i{background:var(--green);color:#fff}
.att.ok>i .glyph:first-child{opacity:0;transform:scale(.25);filter:blur(4px)}
.att>u{position:absolute;left:0;right:0;bottom:0;height:.2em;background:var(--green);transform:scaleX(0);transform-origin:left}
.att.hit>u{transform:none;transition:transform 1.25s cubic-bezier(.4,0,.2,1)}
.att.ok>u{opacity:0;transition:opacity .4s}
.dy{display:flex;align-items:center;gap:.8em;font-size:.74em;color:var(--mut)}
.dy u{flex:1;height:.42em;border-radius:1em;background:var(--tint2);overflow:hidden}
.dy u i{display:block;height:100%;width:12%;border-radius:inherit;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}
.dy u i.on{transform:none}

/* ── venta 4 · el panel ── */
.pn{position:absolute;inset:0;display:grid;grid-template-columns:10.5em 1fr}
.pn-s{background:var(--ink);color:#A9ABB4;padding:1.5em 1em;display:flex;flex-direction:column;gap:.3em;font-size:.88em}
.pn-s b{display:flex;align-items:center;gap:.5em;color:#fff;font-size:1.15em;margin:0 0 1em .5em}
.pn-s b i{width:.8em;height:.8em;border-radius:50%;background:var(--yellow)}
.pn-s span{display:flex;align-items:center;gap:.7em;padding:.55em .7em;border-radius:.7em}
.pn-s .on{background:rgba(255,255,255,.1);color:#fff;font-weight:700}
.pn-s em{margin-top:auto;display:flex;align-items:center;gap:.5em;font-style:normal;font-size:.8em;padding-left:.5em}
.pn-s em i{width:.6em;height:.6em;border-radius:50%;background:var(--green);box-shadow:0 0 0 .25em rgba(31,164,99,.25)}
.pn-m{position:relative;padding:1.4em 1.6em;display:grid;gap:.9em;align-content:start;background:var(--tint)}
.pn-top{display:flex;align-items:center;gap:.8em}
.pn-top strong{font-size:1.45em;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.pn-top span{font-size:.72em;font-weight:700;background:#fff;border:1px solid var(--line);border-radius:100px;padding:.25em .9em}
.pn-k{display:grid;grid-template-columns:repeat(3,1fr);gap:.8em}
.pn-k>div,.pn-c,.pn-t{background:#fff;border-radius:1em;box-shadow:0 0 0 1px rgba(22,23,27,.07)}
.pn-k>div{padding:.8em 1em}
.pn-k small,.pn-c small{display:block;color:var(--mut);font-size:.76em}
.pn-k strong{display:grid;font-size:1.75em;font-weight:800;letter-spacing:-.04em;line-height:1.2}
.pn-k .roll>:last-child{color:var(--green)}
.pn-c{display:grid;grid-template-columns:auto 1fr;gap:1.6em;align-items:end;padding:.9em 1.1em}
.pn-c b{display:block;font-size:1.35em;font-weight:800;letter-spacing:-.03em;line-height:1.2}
.pn-c span{font-size:.72em;color:var(--mut)}
.bars{display:grid;grid-template-columns:repeat(7,1fr);gap:.6em;align-items:end;height:5em;padding-bottom:1.1em}
.bars i{position:relative;height:var(--h);border-radius:.35em .35em .15em .15em;background:var(--tint2);transform:scaleY(0);transform-origin:bottom;transition:transform .7s var(--ease) calc(var(--k)*55ms),height .6s var(--ease),background .4s}
.bars.on i{transform:none}
.bars u{position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:.35em;text-decoration:none;font-style:normal;font-family:var(--m);font-size:.6em;color:var(--soft)}
.bars .td{background:var(--yellow)}
.bars .td.up{--h:70%!important}
.bars .td u{color:var(--ink);font-weight:500}
.pn-t{overflow:hidden}
.tr{display:grid;grid-template-columns:1.2fr 1.1fr .5fr 5.4em;gap:.8em;align-items:center;padding:.58em 1em;border-top:1px solid var(--line);font-size:.86em}
.tr.hd{border-top:0;font-family:var(--m);font-size:.6em;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);padding:.8em 1.45em .7em}
.tr>span:first-child{display:flex;align-items:center;gap:.6em;font-weight:600;min-width:0}
.tr>span:nth-child(2){color:var(--mut)}
.nw{transition:grid-template-rows .5s var(--ease),background .9s}
.nw.hl{background:#FFF4CC}
.st{display:inline-grid;justify-self:start;font-style:normal;font-size:.84em;font-weight:700;color:#9A6B00;background:#FFF1C2;border-radius:100px;padding:.2em .8em;overflow:hidden;transition:color .4s,background .4s}
.st span{grid-area:1/1;text-align:center;transition:transform .5s var(--ease),opacity .35s}
.st span:last-child{transform:translateY(110%);opacity:0}
.st.w{color:var(--mut);background:var(--tint2)}
.st.on{color:var(--green);background:#E6F5EC}
.st.on span:first-child{transform:translateY(-110%);opacity:0}
.st.on span:last-child{transform:none;opacity:1}
.toast{position:absolute;right:1.6em;top:1.25em;z-index:3;display:flex;align-items:center;gap:.6em;background:var(--ink);color:#fff;border-radius:100px;padding:.35em 1.1em .35em .4em;font-size:.82em;box-shadow:0 1em 1.8em -1em rgba(22,23,27,.7);opacity:0;transform:translateY(-.8em) scale(.96);transition:opacity .3s,transform .5s var(--ease)}
.toast.on{opacity:1;transform:none}
.toast i{display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;background:var(--yellow);color:var(--ink)}
.toast span{color:#C9CBD2}

/* ── chat, teléfono y embudo: piezas que comparten los demos de accesos y de Kommo ── */
.vd .qrc{display:block;width:100%;height:100%;fill:var(--ink)}
.vd .kommo-wordmark{font-size:1.3em;line-height:1}
/* hilo: los mensajes nuevos entran abajo y empujan a los anteriores */
.vd .th{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.vd .m{display:grid;grid-template-rows:0fr;flex:none;transition:grid-template-rows .45s var(--ease)}
.vd .m>div{min-height:0;overflow:hidden;display:flex;flex-direction:column}
.vd .m.on{grid-template-rows:1fr}
.vd .bub,.vd .sys,.vd .qk,.vd .sum{opacity:0;transform:translateY(.6em) scale(.97);transition:opacity .35s var(--ease),transform .45s var(--ease)}
.vd .m.on .bub,.vd .m.on .sys,.vd .m.on .qk,.vd .m.on .sum{opacity:1;transform:none}
.vd .bub{max-width:80%;margin-top:.55em;padding:.6em .8em;border-radius:1.1em;font-size:.84em;line-height:1.4;background:#fff}
.vd .bub.l{align-self:flex-start;border-bottom-left-radius:.3em;transform-origin:0 100%}
.vd .bub.r{align-self:flex-end;border-bottom-right-radius:.3em;transform-origin:100% 100%}
.vd .bub.wa{background:#DCF8C6}
.vd .bub.bot{background:#E7EEFF}
.vd .bub.hum{background:#EEEBFF}
.vd .bub small{display:block;font-family:var(--m);font-size:.66em;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:.2em}
.vd .bub.hum small{color:var(--kommo)}
.vd .bub em{display:block;text-align:right;font-style:normal;font-size:.72em;color:var(--soft);margin-top:.1em}
.vd .typing{padding:.25em 0;gap:.3em}
.vd .typing i{width:.45em;height:.45em}
.vd .sys{align-self:center;display:flex;align-items:center;gap:.5em;margin-top:.7em;font-family:var(--m);font-size:.6em;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);background:#fff;border:1px dashed #D5D5CE;border-radius:100px;padding:.45em 1em}
/* teléfono: canto de aluminio con sus antenas y botones, bisel negro, isla, barra de estado e indicador de inicio */
.vd .ph{position:relative;isolation:isolate;flex:none;width:15.2em;height:31.6em;padding:.22em;border-radius:2.7em;background:linear-gradient(#93938F,#93938F) 0 4.4em/.22em .07em no-repeat,linear-gradient(#93938F,#93938F) 100% 4.4em/.22em .07em no-repeat,linear-gradient(#93938F,#93938F) 0 calc(100% - 4.4em)/.22em .07em no-repeat,linear-gradient(#93938F,#93938F) 100% calc(100% - 4.4em)/.22em .07em no-repeat,linear-gradient(105deg,#F4F4F1,#C6C6C2 22%,#E8E8E4 48%,#B2B2AE 74%,#EDEDEA);box-shadow:inset 0 0 0 .05em rgba(255,255,255,.9),inset 0 0 .12em .1em rgba(0,0,0,.14),0 0 0 .04em rgba(0,0,0,.28),0 2.6em 4em -2em rgba(22,23,27,.55),0 .8em 1.4em -.8em rgba(22,23,27,.35)}
.vd .ph.a.z{transform:translateY(1.2em) scale(.96)}
.vd .ph.a.z.on{transform:none}
/* botones: a la izquierda acción y volumen; a la derecha encendido y control de cámara */
.vd .ph::before{content:"";position:absolute;z-index:-1;left:-.13em;right:-.13em;top:5.7em;height:9.6em;background:linear-gradient(#C4C4C0,#8D8D89) 0 0/.2em 1.2em no-repeat,linear-gradient(#C4C4C0,#8D8D89) 0 2.2em/.2em 2.3em no-repeat,linear-gradient(#C4C4C0,#8D8D89) 0 5em/.2em 2.3em no-repeat,linear-gradient(#C4C4C0,#8D8D89) 100% 2.7em/.2em 3.6em no-repeat,linear-gradient(#C4C4C0,#8D8D89) 100% 7.8em/.2em 1.8em no-repeat}
.vd .ph::after{content:"";position:absolute;z-index:4;left:50%;bottom:.66em;width:4.6em;height:.17em;margin-left:-2.3em;border-radius:1em;background:#fff;mix-blend-mode:difference;opacity:.92}
.ph-s{position:relative;height:100%;border:.3em solid #060607;border-radius:2.48em;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.ph-s::before{content:"";position:absolute;top:.42em;left:50%;z-index:3;width:4.4em;height:1.2em;margin-left:-2.2em;border-radius:1em;background:radial-gradient(circle at 77% 50%,#2B3654 0 .09em,#0C101B .1em .2em,transparent .21em),#000}
.ph-b{position:absolute;z-index:3;left:0;right:0;top:0;height:2.04em;display:flex;align-items:center;justify-content:space-between;padding:0 1.15em 0 1.55em;color:var(--ink)}
.ph-b b{font-size:.68em;font-weight:700;letter-spacing:-.01em}
.ph-b i{width:3.3em;height:.78em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 16'%3E%3Crect y='10' width='3' height='5' rx='1'/%3E%3Crect x='5' y='7' width='3' height='8' rx='1'/%3E%3Crect x='10' y='4' width='3' height='11' rx='1'/%3E%3Crect x='15' y='1' width='3' height='14' rx='1'/%3E%3Cpath d='M24 6.2a11.5 11.5 0 0 1 16 0l-1.7 1.8a9 9 0 0 0-12.6 0zM27.2 9.4a7 7 0 0 1 9.6 0L35 11.2a4.4 4.4 0 0 0-6 0zM30.3 12.6a2.5 2.5 0 0 1 3.4 0L32 14.5z'/%3E%3Cpath fill-rule='evenodd' d='M49 2h12a4 4 0 0 1 4 4v4a4 4 0 0 1-4 4H49a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4zm0 1.2A2.8 2.8 0 0 0 46.2 6v4A2.8 2.8 0 0 0 49 12.8h12A2.8 2.8 0 0 0 63.8 10V6A2.8 2.8 0 0 0 61 3.2z' opacity='.45'/%3E%3Crect x='47.5' y='4.5' width='15' height='7' rx='1.8'/%3E%3Cpath d='M66 6v4c.9-.3 1.5-1 1.5-2s-.6-1.7-1.5-2z' opacity='.45'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 16'%3E%3Crect y='10' width='3' height='5' rx='1'/%3E%3Crect x='5' y='7' width='3' height='8' rx='1'/%3E%3Crect x='10' y='4' width='3' height='11' rx='1'/%3E%3Crect x='15' y='1' width='3' height='14' rx='1'/%3E%3Cpath d='M24 6.2a11.5 11.5 0 0 1 16 0l-1.7 1.8a9 9 0 0 0-12.6 0zM27.2 9.4a7 7 0 0 1 9.6 0L35 11.2a4.4 4.4 0 0 0-6 0zM30.3 12.6a2.5 2.5 0 0 1 3.4 0L32 14.5z'/%3E%3Cpath fill-rule='evenodd' d='M49 2h12a4 4 0 0 1 4 4v4a4 4 0 0 1-4 4H49a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4zm0 1.2A2.8 2.8 0 0 0 46.2 6v4A2.8 2.8 0 0 0 49 12.8h12A2.8 2.8 0 0 0 63.8 10V6A2.8 2.8 0 0 0 61 3.2z' opacity='.45'/%3E%3Crect x='47.5' y='4.5' width='15' height='7' rx='1.8'/%3E%3Cpath d='M66 6v4c.9-.3 1.5-1 1.5-2s-.6-1.7-1.5-2z' opacity='.45'/%3E%3C/svg%3E") center/contain no-repeat}
.cam .ph-b{color:#fff}

/* ── accesos 1 · el cobro ── */
.ev{position:absolute;inset:0;display:grid;grid-template-columns:1.22fr 1fr;background:#fff}
.ev-l{padding:1.8em 1.6em 1.8em 2em;display:grid;gap:1.2em;align-content:center}
.ev-img{position:relative;height:6.2em;border-radius:1.2em;overflow:hidden;background:radial-gradient(circle at 18% 20%,#FFF3CC,transparent 55%),linear-gradient(135deg,#FFE08A,#FFB86B)}
.ev-img span{position:absolute;left:.9em;top:.9em;font-size:.68em;font-weight:800;background:#fff;border-radius:100px;padding:.3em .9em}
.ev-img i{position:absolute;bottom:-1.6em;width:3.6em;height:5.6em;border-radius:1.8em 1.8em 0 0;background:rgba(22,23,27,.82)}
.ev-img i::before{content:"";position:absolute;left:50%;top:-1.9em;width:1.8em;height:1.8em;margin-left:-.9em;border-radius:50%;background:rgba(22,23,27,.82)}
.ev-img i:nth-of-type(1){right:8.2em;transform:scale(.8);transform-origin:bottom}.ev-img i:nth-of-type(2){right:4.6em}.ev-img i:nth-of-type(3){right:1.2em;transform:scale(.88);transform-origin:bottom}
.ev-h{display:flex;align-items:center;gap:1em}
.ev-d{flex:none;display:grid;place-content:center;justify-items:center;width:4.2em;height:4.2em;border-radius:1em;background:var(--ink);color:#fff}
.ev-d small{font-family:var(--m);font-size:.58em;letter-spacing:.16em;color:var(--yellow)}
.ev-d b{font-size:1.9em;font-weight:800;line-height:1}
.ev-h strong{display:block;font-size:1.5em;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.ev-h p,.pass-t p{display:flex;gap:1em;margin-top:.35em;font-size:.8em;color:var(--mut)}
.ev-h p span,.pass-t p span{display:flex;align-items:center;gap:.35em}
.ev-q{display:grid;gap:.45em;font-size:.8em;color:var(--mut)}
.ev-q b{color:var(--ink)}
.ev-q u,.gl-b{display:block;height:.45em;border-radius:1em;background:var(--tint2);overflow:hidden}
.ev-q u i,.gl-b i{display:block;height:100%;width:46.25%;border-radius:inherit;background:var(--ink);transition:width .8s var(--ease)}
.ev-q u i.on{width:48.75%}
.ev-k{display:flex;align-items:center;justify-content:space-between;gap:1em;border:1.5px solid var(--line);border-radius:1.1em;padding:.8em .8em .8em 1em}
.ev-k b{display:block;font-size:.96em}
.ev-k span{font-size:.78em;color:var(--mut)}
.qty{display:flex;align-items:center;gap:.7em}
.qty>i{display:grid;place-items:center;width:2.1em;height:2.1em;border-radius:.65em;background:var(--tint);color:var(--soft);font-size:.95em}
.qty>i.pb{background:var(--ink);color:#fff}
.qty>b{font-size:1.2em;font-weight:800;min-width:.8em;text-align:center}
.ev-a{display:grid;gap:.5em}
.ev-a small,.ev-r>small,.ev-ref small{font-family:var(--m);font-size:.6em;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.ev-a .fi{height:2.6em;font-size:.94em}
.fi .n{display:grid;place-items:center;width:1.5em;height:1.5em;border-radius:50%;background:var(--tint2);font-style:normal;font-size:.72em;font-weight:800;color:var(--mut)}
.ev-r{position:relative;overflow:hidden;background:var(--tint);border-left:1px solid var(--line);padding:1.8em 2em 1.8em 1.7em;display:grid;gap:.55em;align-content:center}
.pm{display:grid;grid-template-columns:auto 1fr auto;gap:.8em;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:1em;padding:.7em .9em;transition:border-color .3s,box-shadow .3s,opacity .45s var(--ease),transform .65s var(--ease)}
.pm>.glyph{width:1.3em;height:1.3em;color:var(--mut);transition:color .3s}
.pm b{display:block;font-size:.88em;line-height:1.25}
.pm span{display:block;font-size:.7em;color:var(--mut)}
.pm .rd{width:1.15em;height:1.15em;border-radius:50%;border:1.5px solid #CFCFC8;position:relative;transition:border-color .3s}
.pm .rd::after{content:"";position:absolute;inset:.2em;border-radius:50%;background:var(--ink);transform:scale(0);transition:transform .35s var(--ease)}
.pm.sel,.pm.hit{border-color:var(--ink);box-shadow:0 0 0 .22em rgba(255,201,60,.4)}
.pm.sel>.glyph,.pm.hit>.glyph{color:var(--ink)}
.pm.sel .rd,.pm.hit .rd{border-color:var(--ink)}
.pm.sel .rd::after,.pm.hit .rd::after{transform:none}
.ev-tt{display:flex;justify-content:space-between;align-items:baseline;margin-top:.5em;font-size:.84em;color:var(--mut)}
.ev-tt b{font-size:1.65em;font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.ev-b{display:block;text-align:center;background:var(--ink);color:#fff;font-weight:800;padding:.9em;border-radius:.9em;box-shadow:0 .9em 1.8em -1em rgba(22,23,27,.7)}
.ev-ref{position:absolute;inset:0;background:var(--ink);color:#fff;padding:2em;display:grid;gap:.7em;align-content:center;justify-items:center;text-align:center;transform:translateY(102%);transition:transform .7s var(--ease)}
.ev-ref.on{transform:none}
.ev-ref small{color:#A9ABB4}
.bc{width:100%;height:4.4em;border-radius:.6em;background:repeating-linear-gradient(90deg,var(--ink) 0 .14em,#fff .14em .3em,var(--ink) .3em .38em,#fff .38em .62em,var(--ink) .62em .86em,#fff .86em 1em) .8em 0/calc(100% - 1.6em) 100% no-repeat #fff;border:.7em solid #fff}
.ev-ref code{font-family:var(--m);font-size:1.25em;letter-spacing:.14em}
.ev-ref>span{font-size:.8em;color:#C9CBD2}
.ev-st{display:grid;margin-top:.6em;font-size:.8em;font-weight:700}
.ev-st span{grid-area:1/1;display:flex;align-items:center;justify-content:center;gap:.5em;border-radius:100px;padding:.55em 1.1em;background:rgba(255,201,60,.16);color:var(--yellow);transition:opacity .35s,transform .5s var(--ease)}
.ev-st span i{width:.6em;height:.6em;border-radius:50%;background:var(--yellow);animation:blk 1s ease-in-out infinite}
@keyframes blk{50%{opacity:.25}}
.ev-st span:last-child{background:var(--green);color:#fff;opacity:0;transform:scale(.9)}
.ev-st .glyph{stroke-width:3}
.ev-ref.ok .ev-st span:first-child{opacity:0}
.ev-ref.ok .ev-st span:last-child{opacity:1;transform:none}

/* ── accesos 2 · el pase ── */
.ps,.dr{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;place-items:center;background:linear-gradient(180deg,var(--tint),#fff)}
.wa-h,.cam-h{flex:none;padding:2.35em .9em .6em;display:flex;align-items:center;gap:.6em;background:#F6F6F2;border-bottom:1px solid var(--line)}
.wa-h b{display:block;font-size:.8em;line-height:1.2}
.wa-h span{display:block;font-size:.62em;color:var(--mut)}
.ph-s.wa .th{padding:0 .6em .6em;background:#EFEAE2}
.ph-s .bub{max-width:88%;font-size:.72em;margin-top:.5em;box-shadow:0 .08em .1em rgba(22,23,27,.12)}
.bub.tk{display:grid;grid-template-columns:auto 1fr;gap:.8em;align-items:center;width:88%;padding:.6em}
.bub.tk .qrc{width:4em;height:4em;padding:.3em;border:1px solid var(--line);border-radius:.5em}
.bub.tk b{display:block;font-size:1.08em}
.bub.tk span{display:block;color:var(--mut);font-size:.9em;line-height:1.35}
.wa-c{flex:none;display:flex;align-items:center;gap:.5em;padding:.5em .6em 1.25em;background:#EFEAE2}
.wa-c span{flex:1;background:#fff;border-radius:100px;padding:.5em 1em;font-size:.7em;color:var(--soft)}
.wa-c i{display:grid;place-items:center;width:2em;height:2em;border-radius:50%;background:#25D366;color:#fff;font-size:.8em}
.ps-r{position:relative;width:18.6em;display:grid;justify-items:center}
.pass{position:relative;z-index:1;width:100%;border-radius:1.4em;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(22,23,27,.06),0 2.2em 3.6em -2em rgba(22,23,27,.55)}
.vd .pass.a{transform:translateY(1.4em) rotate(-3deg)}
.vd .pass.a.on{transform:none}
.pass.bk{position:absolute;inset:0 0 auto;z-index:0;height:calc(100% - 3.6em);background:#fff;opacity:0;transition:opacity .4s,transform .7s var(--ease)}
.pass.bk.on{opacity:1;transform:rotate(5deg) translate(1.1em,.5em)}
.pass-t{background:var(--ink);color:#fff;padding:1.4em 1.5em 1.5em}
.pass-t small{font-family:var(--m);font-size:.56em;letter-spacing:.16em;color:var(--yellow)}
.pass-t strong{display:block;font-size:1.5em;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-top:.2em}
.pass-t p{color:#C9CBD2;font-size:.72em;gap:.8em}
.pass-b{position:relative;display:flex;align-items:center;gap:1.1em;padding:1.3em 1.4em;border-top:.14em dashed #D5D5CE}
.pass-b::before,.pass-b::after{content:"";position:absolute;top:-.7em;width:1.3em;height:1.3em;border-radius:50%;background:#FAFAF8;box-shadow:inset 0 0 0 1px rgba(22,23,27,.06)}
.pass-b::before{left:-.65em}.pass-b::after{right:-.65em}
.pass-q{flex:none;width:6.9em;height:6.9em;padding:.5em;border:1px solid var(--line);border-radius:.8em}
.pass-q .qrc{clip-path:inset(0 0 100% 0);transition:clip-path .9s cubic-bezier(.4,0,.2,1)}
.pass-q.on .qrc{clip-path:inset(0)}
.pass-b b{display:block;font-size:1.15em;line-height:1.2;white-space:nowrap}
.pass-b span{display:block;font-size:.8em;color:var(--mut)}
.pass-b code{display:inline-block;margin-top:.6em;font-family:var(--m);font-size:.66em;background:var(--tint);border-radius:.5em;padding:.3em .6em}
.ps-c{display:inline-flex;align-items:center;gap:.5em;margin-top:1.6em;font-size:.78em;background:#fff;border-radius:100px;padding:.5em 1.1em;box-shadow:0 0 0 1px rgba(22,23,27,.07)}

/* ── accesos 3 · la puerta ── */
.ph-s.cam{background:#0E0F12;color:#fff}
.ph-s.cam::after{content:"";position:absolute;inset:0;background:var(--green);opacity:0;pointer-events:none}
.ph-s.cam.okv::after{animation:fls .6s ease-out}
@keyframes fls{0%{opacity:.35}100%{opacity:0}}
.cam-h{display:block;text-align:center;background:none;border:0}
.cam-h b{display:block;font-size:.84em}
.cam-h span{font-size:.64em;color:#9A9CA4}
.cam-v{position:relative;width:10.5em;height:10.5em;margin:1.4em auto 0;--bc:#fff}
.cam-q{position:absolute;inset:1.3em;background:#fff;border-radius:.7em;padding:.6em;transform:rotate(-4deg);animation:sway 3.2s ease-in-out infinite}
@keyframes sway{50%{transform:rotate(3deg) translateY(-.15em)}}
.cam-v>i{position:absolute;width:2em;height:2em;border:.22em solid var(--bc);transition:border-color .25s,transform .35s var(--ease)}
.cam-v>i:nth-of-type(1){left:0;top:0;border-right:0;border-bottom:0;border-top-left-radius:.7em}
.cam-v>i:nth-of-type(2){right:0;top:0;border-left:0;border-bottom:0;border-top-right-radius:.7em}
.cam-v>i:nth-of-type(3){left:0;bottom:0;border-right:0;border-top:0;border-bottom-left-radius:.7em}
.cam-v>i:nth-of-type(4){right:0;bottom:0;border-left:0;border-top:0;border-bottom-right-radius:.7em}
.cam-v>u{position:absolute;left:.5em;right:.5em;top:.7em;height:.18em;border-radius:1em;background:var(--yellow);box-shadow:0 0 1em .2em rgba(255,201,60,.7);opacity:0;transition:opacity .25s}
.scan .cam-v>u{opacity:1;animation:scn 1.15s ease-in-out infinite alternate}
@keyframes scn{to{transform:translateY(8.9em)}}
.okv .cam-v{--bc:#3DDC84}
.dup .cam-v{--bc:var(--yellow)}
.okv .cam-v>i,.dup .cam-v>i{transform:scale(1.12)}
.cam-t{display:block;text-align:center;margin-top:1.3em;font-size:.68em;color:#9A9CA4}
.sheet{position:absolute;left:.6em;right:.6em;bottom:1.15em;z-index:2;display:flex;align-items:center;gap:.7em;background:#fff;color:var(--ink);border-radius:1.4em;padding:.9em;transform:translateY(130%);transition:transform .55s var(--ease)}
.sheet.on{transform:none}
.sheet>i{flex:none;display:grid;place-items:center;width:2.4em;height:2.4em;border-radius:50%;background:var(--green);color:#fff}
.sheet .glyph{stroke-width:2.8}
.sheet.no>i{background:var(--yellow);color:var(--ink)}
.sheet b{display:block;font-size:.84em;line-height:1.2}
.sheet span{display:block;font-size:.64em;color:var(--mut)}
.sheet em{margin-left:auto;font-style:normal;font-family:var(--m);font-size:.62em;color:var(--mut)}
.gl{width:17.5em;background:#fff;border-radius:1.4em;padding:1.3em 1.3em .8em;box-shadow:0 0 0 1px rgba(22,23,27,.06),0 2em 3.4em -2em rgba(22,23,27,.5)}
.gl-h{display:flex;justify-content:space-between;align-items:center}
.gl-h b{font-size:.98em}
.gl-h span{display:flex;align-items:center;gap:.45em;font-size:.68em;font-weight:700;color:var(--green)}
.gl-h span i{width:.55em;height:.55em;border-radius:50%;background:var(--green);animation:blk 1.4s ease-in-out infinite}
.gl-n{display:flex;align-items:baseline;gap:.6em;margin:.7em 0 .5em;font-size:.8em;color:var(--mut)}
.gl-n strong{font-size:3.2em;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--ink)}
.gl-b i{background:var(--green)}
.gl-b i.on{width:47.5%}
.gl-l{margin-top:1em}
.gr{position:relative;display:flex;align-items:center;gap:.7em;padding:.52em .5em;margin:0 -.5em;border-radius:.7em;transition:background .7s}
.gr::before{content:"";position:absolute;left:.5em;right:.5em;top:0;height:1px;background:var(--line);transition:opacity .4s}
.gr.hl::before,.gr.dup::before,.gr.hl+.gr::before,.gr.dup+.gr::before{opacity:0}
.gr>div{flex:1;min-width:0}
.gr b{display:block;font-size:.84em;line-height:1.25}
.gr small{display:none;font-size:.64em;font-weight:700;color:#9A6B00}
.gr .st{font-size:.68em}
.gr.hl{background:#E6F5EC}
.gr.dup{background:#FFF4CC}
.gr.dup small{display:block}

/* ── embudo de Kommo (accesos 4 y Kommo 3): la tarjeta cambia de columna ── */
.kb{--kp:1.5em;--kg:.8em;--kh:4.9em;--kw:calc((var(--sw) - 2*var(--kp) - (var(--n) - 1)*var(--kg))/var(--n));position:absolute;inset:0;display:flex;flex-direction:column;background:var(--tint)}
.kb-t{display:flex;align-items:baseline;gap:1em;padding:1.3em var(--kp) .8em}
.kb-t b{font-size:.9em}
.kb-r{display:flex;align-items:center;padding:0 var(--kp) 1.1em}
.kb-r span{display:flex;align-items:center;gap:.5em;font-size:.7em;font-weight:700;color:var(--mut);background:#fff;border:1px dashed #CFCFC8;border-radius:100px;padding:.45em 1em;white-space:nowrap;transition:background .4s,color .4s,border-color .4s,transform .5s var(--ease)}
.kb-r span.on{background:var(--ink);border-color:var(--ink);color:#fff;transform:scale(1.04)}
.kb-r span.on .glyph{color:var(--yellow)}
.kb-r>i{flex:0 1 2em;min-width:.8em;height:.14em;background:#D5D5CE;position:relative}
.kb-r>i::after{content:"";position:absolute;inset:0;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.kb-r>i.on::after{transform:none}
.kb-b{position:relative;flex:1;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:var(--kg);padding:0 var(--kp) 1.4em}
.kcol{background:var(--tint2);border-radius:1.1em;padding:.6em .5em;display:flex;flex-direction:column;gap:.5em}
.kh{flex:none;display:flex;align-items:center;gap:.45em;height:1.4em;padding:0 .3em}
.kh::before{content:"";width:.5em;height:.5em;border-radius:50%;background:var(--soft)}
.c1 .kh::before{background:var(--blue)}.c2 .kh::before{background:var(--green)}.c3 .kh::before{background:var(--yellow)}
.kh b{font-size:.74em;white-space:nowrap}
.kh em{margin-left:auto;font-style:normal;font-family:var(--m);font-size:.62em;color:var(--mut);background:#fff;border-radius:100px;padding:.1em .6em}
.kc{flex:none;height:var(--kh);background:#fff;border-radius:.7em;padding:.6em .7em;display:grid;gap:.1em;align-content:start;box-shadow:0 0 0 1px rgba(22,23,27,.06),0 .5em .8em -.6em rgba(22,23,27,.35)}
.kc b{font-size:.8em;line-height:1.25;white-space:nowrap}
.kc>span{font-size:.66em;color:var(--mut);white-space:nowrap}
.kc p{display:flex;align-items:center;gap:.35em;margin-top:.4em}
.kc p i{display:flex;align-items:center;gap:.3em;font-style:normal;font-size:.6em;font-weight:700;background:var(--tint);border-radius:100px;padding:.2em .7em;white-space:nowrap}
.kc p i.t{background:#E6F5EC;color:var(--green)}
.kc p img{width:1.05em;height:1.05em}
.kslot{flex:none;height:0;margin-top:-.5em;border-radius:.7em;transition:height .55s var(--ease),margin-top .55s var(--ease)}
.kslot.on{height:var(--kh);margin-top:0}
.kfly{--tx:0em;--rt:0deg;--sc:1;position:absolute;top:2.5em;left:calc(var(--kp) + .5em + var(--from)*(var(--kw) + var(--kg)));width:calc(var(--kw) - 1em);z-index:4;transform:translateX(var(--tx)) rotate(var(--rt)) scale(var(--sc));transition:transform .9s var(--ease),box-shadow .35s}
.kfly.lift{--rt:2.5deg;--sc:1.04;box-shadow:0 0 0 1.5px var(--ink),0 1.6em 2.2em -1em rgba(22,23,27,.55)}
.kfly.mv{--tx:calc((var(--to) - var(--from))*(var(--kw) + var(--kg)))}

/* ── Kommo 1, 2 y 4 · bandeja, conversación y tareas ── */
.km{position:absolute;inset:0;display:grid;grid-template-columns:3.4em 15.5em minmax(0,1fr);background:#fff}
.km.k1{grid-template-columns:3.4em minmax(0,1fr) 14em}
.km-r{background:var(--ink);padding:1em 0;display:flex;flex-direction:column;align-items:center;gap:.5em}
.km-r>b{display:grid;place-items:center;width:2em;height:2em;margin-bottom:.6em;border-radius:.6em;background:var(--kommo);color:#fff;font-weight:800}
.km-r>i{position:relative;display:grid;place-items:center;width:2.3em;height:2.3em;border-radius:.7em;color:#8E9099}
.km-r>i.on{background:rgba(255,255,255,.1);color:#fff}
.km-r u{position:absolute;top:-.35em;right:-.35em;min-width:1.5em;height:1.5em;padding:0 .3em;border-radius:1em;background:var(--red);color:#fff;font-size:.56em;font-weight:700;line-height:1.5em;text-align:center;text-decoration:none}
.vd .km-r .roll{display:grid}
.km-r>.av{margin-top:auto;background:var(--yellow);color:var(--ink)}
.km-l{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line);overflow:hidden}
.km-lh{padding:1.1em 1em .7em}
.km-lh b{display:block;font-size:1.15em;font-weight:800;letter-spacing:-.02em}
.km-lh span{font-size:.68em;color:var(--mut)}
.cr{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.7em;align-items:center;padding:.62em 1em;border-top:1px solid var(--line);transition:background .6s}
.cr .av,.cv-h .av{position:relative;width:2.5em;height:2.5em}
.cr .av img,.cv-h .av img{position:absolute;right:-.35em;bottom:-.35em;width:1.3em;height:1.3em;border-radius:50%;background:#fff;box-shadow:0 0 0 .16em #fff}
.cr b{display:block;font-size:.8em;line-height:1.3}
.cr p{font-size:.68em;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr em{display:grid;justify-items:end;gap:.35em;font-style:normal;font-family:var(--m);font-size:.56em;color:var(--soft)}
.cr em i{width:1em;height:1em;border-radius:50%;background:var(--blue);transition:transform .3s var(--ease),opacity .3s}
.cn.hl .cr{background:#FFF7D6}
.cr.hit{background:var(--tint)}
.cr.hit::before{content:"";position:absolute;left:0;top:.5em;bottom:.5em;width:.22em;border-radius:0 1em 1em 0;background:var(--kommo)}
.cr.hit em i{transform:scale(0);opacity:0}
.km-c{position:relative;min-width:0;background:var(--tint)}
.km-e{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.35em;text-align:center;color:var(--mut);transition:opacity .3s,visibility 0s .3s}
.km-e.off{opacity:0;visibility:hidden}
.km-e p{display:flex;gap:.6em;margin-bottom:.6em;font-size:1.6em;color:var(--soft)}
.km-e img{width:1.2em;height:1.2em}
.km-e b{color:var(--ink);font-size:1em}
.km-e span{font-size:.78em}
.cv{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;transform:translateX(1.2em);transition:opacity .35s,transform .6s var(--ease)}
.cv.on{opacity:1;transform:none}
.cv-h{flex:none;display:flex;align-items:center;gap:.9em;padding:.75em 1.1em;background:#fff;border-bottom:1px solid var(--line)}
.cv-h .av{font-size:.76em}
.cv-h b{display:block;font-size:.9em;line-height:1.25}
.vd .cv-h b.roll,.vd .cv-h div>span.roll{display:grid}
.cv-h div span{font-size:.66em;color:var(--mut)}
.stg{margin-left:auto;font-style:normal;font-size:.64em;font-weight:700;white-space:nowrap;color:var(--kommo);background:#EEEBFF;border-radius:100px;padding:.35em .9em}
.cv .th{padding:0 1.1em .8em}
.cv-c{flex:none;display:flex;align-items:center;gap:.6em;margin:0 .9em .9em;background:#fff;border-radius:1em;padding:.5em .5em .5em 1em;font-size:.8em;color:var(--soft);box-shadow:0 0 0 1px rgba(22,23,27,.07)}
.cv-c span,.cv-c b{flex:1;min-width:0}
.cv-c b{color:var(--ink);font-weight:500;line-height:1.35}
.cv-c .off{display:none}
.cv-c i{flex:none;display:grid;place-items:center;width:2.3em;height:2.3em;border-radius:.7em;background:var(--ink);color:#fff}
.qk{align-self:flex-end;display:flex;gap:.4em;margin-top:.4em}
.qk span{font-size:.7em;font-weight:700;color:var(--blue);background:#fff;border:1.5px solid #C9D6FF;border-radius:100px;padding:.3em .9em;transition:background .3s,color .3s,border-color .3s}
.qk span.on{background:var(--blue);border-color:var(--blue);color:#fff}
.sum{align-self:stretch;display:grid;gap:.3em;margin-top:.7em;background:#fff;border:1px dashed #CFCFC8;border-radius:1em;padding:.8em 1em;font-size:.78em}
.sum small{display:flex;align-items:center;gap:.4em;font-family:var(--m);font-size:.78em;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-bottom:.15em}
.sum small .glyph{color:#E0A800}
.sum span{display:flex;align-items:center;gap:.6em}
.sum span::before{content:"";width:.4em;height:.4em;border-radius:50%;background:var(--kommo)}
.bub.loc{display:flex;align-items:center;gap:.7em;padding:.5em .9em .5em .5em}
.loc>i{flex:none;display:grid;place-items:center;width:2.8em;height:2.8em;border-radius:.7em;color:var(--red);background:linear-gradient(135deg,transparent 46%,#fff 46% 54%,transparent 54%),linear-gradient(45deg,transparent 60%,#fff 60% 68%,transparent 68%),#DDEBD8}
.loc b{display:block}
.loc span{display:block;font-size:.86em;color:var(--mut)}
.ld{display:flex;flex-direction:column;gap:.8em;min-width:0;border-left:1px solid var(--line);padding:1.1em 1.1em 1.2em}
.ld-h{display:flex;align-items:center;gap:.7em}
.ld-h .av{width:2.5em;height:2.5em}
.ld-h b{display:block;font-size:.88em;line-height:1.25}
.ld-h span{font-family:var(--m);font-size:.6em;color:var(--mut)}
.ld>small,.ld dt,.fic dt{font-family:var(--m);font-size:.58em;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.ld>small{color:var(--mut);border-top:1px solid var(--line);padding-top:.9em}
.ld dl{display:grid;gap:.6em}
.ld dd,.fic dd{position:relative;font-size:.84em;font-weight:600;line-height:1.35;color:transparent;border-radius:.3em;transition:color .3s}
.ld dd::before,.fic dd::before{content:"Por preguntar";position:absolute;left:0;color:var(--soft);font-weight:400}
.ld dd.on,.fic dd.on{color:var(--ink)}
.ld dd.on::before,.fic dd.on::before{content:none}
.ld dd[data-cue].on,.fic dd[data-cue].on{animation:fill 1.6s var(--ease)}
@keyframes fill{0%,35%{background:#FFE08A;box-shadow:0 0 0 .25em #FFE08A}100%{background:transparent;box-shadow:0 0 0 .25em transparent}}
.ld-p{margin-top:auto;display:grid;gap:.4em;font-size:.68em;color:var(--mut)}
.ld-p u{height:.45em;border-radius:1em;background:var(--tint2);overflow:hidden}
.ld-p u i{display:block;height:100%;width:0;border-radius:inherit;background:var(--kommo);transition:width .7s var(--ease)}
.ld-p .p1{width:34%}.ld-p .p2{width:67%}.ld-p .p3{width:100%}
.tsk{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7em;align-items:center;margin:0 .7em .45em;padding:.65em .8em;border-radius:.9em;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .3s,background .4s,opacity .4s}
.tsk>i{display:grid;place-items:center;width:1.35em;height:1.35em;border-radius:.4em;border:1.5px solid #CFCFC8;color:transparent;font-size:.9em;transition:background .3s,border-color .3s,color .3s}
.tsk .glyph{stroke-width:3.2}
.tsk b{display:block;font-size:.8em;line-height:1.3}
.tsk span{font-size:.66em;color:var(--mut)}
.tsk.hot{background:#FFFBEA;box-shadow:inset 0 0 0 1.5px var(--yellow)}
.tsk.hit{box-shadow:inset 0 0 0 1.5px var(--ink)}
.tsk.done{background:none;opacity:.55;box-shadow:inset 0 0 0 1px var(--line)}
.tsk.done>i{background:var(--green);border-color:var(--green);color:#fff}
.tsk.done b{text-decoration:line-through}

/* ── agente de IA: la conversación a la izquierda y, a la derecha, lo que el agente hace por dentro ── */
.ag{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) 19em;background:var(--tint)}
.ag-c{display:flex;flex-direction:column;min-width:0;min-height:0}
.ag-c .th{padding:0 1.1em .8em}
.cv-h .av .glyph{width:1.25em;height:1.25em}
.vd .bub small .glyph{display:inline-block;width:1.15em;height:1.15em;margin-right:.35em;vertical-align:-.22em}
.vd mark{background:none;color:inherit;border-radius:.25em;transition:background .35s,box-shadow .35s}
.vd mark.on{background:#FFE08A;box-shadow:0 0 0 .14em #FFE08A}
.src{display:flex;gap:.35em;margin-top:.5em}
.src i{font-style:normal;font-size:.74em;font-weight:700;color:var(--blue);background:#fff;border-radius:100px;padding:.15em .8em}
.ag-t{display:flex;flex-direction:column;gap:1em;min-width:0;background:var(--ink);color:#fff;padding:1.4em 1.3em}
.ag-t>small{font-family:var(--m);font-size:.6em;letter-spacing:.16em;text-transform:uppercase;color:#8E9099}
.as{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55em .8em;align-items:center;opacity:.4;transition:opacity .4s}
.as.run,.as.ok{opacity:1}
.as>i{display:grid;place-items:center;width:1.5em;height:1.5em;border-radius:50%;border:.14em solid #4A4C55;color:var(--ink);transition:background .3s,border-color .3s}
.as.run>i{border-color:rgba(255,255,255,.2);border-top-color:var(--yellow);animation:spin .8s linear infinite}
.as.ok>i{background:var(--yellow);border-color:var(--yellow)}
.as>i .glyph{width:.9em;height:.9em;stroke-width:3.2;opacity:0;transform:scale(.25);transition:opacity .3s,transform .3s cubic-bezier(.2,0,0,1)}
.as.ok>i .glyph{opacity:1;transform:none}
.as>b{font-size:.9em}
.as>p,.as>div{grid-column:2}
.as>div{display:grid;gap:.4em}
.as u{display:inline-block;margin:0 .3em .3em 0;text-decoration:none;font-size:.68em;font-weight:700;background:rgba(255,255,255,.12);border-radius:100px;padding:.25em .8em}
.as .nt{font-size:.7em;color:#A9ABB4}
.so{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.6em;align-items:center;background:rgba(255,255,255,.06);border-radius:.8em;padding:.5em .7em;transition:background .35s,box-shadow .35s,opacity .35s}
.so .glyph{grid-row:span 2;width:1.2em;height:1.2em;color:#8E9099;transition:color .3s}
.so b{font-size:.76em;line-height:1.3}
.so span{font-size:.64em;color:#C9CBD2;opacity:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .35s}
.so::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translateX(-100%)}
.so.scan::after{animation:shm .7s linear infinite}
@keyframes shm{to{transform:translateX(100%)}}
.so.fnd{background:rgba(255,201,60,.14);box-shadow:inset 0 0 0 1px rgba(255,201,60,.55)}
.so.fnd .glyph{color:var(--yellow)}
.so.fnd span,.so.skp span{opacity:1}
.so.skp{opacity:.5}
.fic{background:#fff;color:var(--ink);border-radius:1.1em;padding:1em 1.1em;display:grid;gap:.8em}
.fic-h{display:flex;align-items:baseline;justify-content:space-between}
.vd .fic-h .kommo-wordmark{font-size:1.1em}
.fic-h span:last-child{font-family:var(--m);font-size:.58em;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.fic dl{display:grid;grid-template-columns:1fr 1fr;gap:.7em .8em}
.acts{display:grid;gap:.4em}
.acts span{display:flex;align-items:center;gap:.6em;font-size:.76em;font-weight:600;background:rgba(255,255,255,.08);border-radius:.8em;padding:.55em .8em}
.acts .glyph{color:var(--yellow)}
.rls{display:grid;gap:.35em}
.rl{display:flex;align-items:center;justify-content:space-between;gap:.6em;border-radius:.8em;padding:.5em .5em .5em .8em;background:rgba(255,255,255,.05);transition:background .3s,box-shadow .3s}
.rl b{font-size:.76em}
.rl span{font-size:.6em;font-weight:700;white-space:nowrap;color:#6FE3A5;background:rgba(61,220,132,.14);border-radius:100px;padding:.3em .8em}
.rl.hu span{color:var(--yellow);background:rgba(255,201,60,.14)}
.rl.chk{background:rgba(255,255,255,.18)}
.rl.mt{background:rgba(255,201,60,.16);box-shadow:inset 0 0 0 1px var(--yellow)}
.hand{margin-top:auto;background:#fff;color:var(--ink);border-radius:1.1em;padding:.9em 1em;display:grid;gap:.35em}
.hand small{font-family:var(--m);font-size:.58em;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:.2em}
.hand span{display:flex;align-items:center;gap:.6em;font-size:.76em}
.hand span::before{content:"";flex:none;width:.4em;height:.4em;border-radius:50%;background:var(--kommo)}
.hand em{justify-self:start;display:flex;align-items:center;gap:.4em;margin-top:.4em;font-style:normal;font-size:.68em;font-weight:700;color:var(--green);background:#E6F5EC;border-radius:100px;padding:.3em .9em}

/* ── reglas del agente: información y tono, permisos y pruebas ── */
.cfg{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--tint)}
.cfg-h{flex:none;display:flex;align-items:center;gap:.8em;padding:1em 1.6em .7em;background:#fff}
.cfg-h>i{display:grid;place-items:center;width:2.3em;height:2.3em;border-radius:.7em;background:var(--ink);color:var(--yellow)}
.cfg-h b{display:block;font-size:.96em;line-height:1.25}
.cfg-h div span{font-size:.66em;color:var(--mut)}
.cfg-h .stg{color:var(--green);background:#E6F5EC;transition:color .4s,background .4s}
.cfg-h .stg.w{color:#9A6B00;background:#FFF1C2}
.cfg-n{flex:none;display:flex;gap:1.6em;padding:0 1.6em;background:#fff;border-bottom:1px solid var(--line);font-size:.78em;font-weight:700;color:var(--mut)}
.cfg-n span{padding:.4em 0 .7em;box-shadow:inset 0 -.22em 0 transparent}
.cfg-n .on{color:var(--ink);box-shadow:inset 0 -.22em 0 var(--yellow)}
.cfg-b{flex:1;min-height:0;display:grid;gap:1em;padding:1.4em 1.6em;align-content:start}
.cfg-b.c2{grid-template-columns:1.08fr .92fr}
.cfg-b.c3{grid-template-columns:1.25fr .75fr}
.cfg-r{display:grid;gap:1em;align-content:start}
.kd{background:#fff;border-radius:1.2em;padding:1.15em 1.3em 1.25em;display:grid;gap:.8em;align-content:start;box-shadow:0 0 0 1px rgba(22,23,27,.07)}
.kd>small,.ex>small{display:flex;justify-content:space-between;font-family:var(--m);font-size:.64em;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.kd>small b{font-weight:500;color:var(--ink)}
.fr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.9em;align-items:center;padding:.8em 0 0;border-top:1px solid var(--line)}
.fr>.glyph{width:1.3em;height:1.3em;color:var(--mut)}
.fr b{display:block;font-size:.96em;line-height:1.3}
.fr span{font-size:.74em;color:var(--mut)}
.fr.no b{color:var(--soft);text-decoration:line-through}
.tg{position:relative;flex:none;width:2.5em;height:1.45em;border-radius:1em;background:#D5D5CE;transition:background .3s}
.tg::after{content:"";position:absolute;left:.18em;top:.18em;width:1.09em;height:1.09em;border-radius:50%;background:#fff;box-shadow:0 .1em .3em rgba(22,23,27,.3);transition:transform .35s var(--ease)}
.tg.on,.tg.hit{background:var(--green)}
.tg.on::after,.tg.hit::after{transform:translateX(1.05em)}
.seg{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--tint2);border-radius:.8em;padding:.25em;font-size:.88em;font-weight:700;color:var(--mut)}
.seg::before{content:"";position:absolute;left:.25em;top:.25em;bottom:.25em;width:calc(50% - .25em);border-radius:.6em;background:#fff;box-shadow:0 .1em .4em rgba(22,23,27,.18);transition:transform .45s var(--ease)}
.seg.b::before{transform:translateX(100%)}
.seg span{z-index:1;text-align:center;padding:.45em;border-radius:.6em;transition:color .3s}
.seg:not(.b) span:first-child,.seg.b span:last-child{color:var(--ink)}
.vd .pv{display:grid;background:#E7EEFF;border-radius:1em;border-bottom-right-radius:.3em;padding:.8em 1em;font-size:.9em;line-height:1.4}
.ns{display:flex;align-items:center;gap:.7em;font-size:.9em}
.ns i{position:relative;flex:none;width:1.2em;height:1.2em;border-radius:50%;border:1.5px solid #CFCFC8;transition:border-color .3s}
.ns i::after{content:"";position:absolute;inset:.2em;border-radius:50%;background:var(--ink);transform:scale(0);transition:transform .35s var(--ease)}
.ns span{transition:font-weight .2s}
.ns.on i{border-color:var(--ink)}
.ns.on i::after{transform:none}
.ns.on span{font-weight:700}
.ns.no{color:var(--soft)}
.ns.no span{text-decoration:line-through}
.ns em{margin-left:auto;font-style:normal;font-size:.8em;font-weight:700;color:var(--red);background:#FDE8E6;border-radius:100px;padding:.1em .7em}
.pw{display:grid;grid-template-columns:minmax(0,1fr) 17em;gap:1em;align-items:center;padding-top:.8em;border-top:1px solid var(--line)}
.pw>b{font-size:.94em}
.px{display:grid;grid-template-columns:.8fr 1.3fr .6fr;gap:.25em;background:var(--tint);border-radius:.8em;padding:.2em}
.px span{text-align:center;font-size:.76em;font-weight:700;color:var(--soft);border-radius:.6em;padding:.42em .2em;white-space:nowrap;transition:background .3s,color .3s}
.pw.hd{border-top:0;padding-top:0}
.kd.tb{gap:.45em;padding:1em 1.3em 1.1em}
.kd.tb .pw:not(.hd){padding-top:.5em}
.pw.hd .px{background:none;padding:0 .2em}
.pw.hd>b,.pw.hd .px span{font-family:var(--m);font-size:.6em;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);padding:0}
.pw.p1 .px span:nth-child(1){background:#E6F5EC;color:var(--green)}
.pw.p2 .px span:nth-child(2){background:#FFF1C2;color:#9A6B00}
.pw.p3 .px span:nth-child(3){background:var(--ink);color:#fff}
.ex{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:.6em .9em;align-items:center;background:#fff;border-radius:1.2em;padding:.9em 1.3em 1em;box-shadow:0 0 0 1px rgba(22,23,27,.07)}
.ex>small{grid-column:1/-1}
.vd .ex .bub{opacity:1;transform:none;margin:0;max-width:none;background:var(--tint)}
.ex>.glyph{color:var(--soft);transform:rotate(45deg)}
.ex-r{display:flex;align-items:center;gap:.7em;font-size:.86em;line-height:1.3;border-radius:.9em;padding:.5em .8em .5em .5em;background:var(--tint);transition:background .4s}
.ex-r>i{flex:none;display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;background:#fff;color:var(--mut);transition:background .3s,color .3s}
.ex-r.run>i{animation:blk .8s ease-in-out infinite}
.ex-r.ok{background:#FFF4CC}
.ex-r.ok>i{background:var(--yellow);color:var(--ink)}
.tq{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.8em;align-items:center;padding-top:.8em;border-top:1px solid var(--line);opacity:.45;transition:opacity .3s}
.tq.run,.tq.ok,.tq.wr{opacity:1}
.tq>i{position:relative;display:grid;place-items:center;width:1.4em;height:1.4em;border-radius:50%;border:.14em solid #D5D5CE;color:#fff;transition:background .3s,border-color .3s}
.tq.run>i{border-color:var(--tint2);border-top-color:var(--ink);animation:spin .7s linear infinite}
.tq.ok>i{background:var(--green);border-color:var(--green)}
.tq.wr>i{background:var(--yellow);border-color:var(--yellow)}
.tq.wr>i::before{content:"!";position:absolute;color:var(--ink);font-style:normal;font-weight:800;font-size:.8em;line-height:1}
.tq>i .glyph{width:.85em;height:.85em;stroke-width:3.4;opacity:0;transform:scale(.25);transition:opacity .3s,transform .3s cubic-bezier(.2,0,0,1)}
.tq.ok>i .glyph{opacity:1;transform:none}
.tq b{font-size:.9em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tq>span{font-size:.72em;color:var(--mut);white-space:nowrap;opacity:0;transition:opacity .3s,color .3s}
.tq.ok>span,.tq.wr>span{opacity:1}
.tq.wr>span{color:#9A6B00;font-weight:700}
.kd.rs{align-content:center;justify-items:center;gap:.9em;text-align:center}
.ring{position:relative;width:9.6em;height:9.6em}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring circle{fill:none;stroke:var(--tint2);stroke-width:3.2}
.ring circle+circle{stroke:var(--green);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .6s var(--ease)}
.ring .s1{stroke-dashoffset:83.3}.ring .s2{stroke-dashoffset:66.7}.ring .s3{stroke-dashoffset:50}.ring .s4{stroke-dashoffset:33.3}.ring .s5{stroke-dashoffset:16.7}.ring .s6{stroke-dashoffset:0}
.ring>div{position:absolute;inset:0;display:grid;place-content:center;justify-items:center}
.cnt{display:block;height:1em;overflow:hidden;font-size:2.6em;font-weight:800;letter-spacing:-.04em;line-height:1}
.cnt span{display:block;height:1em;transform:translateY(calc(var(--n,0)*-100%));transition:transform .5s var(--ease)}
.cnt.n1{--n:1}.cnt.n2{--n:2}.cnt.n3{--n:3}.cnt.n4{--n:4}.cnt.n5{--n:5}.cnt.n6{--n:6}
.ring>div>span{font-size:.72em;color:var(--mut)}
.fx{display:flex;gap:.5em;align-items:flex-start;text-align:left;font-size:.76em;line-height:1.35;color:#9A6B00;background:#FFF4CC;border-radius:.8em;padding:.5em .7em}
.fx .glyph{flex:none;margin-top:.15em}
.onb{display:flex;align-items:center;justify-content:space-between;gap:.8em;width:100%;border-top:1px solid var(--line);padding-top:.9em;text-align:left}
.onb b{display:block;font-size:.9em;line-height:1.3}
.onb span{font-size:.68em;color:var(--mut)}

/* ── portada: del WhatsApp de la clienta a Kommo (escenario ancho y sin marco de navegador) ── */
.vd.pl{contain:none;overflow:visible;background:none;border:0;border-radius:0;box-shadow:none}
.vd.pl .vd-v{overflow:visible;background:none}
/* las tres pantallas continúan la misma escena: el cambio es un corte, sin fundido */
.vd.pl .vd-v>.sc,.vd.pl .vd-v>.sc.act{transform:none;transition:none}
.vd.nr.pl{max-width:520px;margin-inline:auto}
.cn{position:absolute;inset:0;display:grid;grid-template-columns:14.8em 5.6em minmax(0,1fr);grid-template-rows:100%;align-items:center}
.vd .cn .ph{width:14.8em;height:30.6em}
.vd .bub.hm small{color:var(--kommo)}
.cx{position:relative;display:flex;align-items:center;padding:0 .2em}
.cx span{flex:1;height:.14em;background:repeating-linear-gradient(90deg,var(--soft) 0 .35em,transparent .35em .7em)}
.vd.auto:not(.is-paused) .cx span{animation:dsh .6s linear infinite}
@keyframes dsh{to{background-position:.7em 0}}
.cx>i{flex:none;display:grid;place-items:center;width:2.8em;height:2.8em;border-radius:.9em;background:var(--ink);color:var(--yellow);box-shadow:0 0 0 .4em var(--tint),0 0 0 .46em var(--line)}
.cx u{position:absolute;left:.1em;top:50%;width:.7em;height:.7em;margin-top:-.35em;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 .2em rgba(255,201,60,.35);opacity:0}
.cx u.on{animation:pkt .8s cubic-bezier(.5,0,.3,1)}
.cx u.bw.on{animation-name:pkb}
@keyframes pkt{0%{opacity:0;transform:none}15%,85%{opacity:1}100%{opacity:0;transform:translateX(5.1em)}}
@keyframes pkb{0%{opacity:0;transform:translateX(5.1em)}15%,85%{opacity:1}100%{opacity:0;transform:none}}
.crm{align-self:stretch;min-width:0;min-height:0;margin:.7em 0;background:#fff;border-radius:1.6em;padding:1.3em 1.5em;display:flex;flex-direction:column;gap:1em;box-shadow:0 0 0 1px rgba(22,23,27,.06),0 1.8em 3.4em -2.4em rgba(22,23,27,.5)}
.crm-h{display:flex;align-items:baseline;justify-content:space-between;gap:1em;padding-bottom:.9em;border-bottom:1px solid var(--line)}
.crm-h span:last-child{font-size:.72em;color:var(--mut)}
.crm-c{display:flex;align-items:center;gap:.8em}
.crm-c .av{width:2.7em;height:2.7em;font-size:.9em}
.crm-c>div{min-width:0}
.crm-c b{display:block;font-size:.98em;line-height:1.25}
.crm-c b,.crm-c div span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crm-c div span{display:block}
.crm-c dl{flex:none}
.crm-c div span{font-size:.72em;color:var(--mut)}
.crm-c dl{margin-left:auto;text-align:right}
.crm-c dt,.agd>small,.tks>small{font-family:var(--m);font-size:.58em;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.crm-c dd{font-size:.84em;font-weight:700}
.vd .crm-c dd.roll{display:grid;justify-items:end}
.trk{display:grid;grid-template-columns:repeat(4,1fr);gap:.4em}
.trk span{text-align:center;font-size:.7em;font-weight:700;color:var(--soft);background:var(--tint);border-radius:.7em;padding:.55em .3em;white-space:nowrap;transition:background .4s,color .4s,transform .5s var(--ease)}
.trk.t2 span:nth-child(-n+1),.trk.t3 span:nth-child(-n+2),.trk.t4 span:nth-child(-n+3){background:#E7EEFF;color:var(--blue)}
.trk.t1 span:nth-child(1),.trk.t2 span:nth-child(2),.trk.t3 span:nth-child(3),.trk.t4 span:nth-child(4){background:var(--ink);color:#fff;transform:scale(1.04)}
.crm-g{flex:1;min-height:0;display:grid;grid-template-columns:.86fr 1.14fr;gap:1em}
.agd,.tks{min-width:0;min-height:0;overflow:hidden;background:var(--tint);border-radius:1.1em;padding:.9em 1em;display:flex;flex-direction:column;gap:.4em}
.agd>small,.tks>small{margin-bottom:.2em}
.vd .agd>small.roll,.vd .sl span.roll{display:grid}
.sl{display:grid;grid-template-columns:3.3em minmax(0,1fr);align-items:center;gap:.5em;background:repeating-linear-gradient(135deg,#fff 0 .5em,#F3F3EE .5em 1em);border-radius:.6em;padding:.42em .7em;font-size:.76em;color:var(--soft);transition:background .3s,color .3s,box-shadow .3s}
.sl b{font-family:var(--m);font-weight:500;color:var(--mut);transition:color .3s}
.sl span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl.fre{background:#fff;color:var(--green);font-weight:700}
.sl.chk{box-shadow:0 0 0 .14em var(--blue)}
.sl.hl{background:#FFFBEA;box-shadow:0 0 0 .14em var(--yellow)}
.sl.bk{background:var(--ink);color:#fff}
.sl.bk b{color:var(--yellow)}
.sl.dn{background:#E6F5EC;color:var(--green)}
.sl.dn b{color:var(--green)}
.sl.nx{box-shadow:0 0 0 .16em var(--yellow)}
.tk{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.7em;align-items:center;background:#fff;border-radius:.8em;padding:.6em .7em;margin-bottom:.4em;transition:opacity .4s}
.tk>i{display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;background:var(--green);color:#fff;font-size:.86em}
.tk .glyph{stroke-width:2.4}
.tk.bl>i{background:var(--yellow);color:var(--ink)}
.tk.hu>i{background:var(--kommo)}
.tk>div{min-width:0}
.tk b,.tk span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk b{font-size:.8em;line-height:1.25}
.tk span{font-size:.68em;color:var(--mut)}
.tk em{font-style:normal;font-family:var(--m);font-size:.6em;color:var(--mut);white-space:nowrap}
.tk.old{opacity:.5}
/* escenario compactado (tablet): se ceden las horas para que quepan los títulos */
.vd.cp .tk em,.vd.cp .crm-h span:last-child{display:none}
.vd.cp .crm-g{grid-template-columns:.74fr 1.26fr}
.vd.cp .crm{padding:1.2em 1.2em}

/* ── formato de teléfono ── */
.vd.nr .lp{padding:1.1em 1.4em 1.3em}
.vd.nr .lp-n span{display:none}
.vd.nr .lp-h{grid-template-columns:1.25fr .75fr;gap:1em}
.vd.nr .lp-h strong{font-size:2em}
.vd.nr .lp-art{height:12.5em}
.vd.nr .lp-cov:not(.sm){left:.6em;top:1.2em;width:6.4em;height:8.6em}
.vd.nr .lp-app{right:.4em;width:4.6em;height:8em}
.vd.nr .lp-c span{display:none}
.vd.nr .lp-i,.vd.nr .lp-pl{grid-template-columns:1fr}
.vd.nr .lp-buy .roll{font-size:.9em}
.vd.nr .ck{grid-template-columns:1fr;grid-template-rows:auto 1fr}
.vd.nr .ck-s{border-right:0;border-bottom:1px solid var(--line);padding:1.2em 1.6em;gap:.9em}
.vd.nr .ck-s dl>div:not(.tt),.vd.nr .ck-l,.vd.nr .ck-br{display:none}
.vd.nr .ck-s dl{border:0;padding:0}
.vd.nr .ck-s .tt{border:0;padding:0;margin:0}
.vd.nr .ck-f{padding:1.4em 1.6em}
.vd.nr .dl{grid-template-columns:1fr;grid-template-rows:auto 1fr}
.vd.nr .dl-log{padding:1.6em 1.5em 0}
.vd.nr .dl-log strong{margin-bottom:.7em}
.vd.nr .dl-log ol{grid-template-columns:repeat(5,1fr);gap:.4em}
.vd.nr .dl-log li{grid-template-columns:1fr;justify-items:start;row-gap:.4em}
.vd.nr .dl-log li i{grid-row:auto}
.vd.nr .dl-log li b{font-size:.68em;line-height:1.15}
.vd.nr .dl-log li span{display:none}
.vd.nr .dl-log li::before{left:auto;right:calc(100% - 1.35em);bottom:auto;top:.7em;width:calc(100% - 1.5em);height:.14em;transform:scaleX(0);transform-origin:left}
.vd.nr .dl-log li.on::before{transform:none}
.vd.nr .dl-out{padding:1.2em 1.5em 1.5em;align-content:start}
.vd.nr .pn{grid-template-columns:1fr}
.vd.nr .pn-s{display:none}
.vd.nr .pn-m{padding:1.3em 1.4em}
.vd.nr .pn-k{grid-template-columns:1fr 1fr}
.vd.nr .pn-k>div:last-child{display:none}
.vd.nr .tr{grid-template-columns:1fr auto 5.4em}
.vd.nr .tr>span:nth-child(2){display:none}
.vd.nr .ev{grid-template-columns:1fr;grid-template-rows:1fr auto}
.vd.nr .ev-l{padding:1.2em 1.5em .9em;gap:.9em}
.vd.nr .ev-img{height:4.6em}
.vd.nr .ev-r{grid-template-columns:repeat(3,1fr);border-left:0;border-top:1px solid var(--line);padding:1.1em 1.5em 1.4em}
.vd.nr .ev-r>small,.vd.nr .ev-tt,.vd.nr .ev-b{grid-column:1/-1}
.vd.nr .pm{grid-template-columns:1fr;justify-items:center;gap:.3em;padding:.7em .3em;text-align:center}
.vd.nr .pm span,.vd.nr .pm .rd{display:none}
.vd.nr .pm b{font-size:.74em}
.vd.nr .ps,.vd.nr .dr{grid-template-columns:1fr}
.vd.nr .ps-r{display:none}
.vd.nr .ps .ph{font-size:1.18em}
.vd.nr .dr{grid-template-rows:auto 1fr;gap:0}
.vd.nr .gl{order:-1;width:auto;justify-self:stretch;margin:1.1em 1.3em 0;padding:1em 1.2em .5em}
.vd.nr .gl-n{margin:.3em 0 .4em}
.vd.nr .gl-n strong{font-size:2.3em}
.vd.nr .gl-l{margin-top:.6em}
.vd.nr .gr:not(:first-child){display:none}
.vd.nr .dr .ph{font-size:.86em}
.vd.nr .kb{--n:2!important;--from:0!important;--to:1!important;--kp:1.2em;--kh:5.2em}
.vd.nr .kb-r{flex-wrap:wrap;gap:.4em}
.vd.nr .kb-r>i{display:none}
.vd.nr .kb[style*="--n:3"] .c0,.vd.nr .kb[style*="--n:4"] .c1,.vd.nr .kb[style*="--n:4"] .c3{display:none}
.vd.nr .km,.vd.nr .km.k1{grid-template-columns:minmax(0,1fr)}
.vd.nr .km-r{display:none}
.vd.nr .km-l{border-right:0}
.vd.nr .km:not(.k1):not(.k3) .km-c{position:absolute;inset:0;background:none}
.vd.nr .km:not(.k1):not(.k3) .km-e{display:none}
.vd.nr .km:not(.k1):not(.k3) .cv{background:var(--tint);opacity:1;transform:translateX(102%)}
.vd.nr .km:not(.k1):not(.k3) .cv.on{transform:none}
.vd.nr .km.k1{grid-template-rows:auto minmax(0,1fr)}
.vd.nr .ld{order:-1;border-left:0;border-bottom:1px solid var(--line);padding:.9em 1.1em;gap:0}
.vd.nr .ld-h,.vd.nr .ld>small,.vd.nr .ld-p,.vd.nr .ld dl>div:nth-child(n+4){display:none}
.vd.nr .ld dl{grid-template-columns:1.1fr 1fr 1fr;gap:.8em}
.vd.nr .ld dd{font-size:.78em}
.vd.nr .km.k3 .km-l{display:none}
.vd.nr .bub{max-width:86%}
.vd.nr .ag{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
.vd.nr .ag-c .cv-c,.vd.nr .so.x3,.vd.nr .as .nt{display:none}
.vd.nr .ag-t{padding:1em 1.2em 1.1em;gap:.7em}
.vd.nr .hand{margin-top:0}
.vd.nr .cfg-h,.vd.nr .cfg-n{padding-left:1.2em;padding-right:1.2em}
.vd.nr .cfg-b,.vd.nr .cfg-b.c2,.vd.nr .cfg-b.c3{grid-template-columns:minmax(0,1fr);padding:1em 1.2em;align-content:start}
.vd.nr .fr.no{display:none}
.vd.nr .pw{grid-template-columns:minmax(0,1fr) 12.6em;gap:.6em;padding-top:.6em}
.vd.nr .pw>b{font-size:.78em}
.vd.nr .px span{font-size:.62em}
.vd.nr .kd,.vd.nr .kd.tb{padding:.8em 1.1em .9em;gap:.5em}
.vd.nr .fr{padding-top:.5em}
.vd.nr .fr b{font-size:.88em}
.vd.nr .cfg-b{gap:.8em}
.vd.nr .tq{padding-top:.55em}
.vd.nr .tq b{font-size:.8em}
.vd.nr .tq>span{font-size:.64em}
.vd.nr .ex{grid-template-columns:minmax(0,1fr)}
.vd.nr .ex>.glyph{display:none}
.vd.nr .ex .bub{justify-self:start}
.vd.nr .kd.rs{grid-template-columns:auto minmax(0,1fr);justify-items:stretch;column-gap:1.2em}
.vd.nr .ring{width:6em;height:6em;grid-row:span 2}
.vd.nr .cnt{font-size:1.9em}
.vd.nr .onb{border-top:0;padding-top:0}
.vd.nr .cn{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:.8em;align-items:stretch}
.vd.nr .cn .ph{align-self:stretch;width:auto;height:auto;min-height:0;padding:0;border-radius:1.4em;background:none;box-shadow:0 0 0 1px rgba(22,23,27,.08)}
.vd.nr .cn .ph-s{border:0;border-radius:1.4em}
.vd.nr .cn .ph::before,.vd.nr .cn .ph::after,.vd.nr .cn .ph-b,.vd.nr .cn .ph-s::before,.vd.nr .cn .wa-c,.vd.nr .cx,.vd.nr .crm-h{display:none}
.vd.nr .cn .wa-h{padding-top:.7em}
.vd.nr .cn .ph-s .bub{font-size:.86em}
.vd.nr .cn .wa-h b{font-size:.92em}
.vd.nr .cn .wa-h span{font-size:.7em}
.vd.nr .cn .ph-s.wa .th{padding-bottom:.8em}
.vd.nr .crm{margin:0;padding:1em 1.1em;gap:.7em;border-radius:1.4em}
.vd.nr .crm-g{grid-template-columns:minmax(0,1fr);gap:.7em}
.vd.nr .agd{display:grid;grid-template-columns:repeat(5,1fr);gap:.3em;padding:.7em .8em}
.vd.nr .agd>small{grid-column:1/-1}
.vd.nr .sl{grid-template-columns:1fr;justify-items:center;padding:.45em .2em}
.vd.nr .sl span{display:none}
.vd.nr .tks{padding:.7em .8em .4em}
.vd.nr .tks .g0:nth-child(n+4){display:none}