/* rendimiento 14-nov: no heredadas, para que el cursor no recalcule todo el escenario */
@property --ry{syntax:"<angle>";inherits:false;initial-value:0deg}@property --rx{syntax:"<angle>";inherits:false;initial-value:0deg}@property --sy{syntax:"<length>";inherits:false;initial-value:0px}
/* Demo conectada de «Qué creamos»: panel + móvil con estado compartido. Solo tinta, blanco y cian. */
.qc-fig.pgd-off{display:none!important}
.pgd{--c:163,239,244;--ink:10,11,16;--k:1;position:relative;margin:clamp(20px,3vw,36px) 0 0;color:#fff;font-family:inherit;line-height:1.35;-webkit-font-smoothing:antialiased}
.pgd *,.pgd *::before,.pgd *::after{box-sizing:border-box}
.pgd button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pgd button:focus-visible{outline:2px solid #A3EFF4;outline-offset:2px}
.pgd-stage{position:relative;overflow:hidden;overflow:clip;isolation:isolate;border-radius:clamp(18px,2.2vw,30px);background-color:#0A0B10;background-image:linear-gradient(180deg,rgba(10,11,16,.55),rgba(10,11,16,.2) 40%,rgba(10,11,16,.7)),var(--pgd-bg,none);background-size:cover,cover;background-position:50% 50%,50% 46%;padding:clamp(18px,3vw,40px) clamp(14px,3vw,44px) clamp(22px,3vw,36px);perspective:1500px;box-shadow:0 40px 90px -50px rgba(10,11,16,.8),inset 0 0 0 1px rgba(var(--c),.12)}
.pgd-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 46% at 50% 108%,rgba(var(--c),.26),transparent 70%),radial-gradient(40% 30% at 50% 0%,rgba(var(--c),.10),transparent 70%)}
.pgd-floor{position:absolute;left:0;right:0;bottom:0;height:34%;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(var(--c),.07) 55%,rgba(10,11,16,.55));border-top:1px solid rgba(var(--c),.10)}
.pgd-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 clamp(16px,2.4vw,28px)}
.pgd-hint{margin:0;font-size:14px;color:rgba(255,255,255,.86);max-width:60ch}
.pgd-hint b{color:#A3EFF4;font-weight:600}
.pgd-live{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#A3EFF4}
.pgd-live i{width:8px;height:8px;border-radius:50%;background:#A3EFF4;box-shadow:0 0 0 0 rgba(var(--c),.6);animation:pgd-pulse 2.2s ease-out infinite}
@keyframes pgd-pulse{0%{box-shadow:0 0 0 0 rgba(var(--c),.55)}70%,100%{box-shadow:0 0 0 10px rgba(var(--c),0)}}
.pgd-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.62fr);gap:clamp(24px,4vw,64px);align-items:center;transform-style:preserve-3d;max-width:1100px;margin:0 auto}
/* cristal oscuro */
.pgd-glass{position:relative;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.02) 38%),rgba(10,11,16,.9);border:1px solid rgba(var(--c),.22);box-shadow:0 50px 70px -30px rgba(0,0,0,.85),0 0 60px -20px rgba(var(--c),.25),inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(255,255,255,.03);will-change:transform;transition:box-shadow .4s}
.pgd-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--mx,30%) var(--my,0%),rgba(var(--c),.16),transparent 60%),linear-gradient(115deg,transparent 30%,rgba(255,255,255,.05) 45%,transparent 60%)}
.pgd-panel{padding:clamp(14px,2vw,22px);transform:translate3d(0,var(--sy,0px),0) rotateX(calc(var(--rx,0deg)*var(--k))) rotateY(calc((9deg + var(--ry,0deg))*var(--k)));}
.pgd-phone{width:min(100%,310px);justify-self:center;padding:12px;border-radius:40px;background:linear-gradient(150deg,rgba(255,255,255,.14),rgba(255,255,255,.03) 40%),rgba(10,11,16,.78);transform:translate3d(0,calc(var(--sy,0px)*-1.3),40px) rotateX(calc(var(--rx,0deg)*var(--k))) rotateY(calc((-12deg + var(--ry,0deg)*1.3)*var(--k)));}
.pgd-screen{position:relative;border-radius:30px;padding:30px 14px 16px;background:linear-gradient(180deg,rgba(var(--c),.07),rgba(10,11,16,.4)),rgba(6,7,11,.92);border:1px solid rgba(255,255,255,.07);overflow:hidden}
.pgd-isl{position:absolute;top:9px;left:50%;width:70px;height:16px;border-radius:9px;background:#000;transform:translateX(-50%)}
/* cabeceras */
.pgd-bar{display:flex;align-items:center;gap:10px;margin:0 0 14px}
.pgd-dots{display:flex;gap:6px}.pgd-dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.22)}
.pgd-bar h3{margin:0;font-size:15px;font-weight:600;letter-spacing:0;color:#fff}
.pgd-day{margin-left:auto;font-size:12px;padding:4px 10px;border-radius:99px;border:1px solid rgba(var(--c),.3);color:#A3EFF4;background:rgba(var(--c),.08)}
.pgd-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 12px}
.pgd-kpi{border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);min-width:0}
.pgd-kpi span{display:block;font-size:12px;color:rgba(255,255,255,.72)}
.pgd-kpi b{display:block;font-size:clamp(24px,3vw,34px);line-height:1.1;font-weight:600;font-variant-numeric:tabular-nums;color:#fff;margin-top:2px}
.pgd-kpi b small{font-size:.5em;color:#A3EFF4;margin-left:2px;font-weight:500}
.pgd-kpi.pgd-bump b{animation:pgd-bump .7s var(--ease,ease)}
@keyframes pgd-bump{0%{text-shadow:0 0 0 rgba(var(--c),0)}30%{color:#A3EFF4;text-shadow:0 0 18px rgba(var(--c),.9)}100%{text-shadow:0 0 0 rgba(var(--c),0)}}
.pgd-chart{position:relative;border-radius:14px;padding:12px 8px 26px;background:linear-gradient(180deg,rgba(var(--c),.05),transparent),rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);margin:0 0 12px}
.pgd-chart svg{display:block;width:100%;height:auto;overflow:visible}
.pgd-chart .gl{stroke:rgba(255,255,255,.08);stroke-width:1}
.pgd-chart .ar{fill:url(#pgdG)}
.pgd-chart .ln{fill:none;stroke:#A3EFF4;stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(163,239,244,.7))}
.pgd-chart .pt{fill:#0A0B10;stroke:#A3EFF4;stroke-width:1.6}
.pgd-chart .sel{stroke:rgba(255,255,255,.7);stroke-width:1;stroke-dasharray:3 4;transition:opacity .3s}
.pgd-xl{position:absolute;left:0;right:0;bottom:6px;height:14px}
.pgd-xl span{position:absolute;transform:translateX(-50%);font-size:12px;color:rgba(255,255,255,.7);font-variant-numeric:tabular-nums}
.pgd-ripl{position:absolute;inset:12px 8px 26px;pointer-events:none}
.pgd-rip{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:1.5px solid #A3EFF4;animation:pgd-rip 1.5s ease-out forwards}
.pgd-rip:nth-child(2){animation-delay:.22s}
@keyframes pgd-rip{0%{transform:scale(.4);opacity:.95}100%{transform:scale(7);opacity:0}}
.pgd-lh{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.pgd-list{list-style:none;margin:0;padding:0;display:grid;gap:7px;min-height:176px;align-content:start}
.pgd-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);font-size:14px;min-height:40px}
.pgd-row time{font-variant-numeric:tabular-nums;color:rgba(255,255,255,.78)}
.pgd-row b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pgd-row em{font-style:normal;font-size:12px;color:rgba(255,255,255,.72);white-space:nowrap}
.pgd-row.pgd-mine{background:linear-gradient(90deg,rgba(var(--c),.22),rgba(var(--c),.06));border-color:rgba(var(--c),.55);box-shadow:0 0 28px -8px rgba(var(--c),.6)}
.pgd-row.pgd-mine em{color:#A3EFF4}
.pgd-row.pgd-in{animation:pgd-in .7s cubic-bezier(.2,.9,.25,1.15) both}
@keyframes pgd-in{0%{opacity:0;transform:translateY(-18px) scale(.96)}100%{opacity:1;transform:none}}
.pgd-toast{position:absolute;right:14px;top:12px;max-width:calc(100% - 28px);padding:8px 14px;border-radius:99px;background:#A3EFF4;color:#0A0B10;font-size:13px;font-weight:600;box-shadow:0 10px 30px -8px rgba(var(--c),.8);opacity:0;transform:translateY(-10px) scale(.96);pointer-events:none;transition:opacity .35s,transform .35s;z-index:3}
.pgd-toast.pgd-on{opacity:1;transform:none}
/* móvil */
.pgd-ph-h{margin:0 0 2px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#A3EFF4}
.pgd-ph-t{margin:0 0 12px;font-size:19px;font-weight:600;line-height:1.2}
.pgd-lbl{margin:12px 0 6px;font-size:12px;color:rgba(255,255,255,.75)}
.pgd-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.pgd-d,.pgd-s,.pgd-v{min-height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);transition:background .2s,border-color .2s,color .2s,box-shadow .25s,transform .2s}
.pgd-d{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;line-height:1.2;padding:4px 0}
.pgd-d b{font-size:16px;font-weight:600}
.pgd-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.pgd-s{font-size:14px;font-variant-numeric:tabular-nums;padding:0}
.pgd-v{padding:0 4px;font-size:12px}
.pgd-svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.pgd button[aria-pressed=true]{background:rgba(var(--c),.2);border-color:#A3EFF4;color:#fff;box-shadow:0 0 22px -4px rgba(var(--c),.7),inset 0 0 0 1px rgba(var(--c),.4)}
.pgd-s:disabled{opacity:.34;text-decoration:line-through;cursor:not-allowed}
.pgd-s.pgd-mine{border-color:#A3EFF4;color:#A3EFF4;text-decoration:none;opacity:1;background:rgba(var(--c),.1)}
.pgd-d:hover,.pgd-s:not(:disabled):hover,.pgd-v:hover{border-color:rgba(var(--c),.6)}
.pgd-go{display:block;width:100%;min-height:50px;margin-top:14px;border:0;border-radius:14px;background:#A3EFF4;color:#0A0B10!important;font-size:16px;font-weight:700;letter-spacing:.01em;box-shadow:0 12px 30px -10px rgba(var(--c),.85),inset 0 1px 0 rgba(255,255,255,.6);transition:transform .2s,box-shadow .25s,background .25s}
.pgd-go:hover{transform:translateY(-1px);box-shadow:0 16px 36px -10px rgba(var(--c),1),inset 0 1px 0 rgba(255,255,255,.7)}
.pgd-go:active{transform:scale(.98)}
.pgd-go.pgd-shake{animation:pgd-shake .4s}
@keyframes pgd-shake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
.pgd-st{margin:10px 0 0;min-height:36px;font-size:13px;color:rgba(255,255,255,.86)}
.pgd-st.pgd-ok{color:#A3EFF4}
.pgd-see{display:none;margin-top:6px;min-height:44px;width:100%;border-radius:12px;border:1px solid rgba(var(--c),.5);background:transparent;color:#A3EFF4!important;font-size:14px}
.pgd-see.pgd-on{display:block}
.pgd-ft{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:clamp(96px,9vw,120px) auto 0;max-width:1100px}
.pgd-note{margin:0;font-size:12px;color:rgba(255,255,255,.68)}
.pgd-reset{min-height:44px;padding:0 20px;border-radius:99px;border:1px solid rgba(var(--c),.5);background:rgba(var(--c),.08);color:#A3EFF4!important;font-size:14px;font-weight:600;transition:background .2s}
.pgd-reset:hover{background:rgba(var(--c),.2)}
.pgd-orb{position:absolute;left:0;top:0;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#A3EFF4;box-shadow:0 0 24px 8px rgba(var(--c),.8);pointer-events:none;z-index:6}
/* entrada */
.pgd:not(.pgd-on) .pgd-grid>*{opacity:0}
.pgd .pgd-grid>*{transition:opacity .9s ease}
.pgd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:900px){
 .pgd{--k:.35}
 .pgd-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 .pgd-phone{order:-1;width:min(100%,320px)}
 .pgd-see.pgd-on{display:block}
 .pgd-stage{padding-bottom:64px}
}
@media (max-width:520px){
 .pgd-kpis{gap:6px}.pgd-kpi{padding:8px}.pgd-kpi span{font-size:12px}
 .pgd-xl span:nth-child(even){display:none}
 .pgd-row{grid-template-columns:44px minmax(0,1fr) auto;gap:8px;padding:9px 10px;font-size:13px}
}
@media (min-width:901px){.pgd-see.pgd-on{display:none}}
@media (prefers-reduced-motion:reduce){
 .pgd{--k:0}
 .pgd *,.pgd *::before,.pgd *::after{animation:none!important;transition:none!important}
 .pgd:not(.pgd-on) .pgd-grid>*{opacity:1}
 .pgd-panel,.pgd-phone{transform:none!important}
}
@media (max-width:900px){.pgd-panel,.pgd-phone{-webkit-box-reflect:initial}.pgd-ft{margin-top:24px}}
@media (max-width:900px){.pgd-top{margin-bottom:44px}.pgd-toast{top:-18px;right:14px}}

/* Carla 13-nov tg 61859: chips de Motivo que caben a 1280 */
.pgd .pgd-svc .pgd-v{padding:0 2px!important;font-size:13px!important;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}