/* Generado por build/ a partir de servicios/power-bi/assets/locodea.css, servicios/power-bi/assets/apartado.css, servicios/comun/fondo.css, servicios/comun/escena.css. No editar a mano. */
/* ---- aislamiento frente a css/style.css (generado) ---- */
.pb .bot{background:revert;box-shadow:revert}
.pb .btn{position:revert;justify-content:revert;height:revert;cursor:revert;font-size:revert}
.pb .cal{display:revert;flex-direction:revert;gap:revert;-webkit-backdrop-filter:revert;backdrop-filter:revert}
.pb .case{background:revert;flex-direction:revert;transition:revert}
.pb .device{width:revert;max-width:revert;overflow:revert;transform:revert}
.pb .flow{flex-direction:revert}
.pb .fl{display:revert;flex-direction:revert;align-items:revert}
.pb .hero{isolation:revert;display:revert;flex-direction:revert;align-items:revert;text-align:revert;gap:revert}
.pb .hero::after{content:none}
.pb .hero::before{content:none}
.pb .hoy::before{content:none}
.pb .is-on{background:revert;color:revert;font-weight:revert}
.pb .lb{color:revert;font-weight:revert}
.pb .link{font-size:revert}
.pb .logo{display:revert;align-items:revert;gap:revert}
.pb .nav-in{pointer-events:revert;transition:revert;z-index:revert;position:revert}
.pb .nav{left:revert;right:revert;padding:initial;pointer-events:revert}
.pb .num{margin-top:initial;font-size:revert;font-weight:revert;letter-spacing:revert;line-height:revert;color:revert}
.pb .num::after{content:none}
.pb .oscuro{position:revert;inset:revert;z-index:revert;transform:revert;pointer-events:revert;background:revert;opacity:revert;transition:revert;-webkit-mask-image:revert;-webkit-mask-size:revert;-webkit-mask-composite:revert;mask-image:revert;mask-size:revert;mask-composite:revert}
.pb .pills{position:revert;top:revert;left:revert;z-index:revert}
.pb .pill{display:revert;align-items:revert;height:revert;font-size:revert;font-weight:revert;white-space:revert}
.pb .ruta{position:revert;max-width:revert;margin:initial;padding:initial}
.pb .sub{text-wrap:revert;margin-inline:initial;margin:initial;position:revert;z-index:revert}
.pb .t1{font-size:revert;font-weight:revert;letter-spacing:revert;line-height:revert;max-width:revert}
.pb .t2{font-size:revert;font-weight:revert;letter-spacing:revert;line-height:revert;transition-delay:revert;max-width:revert}
.pb .tag{display:revert;align-items:revert;gap:revert;box-shadow:revert;font-size:revert;font-weight:revert;white-space:revert;line-height:revert}
.pb .tilt{position:revert;transform:revert;transform-style:revert;transition:revert;will-change:revert}
.pb .tilt::after{content:none}
.pb .vctl{z-index:revert}
/* ---- servicios/power-bi/assets/locodea.css ---- */
/* locodea. — sistema de diseño «Web Design - locodea» (paleta Bronce).
   Un solo tema (claro), por decisión del sistema. Compartido por el apartado y las fichas. */

.pb{
  --paper:#fff; --ink:#1b1816; --ink-90:rgba(27,24,22,.9); --ink-65:rgba(27,24,22,.65); --ink-45:rgba(27,24,22,.45); --ink-10:rgba(27,24,22,.1); --ink-5:rgba(27,24,22,.05);
  --bronze:#b07a4a; --bronze-hover:#9c6a3e; --bronze-deep:#8e5e34; --bronze-text:#8a5a30; --bronze-light:#d9b48c; --bronze-soft:rgba(176,122,74,.14);
  --sand:#f1ebe2; --sand-2:#f8f4ee; --sand-3:#e8dccb; --dark:#1b1816; --dark-deep:#12100e; --on-dark:#fff; --on-dark-70:rgba(255,255,255,.7); --on-dark-45:rgba(255,255,255,.45);
  --ok:#01d062; --warn:#febc2e;
  /* semáforo de los paneles (visuales de datos, nunca texto de interfaz) */
  --st-ok:#4f8a64; --st-mid:#d19a3e; --st-bad:#c2553f;
  --radius-sm:12px; --radius-md:20px; --radius-lg:24px; --radius-xl:32px; --radius-pill:99px;
  --shadow-ring:0 0 0 1px rgba(27,24,22,.05);
  --shadow-card:0 0 0 1px rgba(27,24,22,.05),0 1px 2px rgba(0,0,0,.03);
  --shadow-lift:0 24px 48px -16px rgba(80,55,30,.22),0 0 0 1px rgba(27,24,22,.05);
  --shadow-glow:0 0 0 1px rgba(255,255,255,.1),0 40px 80px -30px rgba(176,122,74,.35);
  --font:"DM Sans","Inter","Helvetica Neue",Arial,sans-serif;
  --container:1240px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
.pb *{box-sizing:border-box}
.pb [hidden]{display:none!important}
.pb{scroll-behavior:smooth}
.pb{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.5 var(--font);-webkit-font-smoothing:antialiased;padding-inline:16px;overflow-x:hidden}
.pb h1,.pb h2,.pb h3,.pb h4{font-weight:500;line-height:1.08;letter-spacing:-.04em;margin:0;text-wrap:balance;color:var(--ink-90)}
.pb h1{font-size:clamp(44px,7vw,76px)}
.pb h2{font-size:clamp(36px,5vw,56px)}
.pb h3{font-size:clamp(26px,3.4vw,34px);letter-spacing:-.03em}
.pb h4{font-size:20px;line-height:1.2;letter-spacing:-.02em}
.pb p{margin:0}
.pb b,.pb strong{font-weight:500}
.pb a{color:inherit}
.pb button,.pb input,.pb select{font:inherit;color:inherit}
.pb button{cursor:pointer}
.pb :focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
.pb img,.pb video,.pb canvas{max-width:100%;display:block}
.pb .num{font-variant-numeric:tabular-nums}

.pb .wrap{max-width:var(--container);margin-inline:auto}
.pb .logo{font-weight:600;letter-spacing:-.03em;font-size:22px;line-height:1;text-decoration:none;color:var(--ink)}
.pb .logo b{color:var(--bronze);font-weight:600}
.pb section{padding-block:48px}

/* chip → titular → entradilla → botones */
.pb .head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;max-width:780px;margin-inline:auto}
.pb .head.left{align-items:flex-start;text-align:left;margin-inline:0}
.pb .chip{display:inline-flex;align-items:center;gap:8px;font:500 13.5px/1.2 var(--font);color:var(--bronze-text);background:var(--paper);box-shadow:var(--shadow-card);padding:8px 14px;border-radius:var(--radius-pill)}
.pb .sub{font-size:18px;line-height:1.5;color:var(--ink-65);max-width:56ch}
.pb .btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.pb .head.left .btns{justify-content:flex-start}
.pb .btn{display:inline-flex;align-items:center;gap:8px;font:500 15px/1.2 var(--font);padding:14px 22px;border-radius:var(--radius-pill);border:0;text-decoration:none;transition:background .2s,transform .2s;white-space:nowrap}
.pb .btn:active{transform:scale(.98)}
.pb .btn-ink{background:var(--ink);color:var(--on-dark)}
.pb .btn-ink:hover{background:#2e2925}
.pb .btn-ghost{background:var(--bronze-soft);color:var(--bronze-text)}
.pb .btn-ghost:hover{background:rgba(176,122,74,.22)}
.pb .btn-bronze{background:var(--bronze);color:var(--on-dark)}
.pb .btn-bronze:hover{background:var(--bronze-hover)}
.pb .btn-sm{padding:10px 16px;font-size:14px}
.pb .link{color:var(--bronze-text);font-weight:500;text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.pb .link:hover{text-decoration:underline;text-underline-offset:4px}

/* ---------- navegación ---------- */
.pb .nav{position:sticky;top:calc(env(safe-area-inset-top,0px) + 12px);z-index:30;margin-top:12px}
.pb .nav-in{max-width:var(--container);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);box-shadow:var(--shadow-card);border-radius:var(--radius-pill);padding:10px 10px 10px 22px}
.pb .nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.pb .nav li a{display:block;font:500 15px/1.2 var(--font);color:var(--ink-65);text-decoration:none;padding:10px 14px;border-radius:var(--radius-pill)}
.pb .nav li a:hover{color:var(--ink)}
.pb .nav li a[aria-current]{color:var(--ink);background:var(--sand)}
.pb .nav .btn{padding:11px 18px}
@media (max-width:900px){.pb .nav ul{display:none}}

/* ---------- dispositivos ---------- */
.pb .device{background:var(--paper);border-radius:var(--radius-md);box-shadow:var(--shadow-lift);padding:10px}
.pb .device-bar{display:flex;align-items:center;gap:6px;padding:4px 6px 10px}
.pb .device-bar i{width:10px;height:10px;border-radius:50%;background:var(--sand-3)}
.pb .device-bar span{margin-left:10px;font:500 12px/1 var(--font);color:var(--ink-45);background:var(--sand-2);border-radius:var(--radius-pill);padding:6px 12px;flex:1;max-width:320px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pb .screen{position:relative;border-radius:12px;overflow:hidden;background:var(--sand-2);aspect-ratio:16/9}
.pb .screen video,.pb .screen img{width:100%;height:100%;object-fit:cover}
.pb .vctl{position:absolute;right:14px;bottom:14px;display:flex;gap:8px}
.pb .vctl button{border:0;background:rgba(18,16,14,.72);color:var(--on-dark);backdrop-filter:blur(8px);font:500 13.5px/1 var(--font);padding:9px 14px;border-radius:var(--radius-pill)}
.pb .vctl button:hover{background:rgba(18,16,14,.9)}
@media (max-width:640px){.pb .vctl{right:8px;bottom:8px}.pb .vctl button{padding:7px 11px;font-size:12.5px}}

/* ---------- tarjetas, píldoras, listas ---------- */
.pb .card{background:var(--paper);box-shadow:var(--shadow-card);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:10px}
.pb .card p{color:var(--ink-65)}
.pb .ic{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--bronze-soft);color:var(--bronze-text);display:grid;place-items:center;font:500 15px/1 var(--font);flex:none}
.pb .pills{display:flex;flex-wrap:wrap;gap:8px}
.pb .pill{font:500 13.5px/1.2 var(--font);padding:7px 12px;border-radius:var(--radius-pill);background:var(--paper);box-shadow:var(--shadow-card);color:var(--ink-65)}
.pb .pill.hot{background:var(--bronze-soft);box-shadow:none;color:var(--bronze-text)}
.pb .qlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pb .qlist li{display:flex;gap:12px;align-items:baseline;color:var(--ink-90)}
.pb .qlist li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--bronze);transform:translateY(-2px)}
.pb .qlabel{font:500 13.5px/1.2 var(--font);color:var(--ink-45)}
.pb .panel-sand{border-radius:var(--radius-xl);background:var(--sand);padding:48px}
@media (max-width:760px){.pb .panel-sand{padding:24px}}

/* ---------- panel oscuro (uno por página) ---------- */
.pb .night{border-radius:var(--radius-xl);background:radial-gradient(55% 45% at 50% 100%,rgba(176,122,74,.35),transparent 70%),var(--dark);color:var(--on-dark);padding:96px 48px}
.pb .night h2,.pb .night h3,.pb .night h4{color:var(--on-dark)}
.pb .night .chip{background:rgba(255,255,255,.06);box-shadow:0 0 0 1px rgba(255,255,255,.1);color:var(--bronze-light)}
.pb .night .sub{color:var(--on-dark-70)}
.pb .grad{background:linear-gradient(90deg,#ebd0ae,var(--bronze) 45%,var(--bronze-deep));-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:980px){.pb .night{padding:64px 20px}}

/* ---------- preguntas frecuentes ---------- */
.pb .faq{max-width:820px;margin:48px auto 0;display:flex;flex-direction:column;gap:12px}
.pb .faq details{background:var(--paper);box-shadow:var(--shadow-card);border-radius:var(--radius-lg);padding:0 24px}
.pb .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font:500 18px/1.3 var(--font);letter-spacing:-.01em}
.pb .faq summary::-webkit-details-marker{display:none}
.pb .faq summary::after{content:"+";flex:none;width:32px;height:32px;border-radius:50%;background:var(--sand);display:grid;place-items:center;font-size:20px;line-height:1;color:var(--bronze-text);transition:transform .25s}
.pb .faq details[open] summary::after{transform:rotate(45deg)}
.pb .faq details p{color:var(--ink-65);padding-bottom:22px;max-width:65ch}

/* ---------- llamada final + pie ---------- */
.pb .cta{border-radius:var(--radius-xl);background:linear-gradient(134deg,var(--sand),#c99b70 50%,var(--sand) 92%);padding:96px 24px;text-align:center}
.pb .cta .sub{color:var(--ink-90)}
.pb footer{max-width:var(--container);margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-block:32px 48px;color:var(--ink-45);font-size:14px}

/* ---------- notas de diseño (solo equipo) ---------- */
.pb .note{max-width:var(--container);margin:0 auto 16px;background:#fffaf2;border-radius:var(--radius-md);box-shadow:0 0 0 1px rgba(176,122,74,.35);padding:16px 20px;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14.5px;color:var(--ink-90);text-align:left}
.pb .note b{grid-row:span 2;font:500 12px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--bronze-text);background:var(--bronze-soft);padding:7px 10px;border-radius:var(--radius-pill);align-self:start}
.pb .note ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.pb .night .note{background:rgba(255,255,255,.05);box-shadow:0 0 0 1px rgba(217,180,140,.4);color:var(--on-dark-70)}
.pb .night .note b{color:var(--bronze-light);background:rgba(217,180,140,.12)}
body:not(.notes-on) .pb .note,body:not(.notes-on) .pb .only-notes{display:none}
.pb .notes-toggle{position:fixed;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);z-index:40;border:0;background:var(--ink);color:var(--on-dark);font:500 14px/1 var(--font);padding:12px 16px;border-radius:var(--radius-pill);box-shadow:0 12px 30px -10px rgba(0,0,0,.4);display:flex;align-items:center;gap:10px}
.pb .notes-toggle i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35)}
body.notes-on .pb .notes-toggle i{background:var(--bronze)}

/* ---------- visor ampliado ---------- */
.pb .lb{position:fixed;inset:0;z-index:60;background:rgba(18,16,14,.86);display:grid;place-items:center;padding:24px;cursor:zoom-out}
.pb .lb img,.pb .lb video{max-height:86vh;width:auto;max-width:100%;border-radius:14px;box-shadow:var(--shadow-glow)}
.pb .lb p{color:var(--on-dark-70);font-size:14px;margin-top:12px;text-align:center}

@media (prefers-reduced-motion:reduce){.pb *{transition:none!important;animation:none!important}.pb{scroll-behavior:auto}}

/* ---- servicios/power-bi/assets/apartado.css ---- */
/* Apartado «Paneles de datos» — estilos propios de la página principal */

/* ---------- 1 · Portada ---------- */
.pb .hero{margin-top:16px;border-radius:var(--radius-xl);padding:88px 24px 0;overflow:hidden;position:relative;
  background:radial-gradient(60% 40% at 50% 100%,rgba(176,122,74,.45),transparent 70%),linear-gradient(180deg,var(--paper),var(--sand-2) 35%,var(--sand-3))}
.pb .stage-video{max-width:1080px;margin:56px auto 0;perspective:1800px;position:relative}
.pb .device.pb-tilt{--t:1;transform-origin:50% 100%;transform:rotateX(calc(var(--t) * 14deg)) scale(calc(1 - var(--t) * .05));transition:transform .08s linear;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:10px 10px 0;will-change:transform}
.pb .device.pb-tilt .screen{border-radius:12px 12px 0 0}
.pb .screen.dark{background:var(--dark)}
.pb .facts{display:grid;grid-template-columns:repeat(3,1fr);max-width:1080px;margin:0 auto;background:var(--paper);box-shadow:var(--shadow-ring);border-radius:0 0 var(--radius-md) var(--radius-md);position:relative;z-index:1}
.pb .facts div{padding:20px 24px;display:flex;flex-direction:column;gap:2px}
.pb .facts div+div{box-shadow:-1px 0 0 var(--ink-5)}
.pb .facts strong{font-size:28px;letter-spacing:-.03em;line-height:1.1}
.pb .facts span{font-size:14px;color:var(--ink-65)}
.pb .hero-foot{height:56px}
@media (max-width:640px){.pb .hero{padding:64px 16px 0}.pb .facts{grid-template-columns:1fr}.pb .facts div+div{box-shadow:0 -1px 0 var(--ink-5)}}

/* ---------- logotipo de Power BI ---------- */
.pb .pbi-ic{width:16px;height:16px;flex:none;vertical-align:-3px}

/* ---------- 2 · Cómo funciona (flujo) ---------- */
.pb .flow{position:relative;display:grid;grid-template-columns:1fr 1.05fr 1.3fr;gap:64px;align-items:center;margin-top:48px;padding:64px 56px 44px;border-radius:var(--radius-xl);
  background:radial-gradient(55% 55% at 50% 110%,rgba(176,122,74,.22),transparent 70%),linear-gradient(180deg,var(--paper),var(--sand-2))}
.pb .flow::before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(rgba(176,122,74,.16) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%);pointer-events:none}
.pb .flow-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}
.pb .flow-lines .fl{fill:none;stroke:rgba(176,122,74,.32);stroke-width:2;stroke-dasharray:3 7;stroke-linecap:round;transition:stroke .4s}
.pb .flow[data-step="1"] .fl[data-col="1"],.pb .flow[data-step="2"] .fl,.pb .flow[data-step="3"] .fl[data-col="3"]{stroke:rgba(176,122,74,.7)}
.pb .fdot{fill:var(--bronze);filter:drop-shadow(0 0 4px rgba(176,122,74,.6))}
.pb .fcol{position:relative;z-index:1;transition:opacity .45s var(--ease),transform .45s var(--ease)}
.pb .flow[data-step] .fcol{opacity:.55}
.pb .flow[data-step="1"] .f-src,.pb .flow[data-step="2"] .f-hub,.pb .flow[data-step="3"] .f-out{opacity:1;transform:translateY(-4px)}
.pb .f-src{display:flex;flex-direction:column;gap:12px}
.pb .src-card{display:flex;align-items:center;gap:12px;background:var(--paper);border-radius:16px;box-shadow:var(--shadow-card);padding:12px 14px;min-width:0}
.pb .src-card:nth-child(even){margin-left:22px;margin-right:-22px}
.pb .src-card div{min-width:0}
.pb .src-card b{display:block;font-size:14px;font-weight:500;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .src-card span:not(.src-ic){font-size:12.5px;color:var(--ink-45)}
.pb .src-ic{flex:none;width:40px;height:40px;border-radius:12px;background:var(--bronze-soft);color:var(--bronze-text);display:grid;place-items:center;font:600 12px/1 var(--font);letter-spacing:.02em}
.pb .hub{background:var(--paper);border-radius:28px;box-shadow:var(--shadow-lift);padding:22px 22px 18px;display:flex;flex-direction:column;gap:14px}
.pb .hub-top{display:flex;align-items:center;gap:14px}
.pb .hub-logo{width:48px;height:48px;flex:none;filter:drop-shadow(0 6px 10px rgba(178,84,0,.18))}
.pb .hub-top b{display:block;font-size:22px;font-weight:500;letter-spacing:-.02em;line-height:1.1}
.pb .hub-top span{font-size:14px;color:var(--ink-65)}
.pb .model{position:relative;height:170px;background:var(--sand-2);border-radius:18px}
.pb .m-lines{position:absolute;inset:0;width:100%;height:100%}
.pb .m-lines path{fill:none;stroke:var(--bronze);stroke-width:1.6;opacity:.55;vector-effect:non-scaling-stroke}
.pb .m-node{position:absolute;transform:translate(-50%,-50%);font:500 12.5px/1 var(--font);background:var(--paper);box-shadow:var(--shadow-card);border-radius:var(--radius-pill);padding:8px 12px;white-space:nowrap}
.pb .m-c{left:50%;top:50%;background:var(--bronze);color:#fff;box-shadow:0 8px 18px -8px rgba(176,122,74,.8);padding:10px 16px;font-size:13.5px}
.pb .m-1{left:20%;top:16.5%}.pb .m-2{left:80%;top:16.5%}.pb .m-3{left:20%;top:83.5%}.pb .m-4{left:80%;top:83.5%}
.pb .flow[data-step="2"] .m-c{animation:hubPulse 1.8s ease-out infinite}
@keyframes hubPulse{0%{box-shadow:0 0 0 0 rgba(176,122,74,.5)}100%{box-shadow:0 0 0 14px rgba(176,122,74,0)}}
.pb .hub-sync{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-65)}
.pb .hub-sync i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(1,208,98,.15)}
.pb .out-stage{position:relative;perspective:1400px;padding:0 10px 30px 0}
.pb .laptop{transform:rotateY(-12deg) rotateX(5deg);transform-origin:60% 50%;transition:transform .8s var(--ease)}
.pb .flow[data-step="3"] .laptop,.pb .out-stage:hover .laptop{transform:rotateY(-4deg) rotateX(2deg)}
.pb .lp-screen{background:var(--dark);border-radius:14px 14px 4px 4px;padding:9px;box-shadow:var(--shadow-lift)}
.pb .lp-screen img{border-radius:6px;aspect-ratio:16/9;width:100%;height:auto;object-fit:cover}
.pb .lp-base{height:12px;margin:0 -7%;border-radius:0 0 14px 14px;background:linear-gradient(180deg,#d9cbb8,#bfae97);box-shadow:0 18px 28px -14px rgba(80,55,30,.45)}
.pb .mini-phone{position:absolute;right:-6px;bottom:0;width:128px;background:var(--paper);border-radius:20px;box-shadow:var(--shadow-lift),inset 0 0 0 4px var(--ink);padding:14px 12px 10px;display:flex;flex-direction:column;gap:2px;animation:float 6s ease-in-out infinite}
.pb .mini-phone span{font-size:10px;color:var(--ink-65)}
.pb .mini-phone b{font-size:19px;letter-spacing:-.03em;line-height:1.1}
.pb .mini-phone em{font-style:normal;font-size:10px;color:var(--bronze-text)}
.pb .mini-phone svg{width:100%;margin-top:4px}
.pb .flow-steps{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.05fr 1.3fr;gap:64px;list-style:none;margin:8px 0 0;padding:0;position:relative;z-index:1}
.pb .flow-steps li{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:var(--radius-lg);transition:background .35s,box-shadow .35s}
.pb .flow-steps .n{flex:none;width:36px;height:36px;border-radius:12px;background:var(--bronze-soft);color:var(--bronze-text);display:grid;place-items:center;font:500 15px/1 var(--font);transition:background .35s,color .35s}
.pb .flow-steps h4{font-size:18px;margin-bottom:4px}
.pb .flow-steps p{color:var(--ink-65);font-size:15px}
.pb .flow[data-step="1"] .flow-steps li[data-col="1"],.pb .flow[data-step="2"] .flow-steps li[data-col="2"],.pb .flow[data-step="3"] .flow-steps li[data-col="3"]{background:var(--paper);box-shadow:var(--shadow-card)}
.pb .flow[data-step="1"] li[data-col="1"] .n,.pb .flow[data-step="2"] li[data-col="2"] .n,.pb .flow[data-step="3"] li[data-col="3"] .n{background:var(--bronze);color:#fff}
@media (max-width:1000px){
  .pb .flow{grid-template-columns:1fr;gap:40px;padding:36px 20px 24px}
  .pb .flow-steps{display:contents}
  .pb .f-src{order:2}.pb .flow-steps li[data-col="1"]{order:1}
  .pb .f-hub{order:4}.pb .flow-steps li[data-col="2"]{order:3}
  .pb .f-out{order:6}.pb .flow-steps li[data-col="3"]{order:5}
  .pb .src-card:nth-child(even){margin-left:0;margin-right:0}
  .pb .flow[data-step] .fcol{opacity:1;transform:none}
  .pb .laptop{transform:none}
}

/* ---------- 5 · Galería + problemas ---------- */
.pb .pains{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:40px auto 0;max-width:980px}
.pb .pain{border:0;background:var(--paper);box-shadow:var(--shadow-card);border-radius:var(--radius-pill);padding:12px 18px;font:500 15px/1.25 var(--font);color:var(--ink-90);transition:background .2s,box-shadow .2s,color .2s}
.pb .pain:hover{box-shadow:0 0 0 1px rgba(176,122,74,.45)}
.pb .pain[aria-pressed="true"]{background:var(--ink);color:var(--on-dark);box-shadow:none}
.pb .tabs{display:flex;gap:6px;margin:28px auto 0;overflow-x:auto;padding:6px;max-width:100%;width:max-content;background:var(--sand);border-radius:var(--radius-pill);scrollbar-width:none}
.pb .tabs::-webkit-scrollbar{display:none}
.pb .tab{border:0;background:transparent;font:500 15px/1.2 var(--font);color:var(--ink-65);padding:11px 18px;border-radius:var(--radius-pill);white-space:nowrap}
.pb .tab:hover{color:var(--ink)}
.pb .tab[aria-selected="true"]{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-card)}
.pb .show{display:grid;grid-template-columns:1fr 1.7fr;gap:40px;align-items:center;margin-top:32px;border-radius:var(--radius-xl);background:var(--sand);padding:48px}
.pb .show-txt{display:flex;flex-direction:column;gap:20px}
.pb .show-txt .sub{font-size:17px}
.pb .show-media .screen{cursor:zoom-in}
.pb .show-media .screen img,.pb .show-media .screen video{transition:opacity .25s}
.pb .media-cap{font-size:13.5px;color:var(--ink-45);margin-top:12px;text-align:center}
@media (max-width:980px){.pb .show{grid-template-columns:1fr;padding:24px;gap:24px}.pb .show-media{order:-1}}

/* ---------- 6 · Donde ya trabajas ---------- */
.pb .where{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.pb .w-card{margin:0;background:var(--sand-2);border-radius:var(--radius-xl);padding:28px 24px 24px;display:flex;flex-direction:column;gap:22px;overflow:hidden}
.pb .w-card figcaption{display:flex;flex-direction:column;gap:6px}
.pb .w-card figcaption p{color:var(--ink-65)}
.pb .w-card>div{height:260px;display:flex;align-items:center;justify-content:center}
.pb .phone{position:relative;width:170px;height:260px!important;flex-direction:column;justify-content:flex-start!important;gap:10px;background:#fff;border-radius:30px;box-shadow:var(--shadow-lift),inset 0 0 0 6px var(--ink);padding:26px 16px 16px;margin:0 auto;animation:float 6s ease-in-out infinite}
.pb .ph-notch{position:absolute;top:10px;left:50%;width:54px;height:8px;border-radius:8px;background:var(--ink);transform:translateX(-50%)}
.pb .ph-head{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:11px;color:var(--ink-45)}
.pb .ph-kpi{width:100%;background:var(--sand-2);border-radius:12px;padding:8px 10px;display:flex;flex-direction:column}
.pb .ph-kpi span{font-size:10px;color:var(--ink-65)}
.pb .ph-kpi b{font-size:20px;letter-spacing:-.03em;line-height:1.15}
.pb .ph-kpi em{font-style:normal;font-size:10px;color:var(--bronze-text)}
.pb .ph-kpi em.bad{color:var(--st-bad)}
.pb .ph-spark{width:100%}
.pb .teams{width:100%;display:grid!important;grid-template-columns:36px 1fr;background:#fff;border-radius:16px;box-shadow:var(--shadow-lift);overflow:hidden;height:auto!important;animation:float 6s ease-in-out -2s infinite}
.pb .tm-side{background:#2b2724;display:flex;flex-direction:column;gap:10px;align-items:center;padding:14px 0}
.pb .tm-side i{width:18px;height:18px;border-radius:6px;background:rgba(255,255,255,.18)}
.pb .tm-side i.on{background:var(--bronze)}
.pb .tm-main{padding:10px;display:flex;flex-direction:column;gap:8px;min-width:0}
.pb .tm-head{display:flex;gap:10px;align-items:center;font-size:11.5px;white-space:nowrap;overflow:hidden}
.pb .tm-tab{color:var(--ink-45);padding-bottom:2px}
.pb .tm-tab.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--bronze)}
.pb .tm-main img{border-radius:8px;aspect-ratio:16/9;width:100%;height:auto;object-fit:cover}
.pb .alerts{flex-direction:column;gap:10px;width:100%}
.pb .al{width:100%;display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:start;background:#fff;border-radius:16px;box-shadow:var(--shadow-card);padding:12px 14px;font-size:12.5px;animation:rise .6s var(--ease) both}
.pb .al b{display:block;font-size:13px;line-height:1.3}
.pb .al p{color:var(--ink-65);font-size:12px;line-height:1.35}
.pb .al time{font-size:11px;color:var(--ink-45)}
.pb .al2{animation-delay:.12s}.pb .al3{animation-delay:.24s}
.pb .al-dot{width:10px;height:10px;border-radius:50%;margin-top:4px}
.pb .al-dot.bad{background:var(--st-bad)}.pb .al-dot.mid{background:var(--st-mid)}.pb .al-dot.ok{background:var(--st-ok)}
@keyframes float{50%{transform:translateY(-8px)}}
@keyframes rise{from{opacity:.4;transform:translateY(10px)}}
@media (max-width:980px){.pb .where{grid-template-columns:1fr}.pb .w-card>div{height:auto;min-height:220px}}

/* ---------- 7 · IA ---------- */
.pb .ai{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
.pb .ai-sugg{display:flex;flex-wrap:wrap;gap:8px}
.pb .ai-sugg button{border:0;background:var(--paper);box-shadow:var(--shadow-card);border-radius:var(--radius-pill);padding:10px 14px;font:500 14px/1.2 var(--font);color:var(--ink-90);text-align:left}
.pb .ai-sugg button:hover{box-shadow:0 0 0 1px rgba(176,122,74,.45)}
.pb .ai-sugg button[aria-pressed="true"]{background:var(--ink);color:#fff}
.pb .fine{font-size:13px;color:var(--ink-45);max-width:60ch}
.pb .chat{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);display:flex;flex-direction:column;min-height:420px;overflow:hidden}
.pb .chat-head{display:flex;gap:10px;align-items:center;padding:14px 18px;box-shadow:inset 0 -1px 0 var(--ink-5);font-size:14px}
.pb .chat-body{flex:1;padding:18px;display:flex;flex-direction:column;gap:12px}
.pb .msg{max-width:88%;border-radius:18px;padding:12px 14px;font-size:14.5px;line-height:1.45;animation:rise .45s var(--ease) both}
.pb .msg.me{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:6px}
.pb .msg.bot{align-self:flex-start;background:var(--sand-2);border-bottom-left-radius:6px}
.pb .msg.bot b{font-weight:500}
.pb .msg svg{display:block;width:100%;margin-top:10px}
.pb .typing{display:inline-flex;gap:4px}
.pb .typing i{width:6px;height:6px;border-radius:50%;background:var(--ink-45);animation:blink 1s infinite}
.pb .typing i:nth-child(2){animation-delay:.15s}.pb .typing i:nth-child(3){animation-delay:.3s}
@keyframes blink{50%{opacity:.2}}
.pb .chat-input{margin:0 14px 14px;background:var(--sand-2);border-radius:var(--radius-pill);padding:12px 16px;font-size:14px;color:var(--ink-45);display:flex;justify-content:space-between;align-items:center}
.pb .chat-input i{width:28px;height:28px;border-radius:50%;background:var(--bronze)}
@media (max-width:980px){.pb .ai{grid-template-columns:1fr}}

/* ---------- 8 · Las cuentas ---------- */
.pb .calc{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:48px}
.pb .calc-col{background:var(--sand-2);border-radius:var(--radius-xl);padding:28px;display:flex;flex-direction:column;gap:18px}
.pb .rng{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:baseline;font-size:15px}
.pb .rng output{font-weight:500;font-size:17px}
.pb .rng input{grid-column:1/-1;width:100%;accent-color:var(--bronze);height:24px}
.pb .calc-lose{margin-top:auto;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:18px 20px;display:flex;flex-direction:column}
.pb .calc-lose span{font-size:13.5px;color:var(--ink-65)}
.pb .calc-lose b{font-size:40px;letter-spacing:-.04em;line-height:1.1;color:var(--st-bad)}
.pb .calc-lose em{font-style:normal;font-size:13.5px;color:var(--ink-65)}
.pb .seg{display:flex;flex-direction:column;gap:8px}
.pb .seg label{cursor:pointer}
.pb .seg input{position:absolute;opacity:0;pointer-events:none}
.pb .seg span{display:block;background:#fff;border-radius:var(--radius-pill);box-shadow:var(--shadow-card);padding:11px 16px;font:500 14px/1.2 var(--font);color:var(--ink-65)}
.pb .seg input:checked+span{background:var(--ink);color:#fff;box-shadow:none}
.pb .seg input:focus-visible+span{outline:2px solid var(--bronze);outline-offset:2px}
.pb .calc-lines{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.pb .calc-lines li{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:2px 12px}
.pb .calc-lines span{font-size:14px;color:var(--ink-65)}
.pb .calc-lines b{font-size:20px;letter-spacing:-.02em;grid-row:span 2;align-self:center}
.pb .calc-lines em{font-style:normal;font-size:12.5px;color:var(--ink-45)}
.pb .calc-res{border-radius:var(--radius-xl);background:radial-gradient(70% 50% at 50% 100%,rgba(176,122,74,.4),transparent 70%),linear-gradient(180deg,var(--paper),var(--sand-3));box-shadow:var(--shadow-ring);padding:32px 28px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.pb .calc-res>span{font-size:15px;color:var(--ink-65)}
.pb .calc-res>b{font-size:clamp(48px,6vw,68px);letter-spacing:-.045em;line-height:1}
.pb .calc-res p{color:var(--ink-90)}
.pb .calc-res .btn{align-self:flex-start}
.pb .lic-more{margin-top:16px;background:var(--paper);box-shadow:var(--shadow-card);border-radius:var(--radius-lg);padding:0 24px}
.pb .lic-more summary{list-style:none;cursor:pointer;padding:20px 0;font:500 17px/1.3 var(--font);display:flex;justify-content:space-between;gap:12px}
.pb .lic-more summary::-webkit-details-marker{display:none}
.pb .lic-more summary::after{content:"+";color:var(--bronze-text);font-size:20px;line-height:1}
.pb .lic-more[open] summary::after{content:"−"}
.pb .lic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:24px}
.pb .lic-grid .card{background:var(--sand-2);box-shadow:none}
.pb .lic-p{font-size:26px;letter-spacing:-.03em;color:var(--ink)!important;line-height:1.1}
.pb .lic-p span{display:block;font-size:13px;letter-spacing:0;color:var(--ink-45)}
@media (max-width:1060px){.pb .calc{grid-template-columns:1fr 1fr}.pb .calc-res{grid-column:1/-1}}
.pb .calc.calc-2{grid-template-columns:1fr 1fr}
.pb .calc-2 .calc-res .calc-lines{margin:4px 0 6px}
@media (max-width:1060px){.pb .calc.calc-2 .calc-res{grid-column:auto}}
@media (max-width:700px){.pb .calc,.pb .calc.calc-2{grid-template-columns:1fr}.pb .lic-grid{grid-template-columns:1fr}}

/* ---------- 9 · Caso real (plantilla) ---------- */
.pb .case{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;border-radius:var(--radius-xl);box-shadow:0 0 0 2px dashed rgba(176,122,74,.4);padding:32px;outline:2px dashed rgba(176,122,74,.45);outline-offset:-2px}
.pb .case-ph{display:grid;place-items:center;color:var(--on-dark-70);font-size:15px}
.pb .case-txt{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.pb .case-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}
.pb .case-kpis b{display:block;font-size:30px;letter-spacing:-.03em}
.pb .case-kpis span{font-size:13px;color:var(--ink-65)}
@media (max-width:900px){.pb .case{grid-template-columns:1fr}}

/* ---------- 10 · Por qué ---------- */
.pb .why{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.pb .why .ic{margin-bottom:6px}
@media (max-width:860px){.pb .why{grid-template-columns:1fr}}

/* ---------- enlaces a vídeo y bloque «con tu nombre» ---------- */
.pb .vid-link{display:inline-flex;align-items:center;gap:14px;border:0;background:var(--paper);box-shadow:var(--shadow-card);border-radius:var(--radius-pill);padding:8px 20px 8px 8px;font:400 15px/1.3 var(--font);color:var(--ink-65);text-align:left;transition:box-shadow .2s}
.pb .vid-link b{color:var(--ink);font-weight:500}
.pb .vid-link:hover{box-shadow:0 0 0 1px rgba(176,122,74,.45),var(--shadow-card)}
.pb .play{flex:none;width:40px;height:40px;border-radius:50%;background:var(--bronze);position:relative}
.pb .play::after{content:"";position:absolute;left:16px;top:12px;border-left:12px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}
.pb .as-link{border:0;background:none;padding:0;font:inherit;cursor:pointer}
.pb .you{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}
@media (max-width:980px){.pb .you{grid-template-columns:1fr}}

/* ---------- versiones de marca ---------- */
.pb .skins{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}
.pb .skin{border:0;padding:6px 6px 10px;background:var(--paper);border-radius:16px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:8px;text-align:left;transition:transform .2s,box-shadow .2s}
.pb .skin img{border-radius:10px;aspect-ratio:16/9;width:100%;height:auto;object-fit:cover}
.pb .skin span{display:flex;align-items:center;gap:8px;font:500 13px/1.2 var(--font);color:var(--ink-65);padding-inline:4px}
.pb .skin i{width:10px;height:10px;border-radius:50%;flex:none}
.pb .skin:hover{transform:translateY(-2px)}
.pb .skin[aria-pressed="true"]{box-shadow:0 0 0 2px var(--bronze)}
.pb #youImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:520px){.pb .skins{grid-template-columns:1fr 1fr 1fr;gap:6px}.pb .skin span{font-size:11px}}

/* ---------- 3 · Con tu marca (panel oscuro) ---------- */
.pb .brand{padding:88px 48px 56px}
.pb .brand .head{max-width:820px}
.pb .brand-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.pb .brand-list li{font:500 14px/1 var(--font);color:var(--on-dark);background:rgba(255,255,255,.07);box-shadow:0 0 0 1px rgba(255,255,255,.12);padding:10px 16px;border-radius:var(--radius-pill)}
.pb .brand-stage{max-width:1100px;margin:48px auto 0;display:flex;flex-direction:column;gap:22px;align-items:center}
.pb .brand-device{width:100%;background:var(--dark-deep);box-shadow:var(--shadow-glow)}
.pb .brand-device .device-bar i{background:rgba(255,255,255,.18)}
.pb .brand-device .device-bar span{background:rgba(255,255,255,.06);color:var(--on-dark-70)}
.pb .brand .skins{max-width:900px}
.pb .brand .skin{background:rgba(255,255,255,.06);box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.pb .brand .skin span{color:var(--on-dark-70)}
.pb .brand .skin[aria-pressed="true"]{box-shadow:0 0 0 2px var(--bronze-light)}
.pb .dark-link{background:rgba(255,255,255,.08);box-shadow:0 0 0 1px rgba(255,255,255,.12);color:var(--on-dark-70)}
.pb .dark-link b{color:var(--on-dark)}
@media (max-width:760px){.pb .brand{padding:56px 16px 32px}}

/* ---------- galería: páginas del panel bajo el vídeo ---------- */
.pb .pg-strip{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}
.pb .pg-tile{flex:0 0 118px;border:0;background:var(--paper);border-radius:12px;padding:5px 5px 7px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:5px;text-align:left;transition:box-shadow .2s,transform .2s}
.pb .pg-tile:hover{transform:translateY(-2px)}
.pb .pg-tile[aria-pressed="true"]{box-shadow:0 0 0 2px var(--bronze)}
.pb .pg-tile img,.pb .pg-tile .pg-ic{border-radius:8px;aspect-ratio:16/9;width:100%;height:auto;object-fit:cover;display:block}
.pb .pg-tile .pg-ic{display:grid;place-items:center;background:var(--dark);color:var(--on-dark);font:500 12px/1 var(--font)}
.pb .pg-tile .pg-ic.v::before{content:"";border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}
.pb .pg-tile span{font:500 11.5px/1.25 var(--font);color:var(--ink-65);padding-inline:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .plant-inline{position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 100%,rgba(176,122,74,.16),transparent 70%),var(--sand-2);cursor:grab;touch-action:none}
.pb .plant-inline canvas{width:100%!important;height:100%!important}
.pb .plant-hint{position:absolute;left:12px;top:10px;font-size:12px;color:var(--ink-45);pointer-events:none}
.pb .plant-mini{position:absolute;left:12px;bottom:12px;background:#fff;border-radius:14px;box-shadow:var(--shadow-lift);padding:10px 14px;display:grid;grid-template-columns:auto auto;gap:2px 12px;align-items:baseline;min-width:200px;pointer-events:none}
.pb .plant-mini b{grid-column:1/-1;font-size:13.5px;font-weight:500}
.pb .plant-mini #pcSec{grid-column:1/-1;font-size:11.5px;color:var(--ink-65)}
.pb .plant-mini #pcOee{font-size:26px;letter-spacing:-.03em;font-weight:500}
.pb .plant-mini #pcObj{font-size:11px;color:var(--ink-65)}
.pb .plant-mini .pc-bar{grid-column:1/-1;height:5px;border-radius:5px;background:var(--sand);overflow:hidden}
.pb .plant-mini .pc-bar i{display:block;height:100%;border-radius:5px;background:var(--st-bad);transition:width .5s var(--ease)}
.pb .plant-mini #pcNote{grid-column:1/-1;font-size:11px;color:var(--ink-65);max-width:240px}
.pb .plant-mini .pc-kv{display:none}

/* ---------- galería: visor «Sus páginas» bajo el vídeo ---------- */
.pb .pages-viewer{grid-column:1/-1;display:flex;flex-direction:column;gap:14px;margin-top:8px;padding-top:28px;border-top:1px solid rgba(27,24,22,.08)}
.pb .pv-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.pb .pv-hint{font-size:13.5px;color:var(--ink-45)}
.pb #pvScreen{cursor:zoom-in}
.pb #pvScreen img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}
.pb .pv-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.pb .pv-thumbs .pg-tile{flex:none}
.pb .pg-tile.feat .pg-ic{background:radial-gradient(80% 80% at 50% 100%,rgba(176,122,74,.55),transparent 70%),var(--dark);font-size:15px;letter-spacing:.04em}
.pb .pg-tile.feat span:last-child{color:var(--bronze-text)}
.pb .plant-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:760px){.pb .pv-thumbs{grid-template-columns:repeat(3,1fr)}}

/* ---------- tu marca (compacto, en «Tuyo, rápido y sin ataduras») ---------- */
.pb .brand-mini{display:grid;grid-template-columns:.9fr 1.25fr;gap:32px;align-items:center;margin-top:16px;background:var(--sand-2);border-radius:var(--radius-xl);padding:32px}
.pb .bm-txt{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.pb .bm-txt .sub{font-size:16px}
.pb .brand-mini .skins{max-width:420px}
.pb .brand-mini .skin span{font-size:12px}
@media (max-width:900px){.pb .brand-mini{grid-template-columns:1fr;padding:20px}}

/* ---------- IA · Claudea ---------- */
.pb .ai-link{display:flex;align-items:center;gap:12px}
.pb .ai-node{display:inline-flex;align-items:center;gap:10px;background:var(--paper);box-shadow:var(--shadow-card);border-radius:var(--radius-pill);padding:8px 16px 8px 10px;font:500 14px/1 var(--font)}
.pb .ai-node svg{width:26px;height:26px}
.pb .ai-node svg.clawd{width:30px;height:22px}
.pb .ai-wire{display:flex;gap:6px}
.pb .ai-wire i{width:7px;height:7px;border-radius:50%;background:var(--bronze);opacity:.25;animation:wire 1.4s ease-in-out infinite}
.pb .ai-wire i:nth-child(2){animation-delay:.2s}.pb .ai-wire i:nth-child(3){animation-delay:.4s}
@keyframes wire{50%{opacity:1;transform:scale(1.25)}}
.pb .chat-head{gap:12px}
.pb .chat-head div{display:flex;flex-direction:column;line-height:1.25}
.pb .chat-head div span{font-size:12.5px;color:var(--ink-45)}
.pb .clawd-av{width:40px;height:30px;padding:4px;background:#FBEFE9;border-radius:10px;box-sizing:content-box}
.pb .chat-spark{width:22px;height:22px;margin-left:auto}
.pb .msg.bot{position:relative;padding-left:14px}
.pb .msg-src{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:12px;color:var(--ink-65);background:#fff;box-shadow:var(--shadow-card);border-radius:var(--radius-pill);padding:5px 10px}
.pb .msg-src svg{width:14px;height:14px}
.pb .msg-who{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-45);margin-bottom:4px}
.pb .msg-who svg{width:18px;height:13px}

/* ---------- portada: icono de Power BI en lugar del chip ---------- */
.pb .hero-pbi{width:72px;height:72px;display:block;margin-inline:auto;filter:drop-shadow(0 10px 18px rgba(178,84,0,.22))}
@media (max-width:640px){.pb .hero-pbi{width:56px;height:56px}}

/* ---------- miniaturas bajo el vídeo (v5) ---------- */
.pb .show-media .pg-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;margin-top:12px;overflow:visible;padding:0}
.pb .show-media .pg-tile{flex:none;min-width:0}
.pb .show-media .media-cap{margin-top:10px}

/* ---- servicios/comun/fondo.css ---- */
/* Apartados «a fondo» de Servicios (Power Apps, Power Automate, Power Pages, Copilot Studio):
   lo que añaden a servicios/power-bi/assets/{locodea,apartado}.css. En la web se encapsula bajo .pb
   con el resto (build/build-fondos.js → css/paneles.css). */

/* iconos de Microsoft en imagen (en Power BI son un símbolo SVG) */
.pb img.hero-pbi{object-fit:contain}
.pb img.hub-logo{object-fit:contain;filter:drop-shadow(0 6px 10px rgba(80,55,30,.18))}
.pb .ai-node img{width:26px;height:26px;flex:none}
.pb .msg-src img{width:14px;height:14px;flex:none}

/* portada: el vídeo aún sin cargar */
.pb .stage-video video{background:var(--dark)}

/* tu marca: imagen de cada versión sobre el vídeo */
.pb [data-a="youImg"]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* respuestas de la IA con filas (en vez de barras) */
.pb .msg-rows{display:flex;flex-direction:column;margin-top:10px;background:#fff;border-radius:12px;box-shadow:var(--shadow-card);padding:2px 12px}
.pb .msg-rows div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:8px 0;font-size:13px;line-height:1.3}
.pb .msg-rows div+div{box-shadow:0 -1px 0 var(--ink-5)}
.pb .msg-rows b{font-weight:500}
.pb .msg-rows span{color:var(--ink-65);text-align:right}

/* «Donde ya trabajas»: el móvil con contenido de la app */
.pb .ph-row{width:100%;display:flex;align-items:center;gap:8px;background:var(--sand-2);border-radius:12px;padding:8px 10px;font-size:11px;line-height:1.25}
.pb .ph-row div{min-width:0}
.pb .ph-row b{display:block;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .ph-row span{color:var(--ink-45);font-size:10px}
.pb .ph-row i{margin-left:auto;flex:none;font-style:normal;font-size:9.5px;padding:2px 7px;border-radius:99px;background:rgba(30,142,84,.14);color:#1E7A48;font-weight:600}
.pb .ph-row i.mid{background:rgba(222,158,40,.2);color:#8A5A00}
.pb .ph-row i.off{background:var(--sand);color:var(--ink-65)}
/* estado solo con un punto (móviles estrechos): <i class="mid"></i> */
.pb .ph-row i:empty{width:8px;height:8px;padding:0;border-radius:50%;background:#1E8E54}
.pb .ph-row i.mid:empty{background:#D89A2B}
.pb .ph-row i.off:empty{background:var(--ink-45)}
.pb .ph-bar{width:100%;height:6px;border-radius:6px;background:var(--sand);overflow:hidden;flex:none}
.pb .ph-bar i{display:block;height:100%;background:var(--bronze);border-radius:6px}
.pb .ph-msg{align-self:flex-start;max-width:92%;background:var(--sand-2);border-radius:12px 12px 12px 4px;padding:7px 9px;font-size:10.5px;line-height:1.35}
.pb .ph-msg.me{align-self:flex-end;background:var(--ink);color:#fff;border-radius:12px 12px 4px 12px}
.pb .ph-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}
.pb .ph-btns span{display:grid;place-items:center;height:28px;border-radius:99px;background:var(--sand);font-size:10.5px;font-weight:500}
.pb .ph-btns span.on{background:var(--ink);color:#fff}
/* ventana de navegador (portales) en lugar de Teams */
.pb .teams.web{grid-template-columns:1fr}
.pb .teams.web .tm-side{display:none}
.pb .tm-url{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--ink-45);background:var(--sand-2);border-radius:99px;padding:4px 10px;white-space:nowrap;overflow:hidden}
.pb .tm-url::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--st-ok);flex:none}

/* columna final del esquema: el móvil pequeño con un aviso */
.pb .mini-phone .mp-ok{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:10px;line-height:1.2;color:#1E7A48;font-weight:600}
.pb .mini-phone .mp-ok::before{content:"✓";display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#1E8E54;color:#fff;font-size:9px;flex:none}

/* ---- servicios/comun/escena.css ---- */
/* Escena · bloques de los apartados «a fondo» con la estructura de 2026-10 (Power Apps y Power Automate):
   portada con hueco para el vídeo → cómo funciona en 3D con el scroll → beneficios y portfolio → personalización
   → Locodea AI → preguntas. Todas las clases empiezan por lx-. El comportamiento está en servicios/comun/escena.js.
   En la web se encapsula bajo .pb con el resto (build/build-fondos.js → css/paneles.css). */

/* en la web esto queda como .pb{…}: «hidden» lo convertía en contenedor de scroll y rompía la escena fija (sticky) */
.pb{overflow-x:clip}

.pb .lx-sec{padding-block:80px;position:relative}
.pb .lx-sec .head{max-width:820px}
.pb .lx-sec h2{font-size:clamp(40px,6vw,72px)}

/* ---------- aparición, titulares cinéticos, degradado vivo ---------- */
.pb .lx-rv{opacity:0;transform:translateY(32px) scale(.97);transition:opacity .8s var(--ease),transform 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0s)}
.pb .lx-rv.is-in{opacity:1;transform:none}
.pb [data-kt]{perspective:900px}
.pb .lx-w{display:inline-block;overflow:hidden;vertical-align:top;padding:.06em .02em .12em;margin:-.06em -.02em -.12em}
.pb .lx-w>span{display:inline-block;transform:translateY(110%) rotateX(-80deg);transform-origin:50% 100%;opacity:0;transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity .7s;transition-delay:calc(var(--k,0) * 70ms + var(--d0,0ms))}
.pb .is-in>.lx-w>span,.pb .is-in .lx-w>span{transform:none;opacity:1}
.pb .lx-g{font-style:normal;background:linear-gradient(100deg,#b9834f 0%,#8e5e34 28%,#e6c39b 48%,#a8723f 64%,#8e5e34 82%,#c99464 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lx-brillo 7s linear infinite}
@keyframes lx-brillo{from{background-position:0 0}to{background-position:-240% 0}}
.pb .lx-gw{font-style:normal}
.pb .lx-eyebrow{font:500 13px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--bronze-text)}

/* inclinación con el ratón (la pone escena.js en --rx/--ry; el brillo sigue al puntero con --mx/--my) */
.pb .lx-incl{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);transition:transform .5s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;will-change:transform}
.pb .lx-incl.is-moving{transition:transform .08s linear}
.pb .lx-shine{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.55),transparent 45%);opacity:0;transition:opacity .4s;mix-blend-mode:soft-light}
.pb .lx-incl:hover .lx-shine{opacity:1}

/* el icono de la portada flota */
.pb .lx-float{animation:lx-flota 6s ease-in-out infinite}
@keyframes lx-flota{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-3deg)}}

/* ---------- 1 · portada: hueco gris para el vídeo ---------- */
.pb .lx-vslot{display:grid;place-items:center;background:linear-gradient(135deg,#dedbd7,#cbc7c2 55%,#d6d2cd);color:rgba(27,24,22,.55)}
.pb .lx-vslot::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);background-size:260% 100%;animation:lx-barrido 3.2s ease-in-out infinite}
.pb .lx-vslot::after{content:"";position:absolute;inset:18px;border:1.5px dashed rgba(27,24,22,.18);border-radius:10px;pointer-events:none}
@keyframes lx-barrido{from{background-position:130% 0}to{background-position:-130% 0}}
.pb .lx-vslot-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:24px}
.pb .lx-vslot-in b{font:500 clamp(18px,2.2vw,26px)/1.2 var(--font);letter-spacing:-.02em;color:rgba(27,24,22,.7)}
.pb .lx-vslot-in span:not(.lx-vplay){font-size:14px}
.pb .lx-vplay{width:88px;height:88px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(255,255,255,.7),0 20px 40px -18px rgba(27,24,22,.35);display:grid;place-items:center;margin-bottom:8px;backdrop-filter:blur(6px)}
.pb .lx-vplay::after{content:"";border-left:22px solid rgba(27,24,22,.45);border-top:14px solid transparent;border-bottom:14px solid transparent;margin-left:6px}
@media (max-width:640px){.pb .lx-vplay{width:60px;height:60px}.pb .lx-vplay::after{border-left-width:16px;border-top-width:10px;border-bottom-width:10px}.pb .lx-vslot::after{inset:10px}}

.pb .facts strong span{font-size:inherit;color:inherit;display:inline}

/* ---------- 2 · cómo funciona: escena que avanza con el scroll ---------- */
.pb .lx-scroll{position:relative;height:calc(var(--pasos,4) * 75vh + 60vh);margin-top:40px}
.pb .lx-sticky{position:sticky;top:88px;height:calc(100vh - 104px);min-height:560px;max-height:900px;max-width:var(--container);margin-inline:auto;display:grid;grid-template-columns:minmax(300px,430px) 1fr;gap:28px;align-items:center}
.pb .lx-sticky>*{min-width:0}
.pb .lx-esc-3d{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.pb .lx-pasos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pb .lx-pasos li{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:16px 20px;border-radius:var(--radius-lg);cursor:pointer;opacity:.42;transition:opacity .45s,background .45s,box-shadow .45s,transform .45s var(--ease)}
.pb .lx-pasos li:hover{opacity:.75}
.pb .lx-pasos li.is-on{opacity:1;background:var(--paper);box-shadow:var(--shadow-lift);transform:translateX(6px)}
.pb .lx-pasos h3{font-size:clamp(20px,2vw,25px);letter-spacing:-.03em}
.pb .lx-pasos .lx-pd{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}
.pb .lx-pasos li.is-on .lx-pd{grid-template-rows:1fr}
.pb .lx-pd>div{overflow:hidden}
.pb .lx-pasos p{color:var(--ink-65);font-size:15.5px;line-height:1.5;padding-top:8px}
.pb .lx-tags{display:flex;flex-wrap:wrap;gap:6px;padding-top:12px}
.pb .lx-tags span{display:inline-flex;align-items:center;gap:6px;font:500 12.5px/1 var(--font);padding:6px 10px;border-radius:99px;background:var(--sand-2);color:var(--ink-65)}
.pb .lx-tags img{width:15px;height:15px}
.pb .lx-n{font:500 13px/1 var(--font);color:var(--bronze-text);background:var(--bronze-soft);border-radius:99px;padding:8px 10px;height:max-content;font-variant-numeric:tabular-nums}
.pb .lx-pasos li.is-on .lx-n{background:var(--bronze);color:#fff}
.pb .lx-barra{height:3px;background:var(--sand);border-radius:3px;margin:18px 20px 0;overflow:hidden}
.pb .lx-barra i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));background:linear-gradient(90deg,var(--bronze-light),var(--bronze))}
.pb .lx-hint{display:flex;align-items:center;gap:8px;margin:14px 20px 0;font-size:13px;color:var(--ink-45)}
.pb .lx-hint i{width:16px;height:24px;border:1.5px solid var(--ink-45);border-radius:9px;position:relative}
.pb .lx-hint i::after{content:"";position:absolute;left:50%;top:5px;width:3px;height:5px;margin-left:-1.5px;border-radius:2px;background:var(--ink-45);animation:lx-rueda 1.6s infinite}
@keyframes lx-rueda{0%{transform:translateY(0);opacity:1}100%{transform:translateY(8px);opacity:0}}
.pb .lx-esc-3d{position:relative;height:100%;min-height:0;display:grid;place-items:center;perspective:2400px;perspective-origin:50% 30%}
.pb .lx-esc-3d::before{content:"";position:absolute;inset:-10% -20%;background:radial-gradient(45% 40% at 50% 58%,rgba(176,122,74,.16),transparent 72%);z-index:-1;pointer-events:none}
.pb .lx-escala{transform:scale(var(--s,1));transform-style:preserve-3d}

/* Power Apps: la pila de capas. La capa del paso activo sale de la pila y se gira hacia ti, como una carta que
   se saca del mazo (todos los estados usan la misma lista de funciones: la transición es un arco limpio).
   --ka la calcula escena.js para que la carta activa se lea bien en cada pantalla.
   Nitidez: en la pila, la perspectiva de .lx-esc-3d, la escala de .lx-escala y la inclinación del mazo no van en
   esos contenedores sino en un .lx-mazo por carta (y otro para los haces): la misma matriz, sin transición, como
   antes. escena.js calcula --pox/--poy, el punto de fuga (50% 30% del escenario) respecto al centro de la pila.
   Así la carta activa, cuando llega, puede pasar a .is-fija: el mismo sitio y tamaño con un transform 2D y su
   .lx-mazo sin perspectiva, y Chrome la pinta píxel a píxel; con perspectiva la remuestrea y se ve borrosa. */
.pb .lx-scroll[data-tipo="pila"] .lx-esc-3d{perspective:none}
.pb .lx-scroll[data-tipo="pila"] .lx-escala{transform:none}
.pb .lx-pila{--g:calc(26px + var(--x,0) * 74px);position:relative;width:520px;height:360px;transform-style:preserve-3d}
/* Y nítida también en el vuelo: durante la transición Chrome no vuelve a pintar la carta y la deja al tamaño que
   tenía en el mazo (1 px por px), pero llega a verse más grande. A la que va a salir escena.js le pone --z (2 o 3):
   se maqueta a ese tamaño (zoom, que también multiplica las longitudes del transform) y scale(1/z) la devuelve a su
   sitio; así se pinta a z px por px. Al volver al mazo se le quita. */
.pb .lx-mazo{--z:1;position:absolute;left:calc(260px / var(--z) - 260px);top:calc(180px / var(--z) - 180px);width:520px;height:360px;zoom:var(--z);transform-style:preserve-3d;
  transform:scale(calc(1 / var(--z))) translate(var(--pox,0px),var(--poy,0px)) perspective(2400px) translate(calc(var(--pox,0px) * -1),calc(var(--poy,0px) * -1)) scale(var(--s,1))
    translateY(calc(210px + var(--x,0) * 40px)) rotateX(58deg) rotateZ(calc(-38deg + var(--p,0) * 12deg + var(--ty,0deg))) rotateY(var(--tx,0deg))}
.pb .lx-mazo:has(> .is-fija){transform:scale(calc(1 / var(--z)))}
/* rotateY(-tx) va antes de translateZ para que la carta activa acabe siempre en el mismo sitio, con o sin ratón */
.pb .lx-capa{--i:0;position:absolute;inset:0;border-radius:28px;overflow:hidden;padding:22px 24px;display:flex;flex-direction:column;gap:14px;font:400 15px/1.35 var(--font);color:var(--ink);text-align:left;backface-visibility:hidden;
  transform:rotateY(0deg) translateZ(calc(var(--i) * var(--g))) rotateZ(0deg) rotateX(0deg) translate3d(0,0,0) scale(1);
  transition:transform 1.15s cubic-bezier(.2,.85,.2,1),box-shadow .6s,filter .6s;
  box-shadow:0 0 0 1px rgba(27,24,22,.08),0 40px 70px -35px rgba(60,35,15,.6)}
.pb .lx-capa.is-sobre{transform:rotateY(0deg) translateZ(calc(var(--i) * var(--g) + 46px)) rotateZ(0deg) rotateX(0deg) translate3d(0,0,0) scale(1)}
.pb .lx-capa.is-on{z-index:3;transform:rotateY(calc(var(--tx,0deg) * -1)) translateZ(190px) rotateZ(calc(38deg - var(--p,0) * 12deg - var(--ty,0deg))) rotateX(-58deg) translate3d(0,-128px,calc(360px + var(--nz,0px))) scale(var(--ka,1.05));
  box-shadow:0 0 0 1px rgba(255,255,255,.55),0 0 0 8px rgba(176,122,74,.12),0 100px 140px -60px rgba(40,25,10,.7)}
/* la carta activa ya quieta, en 2D: la cuenta de .lx-mazo + .is-on hecha a mano. Las rotaciones se anulan y queda
   trasladarla (0, 210px + x·40px − 289.129px, 460.685px) y escalarla (289.129 = 128 + 190·sen 58°, 460.685 = 360 +
   190·cos 58°); la perspectiva la divide por w = 1 − 460.685/2400 (1/w = 1.23755). translateZ no se ve: solo la
   ordena delante del mazo */
.pb .lx-capa.is-on.is-fija{transform:translate3d(calc(var(--pox,0px) * -.23755),calc((var(--s,1) * (var(--x,0) * 40px - 79.129px) - var(--poy,0px)) * 1.23755 + var(--poy,0px)),1000px) scale(calc(var(--s,1) * var(--ka,1.05) * 1.23755));
  transition:box-shadow .6s,filter .6s}
.pb .lx-capa *{box-sizing:border-box}
/* cabecera común de cada carta */
.pb .lx-ch{display:flex;align-items:center;gap:10px}
.pb .lx-ch-n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:500 13px/1 var(--font);background:var(--ink);color:#fff;flex:none}
.pb .lx-ch b{font:500 20px/1.1 var(--font);letter-spacing:-.03em}
.pb .lx-ch em{margin-left:auto;font:500 12px/1 var(--font);font-style:normal;padding:7px 10px;border-radius:99px;background:var(--bronze-soft);color:var(--bronze-text);display:inline-flex;align-items:center;gap:6px}
.pb .lx-ch em i{width:7px;height:7px;border-radius:50%;background:#1e8e54;box-shadow:0 0 0 3px rgba(30,142,84,.18)}
@keyframes lx-sube2{from{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:none}}
@keyframes lx-traza{from{stroke-dashoffset:var(--len,400)}to{stroke-dashoffset:0}}
@keyframes lx-linea{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes lx-flujo2{to{stroke-dashoffset:-28}}

/* 1 · tus datos (blanca) */
.pb .lx-c-datos{background:radial-gradient(circle at 1px 1px,rgba(27,24,22,.08) 1px,transparent 1.4px) 0 0/16px 16px,linear-gradient(180deg,#fff,#faf6f1)}
.pb .lx-d-fuentes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pb .lx-d-fuentes span{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 6px 10px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.07),0 8px 16px -10px rgba(60,35,15,.35);font:500 12.5px/1 var(--font);color:var(--ink-65)}
.pb .lx-d-fuentes img{width:34px;height:34px}
.pb .lx-d-lineas{display:block;width:100%;height:30px;margin:-6px 0 -8px;overflow:visible}
.pb .lx-d-lineas path{fill:none;stroke:var(--bronze);stroke-width:1.8;stroke-dasharray:3 4;animation:lx-flujo2 1.2s linear infinite;opacity:.7}
.pb .lx-d-tabla{border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.08),0 14px 26px -16px rgba(60,35,15,.4);overflow:hidden;font-size:13.5px}
.pb .lx-d-th{display:flex;align-items:center;gap:9px;padding:10px 14px;border-bottom:1px solid var(--ink-5)}
.pb .lx-d-th img{width:22px;height:22px}
.pb .lx-d-th b{font-weight:500}
.pb .lx-d-th small{margin-left:auto;color:var(--ink-45);font-size:12px}
.pb .lx-d-tr{display:grid;grid-template-columns:.7fr 1.4fr 1fr;align-items:center;gap:8px;padding:8px 14px;position:relative}
.pb .lx-d-tr+.lx-d-tr{border-top:1px solid var(--ink-5)}
.pb .lx-d-tr.is-hl{background:linear-gradient(90deg,rgba(176,122,74,.16),rgba(176,122,74,.04))}
.pb .lx-d-tr.is-hl::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:3px;background:var(--bronze)}
.pb .lx-est{justify-self:start;font:500 11.5px/1 var(--font);padding:5px 8px;border-radius:99px;background:var(--sand);color:var(--ink-65)}
.pb .lx-est.ok{background:rgba(30,142,84,.13);color:#1e7a48}
.pb .lx-est.m{background:rgba(216,154,43,.18);color:#94650f}
.pb .lx-capa.is-on .lx-d-fuentes span{animation:lx-sube2 .6s cubic-bezier(.2,.9,.3,1.2) backwards;animation-delay:calc(.25s + var(--k,0) * .09s)}
.pb .lx-capa.is-on .lx-d-tr{animation:lx-sube2 .55s backwards;animation-delay:calc(.6s + var(--k,0) * .1s)}

/* 2 · las reglas (oscura) */
.pb .lx-c-reglas{background:radial-gradient(80% 70% at 100% 0%,rgba(176,122,74,.32),transparent 60%),#1b1816;color:#f4efe8}
.pb .lx-c-reglas .lx-ch-n{background:var(--bronze)}
.pb .lx-c-reglas .lx-ch em{background:rgba(255,255,255,.08);color:var(--bronze-light)}
.pb .lx-r-code{font:500 13.5px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;background:rgba(255,255,255,.045);border-radius:14px;padding:10px 14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);white-space:nowrap;overflow:hidden}
.pb .lx-r-code span{display:block}
.pb .lx-r-code u{display:inline-block;width:20px;text-decoration:none;color:rgba(255,255,255,.28)}
.pb .lx-r-code b{color:#e6b989;font-weight:500}
.pb .lx-r-code i{color:#9fd2a8;font-style:normal}
.pb .lx-r-code s{color:#8d8379;text-decoration:none}
.pb .lx-r-sw{display:flex;flex-direction:column;gap:8px}
.pb .lx-r-sw span{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.06);font-size:14.5px}
.pb .lx-r-sw span em{margin-left:auto;font-style:normal;font-size:12px;color:rgba(255,255,255,.45)}
.pb .lx-r-sw i{position:relative;width:36px;height:21px;border-radius:99px;background:var(--bronze);flex:none}
.pb .lx-r-sw i::after{content:"";position:absolute;top:2.5px;left:2.5px;width:16px;height:16px;border-radius:50%;background:#fff;transform:translateX(15px);box-shadow:0 2px 4px rgba(0,0,0,.3)}
@keyframes lx-sw-fondo{from{background:rgba(255,255,255,.18)}}
@keyframes lx-sw-bola{from{transform:translateX(0)}}
.pb .lx-capa.is-on .lx-r-code span{animation:lx-linea .7s steps(26) both;animation-delay:calc(.3s + var(--k,0) * .55s)}
.pb .lx-capa.is-on .lx-r-sw span{animation:lx-sube2 .5s backwards;animation-delay:calc(1.6s + var(--k,0) * .35s)}
.pb .lx-capa.is-on .lx-r-sw i{animation:lx-sw-fondo .35s both;animation-delay:calc(2s + var(--k,0) * .35s)}
.pb .lx-capa.is-on .lx-r-sw i::after{animation:lx-sw-bola .35s cubic-bezier(.3,1.4,.5,1) backwards;animation-delay:calc(2s + var(--k,0) * .35s)}

/* 3 · las pantallas (arena) */
.pb .lx-c-pant{background:radial-gradient(70% 60% at 50% 110%,rgba(176,122,74,.3),transparent 70%),linear-gradient(160deg,#faf6f1,#efe4d6)}
.pb .lx-p-tels{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;min-height:0}
.pb .lx-tel{position:relative;background:#fff;border-radius:22px;padding:22px 9px 9px;box-shadow:0 0 0 5px #1b1816,0 22px 34px -18px rgba(40,25,10,.6);display:flex;flex-direction:column;gap:6px;font-size:11.5px;overflow:hidden;margin:5px 3px 3px}
.pb .lx-tel::before{content:"";position:absolute;left:50%;top:6px;width:38px;height:9px;margin-left:-19px;border-radius:99px;background:#1b1816}
.pb .lx-tel>b{font:500 13.5px/1.1 var(--font);letter-spacing:-.02em;margin-bottom:2px}
.pb .lx-tel .f{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:9px;background:var(--sand-2);white-space:nowrap;overflow:hidden}
.pb .lx-tel .f i{width:7px;height:7px;border-radius:50%;flex:none;background:#1e8e54}
.pb .lx-tel .f i.m{background:#d89a2b}.pb .lx-tel .f i.p{background:var(--ink-45)}
.pb .lx-tel .f.hl{box-shadow:0 0 0 1.5px var(--bronze);background:#fff}
.pb .lx-tel .c{padding:6px 8px;border-radius:9px;background:var(--sand-2);display:flex;flex-direction:column;gap:1px;color:var(--ink-45);font-size:10px}
.pb .lx-tel .c b{color:var(--ink);font-size:11.5px;font-weight:500}
.pb .lx-tel .foto{height:46px;border-radius:9px;background:linear-gradient(135deg,#8a9aa6,#5d6b75 60%,#b9a58c);position:relative}
.pb .lx-tel .foto::after{content:"✓ foto";position:absolute;right:6px;bottom:5px;font:500 9.5px/1 var(--font);color:#fff;background:rgba(0,0,0,.35);padding:3px 6px;border-radius:99px}
.pb .lx-tel svg{width:100%;height:58px;border-radius:9px;background:var(--sand-2)}
.pb .lx-tel svg path{fill:none;stroke:#1b1816;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:400}
.pb .lx-tel .bt{margin-top:auto;text-align:center;padding:8px;border-radius:99px;background:var(--bronze);color:#fff;font:500 11.5px/1 var(--font)}
.pb .lx-capa.is-on .lx-tel{animation:lx-sube2 .7s cubic-bezier(.2,.9,.3,1.15) backwards;animation-delay:calc(.25s + var(--k,0) * .14s)}
.pb .lx-capa.is-on .lx-tel svg path{animation:lx-traza 1.6s ease-in-out 1s both}
.pb .lx-capa.is-on .lx-tel .bt.v{animation:lx-pulso2 1.4s 2.6s 2 both}
@keyframes lx-pulso2{0%,100%{box-shadow:0 0 0 0 rgba(176,122,74,.5)}50%{box-shadow:0 0 0 8px rgba(176,122,74,0)}}

/* 4 · tu equipo (bronce) */
.pb .lx-c-equipo{background:radial-gradient(70% 70% at 15% 0%,rgba(255,255,255,.22),transparent 60%),linear-gradient(150deg,#c4925f,#9a6a3c 60%,#7f5530);color:#fff}
.pb .lx-c-equipo .lx-ch-n{background:#fff;color:var(--bronze-deep)}
.pb .lx-c-equipo .lx-ch em{background:rgba(255,255,255,.18);color:#fff}
.pb .lx-e-esc{position:relative;flex:1;display:grid;grid-template-columns:1.05fr 1fr;gap:14px;align-items:center;min-height:0}
.pb .lx-e-disp{position:relative;height:100%;min-height:0}
.pb .lx-e-teams{position:absolute;left:0;right:34px;top:8px;bottom:14px;border-radius:12px;background:#fff;display:grid;grid-template-columns:24px 1fr;overflow:hidden;box-shadow:0 18px 30px -14px rgba(40,20,5,.55)}
.pb .lx-e-teams>i{background:#4b4fae;display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:8px}
.pb .lx-e-teams>i::before{content:"";width:12px;height:12px;border-radius:4px;background:rgba(255,255,255,.85)}
.pb .lx-e-teams>div{padding:8px 10px;display:flex;flex-direction:column;gap:6px;color:var(--ink);font-size:11px}
.pb .lx-e-teams>div b{font:500 12px/1 var(--font)}
.pb .lx-e-teams>div span{display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:7px;background:var(--sand-2);white-space:nowrap;overflow:hidden}
.pb .lx-e-teams>div span i{width:6px;height:6px;border-radius:50%;background:#1e8e54;flex:none}
.pb .lx-e-movil{position:absolute;right:0;bottom:0;width:84px;height:150px;border-radius:18px;background:#1b1816;padding:5px;box-shadow:0 18px 30px -12px rgba(40,20,5,.6)}
.pb .lx-e-movil div{height:100%;border-radius:14px;background:#fff;color:var(--ink);padding:16px 7px 7px;display:flex;flex-direction:column;gap:5px;font-size:10px}
.pb .lx-e-movil div b{font:500 12px/1 var(--font)}
.pb .lx-e-movil div span{padding:5px 6px;border-radius:7px;background:var(--sand-2);white-space:nowrap;overflow:hidden}
.pb .lx-e-movil div span.ok{background:rgba(30,142,84,.13);color:#1e7a48;font-weight:500}
.pb .lx-e-toasts{display:flex;flex-direction:column;gap:8px}
.pb .lx-e-toasts span{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;padding:8px 11px;border-radius:12px;background:rgba(255,255,255,.96);color:var(--ink);box-shadow:0 14px 26px -12px rgba(40,20,5,.55);font-size:12.5px;line-height:1.2}
.pb .lx-e-toasts span i{grid-row:span 2;width:9px;height:9px;border-radius:50%;background:#1e8e54;box-shadow:0 0 0 3px rgba(30,142,84,.18)}
.pb .lx-e-toasts span i.m{background:#d89a2b;box-shadow:0 0 0 3px rgba(216,154,43,.2)}
.pb .lx-e-toasts span b{font-weight:500}
.pb .lx-e-toasts span small{color:var(--ink-45);font-size:11px}
.pb .lx-e-dato{display:flex;align-items:baseline;gap:12px;padding-top:2px}
.pb .lx-e-dato b{font:500 34px/1 var(--font);letter-spacing:-.04em}
.pb .lx-e-dato span{font-size:14px;opacity:.9}
@keyframes lx-entra2{from{opacity:0;transform:translateX(30px) scale(.94)}to{opacity:1;transform:none}}
.pb .lx-capa.is-on .lx-e-toasts span{animation:lx-entra2 .6s cubic-bezier(.2,.9,.3,1.15) backwards;animation-delay:calc(.5s + var(--k,0) * .5s)}
.pb .lx-capa.is-on .lx-e-dato{animation:lx-sube2 .7s 2s backwards}

/* el hilo: el mismo parte recorre las cuatro capas */
.pb .lx-hilo{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);z-index:4;display:inline-flex;align-items:center;gap:9px;font:500 13px/1 var(--font);color:var(--ink-65);background:rgba(255,255,255,.85);backdrop-filter:blur(8px);padding:9px 14px;border-radius:99px;box-shadow:var(--shadow-card);white-space:nowrap}
.pb .lx-hilo i{width:8px;height:8px;border-radius:50%;background:var(--bronze);box-shadow:0 0 0 0 rgba(176,122,74,.6);animation:lx-pulso 2s infinite}
.pb .lx-hilo b{color:var(--ink);font-weight:500}
/* haces de datos que suben entre capas */
.pb .lx-haz{position:absolute;width:3px;height:calc(var(--g) * 3 + 46px);transform-origin:50% 0;transform:rotateX(90deg);border-radius:3px;background:linear-gradient(0deg,transparent,rgba(176,122,74,.35),transparent);pointer-events:none}
.pb .lx-haz::after{content:"";position:absolute;left:-2px;width:7px;height:22px;border-radius:7px;background:linear-gradient(var(--bronze),transparent);animation:lx-sube 2.2s linear infinite;animation-delay:var(--dl,0s)}
@keyframes lx-sube{from{top:-22px}to{top:100%}}

/* Power Automate: el recorrido del flujo sobre un suelo */
.pb .lx-suelo{position:relative;width:800px;height:500px;transform-style:preserve-3d;transform:translateY(16px) rotateX(56deg) rotateZ(calc(-10deg + var(--p,0) * 8deg + var(--ty,0deg))) rotateY(var(--tx,0deg));}
.pb .lx-suelo::before{content:"";position:absolute;inset:-10%;background:radial-gradient(circle at 1px 1px,rgba(27,24,22,.16) 1px,transparent 1.6px) 0 0/22px 22px;-webkit-mask-image:radial-gradient(closest-side,#000 50%,transparent);mask-image:radial-gradient(closest-side,#000 50%,transparent);pointer-events:none}
.pb .lx-ruta{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pb .lx-ruta path{fill:none;stroke-linecap:round}
.pb .lx-ruta .b{stroke:rgba(176,122,74,.28);stroke-width:5;stroke-dasharray:2 12}
.pb .lx-ruta .a{stroke:var(--bronze);stroke-width:6;filter:drop-shadow(0 0 6px rgba(176,122,74,.6))}
.pb .lx-ficha{position:absolute;width:250px;margin:0 0 0 -125px;transform-origin:50% 100%;transform:translateY(-100%) rotateX(0deg);transition:transform 1s cubic-bezier(.3,1.5,.4,1),box-shadow .6s,opacity .5s;background:#fff;border-radius:22px;padding:16px;box-shadow:0 0 0 1px var(--ink-10);opacity:.65;display:flex;flex-direction:column;gap:8px}
.pb .lx-ficha.is-pasado,.pb .lx-ficha.is-on{transform:translateY(-100%) rotateX(-56deg);opacity:1;box-shadow:0 0 0 1px var(--ink-5),0 30px 50px -20px rgba(80,55,30,.45)}
.pb .lx-ficha.is-on{box-shadow:0 0 0 2px var(--bronze),0 0 0 10px rgba(176,122,74,.14),0 40px 60px -20px rgba(80,55,30,.55)}
.pb .lx-ficha header{display:flex;align-items:center;gap:10px}
.pb .lx-ficha header img,.pb .lx-ficha header .lx-ico{width:34px;height:34px;flex:none}
.pb .lx-ficha b{font:500 16px/1.15 var(--font);letter-spacing:-.02em}
.pb .lx-ficha small{font-size:12px;color:var(--ink-45);display:block}
.pb .lx-ficha .lx-ok{display:inline-flex;align-items:center;gap:6px;font:500 12px/1 var(--font);color:#1e7a48;background:rgba(30,142,84,.12);padding:6px 9px;border-radius:99px;width:max-content;opacity:0;transform:translateY(4px);transition:opacity .4s .5s,transform .4s .5s}
.pb .lx-ficha.is-pasado .lx-ok{opacity:1;transform:none}
.pb .lx-ficha .lx-btns2{display:flex;gap:6px}
.pb .lx-ficha .lx-btns2 span{flex:1;text-align:center;font:500 12px/1 var(--font);padding:8px 6px;border-radius:99px;background:var(--sand)}
.pb .lx-ficha .lx-btns2 span.on{background:var(--ink);color:#fff}
.pb .lx-ico{display:grid;place-items:center;border-radius:10px;background:var(--bronze-soft);color:var(--bronze-text)}
.pb .lx-ico svg{width:20px;height:20px}
.pb .lx-token{position:absolute;width:58px;height:58px;margin:-58px 0 0 -29px;transform-origin:50% 100%;transform:rotateX(-56deg);pointer-events:none;transition:opacity .3s}
.pb .lx-token span{position:absolute;inset:0;border-radius:18px;background:var(--ink);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 6px rgba(176,122,74,.25),0 20px 30px -12px rgba(0,0,0,.5)}
.pb .lx-token span svg{width:26px;height:26px}
.pb .lx-token::after{content:"";position:absolute;left:50%;bottom:-8px;width:60px;height:18px;margin-left:-30px;border-radius:50%;background:radial-gradient(rgba(27,24,22,.35),transparent 70%);transform:rotateX(56deg)}
.pb .lx-reloj{position:absolute;left:70px;top:70px;font:500 15px/1 var(--font);background:#fff;border-radius:99px;padding:10px 14px;box-shadow:var(--shadow-card);transform:rotateX(-56deg);transform-origin:50% 100%;display:flex;gap:8px;align-items:center}
.pb .lx-reloj i{width:8px;height:8px;border-radius:50%;background:var(--st-ok);box-shadow:0 0 0 4px rgba(79,138,100,.2)}

@media (max-width:980px){
  .pb .lx-scroll{height:calc(var(--pasos,4) * 85vh + 40vh)}
  .pb .lx-sticky{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:8px;top:72px;height:calc(100vh - 84px);min-height:0}
  .pb .lx-esc-3d{order:-1}
  .pb .lx-pasos{gap:0}
  .pb .lx-pasos li{display:none;padding:14px 16px}
  .pb .lx-pasos li.is-on{display:grid;transform:none}
  .pb .lx-barra{margin:10px 16px 0}
  .pb .lx-hint{display:none}
}
@media (prefers-reduced-motion:reduce){
  .pb .lx-scroll{height:auto}
  .pb .lx-sticky{position:relative;top:0;height:auto;min-height:0;max-height:none;grid-template-columns:1fr;gap:24px}
  .pb .lx-esc-3d{height:560px}
  .pb .lx-pasos li{opacity:1;display:grid}
  .pb .lx-pasos .lx-pd{grid-template-rows:1fr}
  .pb .lx-barra,.pb .lx-hint{display:none}
  .pb .lx-rv,.pb .lx-w>span{opacity:1;transform:none}
}

/* ---------- 3 · beneficios: calculadora de ahorro + cuatro tarjetas que se mueven ---------- */
.pb .lx-roi{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);margin-top:48px;border-radius:34px;overflow:hidden;color:#f4efe8;
  background:radial-gradient(55% 70% at 100% 100%,rgba(176,122,74,.42),transparent 70%),radial-gradient(40% 50% at 0% 0%,rgba(176,122,74,.16),transparent 70%),#1b1816;box-shadow:0 60px 120px -50px rgba(40,25,10,.6)}
.pb .lx-roi::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.06) 1px,transparent 1.5px) 0 0/22px 22px;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,#000,transparent 70%);mask-image:linear-gradient(90deg,#000,transparent 70%)}
.pb .lx-roi-ctl{position:relative;z-index:1;padding:44px 44px 36px;display:flex;flex-direction:column;gap:18px}
.pb .lx-roi .lx-eyebrow{color:var(--bronze-light)}
.pb .lx-roi h3{font-size:clamp(32px,3.4vw,46px);color:#fff;letter-spacing:-.04em}
.pb .lx-roi-c{display:flex;flex-direction:column;gap:10px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.pb .lx-roi-c span{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:15px;color:rgba(244,239,232,.75)}
.pb .lx-roi-c output{font:500 22px/1 var(--font);color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pb .lx-roi-c input{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;outline:none;cursor:pointer;background:linear-gradient(90deg,var(--bronze) var(--f,50%),rgba(255,255,255,.14) var(--f,50%))}
.pb .lx-roi-c input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 6px rgba(176,122,74,.35),0 6px 14px rgba(0,0,0,.4);transition:transform .2s}
.pb .lx-roi-c input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 6px rgba(176,122,74,.35),0 6px 14px rgba(0,0,0,.4)}
.pb .lx-roi-c input:active::-webkit-slider-thumb{transform:scale(1.15)}
.pb .lx-roi-c input:focus-visible{box-shadow:0 0 0 3px rgba(217,180,140,.5)}
.pb .lx-roi-nota{font-size:12.5px;line-height:1.5;color:rgba(244,239,232,.45);margin-top:auto}
.pb .lx-roi-res{position:relative;z-index:1;padding:44px;display:flex;flex-direction:column;gap:22px;justify-content:center;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:inset 1px 0 0 rgba(255,255,255,.08)}
.pb .lx-roi-big b{display:block;font:500 clamp(64px,8vw,112px)/.9 var(--font);letter-spacing:-.06em;font-variant-numeric:tabular-nums;background:linear-gradient(100deg,#f3d7b4,#d9a26b 45%,#b07a4a);-webkit-background-clip:text;background-clip:text;color:transparent}
.pb .lx-roi-big span{display:block;margin-top:8px;font-size:17px;color:rgba(244,239,232,.75)}
.pb .lx-roi-dos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pb .lx-roi-dos div{border-radius:20px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);padding:16px 18px}
.pb .lx-roi-dos b{display:block;font:500 clamp(26px,2.6vw,34px)/1 var(--font);letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.pb .lx-roi-dos span{display:block;margin-top:6px;font-size:13.5px;color:rgba(244,239,232,.6)}
.pb .lx-roi-barras{display:flex;flex-direction:column;gap:10px}
.pb .lx-roi-barras div{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:12px;font-size:13.5px;color:rgba(244,239,232,.7)}
.pb .lx-roi-barras i{height:12px;border-radius:12px;background:rgba(255,255,255,.08);overflow:hidden}
.pb .lx-roi-barras u{display:block;height:100%;width:100%;border-radius:12px;background:rgba(255,255,255,.35);transition:width .8s cubic-bezier(.16,1,.3,1)}
.pb .lx-roi-barras .con u{width:var(--con,20%);background:linear-gradient(90deg,#d9a26b,var(--bronze))}
.pb .lx-roi-barras em{font-style:normal;color:#fff;font-variant-numeric:tabular-nums;min-width:96px;text-align:right}
.pb .lx-roi .btn-bronze{align-self:flex-start;box-shadow:0 16px 30px -12px rgba(176,122,74,.7)}
@media (max-width:980px){.pb .lx-roi{grid-template-columns:1fr}.pb .lx-roi-ctl,.pb .lx-roi-res{padding:28px 22px}.pb .lx-roi-res{box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}}
@media (max-width:520px){.pb .lx-roi-dos{grid-template-columns:1fr}.pb .lx-roi-barras div{grid-template-columns:80px 1fr;}.pb .lx-roi-barras em{grid-column:2;text-align:left}}

.pb .lx-bc4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
.pb .lx-bc{position:relative}
.pb .lx-bc .lx-incl{position:relative;height:100%;background:var(--paper);border-radius:28px;padding:16px 16px 22px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:8px;overflow:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.pb .lx-bc .lx-incl:hover{box-shadow:var(--shadow-lift)}
.pb .lx-bc .lx-bnum{font:500 clamp(46px,4.6vw,64px)/.95 var(--font);letter-spacing:-.06em;margin:8px 8px 0;transform:translateZ(36px)}
.pb .lx-bc h3{font-size:20px;letter-spacing:-.03em;margin:0 8px;transform:translateZ(22px)}
.pb .lx-bc p{color:var(--ink-65);font-size:14.5px;margin:0 8px}
.pb .lx-bc .lx-gancho{margin-top:auto;padding:12px 14px;border-radius:16px;background:var(--bronze-soft);color:var(--bronze-text);font:500 14px/1.35 var(--font);transform:translateZ(16px)}
.pb .lx-bc-vis{position:relative;height:150px;border-radius:20px;background:radial-gradient(70% 80% at 50% 100%,rgba(176,122,74,.18),transparent 70%),var(--sand-2);overflow:hidden;transform:translateZ(10px)}
@media (max-width:1100px){.pb .lx-bc4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.pb .lx-bc4{grid-template-columns:1fr}}
/* las animaciones solo corren cuando la tarjeta se ve (.is-in) */
.pb .lx-bc:not(.is-in) .lx-bc-vis *{animation-play-state:paused!important}

/* semanas: cuatro tramos que se llenan frente a la barra larga de un proyecto tradicional */
.pb .lx-v-semanas{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:0 16px}
.pb .lx-sem{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.pb .lx-sem span{display:flex;flex-direction:column;gap:7px}
.pb .lx-sem i{height:30px;border-radius:9px;background:rgba(27,24,22,.08);position:relative;overflow:hidden}
.pb .lx-sem i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#c99464,var(--bronze));transform-origin:0 50%;animation:lx-tramo 6s cubic-bezier(.6,0,.3,1) infinite;animation-delay:calc(var(--k) * .55s)}
.pb .lx-sem span:last-child i::after{background:linear-gradient(90deg,#2aa56a,#1e8e54)}
.pb .lx-sem small{font:500 11.5px/1 var(--font);color:var(--ink-65);text-align:center}
@keyframes lx-tramo{0%,4%{transform:scaleX(0)}16%,86%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}
.pb .lx-sem-vs{display:flex;flex-direction:column;gap:6px}
.pb .lx-sem-vs i{height:8px;border-radius:8px;width:160%;background:repeating-linear-gradient(90deg,rgba(27,24,22,.2) 0 10px,transparent 10px 16px)}
.pb .lx-sem-vs small{font-size:11.5px;color:var(--ink-45);text-decoration:line-through;text-decoration-color:rgba(194,85,63,.6)}

/* papeles o correos que vuelan y entran solos en el móvil o en el ERP */
.pb .lx-v-vuela .lx-hoja{position:absolute;left:14%;top:30%;width:44px;height:56px;border-radius:5px;background:#fff;box-shadow:0 8px 16px -8px rgba(40,25,10,.5),0 0 0 1px rgba(27,24,22,.06);background-image:repeating-linear-gradient(transparent 0 9px,rgba(27,24,22,.12) 9px 10px);background-size:70% 100%;background-position:50% 12px;background-repeat:no-repeat;animation:lx-vuela 4.5s cubic-bezier(.5,0,.3,1) infinite;animation-delay:calc(var(--k) * 1.5s);opacity:0}
.pb .lx-v-vuela .lx-hoja.sobre{height:34px;width:48px;top:36%;background:#fff;background-image:linear-gradient(155deg,transparent 48%,rgba(27,24,22,.18) 49% 51%,transparent 52%),linear-gradient(25deg,transparent 48%,rgba(27,24,22,.18) 49% 51%,transparent 52%);background-size:100% 100%;background-position:0 0}
@keyframes lx-vuela{0%{opacity:0;transform:translate(-30px,20px) rotate(-14deg) scale(1)}12%{opacity:1}55%{opacity:1;transform:translate(120px,-26px) rotate(8deg) scale(.7)}70%,100%{opacity:0;transform:translate(170px,-6px) rotate(0) scale(.2)}}
.pb .lx-destino{position:absolute;right:12%;top:12px;bottom:12px;width:96px;border-radius:18px;background:#1b1816;padding:20px 7px 7px;display:flex;flex-direction:column;gap:5px;box-shadow:0 16px 30px -14px rgba(40,25,10,.6)}
.pb .lx-destino i{position:absolute;left:50%;top:7px;width:28px;height:6px;margin-left:-14px;border-radius:9px;background:#3a332e}
.pb .lx-destino em{font:500 10px/1 var(--font);font-style:normal;color:#1e7a48;background:#e6f4ec;border-radius:7px;padding:6px 5px;white-space:nowrap;overflow:hidden;opacity:0;animation:lx-llega 4.5s infinite;animation-delay:calc(var(--k) * 1.5s + 2.6s)}
.pb .lx-dest-erp{background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.08),0 16px 30px -14px rgba(40,25,10,.45);padding-top:36px;border-radius:16px}
.pb .lx-dest-erp img{position:absolute;left:50%;top:8px;width:22px;height:22px;margin-left:-11px}
@keyframes lx-llega{0%{opacity:0;transform:translateY(6px)}6%,80%{opacity:1;transform:none}100%{opacity:0}}

/* un solo dato: el mismo número cambia a la vez en los tres dispositivos */
.pb .lx-v-sync svg{position:absolute;inset:0;width:100%;height:100%}
.pb .lx-v-sync svg path{fill:none;stroke:var(--bronze);stroke-width:1.6;stroke-dasharray:3 5;animation:lx-flujo2 1s linear infinite;opacity:.7}
.pb .lx-sy-c{position:absolute;left:50%;top:52%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--bronze);box-shadow:0 0 0 0 rgba(176,122,74,.5);animation:lx-onda 4s infinite}
@keyframes lx-onda{0%,48%{box-shadow:0 0 0 0 rgba(176,122,74,.5)}62%{box-shadow:0 0 0 26px rgba(176,122,74,0)}100%{box-shadow:0 0 0 0 rgba(176,122,74,0)}}
.pb .lx-sy{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.08),0 10px 18px -10px rgba(40,25,10,.4)}
.pb .lx-sy small{font-size:9.5px;color:var(--ink-45)}
.pb .lx-sy b{position:relative;display:block;height:20px;overflow:hidden;font:500 17px/20px var(--font);letter-spacing:-.02em}
.pb .lx-sy b em{display:block;font-style:normal;animation:lx-cifra 4s infinite}
.pb .lx-sy b em+em{color:var(--bronze-text)}
@keyframes lx-cifra{0%,50%{transform:translateY(0)}58%,92%{transform:translateY(-100%)}100%{transform:translateY(0)}}
.pb .lx-sy-m{left:9%;top:16%;width:46px;height:78px;border-radius:12px;box-shadow:0 0 0 3px #1b1816,0 10px 18px -10px rgba(40,25,10,.4)}
.pb .lx-sy-t{left:50%;top:6%;width:70px;height:52px;margin-left:-35px;border-radius:9px;box-shadow:0 0 0 3px #1b1816,0 10px 18px -10px rgba(40,25,10,.4)}
.pb .lx-sy-p{right:7%;top:16%;width:76px;height:50px;border-radius:6px}
.pb .lx-sy-p::after{content:"";position:absolute;left:-8px;right:-8px;bottom:-8px;height:6px;border-radius:0 0 6px 6px;background:#cfc6bb}

/* tuya / con registro / de noche: líneas que van apareciendo */
.pb .lx-v-lista,.pb .lx-v-log{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 16px}
.pb .lx-v-lista span,.pb .lx-v-log span{display:flex;align-items:center;gap:9px;font-size:12.5px;white-space:nowrap;overflow:hidden;background:#fff;border-radius:12px;padding:8px 10px;box-shadow:0 0 0 1px rgba(27,24,22,.06);animation:lx-aparece 6s infinite;animation-delay:calc(var(--k) * .7s);opacity:0}
.pb .lx-v-lista i{width:20px;height:20px;border-radius:50%;flex:none;background:#1e8e54 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.2 2.2 4.8-4.8' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.pb .lx-v-log span{font-size:12px}
.pb .lx-v-log i{width:9px;height:9px;border-radius:50%;background:#1e8e54;flex:none;box-shadow:0 0 0 3px rgba(30,142,84,.16)}
.pb .lx-v-log i.w{background:#d89a2b;box-shadow:0 0 0 3px rgba(216,154,43,.18)}
.pb .lx-v-log b{font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink-45)}
@keyframes lx-aparece{0%{opacity:0;transform:translateY(10px)}8%,82%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateY(-4px)}}
.pb .lx-v-noche{background:radial-gradient(70% 80% at 50% 0%,rgba(77,72,120,.35),transparent 70%),#221d1a}
.pb .lx-v-noche span{background:rgba(255,255,255,.08);color:#f4efe8;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.pb .lx-v-noche b{color:var(--bronze-light)}
.pb .lx-luna{position:absolute!important;right:14px;top:10px;width:22px;height:22px;padding:0!important;border-radius:50%;background:transparent!important;box-shadow:inset -7px -3px 0 0 #f1e3c8!important;animation:none!important;opacity:1!important}

/* un clic: el dedo pulsa «Aprobar» y queda aprobada */
.pb .lx-v-aprueba{display:grid;place-items:center}
.pb .lx-ap-tel{position:relative;width:190px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.08),0 14px 26px -14px rgba(40,25,10,.45);padding:12px;display:flex;flex-direction:column;gap:6px}
.pb .lx-ap-tel small{font-size:10.5px;color:var(--ink-45)}
.pb .lx-ap-tel>b{font:500 14px/1.2 var(--font)}
.pb .lx-ap-bts{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pb .lx-ap-bts em{font-style:normal;text-align:center;font:500 12px/1 var(--font);padding:9px 4px;border-radius:99px;background:var(--sand)}
.pb .lx-ap-bts em.si{background:var(--ink);color:#fff;animation:lx-pulsa 4s infinite}
.pb .lx-ap-ok{position:absolute;inset:auto 12px 12px;text-align:center;font:500 12px/1 var(--font);padding:9px 4px;border-radius:99px;background:#1e8e54;color:#fff;opacity:0;animation:lx-aprobada 4s infinite}
@keyframes lx-pulsa{0%,40%{transform:none}46%{transform:scale(.92)}52%,100%{transform:none}}
@keyframes lx-aprobada{0%,48%{opacity:0;transform:scale(.9)}54%,90%{opacity:1;transform:none}100%{opacity:0}}
.pb .lx-dedo{position:absolute;left:60%;top:60%;width:26px;height:26px;border-radius:50%;background:rgba(27,24,22,.18);box-shadow:0 0 0 2px #fff,0 6px 12px rgba(0,0,0,.25);animation:lx-dedo 4s infinite}
@keyframes lx-dedo{0%{transform:translate(40px,40px);opacity:0}20%{opacity:1}40%{transform:translate(12px,-2px)}46%{transform:translate(12px,-2px) scale(.8)}52%{transform:translate(12px,-2px)}70%,100%{transform:translate(50px,30px);opacity:0}}

/* ---------- 3 · portfolio ---------- */
.pb .lx-pf-head{margin-top:120px}
.pb .lx-pf{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;grid-auto-flow:dense}
.pb .lx-pf-card{position:relative;display:flex;flex-direction:column;gap:14px;text-align:left;border:0;padding:14px 14px 22px;background:var(--paper);border-radius:30px;box-shadow:var(--shadow-card);transition:box-shadow .5s var(--ease),transform .5s var(--ease);color:inherit;font:inherit}
.pb .lx-pf-card:hover,.pb .lx-pf-card:focus-visible{box-shadow:var(--shadow-lift);transform:translateY(-6px)}
.pb .lx-pf-card.is-big{grid-column:span 2;grid-row:span 2}
.pb .lx-mon{position:relative;aspect-ratio:16/10.4;border-radius:22px;background:radial-gradient(70% 60% at 50% 100%,rgba(176,122,74,.28),transparent 70%),linear-gradient(160deg,var(--sand-2),var(--sand));perspective:1400px;overflow:hidden}
.pb .lx-pf-card.is-big .lx-mon{aspect-ratio:auto;flex:1;min-height:420px}
.pb .lx-mon-in,.pb .lx-mon-b{position:absolute;left:9%;right:9%;top:11%;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#fff;transform-origin:50% 100%;transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .6s}
.pb .lx-mon-in{transform:rotateX(16deg) rotateY(-14deg) rotateZ(2deg) translateZ(0);box-shadow:0 0 0 1px rgba(27,24,22,.1),0 40px 60px -25px rgba(60,40,20,.55)}
.pb .lx-mon-b{transform:rotateX(16deg) rotateY(-14deg) rotateZ(2deg) translate3d(14%,-9%,-90px);opacity:.7;box-shadow:0 0 0 1px rgba(27,24,22,.08)}
.pb .lx-pf-card:hover .lx-mon-in{transform:rotateX(6deg) rotateY(-4deg) rotateZ(0deg) translate3d(0,-5%,40px)}
.pb .lx-pf-card:hover .lx-mon-b{transform:rotateX(6deg) rotateY(-4deg) rotateZ(0deg) translate3d(20%,-14%,-130px);opacity:.9}
.pb .lx-mon img{width:100%;height:100%;object-fit:cover;object-position:0 0}
.pb .lx-mon-in::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-120%);transition:transform 1.1s var(--ease)}
.pb .lx-pf-card:hover .lx-mon-in::after{transform:translateX(120%)}
.pb .lx-pf-card.is-big .lx-mon-in,.pb .lx-pf-card.is-big .lx-mon-b,.pb .lx-pf-card.is-big .lx-mon-c{left:8%;right:8%;top:auto;bottom:12%}
.pb .lx-mon-c{position:absolute;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#fff;transform-origin:50% 100%;transform:rotateX(16deg) rotateY(-14deg) rotateZ(2deg) translate3d(-12%,-22%,-170px);opacity:.5;box-shadow:0 0 0 1px rgba(27,24,22,.08);transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .6s}
.pb .lx-pf-card.is-big .lx-mon-b{transform:rotateX(16deg) rotateY(-14deg) rotateZ(2deg) translate3d(12%,-12%,-90px)}
.pb .lx-pf-card.is-big:hover .lx-mon-b{transform:rotateX(6deg) rotateY(-4deg) rotateZ(0deg) translate3d(16%,-18%,-130px)}
.pb .lx-pf-card.is-big:hover .lx-mon-c{transform:rotateX(6deg) rotateY(-4deg) rotateZ(0deg) translate3d(-16%,-30%,-220px);opacity:.7}
.pb .lx-pf-card.is-wide{grid-column:span 2;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:8px}
.pb .lx-pf-card.is-wide .lx-mon{height:100%;min-height:320px;aspect-ratio:auto}
.pb .lx-pf-card.is-wide .lx-pf-txt{padding:16px 18px 8px}
.pb .lx-pf-txt{display:flex;flex-direction:column;gap:8px;padding:4px 10px 0}
.pb .lx-pf-k{font:500 12.5px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--bronze-text)}
.pb .lx-pf-card h3{font-size:clamp(22px,2.2vw,28px)}
.pb .lx-pf-card.is-big h3{font-size:clamp(28px,3vw,38px)}
.pb .lx-pf-card p{color:var(--ink-65);font-size:15px}
.pb .lx-pf-pie{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}
.pb .lx-pf-go{display:inline-flex;align-items:center;gap:8px;font:500 14px/1 var(--font);color:var(--ink);background:var(--sand);padding:10px 14px;border-radius:99px;transition:background .3s,color .3s;white-space:nowrap}
.pb .lx-pf-card:hover .lx-pf-go{background:var(--ink);color:#fff}
.pb .lx-pf-go svg{width:14px;height:14px;transition:transform .3s}
.pb .lx-pf-card:hover .lx-pf-go svg{transform:translateX(3px)}
.pb .lx-pf-dots{display:flex;gap:4px}
.pb .lx-pf-dots i{width:6px;height:6px;border-radius:50%;background:var(--sand-3)}
.pb .lx-pf-note{margin-top:20px;text-align:center;font-size:14px;color:var(--ink-45)}
@media (max-width:1100px){.pb .lx-pf{grid-template-columns:repeat(2,1fr)}.pb .lx-pf-card.is-big .lx-mon{min-height:340px}}
@media (max-width:760px){.pb .lx-pf-card.is-wide{grid-column:auto;display:flex}.pb .lx-pf-card.is-wide .lx-mon{min-height:0;aspect-ratio:16/10.4;height:auto}}
@media (max-width:640px){.pb .lx-pf{grid-template-columns:1fr}.pb .lx-pf-card.is-big{grid-column:auto;grid-row:auto}.pb .lx-pf-card.is-big .lx-mon{min-height:0;aspect-ratio:16/10.4;flex:none}}

/* el portfolio de flujos: miniatura dibujada */
.pb .lx-mini-flujo{position:absolute;inset:10% 14% 0;display:flex;flex-direction:column;align-items:center;gap:0;transform:rotateX(18deg) rotateZ(-6deg);transform-origin:50% 0;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.pb .lx-pf-card:hover .lx-mini-flujo{transform:rotateX(6deg) rotateZ(0) translateY(-4%)}
.pb .lx-mf{display:flex;align-items:center;gap:10px;width:min(270px,92%);background:#fff;border-radius:14px;padding:9px 12px;box-shadow:0 0 0 1px rgba(27,24,22,.08),0 14px 24px -14px rgba(60,40,20,.45);font:500 12.5px/1.2 var(--font)}
.pb .lx-mf img,.pb .lx-mf .lx-ico{width:24px;height:24px;flex:none}
.pb .lx-mf .lx-ico svg{width:15px;height:15px}
.pb .lx-mf small{display:block;font-size:10.5px;color:var(--ink-45);font-weight:400}
.pb .lx-pf-card.is-big .lx-mini-flujo{inset:9% 18% 0}
.pb .lx-pf-card.is-big .lx-mf{width:min(380px,96%);padding:12px 14px;font-size:14.5px}
.pb .lx-pf-card.is-big .lx-mf img,.pb .lx-pf-card.is-big .lx-mf .lx-ico{width:30px;height:30px}
.pb .lx-mf-l{width:2px;height:16px;background:repeating-linear-gradient(var(--ink-45) 0 3px,transparent 3px 6px);opacity:.5}

/* ---------- ficha a pantalla completa («entrar» en la app) ---------- */
.pb .lx-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:rgba(27,24,22,0);transition:background .45s,backdrop-filter .45s;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}
.pb .lx-modal.is-open{background:rgba(27,24,22,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.pb .lx-mbox{position:relative;width:min(1320px,100%);max-height:calc(100vh - 48px);overflow:auto;overscroll-behavior:contain;background:var(--paper);border-radius:34px;box-shadow:0 60px 120px -40px rgba(0,0,0,.6);display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);transform-origin:var(--ox,50%) var(--oy,50%);transform:scale(.55) translateY(30px);opacity:0;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .35s}
.pb .lx-modal.is-open .lx-mbox{transform:none;opacity:1}
.pb .lx-mmedia{position:relative;padding:28px 28px 22px;background:radial-gradient(60% 50% at 50% 100%,rgba(176,122,74,.3),transparent 70%),linear-gradient(165deg,var(--sand-2),var(--sand));display:flex;flex-direction:column;gap:16px;min-width:0;perspective:2000px}
.pb .lx-mscreen{position:relative;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.1),0 50px 80px -40px rgba(60,40,20,.6);aspect-ratio:16/10;overflow:hidden;transform-style:preserve-3d;transform:rotateX(var(--mrx,0deg)) rotateY(var(--mry,0deg));transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.pb .lx-mscreen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0 0;backface-visibility:hidden}
.pb .lx-mscreen>img.is-sale{animation:lx-sale .55s cubic-bezier(.6,0,.4,1) forwards}
.pb .lx-mscreen>img.is-entra{animation:lx-entra .7s cubic-bezier(.16,1,.3,1) both}
@keyframes lx-sale{to{transform:translateX(-18%) rotateY(28deg) scale(.9);opacity:0}}
@keyframes lx-entra{from{transform:translateX(18%) rotateY(-28deg) scale(.9);opacity:0}to{transform:none;opacity:1}}
.pb .lx-mscreen>.lx-mflujo{position:absolute;inset:0;overflow:auto;background:radial-gradient(circle at 1px 1px,rgba(27,24,22,.12) 1px,transparent 1.5px) 0 0/18px 18px,#fbf9f6;padding:28px 20px;display:flex;flex-direction:column;align-items:center}
.pb .lx-mscreen.is-flujo{aspect-ratio:auto}
.pb .lx-mscreen.is-flujo>.lx-mflujo{position:relative;inset:auto;overflow:visible;padding:30px 20px 34px}
.pb .lx-hot{position:absolute;left:var(--x);top:var(--y);width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:0;background:var(--bronze);color:#fff;font:500 13px/1 var(--font);display:grid;place-items:center;box-shadow:0 0 0 0 rgba(176,122,74,.55);animation:lx-pulso 2.2s infinite;z-index:2;transition:transform .25s}
.pb .lx-hot:hover,.pb .lx-hot[aria-expanded="true"]{transform:scale(1.15);animation:none;background:var(--ink)}
@keyframes lx-pulso{0%{box-shadow:0 0 0 0 rgba(176,122,74,.55)}70%{box-shadow:0 0 0 16px rgba(176,122,74,0)}100%{box-shadow:0 0 0 0 rgba(176,122,74,0)}}
.pb .lx-hot-tip{position:absolute;z-index:3;left:var(--x);top:var(--y);width:max-content;max-width:260px;transform:translate(-50%,22px);background:var(--ink);color:#fff;font:400 13.5px/1.4 var(--font);padding:10px 14px;border-radius:14px;box-shadow:0 20px 40px -16px rgba(0,0,0,.5);pointer-events:none}
.pb .lx-hot-tip b{display:block;font-weight:500;margin-bottom:2px;color:var(--bronze-light)}
.pb .lx-hot-tip.arriba{transform:translate(-50%,calc(-100% - 22px))}
.pb .lx-hot-tip.izq{transform:translate(calc(-100% + 30px),22px)}
.pb .lx-hot-tip.izq.arriba{transform:translate(calc(-100% + 30px),calc(-100% - 22px))}
.pb .lx-mnav{display:flex;align-items:center;gap:12px}
.pb .lx-mthumbs{display:flex;gap:10px;overflow-x:auto;flex:1;padding:4px;scrollbar-width:thin}
.pb .lx-mthumbs button{flex:none;width:132px;border:0;padding:5px;border-radius:14px;background:rgba(255,255,255,.6);display:flex;flex-direction:column;gap:6px;text-align:left;font:500 12px/1.2 var(--font);color:var(--ink-65);transition:background .3s,box-shadow .3s,transform .3s}
.pb .lx-mthumbs button img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:0 0;border-radius:9px}
.pb .lx-mthumbs button span{padding:0 4px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .lx-mthumbs button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 0 0 2px var(--bronze)}
.pb .lx-mthumbs button:hover{transform:translateY(-2px)}
.pb .lx-flecha{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:#fff;box-shadow:var(--shadow-card);display:grid;place-items:center;transition:background .3s,transform .3s}
.pb .lx-flecha:hover{background:var(--ink);color:#fff}
.pb .lx-flecha svg{width:18px;height:18px}
.pb .lx-mcap{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--ink-45)}
.pb .lx-mcap b{color:var(--ink);font-weight:500}
.pb .lx-mcap a{display:inline-flex;align-items:center;gap:5px;color:var(--bronze-text);font-weight:500;white-space:nowrap}
.pb .lx-mcap a svg{width:13px;height:13px}
/* App Tour / Vista previa */
.pb .lx-mmodo{align-self:flex-start;display:inline-flex;gap:4px;padding:4px;border-radius:99px;background:rgba(255,255,255,.65);box-shadow:inset 0 0 0 1px var(--ink-5)}
.pb .lx-mmodo[hidden]{display:none}
.pb .lx-mmodo button{border:0;background:none;font:500 13.5px/1 var(--font);color:var(--ink-65);padding:10px 18px;border-radius:99px;cursor:pointer;transition:background .25s,color .25s}
.pb .lx-mmodo button:hover{color:var(--ink)}
.pb .lx-mmodo button[aria-selected="true"]{background:var(--ink);color:#fff}
/* la app de verdad dentro de la pantalla: sin la inclinación 3D (se vería borrosa y los clics no caerían en su sitio) */
.pb .lx-mscreen.is-vista{transform:none;transform-style:flat;background:var(--sand-2)}
.pb .lx-mvista{position:absolute;left:0;top:0;width:100%;height:100%;border:0;transform-origin:0 0;background:#fff;opacity:0;transition:opacity .4s}
.pb .lx-mscreen.is-cargada .lx-mvista{opacity:1}
.pb .lx-mvista-carga{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;font-size:14px;color:var(--ink-45);transition:opacity .3s;pointer-events:none}
.pb .lx-mvista-carga i{width:26px;height:26px;border-radius:50%;border:2.5px solid rgba(27,24,22,.12);border-top-color:var(--bronze);animation:lx-gira .8s linear infinite}
.pb .lx-mscreen.is-cargada .lx-mvista-carga{opacity:0}
@media (max-width:700px){.pb .lx-mscreen.is-vista{aspect-ratio:auto;height:72vh}}
.pb .lx-minfo{position:relative;padding:40px 36px 32px;display:flex;flex-direction:column;gap:18px;min-width:0}
.pb .lx-minfo h3{font-size:clamp(30px,3vw,42px)}
.pb .lx-minfo>p{color:var(--ink-65);font-size:16.5px}
.pb .lx-minfo h5{margin:6px 0 0;font:500 12.5px/1 var(--font);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-45)}
.pb .lx-mlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pb .lx-mlist li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:15px;color:var(--ink-90)}
.pb .lx-mlist li::before{content:"";width:22px;height:22px;border-radius:50%;background:var(--bronze-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.2 2.2 4.8-4.8' fill='none' stroke='%238a5a30' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.pb .lx-mstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pb .lx-mstats div{background:var(--sand-2);border-radius:16px;padding:12px 14px}
.pb .lx-mstats b{display:block;font:500 24px/1.1 var(--font);letter-spacing:-.03em}
.pb .lx-mstats span{font-size:12.5px;color:var(--ink-65)}
.pb .lx-mx{position:absolute;right:18px;top:18px;width:44px;height:44px;border-radius:50%;border:0;background:var(--sand);display:grid;place-items:center;z-index:5;transition:background .3s,transform .3s}
.pb .lx-mx:hover{background:var(--ink);color:#fff;transform:rotate(90deg)}
.pb .lx-mx svg{width:16px;height:16px}
.pb .lx-mpie{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:8px}
.pb .lx-mpie .lx-msig{margin-left:auto;font:500 14px/1 var(--font);color:var(--ink-65);background:none;border:0;display:inline-flex;align-items:center;gap:6px}
.pb .lx-mpie .lx-msig:hover{color:var(--ink)}
.pb .lx-mpie .lx-msig svg{width:14px;height:14px}
.pb .lx-runs{border-radius:16px;box-shadow:0 0 0 1px var(--ink-10);overflow:hidden;font-size:13px}
.pb .lx-runs div{display:grid;grid-template-columns:20px 1fr auto auto;gap:10px;align-items:center;padding:9px 14px}
.pb .lx-runs div+div{box-shadow:0 -1px 0 var(--ink-5)}
.pb .lx-runs i{width:16px;height:16px;border-radius:50%;background:#1e8e54;display:grid;place-items:center;color:#fff;font-style:normal;font-size:10px}
.pb .lx-runs i.w{background:#d89a2b}
.pb .lx-runs span{color:var(--ink-45);font-variant-numeric:tabular-nums}
@media (max-width:980px){.pb .lx-mbox{grid-template-columns:1fr;border-radius:26px}.pb .lx-mmedia{padding:18px 14px}.pb .lx-minfo{padding:26px 22px}.pb .lx-mx{background:#fff}}
@media (max-width:640px){.pb .lx-modal{padding:8px}.pb .lx-mbox{max-height:calc(100vh - 16px)}.pb .lx-mthumbs button{width:96px}.pb .lx-flecha{width:38px;height:38px}.pb .lx-hot{width:24px;height:24px;margin:-12px 0 0 -12px;font-size:11px}.pb .lx-mstats b{font-size:19px}}

/* ---------- 4 · personalización ---------- */
.pb .lx-conf{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:24px;margin-top:48px;align-items:stretch}
.pb .lx-ctl{background:var(--sand-2);border-radius:30px;padding:28px;display:flex;flex-direction:column;gap:22px}
.pb .lx-ctl label,.pb .lx-ctl .lx-cl{display:flex;flex-direction:column;gap:10px;font:500 13px/1 var(--font);color:var(--ink-45);letter-spacing:.02em}
.pb .lx-ctl input[type=text]{font:500 17px/1.2 var(--font);color:var(--ink);background:#fff;border:0;border-radius:16px;padding:14px 16px;box-shadow:var(--shadow-card);outline:none;letter-spacing:-.01em}
.pb .lx-ctl input[type=text]:focus{box-shadow:0 0 0 2px var(--bronze)}
.pb .lx-opts{display:flex;flex-wrap:wrap;gap:6px}
.pb .lx-opts button{border:0;background:#fff;color:var(--ink-65);font:500 14px/1 var(--font);padding:10px 13px;border-radius:99px;box-shadow:var(--shadow-card);display:inline-flex;align-items:center;gap:7px;transition:background .25s,color .25s,transform .25s}
.pb .lx-opts button:hover{transform:translateY(-1px);color:var(--ink)}
.pb .lx-opts button[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:none}
.pb .lx-opts button img,.pb .lx-opts button .lx-ico{width:18px;height:18px}
.pb .lx-opts button .lx-ico svg{width:12px;height:12px}
.pb .lx-sw{display:flex;gap:10px;flex-wrap:wrap}
.pb .lx-sw button{width:38px;height:38px;border-radius:50%;border:0;background:var(--c);box-shadow:0 0 0 3px #fff,0 0 0 4px var(--ink-10);transition:transform .25s,box-shadow .25s}
.pb .lx-sw button:hover{transform:scale(1.08)}
.pb .lx-sw button[aria-pressed="true"]{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--c);transform:scale(1.1)}
.pb .lx-stage{position:relative;border-radius:32px;overflow:hidden;min-height:780px;padding:72px 20px 48px;display:grid;place-items:center;perspective:1800px;background:radial-gradient(55% 45% at 50% 62%,color-mix(in srgb,var(--c,#b07a4a) 24%,transparent),transparent 72%),linear-gradient(170deg,#fff,var(--sand-2) 60%,var(--sand));transition:background .6s}
.pb .lx-stage::after{content:"";position:absolute;left:50%;bottom:7%;width:56%;height:40px;margin-left:-28%;border-radius:50%;background:radial-gradient(rgba(27,24,22,.22),transparent 70%);filter:blur(4px)}
.pb .lx-stage-et{position:absolute;left:20px;top:18px;display:flex;gap:8px;flex-wrap:wrap;z-index:2}
.pb .lx-stage-et span{font:500 12.5px/1 var(--font);padding:8px 12px;border-radius:99px;background:rgba(255,255,255,.75);backdrop-filter:blur(8px);box-shadow:var(--shadow-card);color:var(--ink-65)}
.pb .lx-giro{position:relative;z-index:1;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.pb .lx-giro.is-gira{transform:rotateY(90deg) scale(.9)}
/* marcos de dispositivo */
.pb .lx-dev{position:relative;background:#141210;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 50px 90px -35px rgba(40,25,10,.6),0 0 0 1px rgba(27,24,22,.2);transition:width .8s cubic-bezier(.16,1,.3,1),height .8s cubic-bezier(.16,1,.3,1),border-radius .8s,padding .8s}
.pb .lx-dev[data-dev="movil"]{width:310px;height:640px;border-radius:48px;padding:12px}
.pb .lx-dev[data-dev="tablet"]{width:640px;height:480px;border-radius:30px;padding:16px}
.pb .lx-dev[data-dev="escritorio"]{width:700px;height:440px;border-radius:16px;padding:10px 10px 26px}
.pb .lx-dev[data-dev="escritorio"]::after{content:"";position:absolute;left:50%;bottom:-36px;width:150px;height:36px;margin-left:-75px;background:linear-gradient(#d8d2ca,#bdb5ab);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}
.pb .lx-dev[data-dev="movil"]::before{content:"";position:absolute;left:50%;top:22px;width:92px;height:24px;margin-left:-46px;border-radius:99px;background:#000;z-index:3}
.pb .lx-dev>.lx-ap{width:100%;height:100%}
/* la app que se personaliza (variables: --c color, --bg fondo, --fg texto, --r radio) */
.pb .lx-ap{--c:#b07a4a;--bg:#fff;--bg2:#f6f3ef;--fg:#1b1816;--fg2:rgba(27,24,22,.55);--ln:rgba(27,24,22,.08);--r:16px;--cs:color-mix(in srgb,var(--c) 14%,transparent);background:var(--bg);color:var(--fg);border-radius:calc(var(--r) * 2.2);overflow:hidden;display:flex;flex-direction:column;font:400 13px/1.35 var(--font);text-align:left;transition:background .5s,color .5s}
.pb .lx-ap.oscuro{--bg:#141518;--bg2:#1f2125;--fg:#f3f1ee;--fg2:rgba(243,241,238,.55);--ln:rgba(255,255,255,.08)}
.pb .lx-ap.recto{--r:4px}
.pb .lx-dev[data-dev="movil"] .lx-ap{border-radius:38px}
.pb .lx-dev[data-dev="tablet"] .lx-ap{border-radius:18px}
.pb .lx-dev[data-dev="escritorio"] .lx-ap{border-radius:7px}
.pb .lx-ap *{transition:background-color .5s,color .5s,border-radius .5s,box-shadow .5s}
.pb .lx-ap-top{display:flex;align-items:center;gap:10px;padding:16px 16px 10px}
.pb .lx-dev[data-dev="movil"] .lx-ap-top{padding-top:46px}
.pb .lx-ap-logo{width:34px;height:34px;flex:none;border-radius:calc(var(--r) * .7);background:var(--c);color:#fff;display:grid;place-items:center;font:600 13px/1 var(--font);letter-spacing:-.02em}
.pb .lx-ap-emp{min-width:0}
.pb .lx-ap-emp b{display:block;font:500 15px/1.15 var(--font);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .lx-ap-emp small{color:var(--fg2);font-size:11.5px}
.pb .lx-ap-bell{margin-left:auto;width:32px;height:32px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;position:relative}
.pb .lx-ap-bell::after{content:"";position:absolute;right:7px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--c)}
.pb .lx-ap-bell svg{width:15px;height:15px}
.pb .lx-ap-cuerpo{flex:1;min-height:0;display:flex}
.pb .lx-ap-side{display:none;width:150px;flex:none;padding:12px 10px;border-right:1px solid var(--ln);flex-direction:column;gap:4px}
.pb .lx-ap-side span{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:calc(var(--r) * .6);color:var(--fg2);font-size:12px}
.pb .lx-ap-side span i{width:12px;height:12px;border-radius:4px;background:var(--fg2);opacity:.4}
.pb .lx-ap-side span.on{background:var(--cs);color:var(--c);font-weight:500}
.pb .lx-ap-side span.on i{background:var(--c);opacity:1}
.pb .lx-dev[data-dev="tablet"] .lx-ap-side,.pb .lx-dev[data-dev="escritorio"] .lx-ap-side{display:flex}
.pb .lx-ap-main{flex:1;min-width:0;padding:4px 16px 16px;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.pb .lx-ap-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.pb .lx-ap-h h6{margin:0;font:500 22px/1.1 var(--font);letter-spacing:-.03em}
.pb .lx-ap-h small{color:var(--fg2);font-size:11.5px}
.pb .lx-ap-kpi{border-radius:var(--r);background:var(--c);color:#fff;padding:14px 16px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}
.pb .lx-ap-kpi::after{content:"";position:absolute;right:-30px;top:-40px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.14)}
.pb .lx-ap-kpi small{opacity:.85;font-size:11.5px}
.pb .lx-ap-kpi b{font:500 26px/1 var(--font);letter-spacing:-.03em}
.pb .lx-ap-kpi u{display:block;height:6px;border-radius:6px;background:rgba(255,255,255,.25);text-decoration:none;overflow:hidden}
.pb .lx-ap-kpi u i{display:block;height:100%;background:#fff;border-radius:6px}
.pb .lx-ap-seg{display:flex;gap:4px;background:var(--bg2);padding:4px;border-radius:calc(var(--r) * .9)}
.pb .lx-ap-seg span{flex:1;text-align:center;padding:7px 4px;border-radius:calc(var(--r) * .7);font-size:11.5px;color:var(--fg2)}
.pb .lx-ap-seg span.on{background:var(--bg);color:var(--fg);font-weight:500;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.pb .lx-ap-lista{display:flex;flex-direction:column;gap:8px}
.pb .lx-ap-it{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r);background:var(--bg2);transition:transform .4s,box-shadow .4s,background .4s}
.pb .lx-ap-it .lx-ap-ic{width:30px;height:30px;flex:none;border-radius:calc(var(--r) * .6);background:var(--cs);color:var(--c);display:grid;place-items:center;font:600 11px/1 var(--font)}
.pb .lx-ap-it div{min-width:0;flex:1}
.pb .lx-ap-it b{display:block;font-weight:500;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .lx-ap-it small{color:var(--fg2);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.pb .lx-ap-st{flex:none;font:600 10px/1 var(--font);padding:5px 8px;border-radius:99px;background:rgba(30,142,84,.15);color:#1e8e54}
.pb .lx-ap-st.m{background:rgba(216,154,43,.18);color:#b07812}
.pb .lx-ap-st.c{background:var(--cs);color:var(--c)}
.pb .lx-ap.oscuro .lx-ap-st{color:#5fd39a}
.pb .lx-ap.oscuro .lx-ap-st.m{color:#f0b54d}
.pb .lx-ap-it.is-hl{box-shadow:0 0 0 2px var(--c);transform:scale(1.03)}
.pb .lx-ap-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--c);color:#fff;font:500 14px/1 var(--font);padding:14px;border-radius:calc(var(--r) * 1.4)}
.pb .lx-ap.recto .lx-ap-btn{border-radius:4px}
.pb .lx-ap-tabs{display:flex;justify-content:space-around;padding:10px 12px 18px;border-top:1px solid var(--ln)}
.pb .lx-ap-tabs span{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;color:var(--fg2)}
.pb .lx-ap-tabs span i{width:18px;height:18px;border-radius:6px;background:var(--fg2);opacity:.35}
.pb .lx-ap-tabs span.on{color:var(--c);font-weight:500}
.pb .lx-ap-tabs span.on i{background:var(--c);opacity:1}
.pb .lx-dev[data-dev="tablet"] .lx-ap-tabs,.pb .lx-dev[data-dev="escritorio"] .lx-ap-tabs{display:none}
.pb .lx-ap-2c{display:grid;grid-template-columns:1fr;gap:12px;min-height:0}
.pb .lx-ap-2c>*,.pb .lx-ap-lista,.pb .lx-ap-it{min-width:0}
.pb .lx-dev[data-dev="tablet"] .lx-ap-2c,.pb .lx-dev[data-dev="escritorio"] .lx-ap-2c{grid-template-columns:1.25fr 1fr}
.pb .lx-ap-det{display:none;border-radius:var(--r);background:var(--bg2);padding:14px;flex-direction:column;gap:8px}
.pb .lx-dev[data-dev="tablet"] .lx-ap-det,.pb .lx-dev[data-dev="escritorio"] .lx-ap-det{display:flex}
.pb .lx-ap-det b{font:500 15px/1.2 var(--font);letter-spacing:-.02em}
.pb .lx-ap-det p{margin:0;color:var(--fg2);font-size:11.5px}
.pb .lx-ap-det .lx-ap-campo{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid var(--ln);font-size:11.5px}
.pb .lx-ap-det .lx-ap-campo span{color:var(--fg2)}
.pb .lx-ap-det .lx-ap-btn{padding:10px;font-size:12.5px}
.pb .lx-dev[data-dev="movil"] .lx-ap-kpi b{font-size:24px}
/* tablet y escritorio: más compacto, que quepa lista y detalle */
.pb .lx-dev:not([data-dev="movil"]) .lx-ap-top{padding:12px 14px 6px}
.pb .lx-dev:not([data-dev="movil"]) .lx-ap-main{gap:9px;padding:2px 14px 14px}
.pb .lx-dev:not([data-dev="movil"]) .lx-ap-h h6{font-size:18px}
.pb .lx-dev:not([data-dev="movil"]) .lx-ap-kpi{padding:10px 14px;gap:4px}
.pb .lx-dev:not([data-dev="movil"]) .lx-ap-kpi b{font-size:19px}
.pb .lx-dev:not([data-dev="movil"]) .lx-ap-seg span{padding:5px 4px}
.pb .lx-dev:not([data-dev="movil"]) .lx-ap-it{padding:7px 10px}
.pb .lx-dev:not([data-dev="movil"]) .lx-ap-it .lx-ap-ic{width:26px;height:26px}
.pb .lx-dev:not([data-dev="movil"]) .lx-ap-det{gap:4px;padding:10px 12px}
.pb .lx-dev:not([data-dev="movil"]) .lx-ap-det .lx-ap-campo{padding:4px 0}
.pb .lx-dev:not([data-dev="movil"]) .lx-ap-btn{padding:10px}
.pb .lx-dev:not([data-dev="movil"]) .lx-ap-lista{gap:6px}
/* bloques que aparecen cuando Locodea AI construye una pantalla */
.pb .lx-ap .lx-nuevo{animation:lx-cae .9s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--d,0s)}
@keyframes lx-cae{from{opacity:0;transform:translate3d(0,-30px,0) scale(1.15);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.pb .lx-ap-campo2{display:flex;flex-direction:column;gap:5px;padding:10px 12px;border-radius:var(--r);background:var(--bg2);font-size:11px;color:var(--fg2)}
.pb .lx-ap-campo2 b{font-size:13px;color:var(--fg);font-weight:500}
.pb .lx-ap-foto{height:86px;border-radius:var(--r);border:1.5px dashed color-mix(in srgb,var(--c) 60%,transparent);display:grid;place-items:center;color:var(--c);font:500 12px/1 var(--font);background:var(--cs)}
/* catálogo */
.pb .lx-cat-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-top:72px;flex-wrap:wrap}
.pb .lx-cat-head h3{font-size:clamp(28px,3vw,40px);max-width:18ch}
.pb .lx-cat-head p{color:var(--ink-65);max-width:46ch}
.pb .lx-cat{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:28px}
.pb .lx-cat button{min-width:0;border:0;padding:0;background:none;text-align:left;font:inherit;color:inherit;display:flex;flex-direction:column;gap:12px}
.pb .lx-cat-esc{position:relative;height:320px;perspective:1000px;display:grid;place-items:center}
.pb .lx-cat-esc::before{content:"";position:absolute;left:14%;right:14%;bottom:3%;height:36px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 55%,transparent),transparent);filter:blur(5px);opacity:.75;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .5s}
.pb .lx-cat button:hover .lx-cat-esc::before,.pb .lx-cat button[aria-pressed="true"] .lx-cat-esc::before{transform:scale(1.25,1.1);opacity:1}
.pb .lx-cat-dev{animation:lx-flota-cat 5.5s ease-in-out infinite}
.pb .lx-cat button:nth-child(2) .lx-cat-dev{animation-delay:-.9s}.pb .lx-cat button:nth-child(3) .lx-cat-dev{animation-delay:-1.8s}.pb .lx-cat button:nth-child(4) .lx-cat-dev{animation-delay:-2.7s}.pb .lx-cat button:nth-child(5) .lx-cat-dev{animation-delay:-3.6s}.pb .lx-cat button:nth-child(6) .lx-cat-dev{animation-delay:-4.5s}
@keyframes lx-flota-cat{0%,100%{translate:0 0}50%{translate:0 -14px}}
.pb .lx-cat button:hover .lx-cat-dev{animation-play-state:paused}
.pb .lx-cat-dev{position:absolute;left:50%;top:50%;width:310px;height:640px;margin:-300px 0 0 -155px;transform:rotateX(14deg) rotateY(-16deg) rotateZ(3deg) scale(.42);transform-origin:50% 40%;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.pb .lx-cat button:hover .lx-cat-dev,.pb .lx-cat button[aria-pressed="true"] .lx-cat-dev{transform:rotateX(4deg) rotateY(0) rotateZ(0) scale(.47) translateY(-3%)}
.pb .lx-cat button[aria-pressed="true"] .lx-cat-txt b{color:var(--bronze-text)}
.pb .lx-cat.is-flujo .lx-cat-dev{width:520px;height:auto;margin:-150px 0 0 -260px;transform:rotateX(12deg) rotateY(-10deg) rotateZ(2deg) scale(.5);transform-origin:50% 30%}
.pb .lx-cat.is-flujo button:hover .lx-cat-dev,.pb .lx-cat.is-flujo button[aria-pressed="true"] .lx-cat-dev{transform:rotateX(4deg) rotateY(0) rotateZ(0) scale(.54)}
.pb .lx-cat.is-flujo .lx-lienzo{width:520px;transform:none}
.pb .lx-cat-txt b{display:block;font:500 16px/1.2 var(--font);letter-spacing:-.02em}
.pb .lx-cat-txt span{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-45);margin-top:3px}
.pb .lx-cat-txt span i{width:10px;height:10px;border-radius:50%;background:var(--c)}
@media (max-width:1180px){.pb .lx-cat{grid-template-columns:repeat(3,1fr)}}
@media (max-width:980px){.pb .lx-conf{grid-template-columns:1fr}.pb .lx-stage{min-height:560px}}
@media (max-width:700px){
  .pb .lx-ctl{padding:20px;border-radius:24px}
  .pb .lx-stage{min-height:0;height:540px}
  .pb .lx-cat{grid-template-columns:repeat(2,1fr)}
  .pb .lx-cat-esc{height:240px}
}

/* lienzo de flujo (Power Automate: personalización, ficha y Locodea AI) */
.pb .lx-lienzo{position:relative;width:min(620px,100%);border-radius:24px;background:radial-gradient(circle at 1px 1px,rgba(27,24,22,.13) 1px,transparent 1.5px) 0 0/18px 18px,#fbf9f6;box-shadow:0 0 0 1px rgba(27,24,22,.08),0 50px 90px -40px rgba(40,25,10,.55);padding:52px 24px 30px;display:flex;flex-direction:column;align-items:center;transform:rotateX(10deg) rotateY(-10deg);transform-style:preserve-3d;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.pb .lx-lienzo:hover{transform:rotateX(4deg) rotateY(-3deg)}
.pb .lx-lienzo-bar{position:absolute;left:0;right:0;top:0;height:40px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid rgba(27,24,22,.07);background:rgba(255,255,255,.8);border-radius:24px 24px 0 0;font:500 12.5px/1 var(--font);color:var(--ink-65)}
.pb .lx-lienzo-bar img{width:18px;height:18px}
.pb .lx-lienzo-bar em{margin-left:auto;font-style:normal;font-size:11.5px;color:#1e7a48;background:rgba(30,142,84,.12);padding:5px 9px;border-radius:99px}
.pb .lx-paso{position:relative;width:min(400px,100%);display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:12px 14px;box-shadow:0 0 0 1px rgba(27,24,22,.09),0 10px 20px -14px rgba(40,25,10,.4);text-align:left;transition:box-shadow .4s,transform .4s}
.pb .lx-paso>img,.pb .lx-paso>.lx-ico{width:34px;height:34px;flex:none;border-radius:10px}
.pb .lx-paso div{min-width:0;flex:1}
.pb .lx-paso b{display:block;font:500 14px/1.2 var(--font);letter-spacing:-.01em}
.pb .lx-paso small{display:block;font-size:12px;color:var(--ink-45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .lx-paso .lx-pq{flex:none;font:500 10.5px/1 var(--font);padding:5px 8px;border-radius:99px;background:var(--sand-2);color:var(--ink-45)}
.pb .lx-paso.is-run{box-shadow:0 0 0 2px var(--bronze),0 16px 30px -14px rgba(176,122,74,.6);transform:scale(1.03)}
.pb .lx-paso.is-ok{box-shadow:0 0 0 2px #1e8e54,0 10px 20px -14px rgba(40,25,10,.4)}
.pb .lx-paso.is-ok .lx-pq{background:rgba(30,142,84,.14);color:#1e7a48}
.pb .lx-paso.lx-cond{background:#fffaf3;box-shadow:0 0 0 1px rgba(176,122,74,.35)}
.pb .lx-lin{position:relative;width:2px;height:26px;background:rgba(27,24,22,.18)}
.pb .lx-lin::after{content:"";position:absolute;left:50%;bottom:-1px;width:7px;height:7px;margin-left:-3.5px;border-right:2px solid rgba(27,24,22,.3);border-bottom:2px solid rgba(27,24,22,.3);transform:rotate(45deg)}
.pb .lx-lin i{position:absolute;left:-3px;top:0;width:8px;height:8px;border-radius:50%;background:var(--bronze);opacity:0}
.pb .lx-lin.is-flu i{animation:lx-baja .6s ease-in forwards}
@keyframes lx-baja{0%{top:-4px;opacity:1}100%{top:22px;opacity:0}}
.pb .lx-ramas{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(470px,100%)}
.pb .lx-ramas>div{display:flex;flex-direction:column;align-items:center;gap:0}
.pb .lx-ramas .lx-paso{width:100%}
.pb .lx-rama-et{font:500 11px/1 var(--font);color:var(--ink-45);margin-bottom:6px;background:#fff;padding:5px 9px;border-radius:99px;box-shadow:0 0 0 1px var(--ink-10)}
.pb .lx-lienzo .lx-nuevo{animation:lx-cae .9s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--d,0s)}
@media (max-width:640px){.pb .lx-lienzo{padding:48px 12px 22px;transform:none}.pb .lx-paso{padding:10px 11px}.pb .lx-ramas{grid-template-columns:1fr}}

/* ---------- 5 · Locodea AI ---------- */
.pb .lx-ia{position:relative;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.34fr);gap:40px;align-items:center;overflow:hidden;background:radial-gradient(50% 60% at 85% 20%,rgba(176,122,74,.22),transparent 70%),var(--sand)}
.pb .lx-ia>*{min-width:0}
.pb .lx-chip-sym{width:22px;height:22px;object-fit:cover;border-radius:50%;flex:none}
.pb .lx-ai-badge{margin-left:auto;font-style:normal;font:500 11px/1 var(--font);letter-spacing:.06em;color:var(--bronze-text);background:var(--bronze-soft);padding:6px 8px;border-radius:99px}
.pb .lx-ia-tabs{display:flex;gap:6px;background:rgba(255,255,255,.55);padding:5px;border-radius:99px;box-shadow:var(--shadow-card);flex-wrap:wrap}
.pb .lx-ia-tabs button{border:0;background:none;font:500 14.5px/1 var(--font);color:var(--ink-65);padding:11px 16px;border-radius:99px;transition:background .3s,color .3s}
.pb .lx-ia-tabs button[aria-selected="true"]{background:var(--ink);color:#fff}
.pb .lx-ia-puntos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pb .lx-ia-puntos li{display:flex;gap:10px;align-items:center;font-size:15.5px;color:var(--ink-90)}
.pb .lx-ia-puntos li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--bronze);box-shadow:0 0 0 4px var(--bronze-soft);flex:none}
.pb .lx-ia h2{font-size:clamp(38px,4.6vw,60px)}
.pb .lx-ia-stage{position:relative;height:640px;perspective:1700px;perspective-origin:30% 40%}
.pb .lx-ia-sym{position:absolute;left:-2%;top:-40px;width:250px;height:auto;mix-blend-mode:multiply;z-index:0;pointer-events:none;user-select:none;filter:saturate(1.05)}
.pb .lx-ia-chat{position:absolute;left:0;top:150px;width:min(420px,60%);height:480px;display:flex;flex-direction:column;background:#fff;border-radius:26px;box-shadow:0 0 0 1px rgba(27,24,22,.06),0 60px 100px -40px rgba(40,25,10,.55);transform:rotateY(12deg) rotateX(3deg) translateZ(30px);transform-origin:0 50%;z-index:2;overflow:hidden;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.pb .lx-ia-stage:hover .lx-ia-chat{transform:rotateY(6deg) rotateX(1deg) translateZ(40px)}
.pb .lx-ia-ch{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--ink-5)}
.pb .lx-ia-av{width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--ink-10);overflow:hidden;flex:none;display:grid;place-items:center}
.pb .lx-ia-av img{width:100%;height:100%;object-fit:cover}
.pb .lx-ia-ch b{display:block;font:500 15px/1.2 var(--font)}
.pb .lx-ia-ch small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-45)}
.pb .lx-ia-ch small i{width:7px;height:7px;border-radius:50%;background:var(--st-ok)}
.pb .lx-ia-ch em{margin-left:auto;font-style:normal;font:500 11px/1 var(--font);letter-spacing:.06em;color:var(--bronze-text);background:var(--bronze-soft);padding:6px 8px;border-radius:99px}
.pb .lx-ia-body{flex:1;min-height:0;overflow:hidden;padding:16px 18px;display:flex;flex-direction:column;gap:12px;justify-content:flex-end}
.pb .lx-msg{max-width:88%;font-size:14px;line-height:1.45;padding:11px 14px;border-radius:18px;animation:lx-msg .5s cubic-bezier(.16,1,.3,1) both}
@keyframes lx-msg{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.pb .lx-msg.yo{align-self:flex-end;background:var(--ink);color:#fff;border-radius:18px 18px 6px 18px}
.pb .lx-msg.ia{align-self:flex-start;background:var(--sand-2);border-radius:18px 18px 18px 6px;max-width:94%}
.pb .lx-msg.ia>b:first-child{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--bronze-text);margin-bottom:4px}
.pb .lx-tools{display:flex;flex-direction:column;gap:6px;margin:6px 0 2px}
.pb .lx-tool{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-65);background:#fff;border-radius:12px;padding:8px 10px;box-shadow:0 0 0 1px var(--ink-5);animation:lx-msg .4s both}
.pb .lx-tool img{width:16px;height:16px;flex:none}
.pb .lx-tool span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .lx-tool em{font-style:normal;color:var(--ink-45);font-size:11.5px;font-variant-numeric:tabular-nums}
.pb .lx-tool i{width:16px;height:16px;flex:none;border-radius:50%;border:2px solid var(--sand-3);border-top-color:var(--bronze);animation:lx-gira .8s linear infinite}
.pb .lx-tool.ok i{animation:none;border:0;background:#1e8e54 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.2 2.2 4.8-4.8' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
@keyframes lx-gira{to{transform:rotate(360deg)}}
.pb .lx-filas{margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 0 0 1px var(--ink-5);padding:2px 12px}
.pb .lx-filas div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:13px}
.pb .lx-filas div+div{box-shadow:0 -1px 0 var(--ink-5)}
.pb .lx-filas span{color:var(--ink-45);text-align:right}
.pb .lx-fuente{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:11.5px;color:var(--ink-45);background:#fff;border-radius:99px;padding:5px 10px;box-shadow:0 0 0 1px var(--ink-5)}
.pb .lx-fuente img{width:14px;height:14px}
.pb .lx-aprueba{display:flex;gap:8px;margin-top:10px}
.pb .lx-aprueba span{font:500 13px/1 var(--font);padding:10px 14px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px var(--ink-10)}
.pb .lx-aprueba span.on{background:var(--ink);color:#fff;box-shadow:none}
.pb .lx-aprueba span.hecho{background:#1e8e54;color:#fff;box-shadow:none}
.pb .lx-escribe{display:inline-flex;gap:4px;padding:4px 2px}
.pb .lx-escribe i{width:7px;height:7px;border-radius:50%;background:var(--ink-45);animation:lx-salta 1s infinite}
.pb .lx-escribe i:nth-child(2){animation-delay:.15s}.pb .lx-escribe i:nth-child(3){animation-delay:.3s}
@keyframes lx-salta{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.pb .lx-ia-in{margin:0 14px 14px;display:flex;align-items:center;gap:10px;background:var(--sand-2);border-radius:99px;padding:8px 8px 8px 16px;font-size:14px;color:var(--ink-45);min-height:48px}
.pb .lx-ia-in span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .lx-ia-in span.escr{color:var(--ink)}
.pb .lx-ia-in span.escr::after{content:"";display:inline-block;width:2px;height:16px;background:var(--bronze);margin-left:2px;vertical-align:-3px;animation:lx-cursor .8s steps(1) infinite}
@keyframes lx-cursor{50%{opacity:0}}
.pb .lx-ia-in i{width:34px;height:34px;border-radius:50%;background:var(--bronze);flex:none;display:grid;place-items:center}
.pb .lx-ia-in i::after{content:"";width:0;height:0;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}
.pb .lx-ia-lado{position:absolute;right:0;top:0;z-index:1;transform:rotateY(-16deg) translateZ(-40px);transform-origin:100% 50%;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.pb .lx-ia-stage:hover .lx-ia-lado{transform:rotateY(-10deg) translateZ(-30px)}
.pb .lx-ia-lado .lx-dev[data-dev="movil"]{width:268px;height:560px}
.pb .lx-ia-lado .lx-lienzo{width:380px;transform:none;padding:48px 16px 22px}
.pb .lx-ia-lado .lx-lienzo .lx-paso{padding:10px 11px}
.pb .lx-ia-lado .lx-lienzo .lx-paso b{font-size:13px}
@media (max-width:1100px){.pb .lx-ia{grid-template-columns:1fr}.pb .lx-ia-stage{height:620px}}
@media (max-width:700px){
  .pb .lx-ia-stage{height:auto;perspective:none;display:flex;flex-direction:column;gap:18px}
  .pb .lx-ia-chat{position:relative;top:0;width:100%;height:470px;transform:none!important}
  .pb .lx-ia-lado{position:relative;transform:none!important;align-self:center}
  .pb .lx-ia-lado .lx-dev[data-dev="movil"]{width:250px;height:520px}
  .pb .lx-ia-lado .lx-lienzo{width:100%}
  .pb .lx-ia-sym{width:160px;top:auto;bottom:40%;right:-10%;opacity:.5}
}

/* ventana de Locodea AI, con el estilo de la página Locodea AI: clara, con los tres puntos grises y la marca
   («locodea» en tinta, «AI» en bronce) */
.pb .lx-term{position:absolute;left:0;top:150px;width:min(450px,60%);height:480px;display:flex;flex-direction:column;border-radius:22px;background:#fff;color:var(--ink);font:400 14px/1.45 var(--font);text-align:left;box-shadow:0 0 0 1px rgba(27,24,22,.06),0 60px 100px -40px rgba(60,35,15,.45);transform:rotateY(10deg) rotateX(2deg) translateZ(30px);transform-origin:0 50%;z-index:2;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.pb .lx-ia-stage:hover .lx-term{transform:rotateY(5deg) rotateX(1deg) translateZ(40px)}
.pb .lx-term-bar{display:flex;align-items:center;gap:6px;padding:13px 16px;border-bottom:1px solid var(--ink-5);background:#fbf8f4;border-radius:22px 22px 0 0}
.pb .lx-term-bar i{width:10px;height:10px;border-radius:50%;background:rgba(27,24,22,.12);flex:none}
.pb .lx-term-bar span{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:600 14px/1 var(--font);letter-spacing:-.03em;color:var(--ink)}
.pb .lx-term-bar em{font-style:normal;font-weight:500;letter-spacing:0;color:var(--bronze)}
/* a la derecha, las tres IA con las que funciona (el mismo ancho que los tres puntos, para que la marca quede centrada) */
.pb .lx-term-bar .lx-term-ias{flex:none;width:52px;display:flex;justify-content:flex-end}
.pb .lx-term-ias img{width:18px;height:18px;object-fit:contain;padding:2px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px #fbf8f4,0 1px 3px rgba(27,24,22,.18);margin-left:-5px}
/* la marca en la etiqueta de arriba: «locodea» en tinta, «AI» en bronce */
.pb .lx-marca-ai b{font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.pb .lx-marca-ai em{font-style:normal;font-weight:500;color:var(--bronze)}
.pb .lx-term-body{flex:1;min-height:0;overflow:hidden;padding:12px 14px 8px;display:flex;flex-direction:column;justify-content:flex-end;gap:1px}
.pb .lx-term-body>*{flex:none;animation:lx-t-in .25s ease-out both}
@keyframes lx-t-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.pb .lx-t-hola{display:flex;gap:14px;align-items:center;border:1px solid #c98a55;border-radius:10px;padding:10px 14px;margin-bottom:6px}
.pb .lx-t-hola .lx-masc{width:44px;height:32px;flex:none}
.pb .lx-t-hola b{display:block;font-weight:400;color:#fff}
.pb .lx-t-hola b em{font-style:normal;color:#d9a26b}
.pb .lx-t-hola strong{font-weight:700}
.pb .lx-t-hola span{display:block;color:rgba(233,225,214,.6);font-size:11.5px}
.pb .lx-t-dim{color:rgba(233,225,214,.42)}
.pb .lx-t-con{margin-bottom:6px;font-size:11.5px}
.pb .lx-t-yo{color:#fff;margin:6px 0 2px;padding:5px 10px;background:rgba(255,255,255,.06);border-radius:6px}
.pb .lx-t-yo b{color:rgba(233,225,214,.5);font-weight:400}
.pb .lx-t-tool{margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .lx-t-tool b{font-weight:400;color:rgba(233,225,214,.45);animation:lx-parpa .8s steps(2) infinite}
.pb .lx-t-tool.ok b{color:#5fc48a;animation:none}
.pb .lx-t-tool strong{font-weight:700;color:#fff}
.pb .lx-t-tool span{color:rgba(233,225,214,.72)}
@keyframes lx-parpa{50%{opacity:.2}}
.pb .lx-t-res{color:rgba(233,225,214,.5);padding-left:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .lx-t-diff{margin:4px 0 2px 14px;border-radius:6px;overflow:hidden;background:rgba(255,255,255,.03);font-size:11.5px;line-height:1.55}
.pb .lx-t-diff div{white-space:pre;padding:0 8px;overflow:hidden;text-overflow:ellipsis}
.pb .lx-t-diff u{display:inline-block;width:24px;text-decoration:none;color:rgba(233,225,214,.3)}
.pb .lx-t-diff .mas{background:rgba(70,160,100,.22);color:#b8f0c8}
.pb .lx-t-diff .menos{background:rgba(200,80,70,.22);color:#f5b8ae}
.pb .lx-t-spin{margin-top:6px;color:#d9a26b}
.pb .lx-t-spin i{font-style:normal;display:inline-block;width:13px}
.pb .lx-t-spin em{font-style:normal;color:rgba(233,225,214,.4)}
.pb .lx-t-ia{margin-top:8px;color:#fff}
.pb .lx-t-ia>b{color:#fff;font-weight:400}
.pb .lx-t-ia span b{color:#e6b989;font-weight:700}
.pb .lx-t-tabla{margin:4px 0 0 14px;border-left:1px solid rgba(255,255,255,.14);padding-left:10px}
.pb .lx-t-tabla div{display:flex;justify-content:space-between;gap:12px}
.pb .lx-t-tabla em{font-style:normal;color:rgba(233,225,214,.5)}
.pb .lx-t-perm{margin-top:8px;border:1px solid #c98a55;border-radius:10px;padding:8px 12px}
.pb .lx-t-perm>b{display:block;font-weight:400;color:#fff;margin-bottom:4px}
.pb .lx-t-perm .op{color:rgba(233,225,214,.55)}
.pb .lx-t-perm .op.on{color:#e6b989}
.pb .lx-t-perm em{font-style:normal;color:rgba(233,225,214,.35)}
.pb .lx-t-ok{margin-top:8px;color:#5fc48a}
.pb .lx-term-in{margin:0 12px;display:flex;gap:9px;align-items:center;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:9px 12px;color:#fff;min-height:40px}
.pb .lx-term-in b{font-weight:400;color:rgba(233,225,214,.5)}
.pb .lx-term-in span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .lx-term-in .lx-t-ph{color:rgba(233,225,214,.35)}
.pb .lx-term-in .escr::after{content:"";display:inline-block;width:7px;height:14px;background:#e9e1d6;margin-left:1px;vertical-align:-2px;animation:lx-cursor .9s steps(1) infinite}
.pb .lx-term-pie{display:flex;justify-content:space-between;gap:10px;padding:6px 16px 10px;font-size:10.5px;color:rgba(233,225,214,.35)}
/* el símbolo 3D: fundido con el fondo y sin la sombra del suelo del render */
.pb .lx-ia-sym{-webkit-mask-image:radial-gradient(ellipse 25% 41% at 52% 42.5%,#000 80%,transparent 100%);mask-image:radial-gradient(ellipse 25% 41% at 52% 42.5%,#000 80%,transparent 100%);animation:lx-flota 6s ease-in-out infinite}
.pb .lx-ia-sombra{position:absolute;left:calc(-2% + 88px);top:118px;width:84px;height:14px;border-radius:50%;background:radial-gradient(closest-side,rgba(80,50,20,.22),transparent);filter:blur(2px);animation:lx-sombra 6s ease-in-out infinite;pointer-events:none}
@keyframes lx-sombra{50%{transform:scale(.82);opacity:.7}}
@media (max-width:700px){.pb .lx-term{position:relative;top:0;width:100%;height:470px;transform:none!important}.pb .lx-ia-sombra{display:none}}

/* ---------- 4 · personalización (versión profesional): panel por secciones, dispositivos reales ---------- */
.pb .lx-conf{grid-template-columns:minmax(320px,400px) 1fr;gap:20px}
.pb .lx-ctl{background:#fff;border-radius:30px;padding:10px;box-shadow:0 0 0 1px rgba(27,24,22,.07),0 30px 60px -40px rgba(60,35,15,.45);gap:4px}
.pb .lx-ctl-sec{padding:16px 16px 18px;border-radius:22px;background:var(--sand-2);display:flex;flex-direction:column;gap:10px}
.pb .lx-ctl-sec h6{margin:0;display:flex;align-items:center;gap:10px;font:500 15px/1 var(--font);letter-spacing:-.01em;color:var(--ink)}
.pb .lx-ctl-sec h6 i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:500 12px/1 var(--font);font-style:normal;background:var(--ink);color:#fff}
.pb .lx-ctl-et{margin:4px 0 -2px;font:500 12.5px/1 var(--font);color:var(--ink-45)}
.pb .lx-campo{display:flex;flex-direction:column;gap:7px}
.pb .lx-campo span{font:500 12.5px/1 var(--font);color:var(--ink-45)}
.pb .lx-ctl input[type=text]{font:500 16px/1.2 var(--font);padding:13px 15px;border-radius:14px}
.pb .lx-logo-up{display:flex;align-items:center;gap:12px}
.pb .lx-logo-prev{width:52px;height:52px;flex:none;border-radius:14px;background:var(--c,#b07a4a);color:#fff;display:grid;place-items:center;font:600 18px/1 var(--font);overflow:hidden;box-shadow:0 8px 16px -8px rgba(40,25,10,.45);transition:background .4s}
.pb .lx-logo-prev img{width:100%;height:100%;object-fit:contain;background:#fff}
.pb .lx-logo-up small{display:block;margin-top:6px;font-size:11.5px;color:var(--ink-45)}
.pb .lx-btn-up{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font:500 14px/1 var(--font);padding:10px 14px;border-radius:99px;background:#fff;box-shadow:var(--shadow-card);transition:background .25s,color .25s}
.pb .lx-btn-up:hover{background:var(--ink);color:#fff}
.pb .lx-sw{align-items:center}
.pb .lx-sw button{width:34px;height:34px}
.pb .lx-libre{position:relative;width:34px;height:34px;border-radius:50%;cursor:pointer;background:conic-gradient(#e2574c,#f0b33a,#5ec27a,#3c8de0,#8d5bd6,#e2574c);box-shadow:0 0 0 3px #fff,0 0 0 4px var(--ink-10);display:grid;place-items:center}
.pb .lx-libre input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.pb .lx-libre span{font:500 16px/1 var(--font);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);pointer-events:none}
.pb .lx-tpl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pb .lx-tpl button{border:0;border-radius:16px;background:#fff;padding:12px 6px 10px;display:flex;flex-direction:column;align-items:center;gap:7px;box-shadow:0 0 0 1px rgba(27,24,22,.06);color:var(--ink-65);transition:transform .25s,box-shadow .25s,background .25s,color .25s}
.pb .lx-tpl button b{font:500 12.5px/1.1 var(--font)}
.pb .lx-tpl button .lx-ico,.pb .lx-tpl button img{width:34px;height:34px;border-radius:11px}
.pb .lx-tpl button .lx-ico svg{width:19px;height:19px}
.pb .lx-tpl button:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(27,24,22,.1),0 10px 18px -12px rgba(40,25,10,.4)}
.pb .lx-tpl button[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:0 12px 22px -12px rgba(27,24,22,.7)}
.pb .lx-tpl button[aria-pressed="true"] .lx-ico{background:rgba(255,255,255,.14);color:#fff}
.pb .lx-seg{display:flex;background:#fff;border-radius:14px;padding:4px;gap:4px;box-shadow:0 0 0 1px rgba(27,24,22,.06)}
.pb .lx-seg button{flex:1;border:0;background:none;border-radius:10px;padding:9px 6px;font:500 13px/1 var(--font);color:var(--ink-65);display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .25s,color .25s,box-shadow .25s}
.pb .lx-seg button[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:0 6px 12px -8px rgba(0,0,0,.5)}
.pb .lx-seg button img,.pb .lx-seg button .lx-ico{width:18px;height:18px;border-radius:5px;background:none}
.pb .lx-seg button .lx-ico svg{width:16px;height:16px}
.pb .lx-seg button[aria-pressed="true"] .lx-ico{color:#fff}
.pb .lx-seg-grid{display:grid;grid-template-columns:1fr 1fr}
.pb .lx-seg-grid button{justify-content:flex-start;padding:10px 10px}
.pb .lx-probar{margin:6px;justify-content:center;font-size:16px;padding:16px;box-shadow:0 16px 30px -14px rgba(176,122,74,.8)}
.pb .lx-stage{min-height:820px;padding:72px 20px 96px}
.pb .lx-stage-pie{position:absolute;left:20px;right:20px;bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;border-radius:99px;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);box-shadow:var(--shadow-card);font-size:14px;color:var(--ink-65);z-index:2}
.pb .lx-stage-pie svg{width:14px;height:14px}
/* dispositivos de verdad */
.pb .lx-dev{display:flex;flex-direction:column}
.pb .lx-dev>.lx-ap{flex:1;min-height:0;height:auto}
.pb .lx-dev[data-dev="movil"]{width:320px;height:660px;border-radius:54px;padding:13px;background:linear-gradient(145deg,#2a2622,#0e0c0b);box-shadow:0 0 0 2px #3a3530 inset,0 0 0 1px rgba(255,255,255,.06),0 60px 100px -40px rgba(30,18,6,.7)}
.pb .lx-dev[data-dev="movil"]::after{content:"";position:absolute;right:-3px;top:150px;width:3px;height:70px;border-radius:0 3px 3px 0;background:#2a2622;box-shadow:0 -80px 0 #2a2622}
.pb .lx-dev[data-dev="movil"] .lx-ap{border-radius:42px;position:relative}
.pb .lx-dev[data-dev="movil"] .lx-ap::after{content:"";position:absolute;left:50%;bottom:8px;width:110px;height:5px;margin-left:-55px;border-radius:5px;background:var(--fg);opacity:.85}
.pb .lx-dev[data-dev="movil"]::before{top:24px;width:96px;height:28px;margin-left:-48px}
.pb .lx-ap-status{display:none;justify-content:space-between;align-items:center;padding:16px 26px 0 30px;font:600 14px/1 var(--font);color:var(--fg)}
.pb .lx-ap-status span{display:flex;gap:5px;align-items:center}
.pb .lx-ap-status svg{height:11px;width:auto;fill:currentColor;color:var(--fg)}
.pb .lx-dev[data-dev="movil"] .lx-ap-status,.pb .lx-dev[data-dev="tablet"] .lx-ap-status{display:flex}
.pb .lx-dev[data-dev="tablet"] .lx-ap-status{padding:8px 16px 0;font-size:11px}
.pb .lx-dev[data-dev="movil"] .lx-ap-top{padding-top:16px}
.pb .lx-dev[data-dev="tablet"]{width:660px;height:490px;border-radius:34px;padding:16px;background:linear-gradient(145deg,#2a2622,#0e0c0b);box-shadow:0 0 0 2px #3a3530 inset,0 60px 100px -40px rgba(30,18,6,.7)}
.pb .lx-ap-url{display:none;align-items:center;gap:6px;padding:7px 10px;background:#ece7e1;border-radius:8px 8px 0 0}
.pb .lx-ap-url i{width:9px;height:9px;border-radius:50%;background:#ff5f57}.pb .lx-ap-url i:nth-child(2){background:#febc2e}.pb .lx-ap-url i:nth-child(3){background:#28c840}
.pb .lx-ap-url span{flex:1;margin:0 30px 0 12px;padding:4px 10px;border-radius:6px;background:#fff;font:400 11px/1.2 var(--font);color:var(--ink-45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .lx-ap-url em{font-style:normal;color:var(--ink)}
.pb .lx-dev[data-dev="escritorio"]{width:720px;height:470px;padding:10px 10px 28px;background:linear-gradient(#2a2622,#151210)}
.pb .lx-dev[data-dev="escritorio"] .lx-ap-url{display:flex}
.pb .lx-dev[data-dev="escritorio"] .lx-ap{border-radius:0 0 7px 7px}
/* la app, con iconos y su gráfica */
.pb .lx-ap-yo{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;font:600 10.5px/1 var(--font);background:var(--bg2);color:var(--fg2)}
.pb .lx-ap-bell{margin-left:auto}
.pb .lx-ap-logo img{width:100%;height:100%;object-fit:contain;background:#fff;border-radius:inherit}
.pb .lx-ap-logo{overflow:hidden}
.pb .lx-ap-side span svg,.pb .lx-ap-tabs span svg{width:16px;height:16px;flex:none}
.pb .lx-ap-side span{gap:9px}
.pb .lx-ap-tabs span svg{width:20px;height:20px}
.pb .lx-ap-tabs span i{display:none}
.pb .lx-ap-kpi{padding-bottom:12px}
.pb .lx-ap-spark{position:absolute;right:12px;top:12px;width:42%;height:42px;opacity:.95}
.pb .lx-ap-kpi b,.pb .lx-ap-kpi small{position:relative;z-index:1}
.pb .lx-ap-chev{color:var(--fg2);opacity:.6;display:grid}
.pb .lx-ap-chev svg{width:12px;height:12px}
.pb .lx-ap-it{gap:9px}
.pb .lx-ap-det .lx-ap-campo b{font-size:11.5px;font-weight:500}
.pb .lx-ap.letra-clasica{font-family:Georgia,"Times New Roman",serif}
.pb .lx-ap.letra-clasica .lx-ap-h h6,.pb .lx-ap.letra-clasica .lx-ap-kpi b,.pb .lx-ap.letra-clasica .lx-ap-emp b{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.01em}
.pb .lx-ap.letra-tecnica,.pb .lx-ap.letra-tecnica .lx-ap-h h6,.pb .lx-ap.letra-tecnica .lx-ap-kpi b,.pb .lx-ap.letra-tecnica .lx-ap-emp b,.pb .lx-ap.letra-tecnica .lx-ap-btn{font-family:ui-monospace,"SF Mono",Consolas,monospace;letter-spacing:-.02em}
@media (max-width:700px){.pb .lx-stage{min-height:0;height:620px;padding:56px 8px 80px}.pb .lx-stage .lx-giro{transform:scale(.82)}.pb .lx-stage-pie{flex-direction:column;align-items:stretch;border-radius:20px;text-align:center}.pb .lx-tpl{grid-template-columns:repeat(3,1fr)}}

/* el flujo: iconos grandes y, al probarlo, cada paso enseña lo que ha hecho */
.pb .lx-lienzo{width:min(640px,100%);padding:58px 26px 30px}
.pb .lx-lienzo-bar{height:44px;font-size:13.5px}
.pb .lx-lienzo-bar img{width:20px;height:20px}
.pb .lx-paso{width:min(440px,100%);padding:14px 16px;gap:14px;border-radius:18px;flex-wrap:wrap}
.pb .lx-paso>img,.pb .lx-paso>.lx-ico{width:46px;height:46px;border-radius:14px}
.pb .lx-paso>img{padding:7px;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.07)}
.pb .lx-paso>.lx-ico svg{width:24px;height:24px}
.pb .lx-paso b{font-size:15.5px}
.pb .lx-paso small{font-size:12.5px}
.pb .lx-lin{height:30px}
.pb .lx-ramas{width:min(520px,100%);gap:14px}
.pb .lx-ramas .lx-paso{padding:12px}
.pb .lx-ramas .lx-paso>img,.pb .lx-ramas .lx-paso>.lx-ico{width:38px;height:38px}
.pb .lx-paso.is-run{animation:lx-latido .7s ease-in-out infinite alternate}
.pb .lx-paso.is-run>img,.pb .lx-paso.is-run>.lx-ico{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--bronze);animation:lx-anillo 1s linear infinite}
@keyframes lx-latido{to{transform:scale(1.035);box-shadow:0 0 0 2px var(--bronze),0 22px 40px -16px rgba(176,122,74,.7)}}
@keyframes lx-anillo{50%{box-shadow:0 0 0 3px #fff,0 0 0 9px rgba(176,122,74,.35)}}
.pb .lx-paso.is-ok{background:#fff}
.pb .lx-paso.is-ok::after{content:"✓";position:absolute;right:-9px;top:-9px;width:24px;height:24px;border-radius:50%;background:#1e8e54;color:#fff;display:grid;place-items:center;font:600 13px/1 var(--font);box-shadow:0 0 0 3px #fff;animation:lx-pop .45s cubic-bezier(.3,1.6,.5,1) both}
@keyframes lx-pop{from{transform:scale(0)}to{transform:none}}
.pb .lx-paso.is-no{opacity:.35;filter:grayscale(1)}
.pb .lx-paso-out{flex-basis:100%;margin-left:60px;font:500 12.5px/1.3 var(--font);color:#1e7a48;background:rgba(30,142,84,.1);border-radius:10px;padding:7px 10px;animation:lx-sube2 .45s cubic-bezier(.2,.9,.3,1.2) both}
.pb .lx-ramas .lx-paso-out{margin-left:0}
.pb .lx-lin.is-flu{background:linear-gradient(var(--bronze),var(--bronze)) 50% 0/2px 0 no-repeat,rgba(27,24,22,.18);animation:lx-relleno .35s ease-out forwards}
@keyframes lx-relleno{to{background-size:2px 100%,auto}}
.pb .lx-lin i{width:12px;height:12px;left:-5px;box-shadow:0 0 0 4px rgba(176,122,74,.25)}
.pb .lx-resumen{display:flex;align-items:center;gap:12px;margin-top:20px;padding:14px 18px;border-radius:18px;background:#1e8e54;color:#fff;box-shadow:0 20px 40px -18px rgba(30,142,84,.8);animation:lx-sube2 .6s cubic-bezier(.2,.9,.3,1.2) both}
.pb .lx-resumen i{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;font-style:normal;font:600 17px/1 var(--font)}
.pb .lx-resumen b{display:block;font:500 16px/1.2 var(--font)}
.pb .lx-resumen span{font-size:13px;opacity:.85}
.pb .lx-lienzo.is-corre .lx-lienzo-bar em{background:rgba(176,122,74,.15);color:var(--bronze-text)}
@media (max-width:640px){.pb .lx-paso>img,.pb .lx-paso>.lx-ico{width:38px;height:38px}.pb .lx-paso-out{margin-left:0}}

/* catálogo de flujos: miniatura que cuenta de qué va (de dónde viene → qué hace → dónde acaba) */
.pb .lx-cat.is-flujo .lx-cat-esc{height:260px}
.pb .lx-mfl{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;padding:0 6px;text-align:center}
.pb .lx-mfl-fila{display:flex;align-items:center;gap:6px}
.pb .lx-mfl-ic{width:52px;height:52px;border-radius:16px;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 1px rgba(27,24,22,.06),0 14px 24px -14px rgba(40,25,10,.55);transition:transform .5s cubic-bezier(.3,1.5,.5,1)}
.pb .lx-mfl-ic.grande{width:64px;height:64px;border-radius:20px;background:var(--c,#b07a4a);color:#fff}
.pb .lx-mfl-ic img,.pb .lx-mfl-ic .lx-ico{width:30px;height:30px;background:none}
.pb .lx-mfl-ic .lx-ico svg{width:26px;height:26px}
.pb .lx-mfl-ic.grande .lx-ico{color:#fff}
.pb .lx-mfl-ic.grande img{filter:brightness(0) invert(1)}
.pb .lx-mfl-fl{position:relative;width:26px;height:2px;background:repeating-linear-gradient(90deg,rgba(27,24,22,.3) 0 3px,transparent 3px 6px)}
.pb .lx-mfl-fl i{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:var(--c,#b07a4a);animation:lx-viaja 1.6s linear infinite}
.pb .lx-mfl-fl+.lx-mfl-ic+.lx-mfl-fl i{animation-delay:.8s}
@keyframes lx-viaja{from{left:-4px;opacity:0}20%{opacity:1}80%{opacity:1}to{left:22px;opacity:0}}
.pb .lx-mfl p{margin:0;display:flex;flex-direction:column;gap:3px}
.pb .lx-mfl p b{font:500 14px/1.2 var(--font)}
.pb .lx-mfl p span{font-size:12px;line-height:1.35;color:var(--ink-45)}
.pb .lx-mfl em{font-style:normal;font:500 12px/1 var(--font);color:#1e7a48;background:rgba(30,142,84,.12);padding:7px 10px;border-radius:99px}
.pb .lx-cat.is-flujo button:hover .lx-mfl-ic{transform:translateY(-4px)}
.pb .lx-cat.is-flujo button:hover .lx-mfl-ic.grande{transform:translateY(-6px) scale(1.06)}
.pb .lx-cat.is-flujo .lx-cat-esc::before{bottom:10%}
.pb .lx-ctl .lx-btn-up{flex-direction:row;display:inline-flex;align-items:center;gap:8px;font:500 14px/1 var(--font);color:var(--ink);letter-spacing:0}
.pb .lx-ctl .lx-btn-up:hover{color:#fff}
/* miniaturas de flujo: que quepan en su columna */
.pb .lx-mfl{gap:12px;padding:0}
.pb .lx-mfl-fila{gap:4px}
.pb .lx-mfl-ic{width:40px;height:40px;border-radius:13px}
.pb .lx-mfl-ic.grande{width:50px;height:50px;border-radius:16px}
.pb .lx-mfl-ic img,.pb .lx-mfl-ic .lx-ico{width:24px;height:24px}
.pb .lx-mfl-ic .lx-ico svg{width:21px;height:21px}
.pb .lx-mfl-fl{width:16px}
@keyframes lx-viaja{from{left:-4px;opacity:0}20%{opacity:1}80%{opacity:1}to{left:12px;opacity:0}}
.pb .lx-mfl p{max-width:100%;padding:0 2px}
.pb .lx-mfl p b{font-size:13px}
.pb .lx-mfl p span{font-size:11.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pb .lx-mfl em{font-size:11.5px;padding:6px 9px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- Copilot Studio: el asistente en su canal ---------- */
/* capa 3 de la pila: las acciones que puede hacer */
.pb .lx-k-acc{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-content:center}
.pb .lx-k-acc span{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 14px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.07),0 16px 28px -16px rgba(40,25,10,.45)}
.pb .lx-k-acc img{width:34px;height:34px}
.pb .lx-k-acc b{font:500 15px/1.15 var(--font);letter-spacing:-.02em}
.pb .lx-k-acc small{font-size:12px;color:var(--ink-45)}
.pb .lx-k-acc em{position:absolute;right:10px;top:10px;font-style:normal;font:500 10.5px/1 var(--font);padding:5px 7px;border-radius:99px;background:var(--bronze-soft);color:var(--bronze-text)}
.pb .lx-capa.is-on .lx-k-acc span{animation:lx-sube2 .6s cubic-bezier(.2,.9,.3,1.15) backwards;animation-delay:calc(.3s + var(--k,0) * .16s)}

/* el chat (Teams, web o móvil) */
.pb .lx-agw{display:grid;place-items:center}
.pb .lx-ag{--c:#b07a4a;font:400 13.5px/1.4 var(--font);color:var(--ink);text-align:left}
.pb .lx-ag-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--ink-5);background:#fff}
.pb .lx-ag-head b{display:block;font:500 15px/1.1 var(--font)}
.pb .lx-ag-head small{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-45)}
.pb .lx-ag-head small i{width:7px;height:7px;border-radius:50%;background:#1e8e54}
.pb .lx-ag-av{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--c);color:#fff;font:600 12px/1 var(--font);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 18%,transparent)}
.pb .lx-ag-body{flex:1;min-height:0;overflow:hidden;padding:14px 16px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;background:#faf8f5}
.pb .lx-ag-m{max-width:86%;animation:lx-msg .45s cubic-bezier(.16,1,.3,1) both}
.pb .lx-ag-m.is-oculto{display:none}
.pb .lx-ag-m.yo{align-self:flex-end;padding:9px 13px;border-radius:16px 16px 4px 16px;background:var(--c);color:#fff}
.pb .lx-ag-m.ag{align-self:flex-start;display:flex;gap:8px;align-items:flex-end}
.pb .lx-ag-m.ag .lx-ag-av{width:28px;height:28px;font-size:10.5px}
.pb .lx-ag-m.ag>div{display:flex;flex-direction:column;gap:7px;padding:10px 13px;border-radius:16px 16px 16px 4px;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.07),0 6px 14px -10px rgba(40,25,10,.35)}
.pb .lx-ag-m.ag p{margin:0}
.pb .lx-ag-fu{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font:500 11.5px/1.2 var(--font);padding:5px 9px 5px 6px;border-radius:99px;background:var(--sand-2);color:var(--ink-65)}
.pb .lx-ag-fu img,.pb .lx-ag-fu .lx-ico{width:16px;height:16px;background:none}
.pb .lx-ag-fu .lx-ico svg{width:14px;height:14px}
.pb .lx-ag-acc{align-self:flex-start;font:500 12.5px/1 var(--font);padding:9px 13px;border-radius:99px;background:var(--c);color:#fff;box-shadow:0 8px 16px -10px color-mix(in srgb,var(--c) 80%,transparent)}
.pb .lx-ag.formal .lx-ag-acc{border-radius:6px}
.pb .lx-ag-esc>div p{display:flex;gap:4px;padding:2px 0}
.pb .lx-ag-esc>div p i{width:7px;height:7px;border-radius:50%;background:var(--ink-45);animation:lx-salta 1s infinite}
.pb .lx-ag-esc>div p i:nth-child(2){animation-delay:.15s}.pb .lx-ag-esc>div p i:nth-child(3){animation-delay:.3s}
.pb .lx-ag-in{display:flex;align-items:center;gap:8px;margin:10px 12px 12px;padding:10px 12px 10px 14px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.1);color:var(--ink-45);font-size:13px}
.pb .lx-ag-in span{flex:1}
.pb .lx-ag-in i{width:28px;height:28px;border-radius:50%;background:var(--c);flex:none;display:grid;place-items:center}
.pb .lx-ag-in i::after{content:"";border-left:8px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:2px}
/* en Teams */
.pb .lx-ag-teams{width:600px;height:440px;display:grid;grid-template-columns:52px 1fr;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.08),0 50px 90px -40px rgba(30,18,6,.55)}
.pb .lx-ag-tside{background:#4b4fae;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:12px}
.pb .lx-ag-tside img{width:26px;height:26px;padding:3px;background:#fff;border-radius:7px}
.pb .lx-ag-tside i{width:22px;height:22px;border-radius:6px;background:rgba(255,255,255,.25)}
.pb .lx-ag-tside i.on{background:#fff;box-shadow:-10px 0 0 -6px #fff}
.pb .lx-ag-main{display:flex;flex-direction:column;min-width:0}
/* en tu web: el widget abierto sobre la página */
.pb .lx-ag-web{position:relative;width:640px;height:450px;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.08),0 50px 90px -40px rgba(30,18,6,.55)}
.pb .lx-ag-url{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ece7e1}
.pb .lx-ag-url i{width:9px;height:9px;border-radius:50%;background:#ff5f57}.pb .lx-ag-url i:nth-child(2){background:#febc2e}.pb .lx-ag-url i:nth-child(3){background:#28c840}
.pb .lx-ag-url span{flex:1;margin:0 30px 0 12px;padding:4px 10px;border-radius:6px;background:#fff;font-size:11px;color:var(--ink-45)}
.pb .lx-ag-site{padding:26px 28px;display:flex;flex-direction:column;gap:10px}
.pb .lx-ag-site b{font:600 18px/1 var(--font);color:var(--c)}
.pb .lx-ag-site span{height:12px;width:56%;border-radius:6px;background:var(--sand)}
.pb .lx-ag-site span.c{width:30%;height:30px;border-radius:99px;background:var(--c);opacity:.85;margin-top:6px}
.pb .lx-ag-site em{height:70px;width:42%;border-radius:12px;background:var(--sand-2)}
.pb .lx-ag-widget{position:absolute;right:16px;bottom:16px;width:330px;height:380px;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.08),0 30px 60px -20px rgba(30,18,6,.5)}
.pb .lx-ag-widget .lx-ag-head{background:var(--c);color:#fff;border:0}
.pb .lx-ag-widget .lx-ag-head small{color:rgba(255,255,255,.8)}
.pb .lx-ag-widget .lx-ag-head .lx-ag-av{background:#fff;color:var(--c)}
/* en el móvil */
.pb .lx-dev>.lx-ag{flex:1;min-height:0}
.pb .lx-ag-movil{display:flex;flex-direction:column;border-radius:42px;overflow:hidden;background:#fff}
.pb .lx-ag-movil .lx-ap-status{display:flex;--fg:#1b1816}
.pb .lx-ag-movil .lx-ag-head{padding-top:10px}
.pb .lx-ag-movil .lx-ag-m{max-width:90%}
.pb .lx-ag-movil .lx-ag-in{margin-bottom:24px}
.pb .lx-ia-lado .lx-ag-teams{width:420px;height:470px}
.pb .lx-ia-lado .lx-ag-teams .lx-ag-tside{display:none}
.pb .lx-ia-lado .lx-ag-teams{grid-template-columns:1fr}
@media (max-width:700px){.pb .lx-ag-teams{width:330px;height:470px;grid-template-columns:1fr}.pb .lx-ag-tside{display:none}.pb .lx-ag-web{width:330px;height:470px}.pb .lx-ag-site{display:none}.pb .lx-ag-widget{position:absolute;inset:44px 0 0;width:auto;height:auto;border-radius:0}.pb .lx-ia-lado .lx-ag-teams{width:100%}}
/* la ficha del portfolio: el chat a su tamaño */
.pb .lx-mchat{padding:30px 16px!important;align-items:center}
.pb .lx-mchat .lx-dev[data-dev="movil"]{width:300px;height:600px}
/* miniatura del portfolio: dos o cuatro burbujas */
.pb .lx-mini-chat{position:absolute;inset:12% 12% 8%;display:flex;flex-direction:column;justify-content:center;gap:9px;transform:rotateX(14deg) rotateZ(-4deg);transition:transform 1s cubic-bezier(.16,1,.3,1)}
.pb .lx-pf-card:hover .lx-mini-chat{transform:rotateX(4deg) rotateZ(0) translateY(-3%)}
.pb .lx-mc{max-width:84%;font:400 12.5px/1.35 var(--font);padding:9px 12px;border-radius:14px;box-shadow:0 12px 22px -14px rgba(40,25,10,.5)}
.pb .lx-mc.yo{align-self:flex-end;background:var(--bronze);color:#fff;border-radius:14px 14px 4px 14px}
.pb .lx-mc.ag{align-self:flex-start;background:#fff;border-radius:14px 14px 14px 4px;display:flex;gap:8px;align-items:flex-start}
.pb .lx-mc.ag i{width:22px;height:22px;flex:none;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:600 9.5px/1 var(--font);font-style:normal}
.pb .lx-pf-card.is-big .lx-mc{font-size:14.5px;padding:11px 15px}
.pb .lx-pf-card.is-big .lx-mini-chat{inset:10% 16% 8%;gap:12px}
/* catálogo de asistentes: la pregunta, la respuesta y la fuente */
.pb .lx-mch{width:100%;display:flex;flex-direction:column;gap:8px;padding:0 4px}
.pb .lx-mch-q{align-self:flex-end;max-width:92%;font-size:12px;line-height:1.3;padding:8px 11px;border-radius:13px 13px 4px 13px;background:var(--c);color:#fff;text-align:left;box-shadow:0 10px 18px -12px color-mix(in srgb,var(--c) 80%,transparent)}
.pb .lx-mch-a{align-self:flex-start;display:flex;gap:7px;align-items:flex-start;max-width:100%;text-align:left}
.pb .lx-mch-a i{width:24px;height:24px;flex:none;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font:600 10px/1 var(--font);font-style:normal}
.pb .lx-mch-a b{font:400 12px/1.35 var(--font);padding:8px 11px;border-radius:13px 13px 13px 4px;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.07),0 10px 18px -12px rgba(40,25,10,.45);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pb .lx-mch-fu{align-self:flex-start;margin-left:31px;display:inline-flex;align-items:center;gap:5px;font:500 10.5px/1.2 var(--font);padding:4px 8px 4px 5px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.07);color:var(--ink-65);max-width:calc(100% - 31px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .lx-mch-fu img,.pb .lx-mch-fu .lx-ico{width:14px;height:14px;background:none;flex:none}
.pb .lx-mch-fu .lx-ico svg{width:12px;height:12px}
.pb .lx-mch em{align-self:center;margin-top:4px;font-style:normal;font:500 11.5px/1 var(--font);color:#1e7a48;background:rgba(30,142,84,.12);padding:6px 9px;border-radius:99px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .lx-cat.is-agente button:hover .lx-mch{transform:translateY(-4px)}
.pb .lx-mch{transition:transform .5s cubic-bezier(.3,1.5,.5,1)}

/* beneficios de Copilot Studio: pregunta-respuesta y la fuente citada */
.pb .lx-v-qa{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 16px}
.pb .lx-v-qa .q{align-self:flex-end;font-size:12.5px;padding:8px 12px;border-radius:14px 14px 4px 14px;background:var(--bronze);color:#fff;animation:lx-aparece 6s infinite}
.pb .lx-v-qa .e{align-self:flex-start;display:flex;gap:4px;padding:10px 12px;border-radius:14px 14px 14px 4px;background:#fff;opacity:0;animation:lx-escribe-ve 6s infinite}
.pb .lx-v-qa .e i{width:6px;height:6px;border-radius:50%;background:var(--ink-45);animation:lx-salta 1s infinite}
.pb .lx-v-qa .e i:nth-child(2){animation-delay:.15s}.pb .lx-v-qa .e i:nth-child(3){animation-delay:.3s}
.pb .lx-v-qa .a{align-self:flex-start;margin-top:-34px;font-size:12.5px;padding:8px 12px;border-radius:14px 14px 14px 4px;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.07);opacity:0;animation:lx-respuesta 6s infinite}
.pb .lx-v-qa em{position:absolute;right:14px;bottom:12px;font-style:normal;font:500 12px/1 var(--font);color:#1e7a48;background:rgba(30,142,84,.14);padding:6px 9px;border-radius:99px;opacity:0;animation:lx-respuesta 6s infinite}
@keyframes lx-escribe-ve{0%,12%{opacity:0}16%,30%{opacity:1}34%,100%{opacity:0}}
@keyframes lx-respuesta{0%,32%{opacity:0;transform:translateY(6px)}38%,86%{opacity:1;transform:none}96%,100%{opacity:0}}
.pb .lx-v-fuente{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 14px}
.pb .lx-v-fuente .doc{position:relative;width:96px;height:118px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.08),0 12px 22px -12px rgba(40,25,10,.45);padding:10px 9px;display:flex;flex-direction:column;gap:6px;transform:rotate(-4deg)}
.pb .lx-v-fuente .doc b{font:500 9.5px/1.2 var(--font)}
.pb .lx-v-fuente .doc i{height:5px;border-radius:3px;background:var(--sand)}
.pb .lx-v-fuente .doc i.m{background:rgba(176,122,74,.55);animation:lx-subraya 4s infinite}
.pb .lx-v-fuente .doc em{position:absolute;right:6px;bottom:6px;font-style:normal;font-size:9px;color:var(--ink-45)}
@keyframes lx-subraya{0%,30%{background:var(--sand)}40%,90%{background:rgba(176,122,74,.6);box-shadow:0 0 0 3px rgba(176,122,74,.2)}100%{background:var(--sand)}}
.pb .lx-v-fuente .a{display:flex;flex-direction:column;gap:6px;font-size:12.5px;padding:9px 12px;border-radius:14px 14px 14px 4px;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.07)}
.pb .lx-v-fuente .a small{display:inline-flex;align-items:center;gap:5px;font:500 10.5px/1 var(--font);padding:4px 7px;border-radius:99px;background:var(--sand-2);color:var(--ink-65);animation:lx-pulso-fuente 4s infinite}
.pb .lx-v-fuente .a small img{width:12px;height:12px}
@keyframes lx-pulso-fuente{0%,40%{box-shadow:0 0 0 0 rgba(176,122,74,0)}50%{box-shadow:0 0 0 4px rgba(176,122,74,.35)}70%,100%{box-shadow:0 0 0 0 rgba(176,122,74,0)}}
/* móvil: calculadora, catálogo de asistentes y Locodea AI */
.pb .lx-roi>*{min-width:0}
.pb .lx-roi-c span{flex-wrap:wrap}
@media (max-width:700px){
  .pb .lx-roi-c output{font-size:18px}
  .pb .lx-roi-big b{font-size:64px}
  .pb .lx-cat.is-agente{grid-template-columns:1fr}
  .pb .lx-cat.is-agente .lx-cat-esc{height:auto;padding:12px 0}
  .pb .lx-ia{padding:24px 16px}
  .pb .lx-ia-stage{gap:14px}
  .pb .lx-term{height:430px;font-size:11.5px}
  .pb .lx-ia-sym,.pb .lx-ia-sombra{display:none}
}
/* portfolio: filtros por área */
.pb .lx-pf-fil{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:36px}
.pb .lx-pf-fil button{border:0;display:inline-flex;align-items:center;gap:8px;font:500 14.5px/1 var(--font);padding:11px 16px;border-radius:99px;background:var(--paper);color:var(--ink-65);box-shadow:var(--shadow-card);transition:background .3s,color .3s,transform .3s}
.pb .lx-pf-fil button:hover{transform:translateY(-2px);color:var(--ink)}
.pb .lx-pf-fil button em{font-style:normal;font-size:12px;min-width:22px;padding:4px 6px;border-radius:99px;background:var(--sand);color:var(--ink-65);text-align:center}
.pb .lx-pf-fil button[aria-pressed="true"]{background:var(--ink);color:#fff}
.pb .lx-pf-fil button[aria-pressed="true"] em{background:rgba(255,255,255,.16);color:#fff}
.pb .lx-pf-fil+.lx-pf{margin-top:24px}
.pb .lx-pf-card[hidden]{display:none!important}
/* tarjeta grande del portfolio: las tres pantallas en abanico, enteras */
.pb .lx-pf-card.is-big .lx-mon-in,.pb .lx-pf-card.is-big .lx-mon-b,.pb .lx-pf-card.is-big .lx-mon-c{left:13%;right:13%;top:14%;bottom:auto}

.pb .lx-bc4{margin-top:48px}

/* ---------- portfolio: visita guiada dentro de cada app (sin puntos) ---------- */
@property --fx{syntax:'<percentage>';inherits:true;initial-value:50%}
@property --fy{syntax:'<percentage>';inherits:true;initial-value:50%}
.pb .lx-mscreen{isolation:isolate}
.pb .lx-tour-cam{position:absolute;inset:0;transition:transform 1.1s cubic-bezier(.65,0,.25,1),transform-origin 0s;will-change:transform}
.pb .lx-tour-cam img{width:100%;height:100%;object-fit:cover;object-position:0 0;display:block}
.pb .lx-tour-cam.is-sale{animation:lx-sale .55s cubic-bezier(.6,0,.4,1) forwards;z-index:0}
.pb .lx-tour-cam.is-entra{animation:lx-entra .7s cubic-bezier(.16,1,.3,1) both}
.pb .lx-tour-foco{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .6s,--fx 1.1s cubic-bezier(.65,0,.25,1),--fy 1.1s cubic-bezier(.65,0,.25,1);
  background:radial-gradient(circle at var(--fx) var(--fy),transparent 0,transparent 110px,rgba(20,14,8,.48) 190px)}
.pb .lx-tour-foco::after{content:"";position:absolute;left:var(--fx);top:var(--fy);width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.85),0 0 0 8px rgba(176,122,74,.35);animation:lx-foco-late 2.2s ease-in-out infinite}
@keyframes lx-foco-late{50%{box-shadow:0 0 0 2px rgba(255,255,255,.85),0 0 0 14px rgba(176,122,74,.15)}}
.pb .lx-tour-foco.is-on{opacity:1}
.pb .lx-tour-tip{position:absolute;z-index:3;left:50%;bottom:16px;width:min(320px,calc(100% - 24px));transform:translateX(-50%);display:flex;flex-direction:column;gap:6px;padding:14px 16px 0;border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 0 0 1px rgba(27,24,22,.06),0 30px 60px -20px rgba(20,12,4,.55);overflow:hidden;animation:lx-tip-in .5s cubic-bezier(.16,1,.3,1) both}
.pb .lx-tour-tip[style*="left"]{transform:none;bottom:auto}
@keyframes lx-tip-in{from{opacity:0;translate:0 10px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
.pb .lx-tour-tip.es-vista{width:min(380px,calc(100% - 24px))}
.pb .lx-tour-n{font:500 11.5px/1 var(--font);letter-spacing:.02em;color:var(--ink-45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .lx-tour-n i{font-style:normal;display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;margin-right:4px;border-radius:99px;background:var(--bronze);color:#fff;font-size:11px}
.pb .lx-tour-tip>b{font:500 17px/1.2 var(--font);letter-spacing:-.02em}
.pb .lx-tour-tip p{margin:0;font-size:13.5px;line-height:1.45;color:var(--ink-65)}
.pb .lx-tour-ctl{display:flex;align-items:center;gap:6px;margin-top:6px;padding-bottom:12px}
.pb .lx-tour-ctl button{border:0;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--sand);color:var(--ink);transition:background .25s,color .25s}
.pb .lx-tour-ctl button:hover{background:var(--ink);color:#fff}
.pb .lx-tour-ctl button svg{width:14px;height:14px}
.pb .lx-tour-ctl button.sig{margin-left:auto;width:auto;padding:0 14px;display:inline-flex;gap:6px;border-radius:99px;font:500 13px/1 var(--font);background:var(--ink);color:#fff}
.pb .lx-tour-ctl button.sig:hover{background:var(--bronze)}
.pb .lx-tour-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--sand)}
.pb .lx-tour-prog u{display:block;height:100%;width:100%;transform-origin:0 50%;background:linear-gradient(90deg,var(--bronze-light),var(--bronze));animation:lx-tour-t 5s linear both}
.pb .lx-tour-tip.es-vista .lx-tour-prog u{animation-duration:3.2s}
/* se para con el botón o con el ratón encima de la tarjeta (no de toda la pantalla: con el ratón quieto sobre la
   captura se paraba sin avisar), y solo con ratón de verdad: en táctil el :hover se queda pegado tras tocar */
.pb .lx-tour-tip.is-pausa .lx-tour-prog u{animation-play-state:paused}
@media (hover:hover){.pb .lx-tour-tip:hover .lx-tour-prog u{animation-play-state:paused}}
@keyframes lx-tour-t{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.pb .lx-mscreen .lx-hot,.pb .lx-mscreen .lx-hot-tip{display:none}
@media (max-width:640px){.pb .lx-tour-tip{padding:10px 12px 0}.pb .lx-tour-tip>b{font-size:15px}.pb .lx-tour-tip p{font-size:12.5px}.pb .lx-tour-foco::after{width:96px;height:96px;margin:-48px 0 0 -48px}}
@media (prefers-reduced-motion:reduce){.pb .lx-tour-cam{transition:none}.pb .lx-tour-prog u{animation:none;transform:scaleX(0)}}

/* ---------- personalización: transición al cambiar de app (barrido circular + bloques escalonados) ---------- */
.pb .lx-giro.is-sale .lx-ap,.pb .lx-giro.is-sale .lx-lienzo,.pb .lx-giro.is-sale .lx-ag{opacity:0;filter:blur(8px);transform:scale(.94);transition:opacity .26s,filter .26s,transform .26s}
.pb .lx-giro.is-sale .lx-ag-widget{opacity:0;filter:blur(8px);transition:opacity .26s,filter .26s}
.pb .is-revela{animation:lx-revela .9s cubic-bezier(.65,0,.25,1) both}
@keyframes lx-revela{from{clip-path:circle(0% at 50% 92%)}to{clip-path:circle(150% at 50% 92%)}}
.pb .is-revela .lx-rev,.pb .is-revela .lx-ap-top,.pb .is-revela .lx-ap-h,.pb .is-revela .lx-ap-it,.pb .is-revela .lx-paso,.pb .is-revela .lx-ag-m{animation:lx-rev-in .7s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.18s + var(--r,0) * .07s)}
.pb .is-revela .lx-ap-top{--r:0}.pb .is-revela .lx-ap-h{--r:1}
@keyframes lx-rev-in{from{opacity:0;transform:translateY(18px) scale(.97);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
.pb .lx-dev{background:linear-gradient(145deg,#2a2622,#0e0c0b)}
@media (prefers-reduced-motion:reduce){.pb .is-revela,.pb .is-revela *{animation:none!important}}

/* ---------- cada app del catálogo, con su pantalla ---------- */
.pb .lx-ap-v{display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0}
/* partes: anillo + agenda */
.pb .lx-va-top{display:flex;align-items:center;gap:14px;padding:12px;border-radius:var(--r);background:var(--bg2)}
.pb .lx-va-anillo{--p:60;flex:none;width:86px;height:86px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(closest-side,var(--bg2) 76%,transparent 78%),conic-gradient(var(--c) calc(var(--p) * 1%),color-mix(in srgb,var(--c) 18%,transparent) 0)}
.pb .lx-va-anillo b{font:500 17px/1 var(--font);letter-spacing:-.02em}
.pb .lx-va-anillo small{font-size:9px;color:var(--fg2);text-align:center;max-width:64px;line-height:1.2;margin-top:3px}
.pb .lx-va-hoy b{display:block;font:500 15px/1.2 var(--font)}
.pb .lx-va-hoy span{font-size:11.5px;color:var(--fg2)}
.pb .lx-va-linea{position:relative;display:flex;flex-direction:column;gap:8px;padding-left:2px}
.pb .lx-va-linea::before{content:"";position:absolute;left:50px;top:10px;bottom:10px;width:2px;background:color-mix(in srgb,var(--c) 30%,transparent)}
.pb .lx-va-it{position:relative;background:var(--bg)!important;box-shadow:0 0 0 1px var(--ln);padding:10px 10px 10px 0!important}
.pb .lx-va-it time{flex:none;width:40px;text-align:right;font:500 11.5px/1 var(--font);color:var(--fg2)}
.pb .lx-va-it>i{flex:none;width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px var(--bg),0 0 0 5px color-mix(in srgb,var(--c) 35%,transparent);position:relative;z-index:1}
.pb .lx-va-it>i.m{background:#d89a2b;box-shadow:0 0 0 3px var(--bg),0 0 0 5px rgba(216,154,43,.35)}
.pb .lx-va-it>i.c{background:var(--bg);box-shadow:0 0 0 2px var(--c)}
/* almacén: escáner */
.pb .lx-ve-visor{position:relative;height:150px;border-radius:var(--r);overflow:hidden;background:radial-gradient(70% 80% at 50% 40%,#3b3833,#16140f);display:grid;place-items:center}
.pb .lx-ve-visor i{position:absolute;width:26px;height:26px;border:3px solid var(--c)}
.pb .lx-ve-visor .c1{left:16%;top:16%;border-right:0;border-bottom:0;border-radius:8px 0 0 0}.pb .lx-ve-visor .c2{right:16%;top:16%;border-left:0;border-bottom:0;border-radius:0 8px 0 0}
.pb .lx-ve-visor .c3{left:16%;bottom:22%;border-right:0;border-top:0;border-radius:0 0 0 8px}.pb .lx-ve-visor .c4{right:16%;bottom:22%;border-left:0;border-top:0;border-radius:0 0 8px 0}
.pb .lx-ve-cb{width:58%;height:46px;margin-top:-14px;background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 4px,#fff 4px 5px,transparent 5px 8px,#fff 8px 11px,transparent 11px 12px);border-radius:3px;opacity:.9}
.pb .lx-ve-laser{position:absolute;left:14%;right:14%;top:50%;height:2px;margin-top:-14px;background:#ff4d3d;box-shadow:0 0 12px 2px rgba(255,77,61,.8);animation:lx-laser 1.8s ease-in-out infinite alternate}
@keyframes lx-laser{from{transform:translateY(-26px)}to{transform:translateY(26px)}}
.pb .lx-ve-visor small{position:absolute;bottom:8px;font-size:10.5px;color:rgba(255,255,255,.7)}
.pb .lx-ve-res{box-shadow:0 0 0 2px var(--c)!important;background:var(--bg)!important}
.pb .lx-ve-barras{padding:10px 12px;border-radius:var(--r);background:var(--bg2)}
.pb .lx-ve-barras b{display:block;font:500 11.5px/1 var(--font);color:var(--fg2);margin-bottom:8px}
.pb .lx-ve-barras span{display:flex;align-items:flex-end;gap:6px;height:52px}
.pb .lx-ve-barras i{flex:1;height:calc(var(--v) * 1%);border-radius:5px 5px 2px 2px;background:color-mix(in srgb,var(--c) 45%,transparent)}
.pb .lx-ve-barras i[style*="--w"]{background:#d89a2b}
/* inspecciones: lista de comprobación */
.pb .lx-vc-prog{padding:12px 14px;border-radius:var(--r);background:var(--bg2);display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 10px}
.pb .lx-vc-prog b{font:500 22px/1 var(--font);letter-spacing:-.02em}
.pb .lx-vc-prog span{font-size:11.5px;color:var(--fg2)}
.pb .lx-vc-prog u{grid-column:span 2;height:6px;border-radius:6px;background:color-mix(in srgb,var(--c) 18%,transparent);overflow:hidden;text-decoration:none}
.pb .lx-vc-prog u i{display:block;height:100%;background:var(--c);border-radius:6px}
.pb .lx-vc-lista{display:flex;flex-direction:column;gap:7px}
.pb .lx-vc-it>i{flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:var(--c)}
.pb .lx-vc-it>i::after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.pb .lx-vc-it.mal>i{background:#d89a2b}
.pb .lx-vc-it.mal>i::after{width:2px;height:10px;border:0;background:#fff;transform:none;box-shadow:0 0 0 0 #fff}
.pb .lx-vc-fotos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.pb .lx-vc-fotos span{height:44px;border-radius:calc(var(--r) * .6);background:linear-gradient(135deg,#8a9aa6,#5d6b75 60%,#b9a58c)}
.pb .lx-vc-fotos span:nth-child(2){background:linear-gradient(160deg,#a69c8a,#6b6255 55%,#3e4a52)}
.pb .lx-vc-fotos .mas{display:grid;place-items:center;background:var(--bg2);color:var(--fg2);font:500 12px/1 var(--font)}
.pb .lx-vc-firma{position:relative;height:56px;border-radius:var(--r);border:1.5px dashed color-mix(in srgb,var(--c) 50%,transparent);display:grid;place-items:center}
.pb .lx-vc-firma svg{width:76%;height:34px}
.pb .lx-vc-firma path{fill:none;stroke:var(--fg);stroke-width:2;stroke-linecap:round;stroke-dasharray:300;animation:lx-traza 2.4s ease-in-out .4s both}
.pb .lx-vc-firma small{position:absolute;right:8px;bottom:4px;font-size:9px;color:var(--fg2)}
/* pedidos: catálogo */
.pb .lx-vp-busca{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:99px;background:var(--bg2);font-size:11.5px;color:var(--fg2)}
.pb .lx-vp-busca i{width:11px;height:11px;border-radius:50%;border:2px solid var(--fg2);position:relative}
.pb .lx-vp-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pb .lx-vp-prod{display:flex;flex-direction:column;gap:3px;padding:8px;border-radius:var(--r);background:var(--bg2)}
.pb .lx-vp-img{height:54px;border-radius:calc(var(--r) * .7);display:grid;place-items:center;background:linear-gradient(150deg,hsl(var(--h) 45% 82%),hsl(var(--h) 40% 64%));margin-bottom:3px}
.pb .lx-ap.oscuro .lx-vp-img{background:linear-gradient(150deg,hsl(var(--h) 25% 34%),hsl(var(--h) 25% 22%))}
.pb .lx-vp-img i{width:22px;height:22px;border-radius:6px;background:rgba(255,255,255,.65);box-shadow:5px 5px 0 rgba(255,255,255,.35)}
.pb .lx-vp-prod b{font-size:11.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .lx-vp-prod small{font-size:10.5px;color:var(--fg2)}
.pb .lx-vp-q{display:flex;align-items:center;justify-content:space-between;margin-top:3px;font:500 11.5px/1 var(--font)}
.pb .lx-vp-q em{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--bg);box-shadow:0 0 0 1px var(--ln)}
.pb .lx-vp-q em:last-child{background:var(--c);color:#fff;box-shadow:none}
.pb .lx-vp-carro{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--r);background:var(--fg);color:var(--bg)}
.pb .lx-vp-carro b{display:block;font:500 13px/1.1 var(--font)}
.pb .lx-vp-carro small{font-size:10.5px;opacity:.7}
.pb .lx-vp-carro em{font-style:normal;font:500 11.5px/1 var(--font);padding:7px 10px;border-radius:99px;background:var(--c);color:#fff}
/* fichajes: reloj */
.pb .lx-vr-reloj{--p:80;align-self:center;width:170px;height:170px;border-radius:50%;display:grid;place-items:center;margin:4px 0;background:radial-gradient(closest-side,var(--bg) 82%,transparent 84%),conic-gradient(var(--c) calc(var(--p) * 1%),color-mix(in srgb,var(--c) 16%,transparent) 0);animation:lx-pulso-reloj 2.4s ease-in-out infinite}
@keyframes lx-pulso-reloj{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--c) 10%,transparent)}}
.pb .lx-vr-reloj span{display:flex;flex-direction:column;align-items:center;gap:3px}
.pb .lx-vr-reloj small{font-size:11px;color:var(--c);font-weight:500;display:flex;align-items:center;gap:5px}
.pb .lx-vr-reloj small::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c);animation:lx-parpa 1.2s steps(2) infinite}
.pb .lx-vr-reloj b{font:500 24px/1 var(--font);letter-spacing:-.03em}
.pb .lx-vr-reloj em{font-style:normal;font-size:10.5px;color:var(--fg2)}
.pb .lx-vr-btns{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}
.pb .lx-vr-btns span{text-align:center;padding:11px 6px;border-radius:calc(var(--r) * 1.4);background:var(--bg2);font:500 12.5px/1 var(--font)}
.pb .lx-vr-btns span.on{background:var(--c);color:#fff}
.pb .lx-vr-sem{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;height:70px;padding:8px 12px;border-radius:var(--r);background:var(--bg2)}
.pb .lx-vr-sem span{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%;font-size:10px;color:var(--fg2)}
.pb .lx-vr-sem i{width:100%;max-width:22px;height:calc(var(--v) * .4px + 2px);border-radius:5px;background:color-mix(in srgb,var(--c) 40%,transparent)}
.pb .lx-vr-sem .hoy i{background:var(--c)}
.pb .lx-vr-sem .hoy{color:var(--c);font-weight:600}
/* visitas: mapa */
.pb .lx-vm-mapa{position:relative;height:170px;border-radius:var(--r);overflow:hidden;background:linear-gradient(135deg,#e9efe4,#dfe7d8 50%,#e6e2d6)}
.pb .lx-ap.oscuro .lx-vm-mapa{background:linear-gradient(135deg,#25302a,#1f2724 50%,#2a2924)}
.pb .lx-vm-mapa svg{position:absolute;inset:0;width:100%;height:100%}
.pb .lx-vm-mapa .calle{fill:none;stroke:rgba(255,255,255,.9);stroke-width:5}
.pb .lx-ap.oscuro .lx-vm-mapa .calle{stroke:rgba(255,255,255,.12)}
.pb .lx-vm-mapa .ruta{fill:none;stroke:var(--c);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:6 6;animation:lx-flujo2 1s linear infinite}
.pb .lx-vm-pin{position:absolute;width:26px;height:26px;margin:-26px 0 0 -13px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--fg);display:grid;place-items:center;box-shadow:0 6px 10px -4px rgba(0,0,0,.4)}
.pb .lx-vm-pin b{transform:rotate(45deg);font:600 11px/1 var(--font);color:var(--bg)}
.pb .lx-vm-pin.sig{background:var(--c);animation:lx-pin 1.6s ease-in-out infinite}
.pb .lx-vm-pin.sig b{color:#fff}
@keyframes lx-pin{50%{translate:0 -5px}}
.pb .lx-vm-yo{position:absolute;left:24%;top:80%;width:14px;height:14px;margin:-7px;border-radius:50%;background:#2f7de1;box-shadow:0 0 0 4px rgba(47,125,225,.25),0 0 0 3px #fff inset}
.pb .lx-vm-sig{background:var(--bg)!important;box-shadow:0 0 0 2px var(--c)}
.pb .lx-vm-lista{display:flex;flex-direction:column;gap:6px}
.pb .lx-vm-lista div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--r);background:var(--bg2);font-size:12px}
.pb .lx-vm-lista b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* en tablet y ordenador, las vistas respiran más */
.pb .lx-dev:not([data-dev="movil"]) .lx-va-anillo{width:70px;height:70px}
.pb .lx-dev:not([data-dev="movil"]) .lx-ve-visor{height:110px}
.pb .lx-dev:not([data-dev="movil"]) .lx-vr-reloj{width:120px;height:120px}
.pb .lx-dev:not([data-dev="movil"]) .lx-vr-reloj b{font-size:18px}
.pb .lx-dev:not([data-dev="movil"]) .lx-vm-mapa{height:130px}
.pb .lx-dev:not([data-dev="movil"]) .lx-vc-fotos,.pb .lx-dev:not([data-dev="movil"]) .lx-vc-firma,.pb .lx-dev:not([data-dev="movil"]) .lx-vm-lista,.pb .lx-dev:not([data-dev="movil"]) .lx-vr-sem,.pb .lx-dev:not([data-dev="movil"]) .lx-ve-barras{display:none}
.pb .lx-dev:not([data-dev="movil"]) .lx-vp-grid{grid-template-columns:repeat(2,1fr)}
.pb .lx-dev:not([data-dev="movil"]) .lx-vp-img{height:36px}
/* recorrido del flujo: cada tarjeta se levanta del suelo al llegar su turno (y las ya pasadas se quedan de pie) */
.pb .lx-suelo .lx-ficha{transform:translateY(-100%) rotateX(0deg) translateZ(0) scale(.92);opacity:.55;transition:transform 1s cubic-bezier(.3,1.45,.45,1),box-shadow .6s,opacity .5s}
.pb .lx-suelo .lx-ficha.is-pasado{transform:translateY(-100%) rotateX(-56deg) translateZ(0) scale(1);opacity:1}
.pb .lx-suelo .lx-ficha.is-on{transform:translateY(-100%) rotateX(-56deg) translateZ(calc(70px + var(--nz,0px))) scale(1.14);opacity:1;z-index:5}
.pb .lx-suelo .lx-ficha::after{content:"";position:absolute;left:12%;right:12%;bottom:-18px;height:18px;border-radius:50%;background:radial-gradient(closest-side,rgba(60,35,15,.35),transparent);transform-origin:50% 0;transform:rotateX(56deg);opacity:0;transition:opacity .6s}
.pb .lx-suelo .lx-ficha.is-on::after{opacity:1}
.pb .lx-scroll[data-tipo="ruta"] .lx-sticky{grid-template-columns:minmax(280px,350px) 1fr;gap:12px}
.pb .lx-scroll[data-tipo="ruta"] .lx-escala{translate:10px 0}
@media (max-width:980px){.pb .lx-scroll[data-tipo="ruta"] .lx-sticky{grid-template-columns:1fr}.pb .lx-scroll[data-tipo="ruta"] .lx-escala{translate:0 0}}
/* rendimiento: sin desenfoques animados ni transiciones en todos los hijos */
@keyframes lx-cae{from{opacity:0;transform:translate3d(0,-22px,0) scale(1.06)}to{opacity:1;transform:none}}
@keyframes lx-rev-in{from{opacity:0;transform:translate3d(0,16px,0) scale(.98)}to{opacity:1;transform:none}}
.pb .lx-giro.is-sale .lx-ap,.pb .lx-giro.is-sale .lx-lienzo,.pb .lx-giro.is-sale .lx-ag,.pb .lx-giro.is-sale .lx-ag-widget{filter:none;opacity:0;transform:scale(.95) translateY(8px);transition:opacity .24s ease,transform .24s ease}
.pb .lx-ap *{transition:none}
.pb .lx-ap,.pb .lx-ap-kpi,.pb .lx-ap-btn,.pb .lx-ap-logo,.pb .lx-ap-st,.pb .lx-ap-it{transition:background-color .4s,color .4s,border-radius .4s}
.pb .lx-stage .lx-lienzo,.pb .lx-stage .lx-lienzo:hover{transform:perspective(1400px) rotateX(6deg) rotateY(-6deg);transition:none}
.pb .lx-stage .lx-paso{will-change:auto}
.pb .lx-giro{will-change:transform}

/* capas sin código: la regla funcionando y pantallas reales en sus dispositivos */
.pb .lx-r-vivo{display:grid;grid-template-columns:1.5fr 1fr;gap:10px}
.pb .lx-r-aviso{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 0 0 2px #e0a33a,0 14px 26px -16px rgba(0,0,0,.6)}
.pb .lx-r-aviso>i{flex:none;width:24px;height:24px;border-radius:50%;background:#e0a33a;color:#fff;display:grid;place-items:center;font:600 14px/1 var(--font);font-style:normal}
.pb .lx-r-aviso b{display:block;font:500 14px/1.2 var(--font)}
.pb .lx-r-aviso small{font-size:12px;color:var(--ink-65);line-height:1.3}
.pb .lx-r-env{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:14px;background:rgba(255,255,255,.06)}
.pb .lx-r-env em{font-style:normal;font:500 13px/1 var(--font);padding:10px 14px;border-radius:99px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.45)}
.pb .lx-r-env small{font-size:11px;color:rgba(255,255,255,.5)}
.pb .lx-capa.is-on .lx-r-aviso{animation:lx-aviso .7s cubic-bezier(.3,1.5,.5,1) .4s backwards}
@keyframes lx-aviso{0%{opacity:0;transform:translateY(-10px) scale(.95)}60%{transform:translateX(-4px)}75%{transform:translateX(4px)}100%{opacity:1;transform:none}}
.pb .lx-r-ins{grid-template-columns:1fr 1fr}
.pb .lx-r-ins span{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.07);font-size:14px;color:#fff}
.pb .lx-r-ins b{font:500 11.5px/1 var(--font);letter-spacing:.04em;text-transform:uppercase;color:var(--bronze-light)}
.pb .lx-p-real{position:relative;flex:1;min-height:0}
.pb .lx-p-real>span{position:absolute;display:block;background:#1b1816;box-shadow:0 26px 40px -20px rgba(40,25,10,.7)}
.pb .lx-p-real i{display:block;width:100%;height:100%;overflow:hidden;background:#fff}
.pb .lx-p-real img{width:100%;height:100%;object-fit:cover;object-position:0 0;display:block}
.pb .lx-pr-port{left:0;top:6px;width:62%;aspect-ratio:16/10;border-radius:10px 10px 4px 4px;padding:6px 6px 10px}
.pb .lx-pr-port i{border-radius:4px}
.pb .lx-pr-port::after{content:"";position:absolute;left:-8%;right:-8%;bottom:-9px;height:10px;border-radius:0 0 10px 10px;background:linear-gradient(#d9d2c8,#b9b0a4)}
.pb .lx-pr-tab{left:30%;top:58px;width:52%;aspect-ratio:1180/820;border-radius:16px;padding:8px}
.pb .lx-pr-tab i{border-radius:9px}
.pb .lx-pr-mov{right:2%;top:24px;width:22%;aspect-ratio:9/19;border-radius:22px;padding:5px}
.pb .lx-pr-mov i{border-radius:18px}
.pb .lx-capa.is-on .lx-p-real>span{animation:lx-sube2 .8s cubic-bezier(.2,.9,.3,1.15) backwards;animation-delay:calc(.25s + var(--k,0) * .18s)}
.pb .lx-e-teams.real{display:grid;grid-template-columns:24px 1fr;padding:0}
.pb .lx-e-teams.real img{width:100%;height:100%;object-fit:cover;object-position:0 0;display:block}
.pb .lx-e-movil.real{padding:4px;border-radius:16px}
.pb .lx-e-movil.real img{width:100%;height:100%;object-fit:cover;object-position:0 0;border-radius:13px;display:block}

/* ---------- Locodea AI: terminal visual (sin código, con gráfico) ---------- */
@property --gp{syntax:'<number>';inherits:false;initial-value:0}
.pb .lx-term{height:520px}
.pb .lx-term-body{gap:8px;padding:14px 16px 10px}
.pb .lx-tv-hola{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--sand-2);box-shadow:inset 0 0 0 1px var(--ink-5)}
.pb .lx-tv-av{width:38px;height:38px;flex:none;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--ink-10);display:grid;place-items:center}
.pb .lx-tv-av img{width:22px;height:22px;object-fit:contain}
.pb .lx-tv-hola b{display:block;font:500 16px/1.2 var(--font);color:var(--ink)}
.pb .lx-tv-hola b strong{font-weight:600;letter-spacing:-.03em}
.pb .lx-tv-hola b em{font-style:normal;color:var(--bronze)}
.pb .lx-tv-hola span{font-size:12px;color:var(--ink-45)}
.pb .lx-tv-yo{align-self:flex-end;max-width:88%}
.pb .lx-tv-yo span{display:block;padding:10px 14px;border-radius:16px 16px 4px 16px;background:var(--ink);color:#fff;font-size:14px}
/* «pensando»: el destello de la web, en bronce */
.pb .lx-tv-spin{display:flex;align-items:center;gap:8px;color:var(--bronze-text);font-size:13.5px}
.pb .lx-tv-spin i{width:15px;height:15px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.2l1.7 4.4 4.5 1.4-4.5 1.4L8 12.8 6.3 8.4 1.8 7l4.5-1.4z' fill='%23B07A4A'/%3E%3C/svg%3E") center/contain no-repeat;animation:lx-destello 1.1s ease-in-out infinite}
@keyframes lx-destello{50%{transform:rotate(45deg) scale(.7);opacity:.55}}
.pb .lx-tv-pasos{display:flex;flex-direction:column;gap:6px}
.pb .lx-tv-paso{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:var(--sand-2);color:var(--ink-90);animation:lx-t-in .35s ease-out both}
.pb .lx-tv-paso>img,.pb .lx-tv-paso>.lx-ico,.pb .lx-tv-hecho img,.pb .lx-tv-hecho .lx-ico{width:24px;height:24px;flex:none;border-radius:7px;background:#fff;padding:3px;object-fit:contain;box-shadow:0 0 0 1px var(--ink-5)}
.pb .lx-tv-paso>.lx-ico,.pb .lx-tv-hecho .lx-ico{color:var(--bronze-deep)}
.pb .lx-tv-paso>.lx-ico svg,.pb .lx-tv-hecho .lx-ico svg{width:16px;height:16px}
.pb .lx-tv-paso span{flex:1}
.pb .lx-tv-paso>i{width:18px;height:18px;flex:none;border-radius:50%;border:2px solid rgba(27,24,22,.12);border-top-color:var(--bronze);animation:lx-gira .8s linear infinite}
.pb .lx-tv-paso.ok>i{animation:none;border:0;background:#2fa36b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.2 2.2 4.8-4.8' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.pb .lx-tv-hecho{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-45);animation:lx-t-in .35s ease-out both}
.pb .lx-tv-hecho>span{display:flex}
.pb .lx-tv-hecho>span>*{margin-left:-6px;box-shadow:0 0 0 2px #fff}
.pb .lx-tv-hecho>span>*:first-child{margin-left:0}
.pb .lx-tv-hecho>i{width:16px;height:16px;border-radius:50%;background:#2fa36b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.2 2.2 4.8-4.8' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.pb .lx-tv-resp p{margin:0;color:var(--ink);font-size:14.5px;line-height:1.45}
.pb .lx-tv-resp b{color:var(--bronze-text);font-weight:600}
.pb .lx-tv-perm{padding:12px 14px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px rgba(176,122,74,.45),0 12px 26px -18px rgba(60,35,15,.4)}
.pb .lx-tv-perm>b{display:block;color:var(--ink);font-weight:500;margin-bottom:10px}
.pb .lx-tv-perm>div{display:flex;gap:8px;flex-wrap:wrap}
.pb .lx-tv-perm span{font:500 13px/1 var(--font);padding:10px 14px;border-radius:99px;background:var(--sand-2);color:var(--ink-65);transition:transform .2s,background .2s}
.pb .lx-tv-perm span.si{background:var(--ink);color:#fff}
.pb .lx-tv-perm span.pulsado{transform:scale(.94);background:var(--bronze)}
.pb .lx-tv-ok{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:rgba(30,142,84,.1);color:#1e7a48;font-weight:500;animation:lx-t-in .35s ease-out both}
.pb .lx-tv-ok i{width:20px;height:20px;border-radius:50%;flex:none;background:#2fa36b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.2 2.2 4.8-4.8' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
/* la caja de escribir, como en la página Locodea AI: píldora blanca y botón de enviar en tinta */
.pb .lx-term-in{font:400 14px/1.3 var(--font);border:0;border-radius:99px;padding:6px 6px 6px 16px;background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--ink-10),0 8px 20px -14px rgba(60,35,15,.35)}
.pb .lx-term-in .lx-t-ph{color:var(--ink-45)}
.pb .lx-term-in i{width:30px;height:30px;border-radius:50%;flex:none;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 13V3.5M4 7.5 8 3.5l4 4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat}
.pb .lx-term-in i::after{content:none}
.pb .lx-term-in .escr::after{width:2px;height:16px;background:var(--bronze)}
.pb .lx-term-pie{justify-content:center;font:400 11.5px/1 var(--font);color:var(--ink-45)}
.pb .lx-term-pie span{display:flex;align-items:center;gap:6px}
.pb .lx-term-pie i{width:7px;height:7px;border-radius:50%;background:#2fa36b}
/* la tarjeta del gráfico */
.pb .lx-graf{background:#fff;color:var(--ink);border-radius:16px;padding:14px 16px 16px;box-shadow:0 0 0 1px var(--ink-5),0 16px 34px -20px rgba(60,35,15,.4);animation:lx-g-in .6s cubic-bezier(.16,1,.3,1) both}
@keyframes lx-g-in{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.pb .lx-graf header{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2px 10px;margin-bottom:12px}
.pb .lx-graf header span{font:500 12.5px/1.2 var(--font);color:var(--ink-65)}
.pb .lx-graf header b{grid-row:span 2;font:500 30px/1 var(--font);letter-spacing:-.04em;color:var(--ink)}
.pb .lx-graf header small{font-size:12px;color:var(--ink-45)}
.pb .lx-gb{display:flex;align-items:flex-end;gap:10px;height:110px;padding-top:16px}
.pb .lx-gb>span{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}
.pb .lx-gb em{font:500 12px/1 var(--font);font-style:normal;color:var(--ink-65);opacity:0;animation:lx-g-txt .3s calc(.5s + var(--i) * .12s) both}
.pb .lx-gb i{width:100%;max-width:38px;height:calc(var(--v) * 0.72px);border-radius:7px 7px 3px 3px;background:linear-gradient(var(--bronze-light),var(--bronze));transform-origin:50% 100%;animation:lx-g-sube .8s cubic-bezier(.2,.9,.3,1.1) calc(var(--i) * .12s) both}
.pb .lx-gb .hoy i{background:linear-gradient(#f1c27d,#d89a2b)}
.pb .lx-gb small{font-size:11.5px;color:var(--ink-45)}
@keyframes lx-g-sube{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes lx-g-txt{to{opacity:1}}
.pb .lx-gh,.pb .lx-gc{display:flex;flex-direction:column;gap:10px}
.pb .lx-gh>div,.pb .lx-gc>div{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:10px;font-size:13px}
.pb .lx-gh i,.pb .lx-gc i{height:12px;border-radius:12px;background:var(--sand);overflow:hidden}
.pb .lx-gh u,.pb .lx-gc u{display:block;height:100%;width:calc(var(--v) * 1%);border-radius:12px;background:linear-gradient(90deg,var(--bronze-light),var(--bronze));transform-origin:0 50%;animation:lx-g-ancho .9s cubic-bezier(.2,.9,.3,1) calc(var(--i) * .15s) both}
.pb .lx-gh em,.pb .lx-gc em{font-style:normal;font-weight:500;min-width:28px;text-align:right}
@keyframes lx-g-ancho{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.pb .lx-gc>div:first-child u{background:#c9c0b4}
.pb .lx-gc .nuevo em{color:#1e8e54}
.pb .lx-gc .nuevo u{background:linear-gradient(90deg,#5cc58f,#1e8e54)}
.pb .lx-g-extra{margin:10px 0 0;font-size:12px;color:var(--ink-45)}
.pb .lx-gd{display:flex;align-items:center;gap:18px}
.pb .lx-gd-q{--p:99;flex:none;width:110px;height:110px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(closest-side,#fff 70%,transparent 72%),conic-gradient(#2fa36b calc(var(--gp) * var(--p) * 1%),#e0a33a 0 calc(var(--gp) * 100%),var(--sand) 0);animation:lx-g-quesito 1.2s cubic-bezier(.3,.8,.3,1) both}
@keyframes lx-g-quesito{from{--gp:0}to{--gp:1}}
.pb .lx-gd-q b{font:500 22px/1 var(--font);letter-spacing:-.03em}
.pb .lx-gd-q small{font-size:10.5px;color:var(--ink-45)}
.pb .lx-gd ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13px;flex:1}
.pb .lx-gd li{display:flex;align-items:center;gap:8px}
.pb .lx-gd li i{width:10px;height:10px;border-radius:3px;background:#2fa36b}
.pb .lx-gd li.mal i{background:#e0a33a}
.pb .lx-gd li b{margin-left:auto;font-weight:500}
.pb .lx-gl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pb .lx-gl li{display:flex;align-items:center;gap:10px;font-size:13.5px;opacity:0;animation:lx-sube2 .45s cubic-bezier(.2,.9,.3,1.2) calc(.2s + var(--i) * .18s) both}
.pb .lx-gl li i{width:22px;height:22px;flex:none;border-radius:50%;background:#2fa36b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.2 2.2 4.8-4.8' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
@media (max-width:700px){.pb .lx-term{height:520px;font-size:13px}.pb .lx-gh>div,.pb .lx-gc>div{grid-template-columns:90px 1fr auto}.pb .lx-gd-q{width:90px;height:90px}}

/* ---------- miniaturas animadas de los flujos (bucle de 6 s; quietas si la tarjeta no se ve) ---------- */
.pb .lx-mon-esc{background:radial-gradient(70% 70% at 50% 100%,rgba(176,122,74,.22),transparent 70%),linear-gradient(160deg,#fbf8f4,var(--sand))}
.pb .lx-me{position:absolute;inset:0;container-type:size;font-family:var(--font);color:var(--ink)}
.pb .lx-me *{position:absolute;box-sizing:border-box}
.pb .lx-pf-card:not(.is-in) .lx-me *,.pb .lx-pf-card:not(.is-in) .lx-me *::before,.pb .lx-pf-card:not(.is-in) .lx-me *::after{animation-play-state:paused!important}
.pb .lx-me .tarj,.pb .lx-me .doc,.pb .lx-me .libro,.pb .lx-me .hoja,.pb .lx-me .tel,.pb .lx-me .cal,.pb .lx-me .aviso,.pb .lx-me .call,.pb .lx-me .tareas,.pb .lx-me .graf,.pb .lx-me .mail{background:#fff;border-radius:3.2cqw;box-shadow:0 0 0 1px rgba(27,24,22,.06),0 4cqw 7cqw -4cqw rgba(60,35,15,.45)}
/* facturas */
.pb .lx-me-fact .sobre{left:6cqw;top:38cqh;width:16cqw;height:11cqw;border-radius:1.6cqw;background:#fff;box-shadow:0 2cqw 4cqw -2cqw rgba(60,35,15,.5);animation:me-sobre 6s cubic-bezier(.6,0,.3,1) infinite}
.pb .lx-me-fact .sobre::before{content:"";position:absolute;inset:0;background:linear-gradient(155deg,transparent 48%,rgba(176,122,74,.5) 49% 51%,transparent 52%),linear-gradient(25deg,transparent 48%,rgba(176,122,74,.5) 49% 51%,transparent 52%);border-radius:inherit}
@keyframes me-sobre{0%{transform:translate(-8cqw,10cqh) rotate(-12deg);opacity:0}10%{opacity:1}22%,100%{transform:translate(14cqw,-6cqh) rotate(0) scale(.4);opacity:0}}
.pb .lx-me-fact .doc{left:26cqw;top:12cqh;width:28cqw;height:76cqh;padding:3cqw;display:flex;flex-direction:column;gap:2.2cqh;overflow:hidden}
.pb .lx-me-fact .doc b{position:static;font:600 2.6cqw/1 var(--font);letter-spacing:.08em;color:var(--bronze-text)}
.pb .lx-me-fact .doc i{position:static;display:block;height:2.4cqh;border-radius:1cqw;background:var(--sand)}
.pb .lx-me-fact .doc i.c{width:60%}
.pb .lx-me-fact .scan{left:0;right:0;top:0;height:3cqh;background:linear-gradient(transparent,rgba(176,122,74,.45),transparent);box-shadow:0 0 3cqw rgba(176,122,74,.5);animation:me-scan 6s ease-in-out infinite}
@keyframes me-scan{0%,18%{transform:translateY(0);opacity:0}22%{opacity:1}48%{transform:translateY(70cqh);opacity:1}52%,100%{opacity:0;transform:translateY(70cqh)}}
.pb .lx-me-fact .tag{left:3cqw;font:600 2.2cqw/1 var(--font);padding:1.2cqw 1.8cqw;border-radius:99px;background:#e6f4ec;color:#1e7a48;opacity:0}
.pb .lx-me-fact .t1{top:30cqh;animation:me-pop 6s infinite;animation-delay:0s}
.pb .lx-me-fact .t2{top:50cqh;animation:me-pop2 6s infinite}
@keyframes me-pop{0%,30%{opacity:0;transform:scale(.6)}36%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes me-pop2{0%,40%{opacity:0;transform:scale(.6)}46%,92%{opacity:1;transform:none}100%{opacity:0}}
.pb .lx-me-fact .libro{left:60cqw;top:20cqh;width:34cqw;height:60cqh;padding:3cqw;display:flex;flex-direction:column;gap:2cqh}
.pb .lx-me-fact .libro b{position:static;font:600 2.4cqw/1 var(--font)}
.pb .lx-me-fact .libro span{position:static;display:block;height:6cqh;border-radius:1.4cqw;background:var(--sand-2)}
.pb .lx-me-fact .libro .nueva{display:flex;align-items:center;justify-content:space-between;padding:0 1.6cqw;background:#fff;box-shadow:0 0 0 .4cqw #2fa36b;font:500 2cqw/1 var(--font);animation:me-fila 6s cubic-bezier(.3,1.4,.5,1) infinite}
.pb .lx-me-fact .libro .nueva em,.pb .lx-me-fact .libro .nueva i{position:static;font-style:normal;white-space:nowrap}
.pb .lx-me-fact .libro .nueva i{color:#1e8e54;font-weight:700}
@keyframes me-fila{0%,52%{opacity:0;transform:translateX(-14cqw)}62%,92%{opacity:1;transform:none}100%{opacity:0}}
/* pedidos */
.pb .lx-me-ped .hoja{left:6cqw;top:12cqh;width:36cqw;height:62cqh;padding:3cqw;display:flex;flex-direction:column;gap:2.6cqh}
.pb .lx-me-ped .hoja b{position:static;font:600 2.4cqw/1.1 var(--font)}
.pb .lx-me-ped .hoja span{position:static;font:400 2.1cqw/1.2 var(--font);padding:1.4cqw 1.8cqw;border-radius:1.4cqw;background:var(--sand-2);opacity:0;animation:me-linea 6s infinite}
.pb .lx-me-ped .hoja span:nth-of-type(2){animation-delay:.25s}.pb .lx-me-ped .hoja span:nth-of-type(3){animation-delay:.5s}
@keyframes me-linea{0%,4%{opacity:0;transform:translateX(-3cqw)}12%,92%{opacity:1;transform:none}100%{opacity:0}}
.pb .lx-me-ped .cajas{left:50cqw;bottom:24cqh;width:16cqw;height:30cqh}
.pb .lx-me-ped .cajas i{left:0;width:7.5cqw;height:7.5cqw;border-radius:1cqw;background:linear-gradient(150deg,#d8a873,#b07a4a);box-shadow:inset 0 0 0 .3cqw rgba(255,255,255,.25);opacity:0;animation:me-caja 6s cubic-bezier(.3,1.5,.5,1) infinite}
.pb .lx-me-ped .cajas i:nth-child(1){bottom:0;animation-delay:1.2s}.pb .lx-me-ped .cajas i:nth-child(2){bottom:0;left:8cqw;animation-delay:1.5s}.pb .lx-me-ped .cajas i:nth-child(3){bottom:7.8cqw;left:4cqw;animation-delay:1.8s}
@keyframes me-caja{0%{opacity:0;transform:translateY(-10cqh)}8%,60%{opacity:1;transform:none}70%,100%{opacity:0;transform:translateX(18cqw)}}
.pb .lx-me-ped .camion{left:66cqw;bottom:22cqh;width:24cqw;height:13cqw;animation:me-camion 6s cubic-bezier(.6,0,.3,1) infinite}
.pb .lx-me-ped .camion span{left:0;bottom:2.6cqw;width:16cqw;height:10cqw;border-radius:1.2cqw;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.08)}
.pb .lx-me-ped .camion::after{content:"";position:absolute;left:16.5cqw;bottom:2.6cqw;width:6.5cqw;height:7cqw;border-radius:1cqw 2.4cqw 1cqw 1cqw;background:var(--bronze)}
.pb .lx-me-ped .camion i{bottom:0;width:4cqw;height:4cqw;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 1.1cqw #5a524b}
.pb .lx-me-ped .camion i:nth-of-type(1){left:3cqw}.pb .lx-me-ped .camion i:nth-of-type(2){left:16cqw}
@keyframes me-camion{0%,62%{transform:none}86%{transform:translateX(30cqw)}86.1%{transform:translateX(-30cqw);opacity:0}96%{opacity:1}100%{transform:none}}
.pb .lx-me-ped .ok{left:50cqw;top:18cqh;font:600 2.4cqw/1 var(--font);padding:1.6cqw 2.2cqw;border-radius:99px;background:#e6f4ec;color:#1e7a48;opacity:0;animation:me-pop3 6s infinite}
@keyframes me-pop3{0%,72%{opacity:0;transform:translateY(2cqh)}78%,94%{opacity:1;transform:none}100%{opacity:0}}
/* aprobaciones */
.pb .lx-me-apr .tel{left:30cqw;top:7cqh;width:40cqw;height:86cqh;border-radius:5cqw;padding:5cqw 3cqw 3cqw;box-shadow:0 0 0 1.2cqw #1b1816,0 6cqw 9cqw -5cqw rgba(40,25,10,.6);display:flex;flex-direction:column;gap:1.4cqh}
.pb .lx-me-apr .tel>*{position:static}
.pb .lx-me-apr .tel small{font-size:2cqw;color:var(--ink-45)}
.pb .lx-me-apr .tel b{font:500 3.2cqw/1.1 var(--font);letter-spacing:-.02em}
.pb .lx-me-apr .tel em{font-style:normal;font:500 5.4cqw/1 var(--font);letter-spacing:-.04em;margin-bottom:2cqh}
.pb .lx-me-apr .bts{display:grid;grid-template-columns:1fr 1fr;gap:1.6cqw}
.pb .lx-me-apr .bts span{text-align:center;font:500 2.2cqw/1 var(--font);padding:2.2cqw 1cqw;border-radius:99px;background:var(--sand)}
.pb .lx-me-apr .bts .si{background:var(--ink);color:#fff;animation:me-pulsa 6s infinite}
@keyframes me-pulsa{0%,38%{transform:none}42%{transform:scale(.9)}46%,100%{transform:none}}
.pb .lx-me-apr .hecho{position:absolute!important;left:3cqw;right:3cqw;bottom:6cqh;text-align:center;font:600 2.6cqw/1 var(--font);padding:2.4cqw;border-radius:99px;background:#2fa36b;color:#fff;opacity:0;animation:me-hecho 6s infinite}
@keyframes me-hecho{0%,44%{opacity:0;transform:scale(.8)}50%,92%{opacity:1;transform:none}100%{opacity:0}}
.pb .lx-me-apr .dedo{left:60cqw;top:70cqh;width:6cqw;height:6cqw;border-radius:50%;background:rgba(27,24,22,.22);box-shadow:0 0 0 .6cqw #fff,0 1cqw 2cqw rgba(0,0,0,.25);animation:me-dedo 6s infinite}
@keyframes me-dedo{0%{transform:translate(12cqw,18cqh);opacity:0}20%{opacity:1}36%{transform:translate(0,0)}42%{transform:translate(0,0) scale(.75)}48%{transform:translate(0,0)}64%,100%{transform:translate(14cqw,14cqh);opacity:0}}
.pb .lx-me-apr .cf{left:50cqw;top:62cqh;width:1.6cqw;height:1.6cqw;border-radius:.4cqw;background:var(--bronze);opacity:0;animation:me-conf 6s ease-out infinite}
.pb .lx-me-apr .c2{background:#2fa36b;--dx:-14cqw}.pb .lx-me-apr .c3{background:#e0a33a;--dx:12cqw}.pb .lx-me-apr .c4{background:#5b8def;--dx:-6cqw}
@keyframes me-conf{0%,48%{opacity:0;transform:none}52%{opacity:1}70%{opacity:0;transform:translate(var(--dx,8cqw),-34cqh) rotate(220deg)}100%{opacity:0}}
/* caducidades */
.pb .lx-me-cad .cal{left:8cqw;top:10cqh;width:44cqw;height:80cqh;padding:3cqw}
.pb .lx-me-cad .cal b{position:static;display:block;font:600 2.6cqw/1 var(--font);margin-bottom:2.4cqh}
.pb .lx-me-cad .dias{position:static;display:grid;grid-template-columns:repeat(7,1fr);gap:1cqw}
.pb .lx-me-cad .dias span{position:static;display:grid;place-items:center;aspect-ratio:1;border-radius:1cqw;font:500 1.8cqw/1 var(--font);color:var(--ink-65);background:var(--sand-2)}
.pb .lx-me-cad .dias .hoy{background:var(--ink);color:#fff}
.pb .lx-me-cad .dias .rojo{background:#fff;color:#c2402f;box-shadow:0 0 0 .4cqw #c2402f;animation:me-rojo 6s infinite}
@keyframes me-rojo{0%,20%{transform:none}28%{transform:scale(1.25)}36%,100%{transform:none}}
.pb .lx-me-cad .campana{left:58cqw;top:14cqh;width:11cqw;height:11cqw;border-radius:50%;background:var(--bronze);display:grid;place-items:center;animation:me-campana 6s infinite;transform-origin:50% 0}
.pb .lx-me-cad .campana i{position:static;width:4.6cqw;height:4.2cqw;border-radius:2.4cqw 2.4cqw .6cqw .6cqw;background:#fff;box-shadow:0 1.2cqw 0 -.6cqw #fff}
@keyframes me-campana{0%,30%{transform:none}34%{transform:rotate(18deg)}38%{transform:rotate(-16deg)}42%{transform:rotate(12deg)}46%{transform:rotate(-8deg)}50%,100%{transform:none}}
.pb .lx-me-cad .aviso{left:56cqw;top:36cqh;width:38cqw;padding:2.6cqw 3cqw;display:flex;flex-direction:column;gap:1cqh;box-shadow:0 0 0 .4cqw #e0a33a,0 4cqw 7cqw -4cqw rgba(60,35,15,.45);opacity:0;animation:me-aviso 6s cubic-bezier(.3,1.4,.5,1) infinite}
.pb .lx-me-cad .aviso b,.pb .lx-me-cad .aviso span{position:static}
.pb .lx-me-cad .aviso b{font:600 2.8cqw/1.1 var(--font);color:#b07812}
.pb .lx-me-cad .aviso span{font-size:2.1cqw;color:var(--ink-65)}
@keyframes me-aviso{0%,40%{opacity:0;transform:translateY(4cqh) scale(.95)}48%,92%{opacity:1;transform:none}100%{opacity:0}}
/* reunión → tareas */
.pb .lx-me-reu .call{left:6cqw;top:14cqh;width:40cqw;height:72cqh;padding:2cqw;background:#1f1b18;display:grid;grid-template-columns:1fr 1fr;gap:1.6cqw}
.pb .lx-me-reu .p{position:static;border-radius:2cqw;background:#3a332d;display:grid;place-items:center}
.pb .lx-me-reu .p3{grid-column:span 2}
.pb .lx-me-reu .p i{position:static;width:8cqw;height:8cqw;border-radius:50%;display:grid;place-items:center;font:600 2.2cqw/1 var(--font);font-style:normal;color:#fff;background:var(--bronze);animation:me-habla 6s infinite}
.pb .lx-me-reu .p2 i{background:#5b8def;animation-delay:-2s}.pb .lx-me-reu .p3 i{background:#2fa36b;animation-delay:-4s}
@keyframes me-habla{0%,20%{box-shadow:0 0 0 0 rgba(255,255,255,.5)}10%{box-shadow:0 0 0 1.4cqw rgba(255,255,255,.25)}30%,100%{box-shadow:none}}
.pb .lx-me-reu .tareas{left:52cqw;top:18cqh;width:42cqw;padding:2.6cqw;display:flex;flex-direction:column;gap:1.8cqh}
.pb .lx-me-reu .tareas span{position:static;display:grid;grid-template-columns:auto 1fr;column-gap:1.6cqw;align-items:center;font:500 2.2cqw/1.2 var(--font);opacity:0;animation:me-tarea 6s cubic-bezier(.3,1.4,.5,1) infinite}
.pb .lx-me-reu .tareas span:nth-child(2){animation-delay:.4s}.pb .lx-me-reu .tareas span:nth-child(3){animation-delay:.8s}
.pb .lx-me-reu .tareas i{position:static;grid-row:span 2;width:3.6cqw;height:3.6cqw;border-radius:1cqw;box-shadow:inset 0 0 0 .4cqw var(--bronze)}
.pb .lx-me-reu .tareas em{position:static;font-style:normal;font-size:1.8cqw;color:var(--ink-45);font-weight:400}
@keyframes me-tarea{0%,34%{opacity:0;transform:translateX(4cqw)}42%,92%{opacity:1;transform:none}100%{opacity:0}}
/* informe del lunes */
.pb .lx-me-inf .reloj{left:8cqw;top:12cqh;width:20cqw;height:20cqw;border-radius:50%;background:#fff;box-shadow:0 0 0 .6cqw var(--bronze),0 4cqw 7cqw -4cqw rgba(60,35,15,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;font:600 3.6cqw/1 var(--font)}
.pb .lx-me-inf .reloj b{position:static;font:500 1.9cqw/1 var(--font);color:var(--ink-45);margin-bottom:.8cqw}
.pb .lx-me-inf .graf{left:34cqw;top:14cqh;width:40cqw;height:66cqh;padding:3cqw;display:flex;align-items:flex-end;gap:1.8cqw}
.pb .lx-me-inf .graf i{position:static;flex:1;height:calc(var(--h) * 1%);border-radius:1cqw 1cqw .4cqw .4cqw;background:linear-gradient(var(--bronze-light),var(--bronze));transform-origin:50% 100%;animation:me-barra 6s cubic-bezier(.2,.9,.3,1.1) infinite;animation-delay:calc(var(--i) * .12s)}
@keyframes me-barra{0%,6%{transform:scaleY(0)}22%,92%{transform:scaleY(1)}100%{transform:scaleY(0)}}
.pb .lx-me-inf .mail{left:60cqw;top:62cqh;display:flex;align-items:center;gap:1.6cqw;padding:2cqw 2.6cqw;font:500 2.1cqw/1.2 var(--font);opacity:0;animation:me-mail 6s cubic-bezier(.5,0,.3,1) infinite}
.pb .lx-me-inf .mail>*{position:static}
.pb .lx-me-inf .mail i{width:4.4cqw;height:3.2cqw;border-radius:.6cqw;background:var(--bronze)}
.pb .lx-me-inf .mail b{color:#1e7a48;font-weight:600;margin-left:1cqw}
@keyframes me-mail{0%,46%{opacity:0;transform:translate(-14cqw,4cqh) scale(.9)}56%,92%{opacity:1;transform:none}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.pb .lx-me *{animation:none!important;opacity:1!important}}

/* ---------- portfolio (2026-10-04): las miniaturas se ven planas y enteras; al pasar el ratón, la pantalla
   se levanta un poco y las de detrás se abren en abanico (todo en 2D, para que la vista previa se lea) ---------- */
.pb .lx-mon{perspective:none}
.pb .lx-mon-in,.pb .lx-mon-b,.pb .lx-pf-card .lx-mon-c,.pb .lx-pf-card.is-big .lx-mon-in,.pb .lx-pf-card.is-big .lx-mon-b,.pb .lx-pf-card.is-big .lx-mon-c{left:7%;right:7%;top:50%;bottom:auto;transform-origin:50% 50%;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .5s,box-shadow .5s}
.pb .lx-pf-card.is-big .lx-mon-in,.pb .lx-pf-card.is-big .lx-mon-b,.pb .lx-pf-card.is-big .lx-mon-c{left:6%;right:6%}
.pb .lx-mon-in,.pb .lx-pf-card:hover .lx-mon-in,.pb .lx-pf-card.is-big .lx-mon-in{transform:translateY(-50%);box-shadow:0 0 0 1px rgba(27,24,22,.08),0 24px 44px -26px rgba(60,40,20,.5)}
.pb .lx-mon-b,.pb .lx-pf-card.is-big .lx-mon-b{transform:translateY(calc(-50% - 9px)) scale(.94);opacity:.55;box-shadow:0 0 0 1px rgba(27,24,22,.08)}
.pb .lx-pf-card .lx-mon-c,.pb .lx-pf-card.is-big .lx-mon-c{transform:translateY(calc(-50% - 17px)) scale(.88);opacity:.3}
.pb .lx-pf-card:hover .lx-mon-in,.pb .lx-pf-card:focus-visible .lx-mon-in{transform:translateY(calc(-50% - 4px)) scale(.96);box-shadow:0 0 0 1px rgba(27,24,22,.08),0 40px 60px -28px rgba(60,40,20,.6)}
.pb .lx-pf-card:hover .lx-mon-b,.pb .lx-pf-card.is-big:hover .lx-mon-b,.pb .lx-pf-card:focus-visible .lx-mon-b{transform:translate(17%,calc(-50% - 5%)) rotate(5deg) scale(.82);opacity:1}
.pb .lx-pf-card:hover .lx-mon-c,.pb .lx-pf-card.is-big:hover .lx-mon-c,.pb .lx-pf-card:focus-visible .lx-mon-c{transform:translate(-17%,calc(-50% - 3%)) rotate(-5deg) scale(.78);opacity:1}
@media (prefers-reduced-motion:reduce){.pb .lx-mon-in,.pb .lx-mon-b,.pb .lx-mon-c{transition:none}}

/* ---------- ficha del portfolio (2026-10-04): barra de desplazamiento fina y moderna; las miniaturas sin barra (se mueven con las flechas) ---------- */
.pb .lx-mthumbs{scrollbar-width:none;scroll-behavior:smooth}
.pb .lx-mthumbs::-webkit-scrollbar{display:none}
.pb .lx-mbox::-webkit-scrollbar{width:14px}
.pb .lx-mbox::-webkit-scrollbar-track{background:transparent;margin:30px 0}
.pb .lx-mbox::-webkit-scrollbar-thumb{background:rgba(27,24,22,.16);border-radius:99px;border:5px solid transparent;background-clip:padding-box;min-height:48px}
.pb .lx-mbox::-webkit-scrollbar-thumb:hover{background-color:rgba(176,122,74,.55)}
.pb .lx-mbox::-webkit-scrollbar-button,.pb .lx-mbox::-webkit-scrollbar-corner{display:none;background:transparent}
@supports not selector(::-webkit-scrollbar){.pb .lx-mbox{scrollbar-width:thin;scrollbar-color:rgba(27,24,22,.2) transparent}}

/* ---------- Power Apps · beneficios (2026-10-04): cada tarjeta enseña una pieza de interfaz real (plan del proyecto,
   partes que llegan, el mismo dato en cuatro sitios, propiedad en tu Microsoft 365), no una ilustración ---------- */
.pb .lx-bc-vis.lx-wv{height:180px;padding:12px;display:flex;background:radial-gradient(80% 90% at 50% 110%,rgba(176,122,74,.2),transparent 70%),linear-gradient(160deg,var(--sand-2),var(--sand))}
.pb .lx-wg{flex:1;min-width:0;background:#fff;border-radius:12px;box-shadow:0 0 0 1px rgba(27,24,22,.07),0 16px 28px -20px rgba(60,40,20,.5);padding:10px 11px;display:flex;flex-direction:column;gap:5px;font-family:var(--font);overflow:hidden;text-align:left}
.pb .lx-w-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:7px;margin-bottom:2px;border-bottom:1px solid rgba(27,24,22,.07)}
.pb .lx-w-top b{font:600 11.5px/1.2 var(--font);color:var(--ink);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .lx-w-top span{display:inline-flex;align-items:center;gap:5px;font:500 10px/1 var(--font);color:var(--ink-45);white-space:nowrap}
.pb .lx-w-vivo{width:6px;height:6px;border-radius:50%;background:#1e8e54;box-shadow:0 0 0 3px rgba(30,142,84,.15);animation:lx-w-late 1.6s ease-in-out infinite}
@keyframes lx-w-late{50%{box-shadow:0 0 0 5px rgba(30,142,84,.05)}}
.pb .lx-w-ok,.pb .lx-pr i{flex:none;border-radius:50%;background:#1e8e54 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.2 2.2 4.8-4.8' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat}
.pb .lx-w-ok{width:12px;height:12px}
/* 1 · plan del proyecto en dos semanas */
.pb .lx-gt{display:flex;flex-direction:column;gap:5px}
.pb .lx-gt-d,.pb .lx-gt-f{display:grid;grid-template-columns:58px 1fr;align-items:center}
.pb .lx-gt-d{grid-template-columns:58px repeat(10,1fr);font:500 8.5px/1 var(--font);color:var(--ink-45);text-align:center;margin-bottom:1px}
.pb .lx-gt-f small{font:500 9.5px/1 var(--font);color:var(--ink-65);white-space:nowrap}
.pb .lx-gt-f span{position:relative;height:11px;border-radius:3px;background:repeating-linear-gradient(90deg,rgba(27,24,22,.07) 0 1px,transparent 1px 10%)}
.pb .lx-gt-f i{position:absolute;top:0;bottom:0;left:calc(var(--a) * 10% + 1px);width:calc(var(--d) * 10% - 2px);border-radius:3px;background:linear-gradient(90deg,#c99464,var(--bronze));transform-origin:0 50%;animation:lx-gt-b 7s cubic-bezier(.2,.8,.2,1) infinite;animation-delay:calc(var(--k) * .4s)}
.pb .lx-gt-f i.ok{background:linear-gradient(90deg,#2aa56a,#1e8e54)}
@keyframes lx-gt-b{0%{transform:scaleX(0);opacity:0}6%{opacity:1}20%,90%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
/* 2 · partes que llegan firmados a la oficina */
.pb .lx-bj{--k:0;display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;padding:4px 5px;border-radius:8px;opacity:0;animation:lx-bj-in 7.5s infinite;animation-delay:calc(var(--k) * 1.1s)}
.pb .lx-bj:nth-child(3){--k:1}.pb .lx-bj:nth-child(4){--k:2}
.pb .lx-bj em{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:600 8.5px/1 var(--font);font-style:normal;color:#fff;background:#8a6a4f}
.pb .lx-bj:nth-child(3) em{background:#4f6f8a}.pb .lx-bj:nth-child(4) em{background:#6f8a4f}
.pb .lx-bj b{display:block;font:500 10.5px/1.25 var(--font);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .lx-bj small{display:flex;align-items:center;gap:4px;font:400 9.5px/1.3 var(--font);color:#1e7a48;white-space:nowrap;overflow:hidden}
.pb .lx-bj small::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:#1e8e54 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.2 2.2 4.8-4.8' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat}
.pb .lx-bj time{font:500 9.5px/1 var(--font);color:var(--ink-45);font-variant-numeric:tabular-nums}
@keyframes lx-bj-in{0%{opacity:0;transform:translateY(-8px)}5%{opacity:1;transform:none;background:rgba(30,142,84,.12)}18%{background:rgba(30,142,84,0)}92%{opacity:1}100%{opacity:0}}
/* 3 · el mismo dato en los cuatro sitios */
.pb .lx-sn{display:grid;grid-template-columns:15px minmax(0,1fr) auto;gap:8px;align-items:center;padding:4px 5px;border-radius:7px;font:400 10.5px/1.2 var(--font);color:var(--ink-65);animation:lx-sn-f 5s infinite}
.pb .lx-sn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .lx-sn img,.pb .lx-sn svg{width:15px;height:15px;color:var(--ink-65)}
.pb .lx-sn b{position:relative;height:14px;overflow:hidden;font:600 11.5px/14px var(--font);color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}
.pb .lx-sn b em{display:block;font-style:normal;animation:lx-sn-c 5s infinite}
.pb .lx-sn b em+em{color:var(--bronze-text)}
@keyframes lx-sn-c{0%,42%{transform:none}50%,92%{transform:translateY(-100%)}100%{transform:none}}
@keyframes lx-sn-f{0%,44%{background:rgba(176,122,74,0)}50%{background:rgba(176,122,74,.13)}62%,100%{background:rgba(176,122,74,0)}}
/* 4 · propiedad: todo en tu Microsoft 365 */
.pb .lx-pr{display:grid;grid-template-columns:15px auto minmax(0,1fr);gap:8px;align-items:center;padding:4px 5px;font:400 10.5px/1.2 var(--font);color:var(--ink-45);opacity:0;animation:lx-pr-in 6s infinite;animation-delay:calc(var(--k) * .35s)}
.pb .lx-pr img,.pb .lx-pr i{width:15px;height:15px}
.pb .lx-pr b{justify-self:end;font:500 10.5px/1.2 var(--font);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.pb .lx-pr:last-child b{color:#1e7a48}
@keyframes lx-pr-in{0%{opacity:0;transform:translateX(-6px)}7%,93%{opacity:1;transform:none}100%{opacity:0}}
/* la frase final, como una nota y no como una píldora */
.pb .lx-bc .lx-incl:has(.lx-wv) .lx-gancho{background:none;border-radius:0;padding:12px 8px 0;margin-left:0;margin-right:0;border-top:1px solid rgba(27,24,22,.08);display:flex;gap:8px;align-items:baseline}
.pb .lx-bc .lx-incl:has(.lx-wv) .lx-gancho::before{content:"→";color:var(--bronze)}
@media (prefers-reduced-motion:reduce){.pb .lx-bj,.pb .lx-pr{opacity:1;animation:none}.pb .lx-gt-f i,.pb .lx-sn,.pb .lx-sn b em{animation:none}}

/* ---------- ruta de Power Automate (2026-10-04): la tarjeta del paso actual manda; las demás se apagan ---------- */
.pb .lx-suelo .lx-ficha{opacity:.22}
.pb .lx-suelo .lx-ficha.is-pasado{opacity:.38;transform:translateY(-100%) rotateX(-56deg) translateZ(-10px) scale(.88);box-shadow:0 0 0 1px var(--ink-5)}
.pb .lx-suelo .lx-ficha.is-on{opacity:1;transform:translateY(-100%) rotateX(-56deg) translateZ(calc(110px + var(--nz,0px))) scale(1.22);box-shadow:0 0 0 2px var(--bronze),0 0 0 10px rgba(176,122,74,.16),0 50px 70px -24px rgba(80,55,30,.6);animation:lx-ficha-pulso 2.4s ease-in-out infinite}
@keyframes lx-ficha-pulso{50%{box-shadow:0 0 0 2px var(--bronze),0 0 0 16px rgba(176,122,74,.08),0 50px 70px -24px rgba(80,55,30,.6)}}
.pb .lx-suelo .lx-ficha.is-on .lx-ok{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.pb .lx-suelo .lx-ficha.is-on{animation:none}}

/* ---------- Power Automate (2026-10-04): cada flujo, una película corta con las apps de siempre ---------- */
.pb .pv{position:absolute;inset:0;overflow:hidden}
.pb .pv-st{position:absolute;left:0;top:0;width:640px;height:400px;transform-origin:0 0;font-family:var(--font);color:var(--ink);transition:opacity .45s}
.pb .pv-st.pv-fin{opacity:0}
.pb .pv-sin,.pb .pv-sin *{transition:none!important}
.pb .pv-st *{box-sizing:border-box}
/* ventanas */
.pb .pv-win{position:absolute;background:#fff;border-radius:12px;box-shadow:0 0 0 1px rgba(27,24,22,.08),0 24px 40px -22px rgba(60,40,20,.45);overflow:hidden;display:flex;flex-direction:column}
.pb .pv-bar{flex:none;display:flex;align-items:center;gap:8px;height:30px;padding:0 10px;background:#f7f4f0;border-bottom:1px solid rgba(27,24,22,.06);font:600 11px/1 var(--font);white-space:nowrap;overflow:hidden}
.pb .pv-bar img{width:16px;height:16px;flex:none}
.pb .pv-bar b{font-weight:600;overflow:hidden;text-overflow:ellipsis}
.pb .pv-bar small{margin-left:auto;font:500 9.5px/1 var(--font);color:var(--ink-45)}
.pb .pv-pop{opacity:0;transform:translateY(14px) scale(.9);transition:opacity .45s,transform .6s cubic-bezier(.2,.9,.3,1.2)}
.pb .pv-pop.on{opacity:1;transform:none}
.pb .pv-pop.on.fuera{opacity:0;transform:translate(30px,60px) scale(.5);transition:opacity .5s,transform .6s cubic-bezier(.5,0,.2,1)}
/* filas */
.pb .pv-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 10px;border-bottom:1px solid rgba(27,24,22,.05);font:400 10.5px/1.3 var(--font);color:var(--ink-65);white-space:nowrap}
.pb .pv-row>span{overflow:hidden;text-overflow:ellipsis}
.pb .pv-row b{font-weight:600;color:var(--ink)}
.pb .pv-row small{font-size:9.5px;color:var(--ink-45)}
.pb .pv-row.h{font-weight:600;font-size:9.5px;color:var(--ink-45);background:#fbf9f6}
.pb .pv-tabla .pv-row{grid-template-columns:1.6fr .9fr .8fr auto}
.pb .pv-cad .pv-row{grid-template-columns:1.5fr .7fr 1fr;position:relative}
.pb .pv-nueva{max-height:0;padding-top:0;padding-bottom:0;opacity:0;border-bottom-width:0;transition:max-height .5s cubic-bezier(.2,.8,.2,1),padding .5s,opacity .4s .1s,background-color 1.6s}
.pb .pv-nueva.on{max-height:48px;padding-top:7px;padding-bottom:7px;opacity:1;border-bottom-width:1px;background:rgba(176,122,74,.14)}
.pb .pv-nueva.pv-verde.on{background:rgba(30,142,84,.1)}
.pb .pv-av{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:600 8.5px/1 var(--font);color:#fff;flex:none}
.pb .pv-adj{display:inline-flex;align-items:center;gap:5px;padding:3px 7px 3px 4px;border-radius:6px;background:#f4f0ea;font:500 9.5px/1 var(--font);color:var(--ink-65)}
.pb .pv-adj img{width:13px;height:13px}
.pb .pv-pdf{display:inline-grid;place-items:center;width:20px;height:14px;border-radius:3px;background:#d64535;color:#fff;font:700 6.5px/1 var(--font);letter-spacing:.02em}
.pb .pv-ref{font:600 9.5px/1 var(--font);color:var(--ink-45);font-variant-numeric:tabular-nums}
.pb .pv-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:99px;background:rgba(30,142,84,.12);color:#1e7a48;font:600 9.5px/1 var(--font)}
.pb .pv-chip.gris{background:#f2eee8;color:var(--ink-45)}
/* la factura en PDF */
.pb .pv-doc{z-index:3}
.pb .pv-papel{position:relative;flex:1;padding:12px 14px;display:flex;flex-direction:column;gap:7px}
.pb .pv-papel .pv-h{font:700 13px/1 var(--font);letter-spacing:.06em;color:var(--ink)}
.pb .pv-papel i{display:block;height:6px;border-radius:3px;background:#efeae3}
.pb .pv-papel i.c{width:60%}
.pb .pv-l{position:relative;align-self:flex-start;font:600 10px/1 var(--font);padding:3px 4px;border-radius:4px;box-shadow:0 0 0 0 rgba(176,122,74,0);transition:box-shadow .4s,background-color .4s}
.pb .pv-l.on{background:rgba(176,122,74,.12);box-shadow:0 0 0 2px var(--bronze)}
.pb .pv-tot{font-size:12px}
.pb .pv-scan{position:absolute;left:0;right:0;top:30px;height:3px;background:linear-gradient(90deg,transparent,var(--bronze),transparent);box-shadow:0 0 14px 4px rgba(176,122,74,.35);opacity:0}
.pb .pv-scan.on{animation:pv-scan 1.8s cubic-bezier(.5,0,.5,1) 2;opacity:1}
.pb .pv-scan.h{top:52px;left:6px;right:6px}
.pb .pv-scan.h.on{animation:pv-scanh 1.6s cubic-bezier(.5,0,.5,1) 1 forwards}
@keyframes pv-scan{0%{transform:translateY(0)}50%{transform:translateY(190px)}100%{transform:translateY(0);opacity:.0}}
@keyframes pv-scanh{0%{transform:translateY(0);opacity:1}90%{opacity:1}100%{transform:translateY(150px);opacity:0}}
.pb .pv-tag{position:absolute;padding:4px 8px;border-radius:99px;background:#1e8e54;color:#fff;font:600 9px/1 var(--font);white-space:nowrap;opacity:0;transform:translateX(-8px) scale(.9);transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.3,1.3);box-shadow:0 6px 12px -6px rgba(30,142,84,.6)}
.pb .pv-tag.on{opacity:1;transform:none}
/* tarjeta de aprobación (Teams) */
.pb .pv-card{flex:1;display:flex;flex-direction:column;gap:5px;padding:10px 12px;font:400 10.5px/1.35 var(--font);color:var(--ink-65);position:relative}
.pb .pv-card b{color:var(--ink);font-weight:600}
.pb .pv-card small{font-size:9.5px;color:var(--ink-45)}
.pb .pv-card .pv-av{position:absolute;right:12px;top:10px}
.pb .pv-grande{font-size:13px;color:var(--ink)}
.pb .pv-bts{display:flex;gap:6px;margin-top:4px}
.pb .pv-bts span{flex:1;text-align:center;font:600 10px/1 var(--font);padding:8px 6px;border-radius:8px;background:#f2eee8;color:var(--ink-65);transition:transform .15s,background-color .3s,box-shadow .3s}
.pb .pv-bts span.si{background:#5059c9;color:#fff}
.pb .pv-bts span.si.on{transform:scale(.94);background:#3d45a8;box-shadow:0 0 0 4px rgba(80,89,201,.25)}
.pb .pv-hecho{align-self:flex-start;display:inline-flex;padding:4px 8px;border-radius:99px;background:rgba(30,142,84,.12);color:#1e7a48;font:600 9.5px/1 var(--font);opacity:0;transform:translateY(4px);transition:opacity .35s,transform .35s}
.pb .pv-hecho.on{opacity:1;transform:none}
/* avisos y sellos */
.pb .pv-toast,.pb .pv-noti{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.08),0 18px 30px -16px rgba(60,40,20,.5);font:500 10.5px/1.3 var(--font);color:var(--ink-65);opacity:0;transform:translateY(12px) scale(.95);transition:opacity .4s,transform .5s cubic-bezier(.2,.9,.3,1.25);white-space:nowrap}
.pb .pv-toast{background:#1e8e54;color:#fff;font-weight:600}
.pb .pv-noti img{width:22px;height:22px}
.pb .pv-noti b{color:var(--ink);font-weight:600}
.pb .pv-toast.on,.pb .pv-noti.on{opacity:1;transform:none}
.pb .pv-sello{position:absolute;right:12px;bottom:10px;padding:5px 10px;border-radius:8px;border:2px solid #1e8e54;color:#1e7a48;font:700 10px/1 var(--font);transform:rotate(-8deg) scale(1.8);opacity:0;transition:opacity .25s,transform .45s cubic-bezier(.2,.9,.3,1.3)}
.pb .pv-sello.on{opacity:1;transform:rotate(-8deg) scale(1)}
.pb .pv-mail{flex:1;display:flex;flex-direction:column;gap:6px;padding:9px 12px;font:400 10.5px/1.3 var(--font);color:var(--ink)}
.pb .pv-mail small{color:var(--ink-45);font-size:9.5px;margin-right:4px}
.pb .pv-mail i{display:block;height:6px;border-radius:3px;background:#efeae3}
.pb .pv-mail i.c{width:55%}
.pb .pv-rojo{color:#c2553f;font-weight:600}
.pb .pv-sube{font-style:normal;color:#1e7a48;font-weight:600}
.pb .pv-alerta{align-self:flex-start;padding:4px 7px;border-radius:6px;background:rgba(216,154,43,.14);color:#8a5a00;font-weight:600;opacity:.25;transition:opacity .4s,box-shadow .4s}
.pb .pv-alerta.on{opacity:1;box-shadow:0 0 0 2px rgba(216,154,43,.5)}
/* cursor */
.pb .pv-cur{position:absolute;left:680px;top:430px;width:20px;height:20px;z-index:20;transition:left .8s cubic-bezier(.5,0,.2,1),top .8s cubic-bezier(.5,0,.2,1),opacity .3s;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}
.pb .pv-cur svg{width:20px;height:20px;display:block}
.pb .pv-cur.c1{left:var(--c1x);top:var(--c1y)}
.pb .pv-cur.c2{left:var(--c2x);top:var(--c2y)}
.pb .pv-cur.fuera{opacity:0}
.pb .pv-cur::after{content:"";position:absolute;left:-12px;top:-12px;width:24px;height:24px;border-radius:50%;background:rgba(176,122,74,.45);transform:scale(0);opacity:0}
.pb .pv-cur.clic::after{animation:pv-clic .6s ease-out}
@keyframes pv-clic{0%{transform:scale(.2);opacity:1}100%{transform:scale(1.8);opacity:0}}
/* móvil del formulario */
.pb .pv-tel{position:absolute;width:176px;height:350px;border-radius:28px;background:#1b1816;padding:10px;box-shadow:0 24px 40px -20px rgba(40,25,10,.6)}
.pb .pv-tel-in{height:100%;border-radius:20px;background:#fff;padding:22px 12px 12px;display:flex;flex-direction:column;gap:8px;font:400 10px/1.3 var(--font)}
.pb .pv-tel-in>small{font:600 11px/1.2 var(--font);color:var(--ink)}
.pb .pv-campo{display:flex;flex-direction:column;gap:2px;padding:7px 9px;border-radius:9px;background:#f6f3ef;font-weight:600;color:var(--ink)}
.pb .pv-campo small{font-weight:400;color:var(--ink-45);font-size:9px}
.pb .pv-enviar{margin-top:auto;text-align:center;padding:9px;border-radius:10px;background:var(--ink);color:#fff;font:600 10.5px/1 var(--font);transition:transform .15s,background-color .3s}
.pb .pv-enviar.on{transform:scale(.94);background:var(--bronze)}
.pb .pv-tel .pv-hecho{align-self:center}
.pb .pv-banner{position:absolute;left:14px;right:14px;top:14px;display:flex;gap:8px;align-items:center;padding:9px 10px;border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 10px 24px -10px rgba(0,0,0,.5);font:400 9.5px/1.3 var(--font);color:var(--ink-65);opacity:0;transform:translateY(-20px);transition:opacity .4s,transform .5s cubic-bezier(.2,.9,.3,1.25)}
.pb .pv-banner img{width:20px;height:20px}
.pb .pv-banner b{color:#1e7a48}
.pb .pv-banner.on{opacity:1;transform:none}
/* Excel */
.pb .pv-xls{display:grid;grid-template-columns:1.6fr .8fr .8fr;font:400 10px/1 var(--font)}
.pb .pv-xls span{padding:9px 8px;border-right:1px solid #e4efe8;border-bottom:1px solid #e4efe8;transition:background-color .4s,color .4s;white-space:nowrap;overflow:hidden}
.pb .pv-xls .h{background:#eef6f1;font-weight:600;color:#1d6b40}
.pb .pv-xls span.on{background:rgba(30,142,84,.12);color:#1e7a48;font-weight:600}
/* hora, caducidades */
.pb .pv-hora{position:absolute;padding:7px 12px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.08),0 10px 20px -12px rgba(60,40,20,.4);font:600 11px/1 var(--font);opacity:0;transform:translateY(-8px);transition:opacity .4s,transform .5s}
.pb .pv-hora.on{opacity:1;transform:none}
.pb .pv-av-cad{display:inline-block;margin-left:6px;padding:3px 6px;border-radius:99px;font:700 8.5px/1 var(--font);font-style:normal;opacity:0;transform:scale(.6);transition:opacity .3s,transform .4s cubic-bezier(.2,.9,.3,1.4)}
.pb .pv-av-cad.n{background:rgba(216,154,43,.16);color:#8a5a00}
.pb .pv-av-cad.r{background:rgba(194,85,63,.14);color:#b0402b}
.pb .pv-av-cad.on{opacity:1;transform:none}
/* reunión */
.pb .pv-call{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;background:#24222a;position:relative;transition:opacity .5s}
.pb .pv-call.fuera{opacity:.15}
.pb .pv-call .p{position:relative;display:grid;place-items:center;border-radius:10px;background:#34313a;color:#fff;font:600 16px/1 var(--font)}
.pb .pv-call .p::before{content:"";position:absolute;width:44px;height:44px;border-radius:50%;background:var(--c);z-index:-1}
.pb .pv-call .p{z-index:0}
.pb .pv-call .p small{position:absolute;left:6px;bottom:5px;font:500 8.5px/1 var(--font);color:rgba(255,255,255,.75)}
.pb .pv-call .p.habla::before{animation:pv-habla 1.2s ease-in-out infinite}
@keyframes pv-habla{50%{box-shadow:0 0 0 6px rgba(176,122,74,.45)}}
.pb .pv-call .p{isolation:isolate}
.pb .pv-colgar{position:absolute;right:12px;bottom:10px;padding:6px 10px;border-radius:7px;background:#c4314b;color:#fff;font:600 9.5px/1 var(--font);transition:transform .15s}
.pb .pv-colgar.on{transform:scale(.92)}
.pb .pv-fin{position:absolute;left:12px;right:12px;top:96px;text-align:center;font:600 11px/1.3 var(--font);color:var(--ink);opacity:0;transition:opacity .4s}
.pb .pv-fin.on{opacity:1}
.pb .pv-word{flex:1;display:flex;flex-direction:column;gap:7px;padding:14px 16px;font:400 10.5px/1.35 var(--font);color:var(--ink)}
.pb .pv-word b{font:700 11px/1 var(--font);color:#2b579a;margin-top:2px}
.pb .pv-word span{clip-path:inset(0 100% 0 0);transition:clip-path .9s steps(28,end)}
.pb .pv-word span.on{clip-path:inset(0 0 0 0)}
/* informe */
.pb .pv-dato{grid-template-columns:1fr auto;font-size:11px;transition:background-color .4s}
.pb .pv-dato b{font-variant-numeric:tabular-nums}
.pb .pv-dato.on{background:rgba(176,122,74,.12)}
.pb .pv-graf{flex:1;display:flex;align-items:flex-end;gap:12px;padding:14px 16px 22px}
.pb .pv-graf i{position:relative;flex:1;height:0;border-radius:5px 5px 2px 2px;background:linear-gradient(#5fbf8a,#1e8e54);transition:height .7s cubic-bezier(.2,.9,.3,1.1);transition-delay:calc(var(--i) * .12s)}
.pb .pv-graf i:last-child{background:linear-gradient(#d9b48c,var(--bronze))}
.pb .pv-graf.on i{height:var(--h)}
.pb .pv-graf i small{position:absolute;left:50%;bottom:-15px;transform:translateX(-50%);font:500 8.5px/1 var(--font);color:var(--ink-45)}
/* en la tarjeta del portfolio y en la ficha */
.pb .lx-mon-esc .pv{inset:0}
.pb .lx-mpeli{display:flex;flex-direction:column;gap:14px;width:100%;height:100%;padding:0}
.pb .lx-mscreen.is-flujo>.lx-mpeli{position:relative}
.pb .lx-mpeli .pv{position:relative;inset:auto;aspect-ratio:16/10;width:100%;border-radius:14px;background:radial-gradient(80% 90% at 50% 105%,rgba(176,122,74,.18),transparent 70%),linear-gradient(160deg,#fbf9f6,var(--sand))}
.pb .pv-pasos{list-style:none;margin:0;padding:0 4px 4px;display:flex;flex-wrap:wrap;gap:8px}
.pb .pv-pasos li{display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 7px;border-radius:99px;background:#f6f3ef;font:500 12.5px/1 var(--font);color:var(--ink-45);transition:background-color .3s,color .3s,box-shadow .3s}
.pb .pv-pasos li i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#fff;font:600 10.5px/1 var(--font);font-style:normal;color:var(--ink-65);transition:background-color .3s,color .3s}
.pb .pv-pasos li.ok{color:var(--ink-65)}
.pb .pv-pasos li.ok i{background:#1e8e54;color:#fff}
.pb .pv-pasos li.on{background:#fff;color:var(--ink);box-shadow:0 0 0 2px var(--bronze),0 8px 16px -10px rgba(80,55,30,.5)}
.pb .pv-pasos li.on i{background:var(--bronze);color:#fff}
@media (prefers-reduced-motion:reduce){.pb .pv-call .p.habla::before,.pb .pv-scan{animation:none}}

/* ---------- Power Automate · «Lo de siempre entra. Sale hecho.» (2026-10-04): esquema con las herramientas de cada día ---------- */
.pb .lx-esq-head{margin-top:72px}
.pb .lx-esq-head h3{font:500 clamp(28px,3.2vw,40px)/1.08 var(--font);letter-spacing:-.04em;margin:14px 0 0}
.pb .lx-esq-head h3 em{font-style:normal;color:var(--bronze)}
.pb .lx-esq{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr) minmax(0,1fr);gap:70px;align-items:center;margin-top:36px;padding:40px 32px;border-radius:32px;background:radial-gradient(circle at 1px 1px,rgba(27,24,22,.12) 1px,transparent 1.5px) 0 0/20px 20px,linear-gradient(180deg,#fbf9f6,var(--sand-2))}
.pb .lx-esq-lin{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.pb .lx-esq-lin path{fill:none;stroke:rgba(176,122,74,.4);stroke-width:1.6;stroke-dasharray:4 6;transition:stroke .5s,opacity .5s}
.pb .lx-esq[data-step="3"] .lx-esq-lin path[data-col="1"],.pb .lx-esq[data-step="1"] .lx-esq-lin path[data-col="3"]{opacity:.35}
.pb .lx-esq-lin circle{fill:var(--bronze)}
.pb .lx-esq-col{position:relative;display:flex;flex-direction:column;gap:12px;z-index:1}
.pb .lx-esq-t{font:600 12px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-45);margin:0 0 4px 6px}
.pb .lx-esq-c{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.06),0 10px 24px -18px rgba(60,40,20,.5);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,opacity .5s}
.pb .lx-esq-c img,.pb .lx-esq-ic{width:34px;height:34px;flex:none}
.pb .lx-esq-ic{display:grid;place-items:center;border-radius:10px;background:var(--bronze-soft);color:var(--bronze-text)}
.pb .lx-esq-ic svg{width:20px;height:20px}
.pb .lx-esq-c b{display:block;font:500 15px/1.25 var(--font);color:var(--ink);letter-spacing:-.01em}
.pb .lx-esq-c small{display:block;margin-top:2px;font-size:12.5px;color:var(--ink-45)}
.pb .lx-esq-in .lx-esq-c:nth-child(3){margin-left:22px}.pb .lx-esq-out .lx-esq-c:nth-child(3){margin-right:22px}
.pb .lx-esq[data-step="1"] .lx-esq-in .lx-esq-c,.pb .lx-esq[data-step="3"] .lx-esq-out .lx-esq-c{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(176,122,74,.45),0 18px 30px -18px rgba(80,55,30,.55)}
.pb .lx-esq[data-step="2"] .lx-esq-col .lx-esq-c{opacity:.7}
.pb .lx-esq-hub{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:26px;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.06),0 30px 60px -30px rgba(60,40,20,.55);transition:box-shadow .5s,transform .5s}
.pb .lx-esq[data-step="2"] .lx-esq-hub{transform:scale(1.03);box-shadow:0 0 0 2px var(--bronze),0 0 0 10px rgba(176,122,74,.12),0 30px 60px -30px rgba(60,40,20,.6)}
.pb .lx-esq-hub-h{display:flex;align-items:center;gap:12px}
.pb .lx-esq-hub-h img{width:40px;height:40px}
.pb .lx-esq-hub-h b{display:block;font:500 20px/1.15 var(--font);letter-spacing:-.03em}
.pb .lx-esq-hub-h small{display:block;font-size:13px;color:var(--ink-45)}
.pb .lx-esq-tareas{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;border-radius:18px;background:var(--sand-2)}
.pb .lx-esq-tareas span{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:12px;background:#fff;font:500 13px/1.25 var(--font);color:var(--ink-90);box-shadow:0 0 0 1px rgba(27,24,22,.05)}
.pb .lx-esq-tareas i{width:8px;height:8px;border-radius:50%;flex:none;background:var(--sand-3);transition:background-color .4s,box-shadow .4s}
.pb .lx-esq[data-step="2"] .lx-esq-tareas i{background:var(--bronze);animation:lx-esq-t 1.6s ease-in-out infinite;animation-delay:calc(var(--k) * .3s)}
.pb .lx-esq-tareas span{--k:0}
@keyframes lx-esq-t{50%{box-shadow:0 0 0 5px rgba(176,122,74,.22)}}
.pb .lx-esq-vivo{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-65)}
.pb .lx-esq-vivo i{width:8px;height:8px;border-radius:50%;background:#1e8e54;box-shadow:0 0 0 3px rgba(30,142,84,.16)}
.pb .lx-esq-pasos{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 0;padding:0}
.pb .lx-esq-pasos li{display:flex;gap:12px;padding:18px 20px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.06);transition:box-shadow .4s,transform .4s}
.pb .lx-esq-pasos li b{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--sand-2);font:600 13px/1 var(--font);color:var(--ink-65);transition:background-color .4s,color .4s}
.pb .lx-esq-pasos li span{font-size:14px;line-height:1.45;color:var(--ink-65)}
.pb .lx-esq-pasos li strong{display:block;font:500 15.5px/1.3 var(--font);color:var(--ink);margin-bottom:3px}
.pb .lx-esq-pasos li.on{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(176,122,74,.4),0 16px 30px -20px rgba(80,55,30,.5)}
.pb .lx-esq-pasos li.on b{background:var(--bronze);color:#fff}
@media (max-width:980px){.pb .lx-esq{grid-template-columns:1fr;gap:20px;padding:24px 18px}.pb .lx-esq-in .lx-esq-c:nth-child(3),.pb .lx-esq-out .lx-esq-c:nth-child(3){margin:0}.pb .lx-esq-pasos{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.pb .lx-esq-tareas i{animation:none!important}}

/* ---------- recorrido del portfolio (2026-10-04): tour profesional, el elemento exacto enmarcado ---------- */
.pb .lx-tour-cam{transform-origin:0 0}
.pb .lx-tour-foco{background:none;overflow:hidden;border-radius:inherit;transition:opacity .5s}
.pb .lx-tour-foco::after{content:none;display:none}
.pb .lx-tour-caja{position:absolute;left:50%;top:50%;width:0;height:0;border-radius:12px;box-shadow:0 0 0 2px #fff,0 0 0 6px rgba(176,122,74,.55),0 0 0 9999px rgba(18,13,9,.48);transition:left 1.1s cubic-bezier(.65,0,.25,1),top 1.1s cubic-bezier(.65,0,.25,1),width 1.1s cubic-bezier(.65,0,.25,1),height 1.1s cubic-bezier(.65,0,.25,1)}
.pb .lx-tour-caja::after{content:"";position:absolute;inset:-6px;border-radius:16px;box-shadow:0 0 0 2px rgba(176,122,74,.7);animation:lx-caja-late 2s ease-in-out infinite}
@keyframes lx-caja-late{0%,100%{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.015)}}
.pb .lx-tour-tip{animation:lx-tip-in .45s cubic-bezier(.2,.9,.3,1.15) both}
@keyframes lx-tip-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
.pb .lx-tour-tip[data-lado]::before{content:"";position:absolute;width:14px;height:14px;background:#fff;transform:rotate(45deg);border-radius:3px}
.pb .lx-tour-tip[data-lado="der"]::before{left:-6px;top:calc(var(--fl,40px) - 7px)}
.pb .lx-tour-tip[data-lado="izq"]::before{right:-6px;top:calc(var(--fl,40px) - 7px)}
.pb .lx-tour-tip[data-lado="abajo"]::before{top:-6px;left:calc(var(--fl,40px) - 7px)}
.pb .lx-tour-tip[data-lado="arriba"]::before{bottom:-6px;left:calc(var(--fl,40px) - 7px)}
.pb .lx-tour-tip[data-lado="dentro"]::before{content:none}
@media (max-width:640px){.pb .lx-tour-caja{border-radius:8px}}
@media (prefers-reduced-motion:reduce){.pb .lx-tour-caja{transition:none}.pb .lx-tour-caja::after{animation:none}}

/* portada sin las cifras debajo (Power Apps): la ventana del vídeo se cierra redonda */
.pb .stage-video.sin-cifras .device{border-radius:var(--radius-md);padding-bottom:10px}
.pb .stage-video.sin-cifras .screen{border-radius:12px}

/* ---------- Power Automate · personalizador compacto (2026-10-04): todo cabe en una pantalla ---------- */
.pb .lx-conf:has(.lx-lienzo){align-items:start}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl{padding:8px;gap:4px}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl-sec{padding:12px 14px 13px;gap:8px;border-radius:18px}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl-sec h6{font-size:14px}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl-sec h6 i{width:22px;height:22px;font-size:11px}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl-et{margin:2px 0 -2px;font-size:12px}
.pb .lx-conf:has(.lx-lienzo) .lx-campo input{height:42px;padding:0 14px;font-size:14px}
.pb .lx-conf:has(.lx-lienzo) .lx-campo span{font-size:12px}
.pb .lx-conf:has(.lx-lienzo) .lx-tpl{gap:6px}
.pb .lx-conf:has(.lx-lienzo) .lx-tpl button{padding:8px 4px 7px;gap:4px;border-radius:13px;font-size:12px}
.pb .lx-conf:has(.lx-lienzo) .lx-tpl button .lx-ico,.pb .lx-conf:has(.lx-lienzo) .lx-tpl button img{width:26px;height:26px}
.pb .lx-conf:has(.lx-lienzo) .lx-seg button{padding:7px 6px;font-size:12.5px}
.pb .lx-conf:has(.lx-lienzo) .lx-seg-grid button{padding:7px 9px}
.pb .lx-conf:has(.lx-lienzo) .lx-seg button img,.pb .lx-conf:has(.lx-lienzo) .lx-seg button .lx-ico{width:20px;height:20px}
.pb .lx-conf:has(.lx-lienzo) .lx-sw button{width:30px;height:30px}
.pb .lx-conf:has(.lx-lienzo) .lx-probar{margin:4px;padding:12px;font-size:15px}
/* el flujo, más recogido */
.pb .lx-conf:has(.lx-lienzo) .lx-stage{min-height:0;padding:50px 16px 72px;align-self:stretch}
.pb .lx-conf .lx-stage .lx-lienzo{width:min(560px,100%);padding:50px 20px 22px}
.pb .lx-conf .lx-stage .lx-lienzo-bar{height:38px;font-size:12.5px}
.pb .lx-conf .lx-stage .lx-paso{width:min(400px,100%);padding:9px 12px;gap:10px;border-radius:14px}
.pb .lx-conf .lx-stage .lx-paso>img,.pb .lx-conf .lx-stage .lx-paso>.lx-ico{width:32px;height:32px}
.pb .lx-conf .lx-stage .lx-paso b{font-size:13.5px}
.pb .lx-conf .lx-stage .lx-paso small{font-size:11.5px}
.pb .lx-conf .lx-stage .lx-lin{height:16px}
.pb .lx-conf .lx-stage .lx-ramas .lx-paso{padding:8px 10px}
.pb .lx-conf .lx-stage .lx-stage-pie{bottom:14px;padding:7px 7px 7px 16px}
/* los seis bloques de ajustes, en dos columnas: el panel queda a la altura del flujo */
.pb .lx-conf:has(.lx-lienzo){grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl{display:grid;grid-template-columns:1fr 1fr;align-content:start}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl{grid-auto-flow:dense}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl>.lx-ctl-sec:nth-child(1){grid-column:1;grid-row:1;justify-content:center}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl>.lx-ctl-sec:nth-child(3){grid-column:1;grid-row:2}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl>.lx-ctl-sec:nth-child(4){grid-column:1;grid-row:3}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl>.lx-ctl-sec:nth-child(2){grid-column:2;grid-row:1}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl>.lx-ctl-sec:nth-child(5){grid-column:2;grid-row:2}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl>.lx-ctl-sec:nth-child(6){grid-column:2;grid-row:3}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl>.lx-probar{grid-row:4}
.pb .lx-conf:has(.lx-lienzo) .lx-probar{grid-column:1/-1}
.pb .lx-conf:has(.lx-lienzo) .lx-tpl{grid-template-columns:repeat(2,1fr)}
.pb .lx-conf:has(.lx-lienzo) .lx-seg-grid{grid-template-columns:1fr}
@media (max-width:1100px){.pb .lx-conf:has(.lx-lienzo){grid-template-columns:1fr}}
@media (max-width:640px){.pb .lx-conf:has(.lx-lienzo) .lx-ctl{grid-template-columns:1fr}.pb .lx-conf:has(.lx-lienzo) .lx-ctl>.lx-ctl-sec{grid-column:auto!important;grid-row:auto!important}.pb .lx-conf:has(.lx-lienzo) .lx-tpl{grid-template-columns:repeat(3,1fr)}}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl{grid-template-rows:auto auto auto auto}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl>.lx-ctl-sec:nth-child(1){align-self:start}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl>.lx-ctl-sec:nth-child(3){grid-row:2 / span 1;margin-top:0}
.pb .lx-conf:has(.lx-lienzo) .lx-seg:not(.lx-seg-grid) button span{white-space:nowrap}
.pb .lx-conf:has(.lx-lienzo) .lx-seg:not(.lx-seg-grid) button{padding:7px 4px;font-size:12px}
/* columna izquierda: Tu empresa + Cuándo empieza ocupan juntas la altura de El flujo */
.pb .lx-conf:has(.lx-lienzo) .lx-ctl{grid-template-rows:auto auto auto auto auto}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl>.lx-ctl-sec:nth-child(2){grid-row:1 / span 2}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl>.lx-ctl-sec:nth-child(3){grid-row:2 / span 2}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl>.lx-ctl-sec:nth-child(5){grid-row:3 / span 2}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl>.lx-ctl-sec:nth-child(4){grid-row:4 / span 2}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl>.lx-ctl-sec:nth-child(6){grid-row:5}
.pb .lx-conf:has(.lx-lienzo) .lx-ctl>.lx-probar{grid-row:6}

/* ---------- ajustes responsive (2026-10-05): móvil y tablet; el escritorio (≥1100 px) no cambia ---------- */
/* configurador «Tu app, a tu manera»: las reglas de más arriba (columnas y altura del escenario) pisaban las de
   tablet y móvil, y en móvil la rejilla se salía por la derecha */
@media (max-width:980px){
  .pb .lx-conf,.pb .lx-conf:has(.lx-lienzo){grid-template-columns:minmax(0,1fr)}
  .pb .lx-conf>*{min-width:0}
  .pb .lx-stage{min-height:620px}
}
@media (max-width:700px){
  .pb .lx-stage{min-height:0;height:600px}
  .pb .lx-conf:has(.lx-lienzo) .lx-stage{height:auto}
  /* galería «seis identidades»: los móviles no tapan el nombre de la fila de arriba */
  .pb .lx-cat{row-gap:26px}
  .pb .lx-cat-esc{height:285px}
  /* selector de Locodea AI («Pregunta a tu app» / «Pide una pantalla») en una sola fila */
  .pb .lx-ia-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);border-radius:22px}
  .pb .lx-ia-tabs button{font-size:13.5px;padding:10px 8px;text-align:center;line-height:1.2}
}
/* portfolio: la tarjeta ancha (Almacén) se quedaba sin imagen al apilarse */
@media (max-width:640px){
  .pb .lx-pf-pie{flex-wrap:wrap}
  .pb .lx-tags span{white-space:nowrap}
}
/* controles del vídeo de portada: caben en la pantalla del dispositivo sin partirse */
@media (max-width:640px){
  .pb .vctl{left:8px;right:8px;bottom:8px;justify-content:center;gap:5px}
  .pb .vctl button{white-space:nowrap;padding:6px 9px;font-size:11.5px}
}
/* portfolio a dos columnas (tablet): la tarjeta ancha va como las demás, así Almacén y CRM 360 quedan en pareja */
@media (max-width:1100px){.pb .lx-pf-card.is-wide{grid-column:auto;display:flex;align-items:stretch}.pb .lx-pf-card.is-wide .lx-mon{min-height:0;aspect-ratio:16/10.4;height:auto}.pb .lx-pf-card.is-wide .lx-pf-txt{padding:4px 10px 0}}
/* «Cuatro capas»: la carta activa de la pila se calcula con el ancho del escenario sin contar su perspectiva y en el
   móvil salía por los dos lados (se cortaban «1 Tus datos» y «Conectado»); con el escenario algo más estrecho cabe */
@media (max-width:700px){.pb .lx-scroll[data-tipo="pila"] .lx-esc-3d{margin-inline:9%}}
/* «Tu flujo, a tu manera» en una columna: «Probar el flujo» al final, después de «Cómo te avisa» */
@media (max-width:640px){.pb .lx-conf:has(.lx-lienzo) .lx-ctl>.lx-probar{grid-row:auto;order:1}}
/* ruta de la factura (Power Automate): la tarjeta del primer paso, ampliada, se cortaba por la izquierda */
@media (max-width:980px){.pb .lx-scroll[data-tipo="ruta"] .lx-esc-3d{margin-inline:7%}}

/* ---------- ficha del portfolio (2026-10-05): antes de nada, las tres formas de verla ---------- */
.pb .lx-mintro{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:22px;overflow:auto;background:linear-gradient(180deg,rgba(251,248,244,.86),rgba(241,235,226,.92)),var(--fondo) center/cover no-repeat}
.pb .lx-mintro::before{content:"";position:absolute;inset:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}
.pb .lx-mintro-in{position:relative;width:min(640px,100%);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;animation:lx-mintro-in .55s cubic-bezier(.2,.9,.3,1.1) both}
@keyframes lx-mintro-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.pb .lx-mintro-t{font:500 clamp(19px,2.2vw,24px)/1.2 var(--font);letter-spacing:-.03em;color:var(--ink)}
.pb .lx-mintro-s{margin:0 0 10px;font-size:13.5px;line-height:1.45;color:var(--ink-65);max-width:46ch}
.pb .lx-mintro-op{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.pb .lx-mintro-op button{position:relative;border:0;font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:16px 16px 18px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.07),0 14px 28px -20px rgba(60,40,20,.5);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;animation:lx-mintro-in .55s cubic-bezier(.2,.9,.3,1.1) both}
.pb .lx-mintro-op button:nth-child(2){animation-delay:.08s}.pb .lx-mintro-op button:nth-child(3){animation-delay:.16s}
.pb .lx-mintro-op button:hover,.pb .lx-mintro-op button:focus-visible{transform:translateY(-3px);box-shadow:0 0 0 2px var(--bronze),0 20px 34px -20px rgba(80,55,30,.6);outline:0}
.pb .lx-mintro-op button.is-rec{box-shadow:0 0 0 2px var(--bronze),0 14px 28px -20px rgba(80,55,30,.55)}
.pb .lx-mintro-op b{font:500 16px/1.2 var(--font);color:var(--ink)}
.pb .lx-mintro-op span:not(.lx-mintro-ic){font-size:12.5px;line-height:1.45;color:var(--ink-65)}
.pb .lx-mintro-op em{position:absolute;top:12px;right:12px;font-style:normal;font:600 10px/1 var(--font);padding:5px 8px;border-radius:99px;background:var(--bronze);color:#fff}
.pb .lx-mintro-ic{width:38px;height:38px;border-radius:12px;background:var(--bronze-soft) center/20px no-repeat;margin-bottom:2px}
.pb .lx-mintro-tour{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a5a30' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='13' rx='2'/%3E%3Ccircle cx='10' cy='11' r='3'/%3E%3Cpath d='m12.2 13.2 3 3'/%3E%3C/svg%3E")}
.pb .lx-mintro-pantallas{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a5a30' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M5 20h3M10.5 20h3M16 20h3'/%3E%3C/svg%3E")}
.pb .lx-mintro-vista{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a5a30' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='14' rx='2'/%3E%3Cpath d='M3 8h18'/%3E%3Cpath d='m11 11 5 2.5-2.2.6-.8 2.2z' fill='%238a5a30'/%3E%3C/svg%3E")}
/* mientras se elige, los botones de arriba laten para que se sepa dónde volver a cambiar */
.pb .lx-mmodo.is-intro button{animation:lx-mmodo-late 1.8s ease-in-out infinite}
.pb .lx-mmodo.is-intro button:nth-child(2){animation-delay:.2s}.pb .lx-mmodo.is-intro button:nth-child(3){animation-delay:.4s}
@keyframes lx-mmodo-late{50%{box-shadow:0 0 0 2px rgba(176,122,74,.45)}}
@media (max-width:640px){.pb .lx-mintro{padding:14px;place-items:start center}.pb .lx-mintro-op{grid-template-columns:1fr;gap:8px}.pb .lx-mintro-op button{padding:12px 14px 13px;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:10px}.pb .lx-mintro-op span:not(.lx-mintro-ic){flex-basis:100%}.pb .lx-mintro-ic{width:30px;height:30px;margin:0}.pb .lx-mintro-s{margin-bottom:6px}}
@media (prefers-reduced-motion:reduce){.pb .lx-mintro-in,.pb .lx-mintro-op button,.pb .lx-mmodo.is-intro button{animation:none}}

/* ---------- apps de ejemplo del personalizador, con más detalle (2026-10-05) ---------- */
.pb .lx-x-chips{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}
.pb .lx-x-chips em{font-style:normal;display:inline-flex;align-items:baseline;gap:3px;padding:3px 7px;border-radius:99px;background:rgba(30,142,84,.13);color:#1e7a48;font:500 9.5px/1.2 var(--font)}
.pb .lx-x-chips em b{font-size:11px;font-weight:600}
.pb .lx-x-chips em.m{background:rgba(216,154,43,.16);color:#9a6a10}.pb .lx-x-chips em.c{background:var(--cs);color:var(--c)}
.pb .lx-x-av,.pb .lx-x-avs i{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff;font:600 9.5px/1 var(--font)}
/* partes · lo que está pasando ahora */
.pb .lx-x-ahora{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:var(--r);background:var(--bg);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--c) 45%,transparent)}
.pb .lx-x-ahora-h{display:flex;align-items:center;gap:8px}
.pb .lx-x-ahora-h div{flex:1;min-width:0}
.pb .lx-x-ahora-h b{display:block;font:500 12px/1.2 var(--font)}
.pb .lx-x-ahora-h small{display:block;font-size:10px;color:var(--fg2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .lx-x-ahora-h em{font-style:normal;display:inline-flex;align-items:center;gap:4px;font:600 9.5px/1 var(--font);color:#b07812}
.pb .lx-x-ahora-h em i{width:6px;height:6px;border-radius:50%;background:#d89a2b;animation:lx-w-late 1.4s ease-in-out infinite}
.pb .lx-x-pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:3px}
.pb .lx-x-pasos li{display:flex;flex-direction:column;gap:3px;min-width:0}
.pb .lx-x-pasos li i{height:4px;border-radius:4px;background:var(--ln)}
.pb .lx-x-pasos li.ok i{background:var(--c)}
.pb .lx-x-pasos li.on i{background:linear-gradient(90deg,var(--c) 50%,var(--ln) 50%)}
.pb .lx-x-pasos span{font:500 9px/1.15 var(--font);color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .lx-x-pasos small{font-size:8.5px;color:var(--fg2);min-height:10px}
.pb .lx-x-ahora-p{display:flex;align-items:center;gap:8px}
.pb .lx-x-fotos{display:flex;align-items:center;gap:3px;flex:none}
.pb .lx-x-fotos i{width:20px;height:20px;border-radius:5px;background:linear-gradient(135deg,#8a9aa6,#5d6b75 60%,#b9a58c)}
.pb .lx-x-fotos i+i{background:linear-gradient(160deg,#a69c8a,#6b6255 55%,#3e4a52)}
.pb .lx-x-fotos b{font:500 9.5px/1 var(--font);color:var(--fg2);margin-left:2px}
.pb .lx-x-mat{display:flex;gap:4px;min-width:0;overflow:hidden}
.pb .lx-x-mat em{font-style:normal;flex:none;padding:3px 7px;border-radius:99px;background:var(--bg2);font:500 9.5px/1.2 var(--font);color:var(--fg2);white-space:nowrap}
/* almacén · mínimo y últimos movimientos */
.pb .lx-x-min{display:block;height:4px;margin:5px 0 3px;border-radius:4px;background:var(--ln);overflow:hidden;text-decoration:none}
.pb .lx-x-min i{display:block;height:100%;width:calc(var(--v) * 1%);background:#d89a2b;border-radius:4px}
.pb .lx-x-min-t{color:#b07812!important}
.pb .lx-x-movs{display:flex;flex-direction:column;gap:5px;padding:9px 11px;border-radius:var(--r);background:var(--bg2)}
.pb .lx-x-movs>b{font:500 11px/1 var(--font);color:var(--fg2);margin-bottom:2px}
.pb .lx-x-movs div{display:flex;align-items:center;gap:8px}
.pb .lx-x-movs em{flex:none;width:34px;text-align:center;font:600 10.5px/1 var(--font);font-style:normal;padding:4px 0;border-radius:7px;background:rgba(30,142,84,.14);color:#1e7a48}
.pb .lx-x-movs .out em{background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c)}
.pb .lx-x-movs span{min-width:0}
.pb .lx-x-movs span b{display:block;font:500 11px/1.2 var(--font)}
.pb .lx-x-movs small{display:block;font-size:9.5px;color:var(--fg2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* inspección · máquina y secciones */
.pb .lx-x-cab{display:flex;align-items:center;gap:9px}
.pb .lx-x-cab div{flex:1;min-width:0}
.pb .lx-x-cab b{display:block;font:500 12.5px/1.2 var(--font)}
.pb .lx-x-cab small{display:block;font-size:10px;color:var(--fg2)}
.pb .lx-x-cab em{font-style:normal;flex:none;padding:4px 8px;border-radius:99px;background:var(--cs);color:var(--c);font:600 9.5px/1 var(--font)}
.pb .lx-x-maq{flex:none;width:30px;height:30px;border-radius:9px;background:var(--bg2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23786a5c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='14' height='9' rx='1.5'/%3E%3Cpath d='M6 6V3.5h8V6M7 15v2M13 15v2M6.5 10.5h3'/%3E%3C/svg%3E") center/18px no-repeat}
.pb .lx-x-secs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.pb .lx-x-secs span{display:flex;flex-direction:column;gap:3px;padding:7px 8px;border-radius:calc(var(--r) * .7);background:var(--bg2);min-width:0}
.pb .lx-x-secs b{font:500 9.5px/1.15 var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .lx-x-secs small{font:600 10px/1 var(--font);color:var(--c)}
.pb .lx-x-secs span.m small{color:#b07812}
.pb .lx-x-secs u{display:block;height:3px;border-radius:3px;background:var(--ln);overflow:hidden;text-decoration:none}
.pb .lx-x-secs u i{display:block;height:100%;background:var(--c)}
.pb .lx-x-secs span.m u i{background:#d89a2b}
.pb .lx-vc-fotos span{position:relative;overflow:hidden}
.pb .lx-vc-fotos span small{position:absolute;left:5px;bottom:4px;font:500 8.5px/1 var(--font);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}
/* pedidos · categorías, etiquetas y stock */
.pb .lx-x-cats{display:flex;gap:5px;overflow:hidden}
.pb .lx-x-cats span{flex:none;padding:5px 10px;border-radius:99px;background:var(--bg2);font:500 10px/1 var(--font);color:var(--fg2)}
.pb .lx-x-cats span.on{background:var(--fg);color:var(--bg)}
.pb .lx-vp-img{position:relative}
.pb .lx-vp-img em{position:absolute;top:5px;left:5px;font-style:normal;padding:3px 6px;border-radius:99px;background:var(--bg);color:var(--fg);font:600 8.5px/1 var(--font)}
.pb .lx-vp-img em.of{background:#c2402f;color:#fff}
.pb .lx-vp-prod small .poco{color:#b07812;font-weight:600}
/* fichajes · el día y el equipo */
.pb .lx-x-dia{display:flex;flex-direction:column;gap:2px;padding:8px 11px;border-radius:var(--r);background:var(--bg2)}
.pb .lx-x-dia span{display:grid;grid-template-columns:34px 10px 1fr auto;align-items:center;gap:7px;padding:3px 0}
.pb .lx-x-dia time{font:500 10.5px/1 var(--font);color:var(--fg2);font-variant-numeric:tabular-nums}
.pb .lx-x-dia i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.pb .lx-x-dia .m i{background:#d89a2b}.pb .lx-x-dia .c i{background:var(--bg);box-shadow:inset 0 0 0 2px var(--c)}
.pb .lx-x-dia b{font:500 11px/1 var(--font)}
.pb .lx-x-dia small{font-size:9.5px;color:var(--fg2)}
.pb .lx-vr-sem span small{display:block;font-size:8px;color:var(--fg2);margin-top:1px;white-space:nowrap}
.pb .lx-x-equipo{display:flex;align-items:center;gap:9px}
.pb .lx-x-avs{display:flex}
.pb .lx-x-avs i{width:22px;height:22px;font-size:8px;margin-left:-6px;box-shadow:0 0 0 2px var(--bg);font-style:normal;background:hsl(calc(25 + var(--k) * 55) 32% 46%)}
.pb .lx-x-avs i:first-child{margin-left:0}
.pb .lx-x-equipo small{font-size:10px;color:var(--fg2)}
/* visitas · ficha de la próxima */
.pb .lx-vm-mapa{position:relative}
.pb .lx-x-eta{position:absolute;right:8px;top:8px;font-style:normal;padding:5px 9px;border-radius:99px;background:var(--fg);color:var(--bg);font:600 10px/1 var(--font)}
.pb .lx-x-sig{align-items:flex-start!important}
.pb .lx-x-sig dl{margin:6px 0 0;display:flex;flex-direction:column;gap:3px}
.pb .lx-x-sig dl div{display:grid;grid-template-columns:58px 1fr;gap:6px}
.pb .lx-x-sig dt{font-size:9.5px;color:var(--fg2)}
.pb .lx-x-sig dd{margin:0;font:500 10.5px/1.25 var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb .lx-x-bts{display:flex;gap:5px;margin-top:8px}
.pb .lx-x-bts em{font-style:normal;flex:1;text-align:center;padding:6px 4px;border-radius:99px;background:var(--bg2);font:600 10px/1 var(--font)}
.pb .lx-x-bts em.si{background:var(--c);color:#fff}
.pb .lx-ap.recto .lx-x-chips em,.pb .lx-ap.recto .lx-x-cats span,.pb .lx-ap.recto .lx-x-bts em,.pb .lx-ap.recto .lx-x-mat em{border-radius:4px}

/* en el móvil, todo el detalle cabe sin meterse debajo del botón: nada se aplasta y los bloques se compactan */
.pb .lx-ap-v>*,.pb .lx-ap-main>*{flex-shrink:0}
.pb .lx-dev[data-dev="movil"] .lx-ap-main{gap:8px}
.pb .lx-dev[data-dev="movil"] .lx-ap-v{gap:7px}
.pb .lx-dev[data-dev="movil"] .lx-ap-btn{flex-shrink:0;margin-top:auto}
/* partes */
.pb .lx-dev[data-dev="movil"] .lx-x-chips{display:none}
.pb .lx-dev[data-dev="movil"] .lx-va-top{padding:8px 10px;gap:12px}
.pb .lx-dev[data-dev="movil"] .lx-va-anillo{width:66px;height:66px}
.pb .lx-dev[data-dev="movil"] .lx-va-anillo b{font-size:14px}
.pb .lx-dev[data-dev="movil"] .lx-va-linea{gap:5px}
.pb .lx-dev[data-dev="movil"] .lx-va-it{padding:7px 8px 7px 0!important}
.pb .lx-dev[data-dev="movil"] .lx-x-ahora{padding:8px 10px;gap:6px}
/* almacén */
.pb .lx-dev[data-dev="movil"] .lx-ve-visor{height:96px}
.pb .lx-dev[data-dev="movil"] .lx-ve-cb{height:30px;margin-top:-10px}
.pb .lx-dev[data-dev="movil"] .lx-ve-visor small{bottom:5px;font-size:9.5px}
.pb .lx-dev[data-dev="movil"] .lx-ve-res{padding:8px 10px}
.pb .lx-dev[data-dev="movil"] .lx-x-movs{padding:7px 10px;gap:4px}
.pb .lx-dev[data-dev="movil"] .lx-ve-barras{padding:7px 10px}
.pb .lx-dev[data-dev="movil"] .lx-ve-barras span{height:30px}
.pb .lx-dev[data-dev="movil"] .lx-ve-barras b{margin-bottom:5px}
/* inspección: fotos y firma en una fila */
.pb .lx-dev[data-dev="movil"] .lx-vc-prog{padding:8px 12px}
.pb .lx-dev[data-dev="movil"] .lx-vc-prog b{font-size:18px}
.pb .lx-dev[data-dev="movil"] .lx-vc-lista{gap:5px}
.pb .lx-dev[data-dev="movil"] .lx-vc-it{padding:7px 10px}
.pb .lx-dev[data-dev="movil"] .lx-vc-fotos{grid-template-columns:repeat(3,1fr) 1.5fr}
.pb .lx-dev[data-dev="movil"] .lx-vc-fotos span{height:38px}
.pb .lx-dev[data-dev="movil"] .lx-v-checklist{display:grid;grid-template-columns:1fr;gap:6px}
.pb .lx-dev[data-dev="movil"] .lx-vc-firma{height:38px}
.pb .lx-dev[data-dev="movil"] .lx-vc-firma svg{height:24px}
.pb .lx-dev[data-dev="movil"] .lx-x-secs span{padding:5px 7px}
/* pedidos */
.pb .lx-dev[data-dev="movil"] .lx-vp-img{height:36px}
.pb .lx-dev[data-dev="movil"] .lx-vp-grid{gap:6px}
.pb .lx-dev[data-dev="movil"] .lx-vp-prod{padding:6px 7px;gap:2px}
.pb .lx-dev[data-dev="movil"] .lx-vp-carro{padding:8px 11px}
/* fichajes en el móvil: reloj y semana más bajos para que el botón no se corte */
.pb .lx-dev[data-dev="movil"] .lx-vr-reloj{width:128px;height:128px;margin:0}
.pb .lx-dev[data-dev="movil"] .lx-vr-reloj b{font-size:20px}
.pb .lx-dev[data-dev="movil"] .lx-vr-btns span{padding:9px 6px}
.pb .lx-dev[data-dev="movil"] .lx-vr-sem{height:62px;padding:6px 12px}
.pb .lx-dev[data-dev="movil"] .lx-x-dia{padding:6px 11px}
.pb .lx-dev[data-dev="movil"] .lx-x-dia span{padding:2px 0}
.pb .lx-dev[data-dev="movil"] .lx-vm-mapa{height:150px}
/* ruta de Power Automate, textos nítidos (2026-10-05): las tarjetas se maquetan ya al tamaño de la activa (×1,22)
   y se encogen las demás; la activa queda a escala 1 y su texto se dibuja a su tamaño real, sin estirarse */
.pb .lx-suelo .lx-ficha{width:305px;margin-left:-152px;padding:20px;border-radius:26px;gap:10px;-webkit-font-smoothing:antialiased;transform:translateY(-100%) rotateX(0deg) translateZ(0) scale(.75)}
.pb .lx-suelo .lx-ficha header{gap:12px}
.pb .lx-suelo .lx-ficha header img,.pb .lx-suelo .lx-ficha header .lx-ico{width:42px;height:42px}
.pb .lx-suelo .lx-ficha b{font-size:19.5px}
.pb .lx-suelo .lx-ficha small{font-size:14.5px}
.pb .lx-suelo .lx-ficha .lx-ok{font-size:14.5px;padding:7px 11px}
.pb .lx-suelo .lx-ficha .lx-btns2 span{font-size:14.5px;padding:10px 7px}
.pb .lx-suelo .lx-ficha.is-pasado{transform:translateY(-100%) rotateX(-56deg) translateZ(-10px) scale(.72)}
.pb .lx-suelo .lx-ficha.is-on{transform:translateY(-100%) rotateX(-56deg) translateZ(calc(90px + var(--nz,0px))) scale(1)}
.pb .lx-suelo .lx-ficha.is-on b,.pb .lx-suelo .lx-ficha.is-on small,.pb .lx-suelo .lx-ficha.is-on .lx-ok{text-rendering:geometricPrecision}

/* el flujo del personalizador, de frente y sin girar (2026-10-05) */
.pb .lx-stage .lx-lienzo,.pb .lx-stage .lx-lienzo:hover,.pb .lx-lienzo:hover{transform:none!important}
.pb .lx-giro:has(.lx-lienzo){transform:none!important;will-change:auto}
.pb .lx-stage .lx-lienzo{transform-style:flat}
.pb .lx-stage .lx-lienzo .lx-paso{-webkit-font-smoothing:antialiased}
.pb .lx-conf:has(.lx-lienzo) .lx-stage-et{flex-wrap:nowrap;overflow:hidden;right:20px;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.pb .lx-conf:has(.lx-lienzo) .lx-stage-et span{flex:none}

/* ---------- películas de Power Automate por planos (2026-10-05): un paso en pantalla cada vez ---------- */
.pb .pv-st{text-align:left}
.pb .pv-plano{position:absolute;inset:0;opacity:0;transform:translateX(46px) scale(.97);transition:opacity .5s ease,transform .7s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.pb .pv-plano.on{opacity:1;transform:none}
.pb .pv-plano.fuera{opacity:0;transform:translateX(-46px) scale(.97)}
.pb .pv-cap{position:absolute;left:18px;top:16px;display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 6px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.07),0 10px 22px -16px rgba(60,40,20,.5);font:600 13px/1 var(--font);color:var(--ink);white-space:nowrap;opacity:0;transform:translateY(-6px);transition:opacity .4s ease .25s,transform .5s cubic-bezier(.2,.9,.3,1.2) .25s}
.pb .pv-cap i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--bronze);color:#fff;font-style:normal;font-size:12px}
.pb .pv-plano.on .pv-cap{opacity:1;transform:none}
/* la factura: comprobaciones a la derecha del PDF */
.pb .pv-checks{position:absolute;left:384px;top:120px;width:220px;display:flex;flex-direction:column;gap:12px}
.pb .pv-checks span{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgba(27,24,22,.07),0 10px 20px -16px rgba(60,40,20,.5);font:500 12px/1.3 var(--font);color:var(--ink);opacity:0;transform:translateX(-10px);transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.3,1.3)}
.pb .pv-checks span i{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#1e8e54;color:#fff;font-style:normal;font-size:11px;font-weight:700}
.pb .pv-checks span.on{opacity:1;transform:none}
/* avisos grandes, solos en su plano */
.pb .pv-noti-g{padding:16px 20px;gap:14px;border-radius:16px;font-size:14px}
.pb .pv-noti-g img{width:34px;height:34px}
/* móvil bloqueado al que llega el aviso */
.pb .pv-tel-bloq{align-items:center;justify-content:flex-start;padding-top:70px!important;background:linear-gradient(170deg,#efe4d6,#d9c3a8)!important;gap:4px!important}
.pb .pv-tel-hora{font:300 44px/1 var(--font);color:var(--ink)}
.pb .pv-tel-bloq small{font-size:11px;color:var(--ink-65)}
.pb .pv-tel .pv-banner{top:120px}
@media (prefers-reduced-motion:reduce){.pb .pv-plano,.pb .pv-cap{transition:none}}

/* película del portfolio (2026-10-05): el fondo llega hasta abajo del recuadro; los pasos van dentro, sobre el mismo fondo */
.pb .lx-mpeli{gap:0;border-radius:14px;overflow:hidden;background:radial-gradient(80% 70% at 50% 100%,rgba(176,122,74,.2),transparent 70%),linear-gradient(160deg,#fbf9f6,var(--sand))}
.pb .lx-mpeli .pv{flex:none;background:none;border-radius:0}
.pb .lx-mpeli .pv-pasos{flex:none;padding:6px 14px 14px}
.pb .lx-mpeli .pv-pasos li{background:rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(27,24,22,.05)}
.pb .lx-mpeli .pv-pasos li.on{background:#fff;box-shadow:0 0 0 2px var(--bronze),0 8px 16px -10px rgba(80,55,30,.5)}