/* GolkoSystems · «El panel de tu negocio» · estilos de la demo (v10)
   Todo bajo .pd y con prefijo pd-. El sitio es oscuro; el panel es una pantalla clara de producto.
   Sin estilos en línea: los valores dinámicos llegan como propiedades personalizadas por CSSOM. */

/* ── 1 · Tokens ─────────────────────────────────────────────────────────── */
.pd{
  --p-bg:#F7F7F8; --p-side:#F0F0F2; --p-card:#FFFFFF; --p-line:rgba(16,20,24,.08); --p-line-2:rgba(16,20,24,.14);
  --p-ink:#15181B; --p-ink-2:#565E66; --p-ink-3:#646C74;
  --p-brand:#3B5BDB; --p-brand-ink:#3B5BDB; --p-brand-on:#FFFFFF;
  --p-brand-soft:color-mix(in srgb,var(--p-brand) 10%,#fff);
  --p-brand-soft-2:color-mix(in srgb,var(--p-brand) 5%,#fff);
  --p-ok:#17733F; --p-ok-bg:#E7F5EC; --p-ok-dot:#1E8E4F;
  --p-warn:#8A5200; --p-warn-bg:#FFF3DC; --p-warn-dot:#D98A00;
  --p-bad:#B02B2B; --p-bad-bg:#FDECEC; --p-bad-dot:#C93B3B;
  --p-info:#2553B8; --p-info-bg:#EAF0FD; --p-info-dot:#2F64D6;
  --p-vio:#5835C4; --p-vio-bg:#F0EBFD; --p-vio-dot:#6B47DC;
  --p-neu:#4C545C; --p-neu-bg:#EEEFF1; --p-neu-dot:#8A9198;
  --p-r:8px; --p-r-md:10px; --p-r-lg:14px;
  --p-sh:0 1px 2px rgba(16,20,24,.06),0 0 0 .5px rgba(16,20,24,.08);
  --p-sh-pop:0 12px 40px -8px rgba(16,20,24,.22),0 0 0 .5px rgba(16,20,24,.1);
  --p-ease:cubic-bezier(.16,1,.3,1);
  --p-font:"Inter","Inter Fallback",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --p-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
  --pd-acc:var(--acc,#4DE1F2);
  --pd-top:var(--hdr-h,72px);
  position:relative; display:block; width:100%; max-width:1320px; margin-inline:auto;
  font:14px/1.45 var(--p-font); font-feature-settings:"tnum","cv11"; font-variant-numeric:tabular-nums; font-synthesis-weight:none;
  color:#fff; min-height:clamp(700px,calc(100svh - 100px),880px);
  -webkit-font-smoothing:antialiased;
}
.pd *,.pd *::before,.pd *::after{box-sizing:border-box}
.pd [hidden]{display:none!important}
:where(.pd) ul,:where(.pd) ol{list-style:none;margin:0;padding:0}
:where(.pd) p,:where(.pd) dl,:where(.pd) dd,:where(.pd) figure{margin:0}
:where(.pd) h2,:where(.pd) h3,:where(.pd) h4,:where(.pd) h5{font-family:var(--p-font);font-weight:500;letter-spacing:-.01em;line-height:1.25;margin:0;text-wrap:balance}
/* v41 (/panel-de-gestion con site.css): los titulares y las teclas del sitio no entran en el panel */
:where(.pd) :is(h1,h2,h3,h4,h5,h6){color:inherit}
:where(.pd) kbd{display:inline;min-width:0;height:auto;box-shadow:none}
:where(.pd) button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit;-webkit-tap-highlight-color:transparent}
.pd button:disabled,.pd [aria-disabled="true"]{cursor:default}
.pd .pd-i{width:16px;height:16px;flex:none;display:block}
.pd kbd{font:500 10.5px/1 var(--p-font);padding:3px 5px;border-radius:5px;background:rgba(16,20,24,.05);color:var(--p-ink-3)}
.pd-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.pd :focus-visible{outline:2px solid var(--pd-acc);outline-offset:2px;border-radius:6px}
.pd-win :focus-visible,.pd-phone :focus-visible,.pd-blayer :focus-visible{outline-color:var(--p-brand-ink)}

/* ── 2 · Barra de herramientas (sobre el sitio oscuro) ─────────────────── */
.pd-bar{position:sticky;top:var(--pd-top);z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;height:52px;padding:0 8px;margin-bottom:14px;border-radius:14px;background:rgba(6,8,10,.85);box-shadow:0 0 0 .5px rgba(255,255,255,.08)}
@media (min-width:768px){.pd-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}
.pd-bar__l,.pd-bar__r{display:flex;align-items:center;gap:6px;min-width:0}
.pd-seg--dark{display:inline-flex;gap:2px;padding:2px;border-radius:10px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.08)}
.pd-seg--dark [role=radio]{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:8px;color:rgba(255,255,255,.68);font-size:13px;white-space:nowrap;transition:background-color .2s,color .2s}
.pd-seg--dark [role=radio]:hover{color:#fff}
.pd-seg--dark [role=radio][aria-checked=true]{background:rgba(255,255,255,.13);color:#fff;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.1)}
.pd-seg--dark .pd-i{width:15px;height:15px;opacity:.8}
.pd-switch{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px;margin-left:6px;border-radius:999px;color:rgba(255,255,255,.75);font-size:13px;white-space:nowrap}
.pd-switch:hover{color:#fff}
.pd-switch__k{position:relative;width:28px;height:16px;border-radius:8px;background:rgba(255,255,255,.2);transition:background-color .2s}
.pd-switch__k::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .2s var(--p-ease)}
.pd-switch[aria-checked=true] .pd-switch__k{background:var(--pd-acc)}
.pd-switch[aria-checked=true] .pd-switch__k::after{transform:translateX(12px);background:#06080A}
.pd-tb{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border-radius:999px;color:rgba(255,255,255,.78);font-size:13px;white-space:nowrap;transition:background-color .2s,color .2s}
.pd-tb:hover{background:rgba(255,255,255,.07);color:#fff}
.pd-tb--ico{width:36px;padding:0;justify-content:center}
/* «Míralo en 60 segundos»: la entrada al recorrido, con su disco de reproducción (la única acción de la barra que enseña sin tocar nada) */
.pd-bar .pd-tb--tour{gap:9px;padding:0 15px 0 6px;color:#fff;font-weight:500;background:rgba(77,225,242,.09);box-shadow:inset 0 0 0 1px rgba(77,225,242,.34)}
.pd-bar .pd-tb--tour:hover{background:rgba(77,225,242,.16)}
.pd-tb__pl{position:relative;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;flex:none;background:var(--pd-acc);color:#04161A;transition:transform .2s var(--p-ease)}
.pd-tb__pl .pd-i{position:relative;z-index:1;width:11px;height:11px;margin-left:1px}
.pd-tb__pl::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--pd-acc);opacity:0}
.pd-tb--tour:hover .pd-tb__pl{transform:scale(1.08)}
.pd-tb--tour:active .pd-tb__pl{transform:scale(.94)}
.pd-tb__s{display:none}
.pd-quiero{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:999px;background:var(--pd-acc);color:#04161A;font-size:13.5px;font-weight:500;white-space:nowrap;transition:background-color .2s,transform .2s var(--p-ease)}
.pd-quiero:hover{background:#86ECF7}
.pd-quiero:active{transform:scale(.98)}
@media (max-width:1180px){.pd-tb__l{display:none}.pd-tb__s{display:inline}}

/* ── 3 · Escenario y vistas ──────────────────────────────────────────── */
.pd-stage{position:relative;display:grid;grid-template-rows:minmax(0,1fr);height:clamp(640px,calc(100svh - 160px),820px);--k:1;--pk:.9}
.pd-winwrap,.pd-phwrap,.pd-aside{display:none}
.pd-stage[data-vista=escritorio]{grid-template-columns:1fr}
.pd-stage[data-vista=escritorio] .pd-winwrap{display:block;grid-area:1/1;min-height:0;min-width:0;height:100%}
.pd-stage[data-vista=split]{grid-template-columns:var(--dw,68%) 1fr;column-gap:16px}
.pd-stage[data-vista=split] .pd-winwrap{display:block;grid-area:1/1;position:relative}
.pd-stage[data-vista=split] .pd-win{position:absolute;top:0;left:0;width:1120px;height:calc(100% / var(--k));transform:scale(var(--k));transform-origin:0 0}
.pd-stage[data-vista=split] .pd-phwrap{display:block;grid-area:1/2;justify-self:center;align-self:start}
.pd-stage[data-vista=split] .pd-aside--r{display:block;grid-area:1/2;align-self:end;justify-self:center}
.pd-stage[data-vista=movil],.pd-stage[data-vista=cliente]{grid-template-columns:1fr auto 1fr;column-gap:48px;align-items:center}
.pd-stage[data-vista=movil] .pd-phwrap,.pd-stage[data-vista=cliente] .pd-phwrap{display:block;grid-area:1/2}
.pd-stage[data-vista=movil] .pd-aside--l,.pd-stage[data-vista=cliente] .pd-aside--l{display:block;grid-area:1/1;justify-self:end}
.pd-stage[data-vista=movil] .pd-aside--r,.pd-stage[data-vista=cliente] .pd-aside--r{display:block;grid-area:1/3;justify-self:start}
.pd-win{position:relative;display:flex;flex-direction:column;width:100%;height:100%;border-radius:14px;overflow:hidden;background:var(--p-bg);color:var(--p-ink);container:pdw/inline-size;
  box-shadow:0 0 0 .5px rgba(255,255,255,.12),0 40px 120px -20px rgba(0,0,0,.6),0 12px 32px -8px rgba(0,0,0,.4)}
.pd-chrome{position:relative;flex:none;display:flex;align-items:center;justify-content:center;height:40px;background:#ECECEF;border-bottom:.5px solid var(--p-line)}
.pd-dots{position:absolute;left:14px;top:50%;display:flex;gap:7px;transform:translateY(-50%)}
.pd-dots i{width:11px;height:11px;border-radius:50%;background:#D3D4D8;box-shadow:inset 0 0 0 .5px rgba(16,20,24,.08)}
.pd-chrome__t{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;color:var(--p-ink-2)}
.pd-host{position:relative;flex:1;min-height:0}
.pd-phwrap{position:relative;width:calc(410px * var(--pk));height:calc(864px * var(--pk))}
.pd-phone{position:absolute;top:0;left:0;width:410px;height:864px;padding:10px;border-radius:56px;background:#0E1114;transform:scale(var(--pk));transform-origin:0 0;
  box-shadow:0 0 0 1px rgba(255,255,255,.1),inset 0 0 0 1.5px #2A2F35,0 40px 100px -20px rgba(0,0,0,.7),0 10px 30px -10px rgba(0,0,0,.5)}
.pd-phone__isla{position:absolute;z-index:40;top:21px;left:50%;width:118px;height:34px;margin-left:-59px;border-radius:20px;background:#000}
.pd-phone__scr{position:relative;width:100%;height:100%;overflow:hidden;border-radius:46px;background:var(--p-bg);color:var(--p-ink);isolation:isolate}
.pd-stage[data-vista=escritorio] .pd-win,.pd-stage[data-vista=movil] .pd-phone{view-transition-name:pd-frame}
::view-transition-group(pd-frame){animation-duration:.45s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
.pd-aside{max-width:260px;color:rgba(255,255,255,.72)}
.pd-asline{font-size:15.5px;line-height:1.5;color:rgba(255,255,255,.78);text-wrap:balance}
.pd-aside--l .pd-asline{text-align:right}
.pd-ascli{display:grid;gap:22px}
.pd-ascli .pd-f>span:first-child{color:#fff;font-size:13px}
.pd select{color-scheme:light}
.pd .pd-ascli select{background:rgba(255,255,255,.06);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color-scheme:dark}
.pd-ascli .pd-selw .pd-i{color:rgba(255,255,255,.6)}
.pd-aslist{display:grid;gap:12px}
.pd-aslist li{font-size:15px;line-height:1.45;color:rgba(255,255,255,.78);padding-left:14px;position:relative}
.pd-aslist li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--pd-acc)}
.pd-viendo{font-size:12.5px;color:rgba(255,255,255,.62);padding-bottom:2px}
.pd-nota{margin:16px auto 0;max-width:68ch;text-align:center;font-size:var(--fs-xs,.8rem);line-height:1.5;color:var(--muted,rgba(255,255,255,.58))}
.pd-blayer{position:absolute;inset:0;z-index:60;pointer-events:none}

/* ── 4 · Piezas comunes del panel ────────────────────────────────────── */
.pd-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--p-r);background:#fff;color:var(--p-ink);font-size:13px;font-weight:500;white-space:nowrap;
  box-shadow:inset 0 0 0 .5px var(--p-line-2),0 1px 1px rgba(16,20,24,.04);transition:background-color .2s,color .2s,box-shadow .2s,opacity .2s}
.pd-btn:hover{background:#F4F4F6}
.pd-btn:active{background:#EDEDF0}
.pd-btn .pd-i{width:15px;height:15px}
.pd-btn--pri{background:var(--p-brand-ink);color:var(--p-brand-on);box-shadow:0 1px 2px rgba(16,20,24,.12),inset 0 0 0 .5px rgba(0,0,0,.08)}
.pd-btn--pri:hover{background:color-mix(in srgb,var(--p-brand-ink) 88%,#000)}
.pd-btn--pri:active{background:color-mix(in srgb,var(--p-brand-ink) 80%,#000)}
.pd-btn--ghost{background:transparent;box-shadow:none;color:var(--p-ink-2)}
.pd-btn--ghost:hover{background:rgba(16,20,24,.05);color:var(--p-ink)}
.pd-btn--sm{height:28px;padding:0 10px;font-size:12.5px}
.pd-btn--q{height:26px;padding:0 9px;font-size:12px;background:transparent;box-shadow:none;color:var(--p-ink-2)}
.pd-btn--q:hover{background:rgba(16,20,24,.06);color:var(--p-ink)}
.pd-btn--link{height:auto;padding:2px 0;background:none;box-shadow:none;color:var(--p-brand-ink);font-size:12.5px}
.pd-btn--link:hover{background:none;text-decoration:underline;text-underline-offset:3px}
.pd-btn--ico{width:32px;padding:0}
.pd-btn--lg{width:100%;height:46px;font-size:15px;border-radius:12px}
.pd-btn--bad{color:var(--p-bad)}
.pd-btn--dk{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.12)}
.pd-btn--dk:hover{background:rgba(255,255,255,.14)}
.pd-btn--acc{background:var(--pd-acc);color:#04161A;box-shadow:none}
.pd-btn--acc:hover{background:#86ECF7}
.pd-lnk{color:var(--p-ink);font-weight:500;text-align:left}
.pd-lnk.pd-ref{white-space:nowrap;font-weight:400;color:var(--p-ink-2)}
.pd-lnk:hover{color:var(--p-brand-ink);text-decoration:underline;text-underline-offset:3px}
.pd-pill{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:6px;font-size:11.5px;font-weight:500;white-space:nowrap;line-height:1;transition:background-color .2s,color .2s}
.pd-pill--ok{background:var(--p-ok-bg);color:var(--p-ok)}
.pd-pill--warn{background:var(--p-warn-bg);color:var(--p-warn)}
.pd-pill--bad{background:var(--p-bad-bg);color:var(--p-bad)}
.pd-pill--info{background:var(--p-info-bg);color:var(--p-info)}
.pd-pill--vio{background:var(--p-vio-bg);color:var(--p-vio)}
.pd-pill--neutral{background:var(--p-neu-bg);color:var(--p-neu)}
.pd-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none;background:var(--p-neu-dot)}
.pd-dot--ok{background:var(--p-ok-dot)}.pd-dot--warn{background:var(--p-warn-dot)}.pd-dot--bad{background:var(--p-bad-dot)}
.pd-dot--info{background:var(--p-info-dot)}.pd-dot--vio{background:var(--p-vio-dot)}.pd-dot--neutral{background:var(--p-neu-dot)}
.pd-dot--r0{background:var(--p-brand)}.pd-dot--r1{background:#5B6B7F}.pd-dot--r2{background:#64706A}
.pd-dot--late{animation:pd-late .6s 2 ease-out}
@keyframes pd-late{50%{transform:scale(1.6);opacity:.45}}
.pd-av{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;flex:none;font-size:9.5px;font-weight:500;letter-spacing:.02em;color:#fff;background:#5B6B7F}
.pd-av--0{background:var(--p-brand-ink);color:var(--p-brand-on);transition:background-color .3s,color .3s}
.pd-av--1{background:#5B6B7F}.pd-av--2{background:#64706A}
.pd-av--lg{width:32px;height:32px;font-size:12px}
.pd-mono{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;flex:none;background:var(--p-brand-ink);color:var(--p-brand-on);font-size:12.5px;font-weight:500;letter-spacing:.02em;transition:background-color .3s,color .3s}
.pd-mono--sm{width:26px;height:26px;border-radius:7px;font-size:10.5px}
.pd-mono--k{background:var(--c);color:#fff}
.pd-mono--on{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.18);color:var(--p-brand-on);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.3)}
.pd-cmono{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;flex:none;background:#E8E9EC;color:var(--p-ink-2);font-size:11.5px;font-weight:500}
.pd-cmono--lg{width:52px;height:52px;border-radius:13px;font-size:17px}
.pd-ref{font:12px/1.2 var(--p-mono);color:var(--p-ink-3);letter-spacing:0}
.pd-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.pd-mute{color:var(--p-ink-2)}
.pd-small{font-size:12px}
.pd-up{color:var(--p-ok)}.pd-down{color:var(--p-bad)}.pd-warn{color:var(--p-warn)}
.pd-empty{display:grid;justify-items:center;gap:10px;padding:28px 16px;text-align:center;color:var(--p-ink-2);font-size:13.5px}
.pd-card{background:var(--p-card);border-radius:12px;box-shadow:var(--p-sh);padding:14px 16px 16px}
.pd-card__h{display:flex;align-items:center;gap:8px;min-height:24px;margin-bottom:10px}
.pd-card__h h4{font-size:14px}
.pd-card__h>.pd-btn{margin-left:auto}
.pd-card__n{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--p-neu-bg);color:var(--p-ink-2);font-size:11.5px;font-weight:500}
.pd-card__sub{font-size:12px;color:var(--p-ink-3)}
.pd-f{display:grid;gap:5px;min-width:0}
.pd-f>span:first-child{font-size:12.5px;font-weight:500;color:var(--p-ink-2)}
.pd-f2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
:where(.pd) input:where(:not([type=color])),:where(.pd) select,:where(.pd) textarea{width:100%;min-width:0;height:34px;padding:0 10px;border:0;border-radius:8px;background:#fff;color:var(--p-ink);font:13.5px/1.3 var(--p-font);
  box-shadow:inset 0 0 0 1px var(--p-line-2);appearance:none;-webkit-appearance:none;color-scheme:light;transition:box-shadow .2s}
:where(.pd) textarea{height:auto;padding:8px 10px;line-height:1.45;resize:vertical}
.pd input::placeholder,.pd textarea::placeholder{color:#7A8189}
.pd input:focus-visible,.pd select:focus-visible,.pd textarea:focus-visible{outline:2px solid var(--p-brand-ink);outline-offset:0;box-shadow:none}
.pd-selw{position:relative;display:block}
.pd-selw select{padding-right:28px;cursor:pointer}
.pd-selw .pd-i{position:absolute;right:8px;top:50%;width:14px;height:14px;margin-top:-7px;color:var(--p-ink-3);pointer-events:none}
.pd-selw--sm select{height:30px;font-size:12.5px}
.pd-sbox{position:relative;display:flex;align-items:center;min-width:0}
.pd-sbox .pd-i{position:absolute;left:10px;width:14px;height:14px;color:var(--p-ink-3);pointer-events:none}
.pd-sbox input{height:32px;padding-left:30px;font-size:13px}
.pd-sbox--lg input{height:40px;font-size:14px}
.pd-seg{display:inline-flex;gap:2px;padding:2px;border-radius:9px;background:rgba(16,20,24,.055)}
.pd-seg [role=radio]{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:26px;padding:0 10px;border-radius:7px;font-size:12.5px;color:var(--p-ink-2);white-space:nowrap;transition:background-color .2s,color .2s}
.pd-seg [role=radio][aria-checked=true]{background:#fff;color:var(--p-ink);box-shadow:0 1px 2px rgba(16,20,24,.08),0 0 0 .5px rgba(16,20,24,.06)}
.pd-seg .pd-i{width:14px;height:14px}
.pd-seg--full{display:flex;width:100%}
.pd-seg--full [role=radio]{flex:1;height:32px}
.pd-seg.is-off{opacity:.4;pointer-events:none}
.pd-chip{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--p-line-2);font-size:12.5px;color:var(--p-ink)}
.pd-chip:hover{background:var(--p-brand-soft)}
.pd-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.pd-tools .pd-sbox{flex:0 1 240px}
.pd-tools .pd-seg{margin-left:auto}
.pd-avs{display:flex;gap:2px}
.pd-avf{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;opacity:.5;transition:opacity .2s,box-shadow .2s}
.pd-avf:hover{opacity:.85}
.pd-avf.is-on{opacity:1;box-shadow:0 0 0 1.5px var(--p-brand)}
.pd-avn{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}

/* ── 5 · Aplicación de escritorio ─────────────────────────────────────── */
.pd-app{position:relative;height:100%;color:var(--p-ink);font-size:14px}
.pd-app *{scrollbar-width:thin;scrollbar-color:rgba(16,20,24,.18) transparent}
.pd-app ::selection,.pd-area ::selection{background:color-mix(in srgb,var(--p-brand) 22%,#fff);color:var(--p-ink)}
.pd-app,.pd-area{caret-color:var(--p-brand)}
.pd-app--desk{display:grid;grid-template-columns:232px minmax(0,1fr);grid-template-rows:minmax(0,1fr);background:var(--p-bg)}
.pd-app.is-arrastrando{cursor:grabbing;user-select:none}
.pd-side{display:flex;flex-direction:column;gap:4px;min-height:0;padding:10px 10px 12px;background:var(--p-side);border-right:.5px solid var(--p-line);overflow:auto}
.pd-org{display:flex;align-items:center;gap:10px;width:100%;padding:6px;border-radius:10px;text-align:left;transition:background-color .2s}
.pd-org:hover{background:rgba(16,20,24,.045)}
.pd-org__t{display:grid;min-width:0;flex:1;line-height:1.25}
.pd-org__t b{font-size:13.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-org__t small{font-size:12px;color:var(--p-ink-2)}
.pd-org__c{width:14px;height:14px;color:var(--p-ink-3)}
.pd-search{display:flex;align-items:center;gap:8px;height:32px;margin:6px 0 10px;padding:0 6px 0 10px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 .5px var(--p-line-2);color:var(--p-ink-3);font-size:13px}
.pd-search .pd-i{width:14px;height:14px}
.pd-search kbd{margin-left:auto}
.pd-search:hover{color:var(--p-ink-2)}
.pd-nav{display:grid;gap:1px}
.pd-nav__i{position:relative;display:flex;align-items:center;gap:10px;width:100%;height:32px;padding:0 10px;border-radius:8px;color:var(--p-ink-2);font-size:13.5px;transition:background-color .2s,color .2s,opacity .2s}
.pd-nav__i .pd-i{color:var(--p-ink-3);transition:color .3s}
.pd-nav__i:hover{background:rgba(16,20,24,.045);color:var(--p-ink)}
.pd-nav__i.is-on{background:var(--p-brand-soft);color:var(--p-ink);font-weight:500}
.pd-nav__i.is-on::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:2px;border-radius:2px;background:var(--p-brand);transition:background-color .3s}
.pd-nav__i.is-on .pd-i{color:var(--p-brand-ink)}
.pd-nav__i.is-off{opacity:.45}
.pd-nav__t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.pd-nav__x{font-size:11px;color:var(--p-ink-3);white-space:nowrap}
.pd-cnt{margin-left:auto;min-width:18px;padding:0 5px;border-radius:9px;font-size:11.5px;font-weight:500;line-height:18px;text-align:center;color:var(--p-ink-3)}
.pd-cnt--bad{background:var(--p-bad-bg);color:var(--p-bad)}
.pd-side__sep{height:.5px;margin:8px 4px;background:var(--p-line)}
.pd-side__foot{margin-top:auto;display:grid;gap:4px;padding-top:10px}
.pd-me{display:flex;align-items:center;gap:9px;padding:6px}
.pd-me__t{display:grid;line-height:1.25;min-width:0}
.pd-me__t b{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-me__t small{font-size:12px;color:var(--p-ink-2)}
.pd-side__marca{display:flex;align-items:center;gap:10px;height:32px;padding:0 10px;border-radius:8px;color:var(--p-ink-2);font-size:13px}
.pd-side__marca:hover{background:rgba(16,20,24,.045);color:var(--p-ink)}
.pd-body{display:flex;flex-direction:column;min-width:0;min-height:0}
.pd-top{flex:none;display:flex;align-items:center;gap:10px;height:56px;padding:0 24px;border-bottom:.5px solid var(--p-line);background:var(--p-bg)}
.pd-top__t{font-size:18px;font-weight:500;letter-spacing:-.015em;white-space:nowrap;display:flex;align-items:baseline;gap:8px}
.pd-top__n{font-size:13px;font-weight:400;color:var(--p-ink-3)}
.pd-top__a{margin-left:auto;display:flex;align-items:center;gap:8px}
.pd-main{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px 24px 32px;container:pdm/inline-size;outline:none}
.pd-layer{position:absolute;inset:0;z-index:50;pointer-events:none;overflow:hidden}
.pd-cap{position:absolute;inset:0;pointer-events:none}
.pd-panel{pointer-events:auto;outline:none}
/* barra lateral plegada (tableta o ventana estrecha) */
@container pdw (max-width:960px){
  .pd-app--desk{grid-template-columns:64px minmax(0,1fr)}
  .pd-side{padding:10px 8px;align-items:center}
  .pd-org{justify-content:center;padding:4px}
  .pd-org__t,.pd-org__c,.pd-search span,.pd-search kbd,.pd-nav__t,.pd-nav__x,.pd-me__t,.pd-side__marca span{display:none}
  .pd-search{width:40px;padding:0;justify-content:center}
  .pd-nav__i,.pd-side__marca{justify-content:center;width:44px;padding:0}
  .pd-nav__i .pd-cnt{position:absolute;top:1px;right:0;min-width:15px;padding:0 3px;line-height:15px;font-size:10px;background:var(--p-neu-bg)}
  .pd-nav__i .pd-cnt--bad{background:var(--p-bad-bg)}
  .pd-me{justify-content:center;padding:4px}
  .pd-top{padding:0 18px}.pd-main{padding:18px 18px 28px}
}

/* ── 6 · Hoy ───────────────────────────────────────────────────────────── */
.pd-hoy{display:grid;gap:16px}
.pd-hoy__h h2{font-size:22px;letter-spacing:-.02em}
.pd-hoy__h p{margin-top:2px;font-size:13.5px;color:var(--p-ink-2)}
.pd-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pd-kpis--3{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}
.pd-kpis--f{margin-bottom:16px}
.pd-kpi{position:relative;display:grid;align-content:start;gap:3px;min-width:0;padding:14px 16px;border-radius:12px;background:var(--p-card);box-shadow:var(--p-sh);text-align:left;transition:box-shadow .2s}
button.pd-kpi:hover{box-shadow:0 1px 2px rgba(16,20,24,.06),0 0 0 1px var(--p-line-2)}
.pd-kpi--sp .pd-kpi__l{padding-right:72px}
.pd-kpi__l{font-size:12.5px;color:var(--p-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-kpi--s .pd-kpi__l{padding-right:0}
.pd-kpi__v{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:500;letter-spacing:-.025em;line-height:1.2;white-space:nowrap}
.pd-kpi__s{font-size:12.5px;color:var(--p-ink-2);line-height:1.35}
.pd-kpi__chip{font-size:11.5px;letter-spacing:0}
.pd-spark{position:absolute;top:14px;right:14px;width:66px;height:24px}
.pd-spark rect{fill:var(--p-ink-3);opacity:.32}
.pd-spark rect.is-cur{fill:var(--p-brand);opacity:1;transition:fill .3s}
.pd-hoy__cols{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;align-items:start}
.pd-hoy__r{display:grid;gap:16px}
.pd-tls{position:relative}
.pd-tls::before{content:"";position:absolute;left:55.5px;top:8px;bottom:8px;width:1px;background:var(--p-line)}
.pd-tl{position:relative;display:grid;grid-template-columns:44px 24px minmax(0,1fr) auto;align-items:center;min-height:46px;padding:4px 0;border-radius:8px}
.pd-tl__h{font-size:12.5px;font-weight:500;color:var(--p-ink-2);text-align:right}
.pd-tl__d{justify-self:center;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px var(--p-ink-3);z-index:1}
.pd-tl__c{display:grid;min-width:0;line-height:1.3}
.pd-tl__c b{font-size:13.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-tl__c small{font-size:12.5px;color:var(--p-ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-tl__a{display:flex;gap:2px;opacity:0;transition:opacity .15s}
.pd-tl:hover .pd-tl__a,.pd-tl:focus-within .pd-tl__a{opacity:1}
.pd-tl:hover{background:rgba(16,20,24,.025)}
.pd-tl.is-pas .pd-tl__c b,.pd-tl.is-pas .pd-tl__h{color:var(--p-ink-3)}
.pd-tl.is-pas .pd-tl__d{background:var(--p-ink-3)}
.pd-tl--t .pd-tl__d{border-radius:2px;box-shadow:0 0 0 1.5px var(--p-warn-dot)}
.pd-tl--now{min-height:22px;padding:0}
.pd-tl--now .pd-tl__h{color:var(--p-brand-ink);font-size:11.5px}
.pd-tl__now{grid-column:2/-1;position:relative;height:1.5px;background:var(--p-brand);transition:background-color .3s}
.pd-tl__now::before{content:"";position:absolute;left:7.5px;top:-3.25px;width:8px;height:8px;border-radius:50%;background:var(--p-brand)}
.pd-ats{display:grid}
.pd-at{display:grid;grid-template-columns:8px minmax(0,1fr);column-gap:10px;row-gap:7px;align-items:start;padding:10px 0;border-top:.5px solid var(--p-line)}
.pd-at>.pd-dot{margin-top:6px}.pd-at>.pd-btn,.pd-at>.pd-pill{grid-column:2;justify-self:start}
.pd-at:first-child{border-top:0;padding-top:2px}
.pd-at__c{display:grid;min-width:0;line-height:1.35}
.pd-at__c b{font-size:13px;font-weight:500}
.pd-at__c small{font-size:12px;color:var(--p-ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-act li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:13px;border-top:.5px solid var(--p-line)}
.pd-act li:first-child{border-top:0;padding-top:0}
.pd-act time{flex:none;font-size:12px;color:var(--p-ink-3)}

/* ── 7 · Tablero ─────────────────────────────────────────────────────── */
.pd-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
.pd-col{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:220px;padding:8px;border-radius:12px;background:rgba(16,20,24,.035);transition:background-color .2s,box-shadow .2s}
.pd-col.is-over{background:var(--p-brand-soft);box-shadow:inset 0 0 0 1.5px var(--p-brand);outline:1.5px dashed color-mix(in srgb,var(--p-brand) 50%,transparent);outline-offset:-5px}
.pd-col__h{display:flex;align-items:center;gap:7px;padding:4px 6px 0;min-width:0}
.pd-col__h b{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-col__n{font-size:12px;color:var(--p-ink-3)}
.pd-col__s{margin-left:auto;font-size:12px;color:var(--p-ink-2);white-space:nowrap}
.pd-col__aux{display:flex;align-items:center;gap:5px;margin:-2px 6px 0;font-size:11.5px;color:var(--p-ink-3)}
.pd-col__aux .pd-i{width:13px;height:13px}
.pd-col__l{display:grid;gap:8px}
.pd-col__v{padding:18px 10px;border-radius:8px;border:1px dashed var(--p-line-2);text-align:center;font-size:12.5px;color:var(--p-ink-3)}
.pd-tc{position:relative;display:grid;gap:4px;padding:10px 12px 10px;border-radius:var(--p-r);background:var(--p-card);box-shadow:var(--p-sh);cursor:grab;text-align:left;outline-offset:2px;transition:box-shadow .2s}
.pd-board .pd-tc{touch-action:none;user-select:none}
.pd-tc:hover{box-shadow:0 2px 6px -2px rgba(16,20,24,.12),0 0 0 .5px rgba(16,20,24,.12)}
.pd-tc.is-drag{z-index:20;cursor:grabbing;box-shadow:var(--p-sh-pop);transition:none;position:relative}
.pd-tc.is-cogido{box-shadow:var(--p-sh-pop);outline:2px dashed var(--p-brand-ink)}
.pd-tc.is-halo{animation:pd-halo 1.2s var(--p-ease)}
@keyframes pd-halo{0%{box-shadow:0 0 0 3px var(--p-brand),var(--p-sh)}100%{box-shadow:0 0 0 3px transparent,var(--p-sh)}}
.pd-tc__1{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:20px}
.pd-tc__t{font-size:13.5px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}
.pd-tc__c{font-size:12.5px;color:var(--p-ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-tc__4{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:2px;padding-right:30px}
.pd-tc__4 .pd-av{position:absolute;right:12px;bottom:10px}
.pd-tc__imp{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500}
.pd-tc__mv{position:absolute;right:38px;bottom:7px;display:grid;place-items:center;width:26px;height:26px;border-radius:7px;color:var(--p-ink-2);opacity:0;transition:opacity .15s,background-color .15s}
.pd-tc:hover .pd-tc__mv,.pd-tc:focus-within .pd-tc__mv,.pd-tc:focus .pd-tc__mv,.pd-tc__mv[aria-expanded=true]{opacity:1}
.pd-tc__mv:hover{background:rgba(16,20,24,.06);color:var(--p-ink)}
.pd-tc__ok{position:absolute;top:-7px;right:-7px;width:22px;height:22px;fill:#fff;stroke:var(--p-ok-dot);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pd-tc__ok path{stroke-dasharray:14;stroke-dashoffset:14;animation:pd-draw .24s .32s var(--p-ease) forwards}
@keyframes pd-draw{to{stroke-dashoffset:0}}
.pd-tw{overflow:auto;border-radius:12px;background:var(--p-card);box-shadow:var(--p-sh)}
.pd-t{width:100%;border-collapse:collapse;font-size:13px}
.pd-t th{padding:9px 12px;text-align:left;font-size:12px;font-weight:500;color:var(--p-ink-3);border-bottom:.5px solid var(--p-line);white-space:nowrap}
.pd-t th button{display:inline-flex;align-items:center;gap:4px;color:inherit}
.pd-t th button:hover{color:var(--p-ink)}
.pd-t th .pd-i{width:12px;height:12px}
.pd-t th.pd-num{text-align:right}
.pd-t td{padding:10px 12px;border-bottom:.5px solid var(--p-line);vertical-align:middle}
.pd-t tbody tr:last-child td{border-bottom:0}
.pd-t tbody tr{transition:background-color .2s}
.pd-t tbody tr:hover{background:rgba(16,20,24,.022)}
.pd-t tr.is-nueva{animation:pd-nueva 1.2s ease-out}
@keyframes pd-nueva{from{background:var(--p-brand-soft)}to{background:transparent}}
.pd-rot{transform:rotate(180deg)}
.pd-t--f{table-layout:fixed;min-width:640px}
.pd-t--f th:nth-child(1){width:112px}.pd-t--f th:nth-child(2){width:17%}.pd-t--f th:nth-child(4),.pd-t--f th:nth-child(5){width:64px}
.pd-t--f th:nth-child(6){width:92px}.pd-t--f th:nth-child(7){width:84px}.pd-t--f th:nth-child(8){width:100px}.pd-t--f th:nth-child(9){width:100px}.pd-t--f th:nth-child(10){width:94px}
.pd-ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-tbai{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--p-ok)}
.pd-tbai .pd-i{width:14px;height:14px}
.pd-fnota{margin-top:14px;max-width:72ch;font-size:12px;line-height:1.5;color:var(--p-ink-3)}
.pd-t--d{margin-top:4px}
/* tablero en el móvil: estados en fila y lista */
.pd-mseg{display:flex;gap:6px;margin:0 -14px 14px;padding:0 14px 2px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
.pd-mseg::-webkit-scrollbar{display:none}
.pd-mseg [role=radio]{scroll-snap-align:start;flex:none;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--p-line-2);font-size:13px;color:var(--p-ink-2);white-space:nowrap}
.pd-mseg [role=radio] b{font-weight:500;color:var(--p-ink-3)}
.pd-mseg [role=radio][aria-checked=true]{background:var(--p-brand-soft);box-shadow:inset 0 0 0 1.5px var(--p-brand);color:var(--p-ink)}
.pd-mlist{display:grid;gap:10px}
.pd-swipe{position:relative;border-radius:var(--p-r)}
.pd-swipe__a{position:absolute;top:0;right:0;bottom:0;width:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:var(--p-r);background:var(--p-brand-ink);color:var(--p-brand-on);font-size:11.5px;font-weight:500;text-align:center;padding:0 8px}
.pd-swipe .pd-tc{z-index:1;touch-action:pan-y;transition:transform .22s var(--p-ease)}
.pd-app--mob .pd-tc__mv{opacity:1;width:36px;height:36px;right:36px;bottom:3px}
.pd-app--mob .pd-tc__4{padding-right:40px}

/* ── 8 · Clientes ────────────────────────────────────────────────────── */
.pd-cl{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:16px;align-items:start}
.pd-cl__lst{display:grid;gap:10px;padding:12px;border-radius:12px;background:var(--p-card);box-shadow:var(--p-sh)}
.pd-chips{display:flex;flex-wrap:wrap;gap:6px}
.pd-chips [role=radio]{height:26px;padding:0 10px;border-radius:999px;font-size:12px;color:var(--p-ink-2);box-shadow:inset 0 0 0 1px var(--p-line-2)}
.pd-chips [role=radio][aria-checked=true]{background:var(--p-ink);color:#fff;box-shadow:none}
.pd-cls{display:grid;gap:1px;margin:0 -4px}
.pd-clr{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:8px;text-align:left;transition:background-color .2s}
.pd-clr:hover{background:rgba(16,20,24,.035)}
.pd-clr.is-on{background:var(--p-brand-soft)}
.pd-clr__t{display:grid;flex:1;min-width:0;line-height:1.3}
.pd-clr__t b{font-size:13.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-clr__t small{font-size:12px;color:var(--p-ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-clr__r{display:grid;justify-items:end;line-height:1.3;flex:none}
.pd-clr__r small{font-size:11.5px;color:var(--p-ink-3)}
.pd-clr__r b{font-size:12.5px;font-weight:500;color:var(--p-bad)}
.pd-ficha{padding:20px;border-radius:12px;background:var(--p-card);box-shadow:var(--p-sh)}
.pd-ficha__h{display:flex;align-items:center;gap:14px}
.pd-ficha__h h3{font-size:19px;letter-spacing:-.015em}
.pd-ficha__h p{font-size:13px;color:var(--p-ink-2)}
.pd-quick{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 14px}
.pd-tabsl{display:flex;gap:4px;border-bottom:.5px solid var(--p-line);margin-bottom:14px;overflow-x:auto;scrollbar-width:none}
.pd-tabsl [role=tab]{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;font-size:13px;color:var(--p-ink-2);white-space:nowrap;border-radius:6px 6px 0 0;transition:color .2s,box-shadow .2s}
.pd-tabsl [role=tab]:hover{color:var(--p-ink)}
.pd-tabsl [role=tab][aria-selected=true]{color:var(--p-ink);font-weight:500;box-shadow:inset 0 -2px 0 var(--p-brand)}
.pd-tabsl .pd-i{width:13px;height:13px}
.pd-tabsl__n{font-size:11.5px;color:var(--p-ink-3);font-weight:400}
.pd-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pd-stats div{display:grid;gap:2px;padding:10px 12px;border-radius:10px;background:var(--p-bg)}
.pd-stats span{font-size:12px;color:var(--p-ink-2)}
.pd-stats b{font-size:18px;font-weight:500;letter-spacing:-.02em}
.pd-areal{display:flex;align-items:center;gap:10px;margin:12px 0;padding:10px 12px;border-radius:10px;background:var(--p-brand-soft-2);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--p-brand) 18%,transparent);font-size:13px}
.pd-areal>.pd-i{color:var(--p-brand-ink)}
.pd-areal>span{flex:1;min-width:0}
.pd-areal b{font-weight:500}
.pd-bono{display:grid;gap:6px;margin:4px 0 12px;font-size:13px}
.pd-bar1{display:block;height:6px;border-radius:3px;background:var(--p-line)}
.pd-bar1 i{display:block;height:100%;width:var(--p);border-radius:3px;background:var(--p-brand);transition:background-color .3s}
.pd-dl{display:grid}
.pd-dl>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-top:.5px solid var(--p-line);font-size:13px}
.pd-dl>div:first-child{border-top:0}
.pd-dl dt{color:var(--p-ink-2)}
.pd-dl dd{text-align:right}
.pd-dl--2 dd b{font-weight:500}
.pd-rows{display:grid}
.pd-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px 8px;border-radius:8px;text-align:left;font-size:13px}
.pd-row:hover{background:rgba(16,20,24,.035)}
.pd-row b{flex:1;min-width:0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-docs li,.pd-adocs li{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:.5px solid var(--p-line)}
.pd-docs li:first-child,.pd-adocs li:first-child{border-top:0}
.pd-docs li>span:not(.pd-pill),.pd-adocs li>span:not(.pd-pill){display:grid;flex:1;min-width:0;line-height:1.3}
.pd-docs b,.pd-adocs b{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-docs small,.pd-adocs small{font-size:12px;color:var(--p-ink-3)}
.pd-docs .pd-i,.pd-adocs .pd-i{color:var(--p-ink-3)}
.pd-lock{display:flex;align-items:center;gap:12px;padding:16px;border-radius:10px;background:var(--p-bg);color:var(--p-ink-2);font-size:13px}
.pd-lock b{color:var(--p-ink);font-weight:500}
.pd-nadd{display:grid;gap:8px;justify-items:end;margin-bottom:12px}
.pd-notas li{padding:9px 0;border-top:.5px solid var(--p-line)}
.pd-notas li:first-child{border-top:0}
.pd-notas p{font-size:13px}
.pd-notas small{font-size:11.5px;color:var(--p-ink-3)}
.pd-back{display:inline-flex;align-items:center;gap:4px;height:36px;margin:-4px 0 6px -6px;padding:0 8px;border-radius:8px;color:var(--p-brand-ink);font-size:14px}

/* ── 9 · Agenda ─────────────────────────────────────────────────────── */
.pd-tools--ag .pd-seg{margin-left:auto}
.pd-navd{display:flex;align-items:center;gap:4px}
.pd-navd__t{margin-left:8px;font-size:14px;font-weight:500;white-space:nowrap}
.pd-ag{overflow:hidden;border-radius:12px;background:var(--p-card);box-shadow:var(--p-sh)}
.pd-agh{display:grid;grid-template-columns:52px repeat(var(--cols),minmax(0,1fr));border-bottom:.5px solid var(--p-line)}
.pd-agh__c{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;height:44px;padding:0 6px;border-left:.5px solid var(--p-line);font-size:12.5px;color:var(--p-ink-2)}
.pd-agh__c b{font-weight:500;color:var(--p-ink);white-space:nowrap}
.pd-agh__c small{font-size:11.5px;color:var(--p-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-agh__c.is-hoy b{color:var(--p-brand-ink)}
.pd-ag__s{max-height:540px;overflow:auto;overscroll-behavior:contain}
.pd-ag__g{position:relative;display:grid;grid-template-columns:52px repeat(var(--cols),minmax(0,1fr));height:calc(var(--rows) * var(--rh,28px))}
.pd-ag__hrs{position:relative}
.pd-ag__hrs span{position:absolute;top:var(--top);right:8px;font-size:11px;color:var(--p-ink-3);transform:translateY(-50%)}
.pd-ag__hrs span:first-child{transform:translateY(2px)}
.pd-agc{position:relative;display:grid;grid-auto-rows:var(--rh,28px);border-left:.5px solid var(--p-line)}
.pd-agc.is-hoy{background:var(--p-brand-soft-2)}
.pd-slot{position:relative;display:block;width:100%;height:var(--rh,28px);border-top:.5px solid rgba(16,20,24,.035);border-radius:0;cursor:copy;transition:background-color .15s}
.pd-slot.is-h{border-top-color:var(--p-line)}
.pd-slot:hover{background:rgba(16,20,24,.035)}
.pd-slot:focus-visible{outline-offset:-2px;border-radius:4px}
.pd-ev{--c:var(--p-brand);position:absolute;z-index:2;top:var(--top);height:var(--h);left:calc(var(--lane) / var(--lanes) * 100% + 3px);width:calc(100% / var(--lanes) - 6px);
  display:flex;flex-direction:column;gap:1px;padding:4px 7px;border-radius:6px;overflow:hidden;text-align:left;cursor:grab;touch-action:none;
  background:color-mix(in srgb,var(--c) 11%,#fff);box-shadow:inset 3px 0 0 var(--c),0 0 0 .5px color-mix(in srgb,var(--c) 22%,transparent);transition:background-color .3s,box-shadow .3s;transform-origin:top}
.pd-ev:hover{background:color-mix(in srgb,var(--c) 16%,#fff)}
.pd-ev b{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;line-height:1.25;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pd-ev b .pd-i{width:12px;height:12px;color:var(--p-ok)}
.pd-ev small{font-size:11px;line-height:1.25;color:var(--p-ink-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pd-ev.is-c{flex-direction:row;align-items:center;gap:6px;padding-block:0}
.pd-ev.is-c small{flex:1}
.pd-ev--r1{--c:#5B6B7F}.pd-ev--r2{--c:#64706A}
.pd-ev.is-at{opacity:.62}
.pd-ev.is-at b{text-decoration:line-through;text-decoration-color:rgba(16,20,24,.35)}
.pd-ev.is-drag{z-index:10;cursor:grabbing;box-shadow:inset 3px 0 0 var(--c),var(--p-sh-pop)}
.pd-now{position:absolute;z-index:1;left:0;right:0;top:var(--top);height:1.5px;background:var(--p-brand);pointer-events:none;transition:background-color .3s}
.pd-now i{position:absolute;left:-4px;top:-3.25px;width:8px;height:8px;border-radius:50%;background:var(--p-brand)}
.pd-ag__libre{padding:10px 16px 14px;font-size:13px;color:var(--p-ink-2);border-top:.5px solid var(--p-line)}
.pd-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:12px}
.pd-strip button{position:relative;display:grid;justify-items:center;align-content:start;gap:0;height:60px;padding-top:9px;line-height:1.2;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 .5px var(--p-line-2)}
.pd-strip span{font-size:11.5px;color:var(--p-ink-3)}
.pd-strip b{font-size:17px;font-weight:500}
.pd-strip i{position:absolute;bottom:7px;width:4px;height:4px;border-radius:50%;background:var(--p-ink-3)}
.pd-strip .is-hoy span{color:var(--p-brand-ink);font-weight:500}
.pd-strip [aria-checked=true]{background:var(--p-brand-ink);box-shadow:none}
.pd-strip [aria-checked=true] span,.pd-strip [aria-checked=true] b{color:var(--p-brand-on)}
.pd-strip [aria-checked=true] i{background:var(--p-brand-on)}
.pd-app--mob .pd-ag__s{max-height:none}
.pd-app--mob .pd-ag__g{grid-template-columns:44px minmax(0,1fr)}

/* ── 10 · Facturas e informes ───────────────────────────────────────── */
.pd-fcards{display:grid;gap:8px}
.pd-fcard{display:grid;gap:4px;width:100%;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:var(--p-sh);text-align:left}
.pd-fcard.is-nueva{animation:pd-nueva 1.2s ease-out}
.pd-fcard__1{display:flex;justify-content:space-between;align-items:center}
.pd-fcard b{font-size:14px;font-weight:500}
.pd-fcard__2{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.pd-fcard__2 small{font-size:12px;color:var(--p-ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pd-inf{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start}
.pd-chart{position:relative}
.pd-svg{display:block;width:100%;height:auto;overflow:visible}
.pd-grid{stroke:var(--p-line);stroke-width:1}
.pd-ax{fill:var(--p-ink-3);font:11px var(--p-font);font-variant-numeric:tabular-nums}
.pd-ax--cur{fill:var(--p-brand-ink);font-weight:500}
.pd-bb{outline:none;cursor:default}
.pd-bb__hit{fill:transparent}
.pd-bb__r{fill:var(--p-ink-3);opacity:.35;transform-box:fill-box;transform-origin:50% 100%;transition:opacity .2s,fill .3s}
.pd-bb:hover .pd-bb__r,.pd-bb:focus .pd-bb__r{opacity:.55}
.pd-bb.is-cur .pd-bb__r{fill:var(--p-brand);opacity:1}
.pd-bb:focus-visible .pd-bb__r{stroke:var(--p-ink);stroke-width:2}
.pd-tip{position:absolute;z-index:5;left:0;top:0;padding:5px 8px;border-radius:6px;background:var(--p-ink);color:#fff;font-size:12px;white-space:nowrap;transform:translate(-50%,-100%);pointer-events:none;box-shadow:0 6px 16px -6px rgba(0,0,0,.35)}
.pd-hb{display:grid;gap:12px;padding-top:4px}
.pd-hb__r{display:grid;grid-template-columns:minmax(90px,38%) minmax(0,1fr) auto;align-items:center;gap:10px;font-size:12.5px}
.pd-hb__l{color:var(--p-ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-hb__t{height:10px;border-radius:3px;background:rgba(16,20,24,.04)}
.pd-hb__t i{display:block;height:100%;width:var(--p);border-radius:3px;background:var(--p-ink-3);opacity:.45;transition:background-color .3s}
.pd-hb__r.is-max .pd-hb__t i{background:var(--p-brand);opacity:1}
.pd-hb__v{font-weight:500;white-space:nowrap}

/* ── 11 · Aplicación del móvil (equipo) ───────────────────────────────── */
.pd-app--mob{display:flex;flex-direction:column;background:var(--p-bg)}
.pd-status{flex:none;display:flex;align-items:center;justify-content:space-between;height:50px;padding:16px 30px 0 34px;font-size:14px;font-weight:500;color:var(--p-ink)}
.pd-status__r{display:flex;gap:3px;align-items:flex-end}
.pd-status__r i{display:block;width:4px;border-radius:1px;background:var(--p-ink)}
.pd-status__r i:nth-child(1){height:6px}.pd-status__r i:nth-child(2){height:9px}.pd-status__r i:nth-child(3){height:12px}
.pd-abar{flex:none;display:flex;align-items:center;gap:6px;height:52px;padding:0 8px 0 12px;border-bottom:.5px solid var(--p-line);background:var(--p-bg)}
.pd-abar__org{display:flex;align-items:center;gap:9px;min-width:0;flex:1;height:44px;font-size:15px}
.pd-abar__org b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-abar__org>.pd-i{width:14px;height:14px;color:var(--p-ink-3)}
.pd-abar__b{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;color:var(--p-ink-2)}
.pd-app--mob .pd-main{padding:14px 14px 24px}
.pd-mh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 14px}
.pd-mh__t{font-size:24px;letter-spacing:-.025em}
.pd-mh__t:empty{display:none}
.pd-tabs{flex:none;display:grid;grid-template-columns:repeat(5,1fr);height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:.5px solid var(--p-line);background:rgba(255,255,255,.96)}
.pd-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;font-size:10px;letter-spacing:-.01em;color:var(--p-ink-3);transition:color .2s}
.pd-tab .pd-i{width:20px;height:20px}
.pd-tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}
.pd-tab.is-on{color:var(--p-brand-ink)}
.pd-tab.is-off{opacity:.45}
.pd-tab .pd-cnt{position:absolute;top:7px;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;line-height:16px;font-size:10px;background:var(--p-brand-ink);color:var(--p-brand-on)}
.pd-tab .pd-cnt--bad{background:var(--p-bad-dot);color:#fff}
.pd-tab.has-dot::after{content:"";position:absolute;top:9px;left:calc(50% + 8px);width:7px;height:7px;border-radius:50%;background:var(--p-brand)}
.pd-app--mob .pd-tl__a{opacity:1}
.pd-app--mob .pd-tools .pd-sbox{flex:1 1 100%}

/* ── 12 · Lo que ve tu cliente ─────────────────────────────────────────── */
.pd-area{position:relative;display:flex;flex-direction:column;height:100%;background:#F1F2F4;font-size:14px}
.pd-status--area{position:absolute;z-index:3;top:0;left:0;right:0;color:var(--p-brand-on)}
.pd-status--area .pd-status__r i{background:var(--p-brand-on)}
.pd-area__s{flex:1;overflow:auto;overscroll-behavior:contain;padding-bottom:18px;scrollbar-width:none}
.pd-area__s::-webkit-scrollbar{display:none}
.pd-ah{display:flex;align-items:center;gap:12px;padding:62px 20px 22px;background:var(--p-brand-ink);color:var(--p-brand-on);transition:background-color .3s,color .3s}
.pd-ah div{display:grid;line-height:1.3;min-width:0}
.pd-ah b{font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-ah span{font-size:13.5px;opacity:.86}
.pd-back--area{margin:10px 14px 0}
.pd-acard{margin:12px 12px 0;padding:14px 16px;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(16,20,24,.05)}
.pd-acard.is-nueva,.pd-afs li.is-nueva,.pd-msgs li.is-nueva{animation:pd-nueva 1.2s ease-out}
.pd-acard h5{margin-bottom:6px;font-size:12.5px;font-weight:500;color:var(--p-ink-2)}
.pd-acard p{font-size:13px;color:var(--p-ink-2)}
.pd-acard__big{font-size:18px!important;font-weight:500;color:var(--p-ink)!important;letter-spacing:-.015em}
.pd-acard__t{font-size:14px!important;font-weight:500;color:var(--p-ink)!important}
.pd-acard__b{display:flex;gap:8px;margin-top:12px}
.pd-acard__n{margin-top:10px;font-size:12.5px!important}
.pd-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:10px}
.pd-steps li{display:grid;gap:5px;min-width:0}
.pd-steps i{display:block;height:4px;border-radius:2px;background:var(--p-line-2);transition:background-color .3s}
.pd-steps .is-ok i{background:color-mix(in srgb,var(--p-brand) 40%,#fff)}
.pd-steps .is-cur i{background:var(--p-brand)}
.pd-steps span{font-size:10.5px;line-height:1.25;color:var(--p-ink-3)}
.pd-steps .is-cur span{color:var(--p-ink);font-weight:500}
.pd-fotos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px}
.pd-foto{position:relative;aspect-ratio:1;border-radius:9px;overflow:hidden;display:grid;place-items:center;color:rgba(255,255,255,.5)}
.pd-foto--0{background:linear-gradient(150deg,#C9C4BC,#8E8880)}
.pd-foto--1{background:linear-gradient(160deg,#B8BEC4,#7D858D)}
.pd-foto--2{background:linear-gradient(140deg,#D8D6D2,#A19D96)}
.pd-foto--3{background:linear-gradient(170deg,#C3C9CC,#8C979C)}
.pd-foto--4{background:linear-gradient(135deg,#DADDE0,#A6ADB3)}
.pd-foto--5{background:linear-gradient(155deg,#CFCAC2,#958D82)}
.pd-foto figcaption{position:absolute;left:6px;right:6px;bottom:5px;font-size:9.5px;line-height:1.2;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.pd-foto .pd-i{width:18px;height:18px}
.pd-afs li{display:flex;align-items:center;gap:8px;padding:9px 0;border-top:.5px solid var(--p-line)}
.pd-afs li:first-child{border-top:0}
.pd-afs li>span:not(.pd-pill){display:grid;flex:1;min-width:0;line-height:1.3}
.pd-afs b{font-size:12px}
.pd-afs small{font-size:13px;font-weight:500;color:var(--p-ink)}
.pd-ejs li{display:flex;gap:8px;align-items:flex-start;padding:5px 0;font-size:13px}
.pd-ejs .pd-i{margin-top:2px;color:var(--p-brand-ink)}
.pd-msgs{display:flex;flex-direction:column;gap:8px}
.pd-msgs li{max-width:88%;padding:8px 11px;border-radius:14px 14px 14px 4px;background:#F1F2F4}
.pd-msgs li.is-mio{align-self:flex-end;border-radius:14px 14px 4px 14px;background:var(--p-brand-soft)}
.pd-msgs small{display:block;font-size:11px;color:var(--p-ink-3)}
.pd-msgs p{font-size:13px;color:var(--p-ink)!important}
.pd-msgs__v{font-size:13px;color:var(--p-ink-3);background:none!important}
.pd-qr{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.pd-reply{display:flex;gap:6px;margin-top:10px}
.pd-reply input{height:36px!important;border-radius:18px!important;padding:0 14px!important}
.pd-reply .pd-btn{width:36px;height:36px;border-radius:50%}
.pd-afoot{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;font-size:11.5px;color:var(--p-ink-3)}
.pd-afoot .pd-i{width:13px;height:13px}
.pd-notif{position:absolute;z-index:30;top:54px;left:10px;right:10px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 10px 30px -8px rgba(16,20,24,.3),0 0 0 .5px rgba(16,20,24,.08);font-size:12.5px;line-height:1.35;color:var(--p-ink);transition:opacity .2s}
.pd-notif b{font-weight:500}
.pd-notif.is-out{opacity:0}

/* ── 13 · Capas: popovers, menús, cajones, hojas ─────────────────────── */
.pd-scrim{position:absolute;inset:0;background:rgba(16,20,24,.18);pointer-events:auto}
.pd-panel--pop,.pd-panel--menu{position:absolute;background:#fff;border-radius:12px;box-shadow:var(--p-sh-pop);color:var(--p-ink)}
.pd-panel--pop{width:320px;max-width:calc(100% - 16px);max-height:calc(100% - 16px);overflow:auto;padding:16px}
.pd-pop--cita{width:350px}.pd-pop--bus{width:380px;padding:10px}.pd-pop--marca{width:300px}.pd-pop--ev{width:290px}
.pd-panel--menu{min-width:220px;padding:6px}
.pd-menu--org{min-width:280px}
.pd-panel--drawer{position:absolute;top:0;right:0;bottom:0;width:440px;max-width:100%;display:flex;flex-direction:column;background:#fff;box-shadow:var(--p-sh-pop)}
.pd-dr--inv{width:540px}.pd-dr--av{width:420px}
.pd-panel--sheet{position:absolute;left:0;right:0;bottom:0;max-height:88%;overflow:auto;padding:6px 16px calc(16px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -10px 40px -10px rgba(16,20,24,.3);color:var(--p-ink)}
.pd-panel--sheet.pd-dr{padding:6px 0 0;display:flex;flex-direction:column;max-height:94%}
.pd-grab{display:block;width:36px;height:4px;margin:4px auto 10px;border-radius:2px;background:var(--p-line-2)}
.pd-mi{display:flex;align-items:center;gap:10px;width:100%;min-height:34px;padding:0 10px;border-radius:7px;font-size:13px;text-align:left;color:var(--p-ink)}
.pd-mi:hover,.pd-mi:focus{background:rgba(16,20,24,.05);outline:none}
.pd-mi:focus-visible{box-shadow:inset 0 0 0 2px var(--p-brand-ink)}
.pd-mi>.pd-i:last-child{margin-left:auto;color:var(--p-brand-ink)}
.pd-mi[aria-disabled=true]{color:var(--p-ink-2)}
.pd-mi__h{padding:6px 10px 4px;font-size:11.5px;font-weight:500;color:var(--p-ink-3)}
.pd-mi__sep{height:.5px;margin:5px 4px;background:var(--p-line)}
.pd-mi--org{min-height:48px}
.pd-mi--org>span:nth-child(2){display:grid;line-height:1.25;min-width:0}
.pd-mi--org b{font-weight:500;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-mi--org small{font-size:12px;color:var(--p-ink-3)}
.pd-mi__c{color:var(--p-ink-3)!important}
.pd-panel--sheet .pd-mi{min-height:48px;font-size:15px}
.pd-dr__h{flex:none;padding:14px 20px 14px;border-bottom:.5px solid var(--p-line)}
.pd-dr__top{display:flex;align-items:center;gap:8px;min-height:32px}
.pd-dr__top>b{font-size:15px;font-weight:500}
.pd-dr__x{margin-left:auto;background:transparent;box-shadow:none;color:var(--p-ink-2)}
.pd-dr__x:hover{background:rgba(16,20,24,.06)}
.pd-dr__h h3{margin:8px 0 2px;font-size:18px;letter-spacing:-.015em}
.pd-dr__h .pd-lnk{font-size:13px;font-weight:400;color:var(--p-ink-2)}
.pd-dr__b{flex:1;min-height:0;overflow:auto;padding:16px 20px 20px}
.pd-dr__b section{margin-top:20px}
.pd-dr__b h4{margin-bottom:8px;font-size:12.5px;color:var(--p-ink-2)}
.pd-dr__b--inv{background:#ECEDF0;padding:20px}
.pd-dr__f{flex:none;display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:.5px solid var(--p-line);background:#fff}
.pd-dr__f--wrap{display:grid;grid-template-columns:1fr 1fr}
.pd-chk button{display:flex;align-items:center;gap:10px;width:100%;padding:6px 0;font-size:13px;text-align:left;border-radius:6px}
.pd-cb{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1.5px var(--p-line-2);color:transparent;transition:background-color .15s,color .15s}
.pd-cb .pd-i{width:12px;height:12px}
.pd-chk [aria-checked=true] .pd-cb{background:var(--p-brand-ink);box-shadow:none;color:var(--p-brand-on)}
.pd-chk [aria-checked=true] span:last-child{color:var(--p-ink-2)}
.pd-hist li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:13px;border-top:.5px dashed var(--p-line-2)}
.pd-hist li:first-child{border-top:0}
.pd-hist time{flex:none;font-size:12px;color:var(--p-ink-3)}
.pd-form{display:grid;gap:12px}
.pd-form h4{font-size:15px}
.pd-form__b{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.pd-form--av{height:100%;display:flex;flex-direction:column;gap:0}
.pd-form--av .pd-dr__b{display:grid;gap:12px;align-content:start}
.pd-ferr{font-size:12.5px;color:var(--p-bad)}
.pd-conf{padding:8px 10px;border-radius:8px;background:var(--p-warn-bg);color:var(--p-warn);font-size:12.5px}
.pd-recw{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.pd-sw2{display:inline-flex;align-items:center;gap:8px;font-size:13px}
.pd-sw2 span{position:relative;width:30px;height:18px;border-radius:9px;background:var(--p-line-2);transition:background-color .2s}
.pd-sw2 span::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .2s var(--p-ease)}
.pd-sw2[aria-checked=true] span{background:var(--p-brand)}
.pd-sw2[aria-checked=true] span::after{transform:translateX(12px)}
.pd-cnt2{margin-top:-6px;text-align:right;font-size:11.5px;color:var(--p-ink-3)}
.pd-marca{display:grid;gap:14px}
.pd-marca h4{font-size:15px}
.pd-sw{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
.pd-sw [role=radio]{width:100%;aspect-ratio:1;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 .5px rgba(0,0,0,.12);transition:box-shadow .2s}
.pd-sw [role=radio][aria-checked=true]{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--c)}
.pd-marca__r{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pd-otro{position:relative;display:inline-flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}
.pd-otro input{width:26px;height:26px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;-webkit-appearance:none;appearance:none}
.pd-otro input::-webkit-color-swatch-wrapper{padding:0}
.pd-otro input::-webkit-color-swatch{border:0;border-radius:50%;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.15)}
.pd-otro input::-moz-color-swatch{border:0;border-radius:50%}
.pd-help{font-size:12px;color:var(--p-ink-3)}
.pd-bus{display:grid;gap:6px}
.pd-bus__r{display:grid;gap:1px;max-height:320px;overflow:auto}
.pd-busi{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border-radius:8px;text-align:left}
.pd-busi:hover,.pd-busi:focus{background:rgba(16,20,24,.05)}
.pd-busi>span:last-child{display:grid;min-width:0;line-height:1.3}
.pd-busi b{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-busi small{font-size:12px;color:var(--p-ink-3)}
.pd-busi__ic{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--p-neu-bg);color:var(--p-ink-2)}
.pd-bus__v{padding:14px 8px;font-size:13px;color:var(--p-ink-2)}
.pd-masl{display:grid;gap:2px;padding-bottom:6px}
.pd-evp{display:grid;gap:10px}
.pd-evp__d{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--p-ink-2)}
.pd-evp h4{font-size:15px}
.pd-pay{display:grid;gap:14px;justify-items:center;padding:8px 4px 6px;text-align:center}
.pd-pay__l{font-size:13px;color:var(--p-ink-2)}
.pd-pay__v{font-size:30px;font-weight:500;letter-spacing:-.03em}
.pd-pay__ok{display:grid;justify-items:center;gap:12px;padding:24px 0}
.pd-spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--p-line-2);border-top-color:var(--p-brand);animation:pd-spin .8s linear infinite}
@keyframes pd-spin{to{transform:rotate(360deg)}}
.pd-okc{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--p-ok-bg);color:var(--p-ok)}
.pd-okc .pd-i{width:26px;height:26px}

/* ── 14 · Factura ───────────────────────────────────────────────────── */
.pd-inv{display:grid;place-items:center}
.pd-inv-sheet{display:flex;flex-direction:column;width:100%;max-width:470px;aspect-ratio:210/297;padding:30px 30px 24px;background:#fff;color:var(--p-ink);font-size:11.5px;box-shadow:0 1px 3px rgba(16,20,24,.1),0 8px 24px -10px rgba(16,20,24,.2);border-top:4px solid var(--p-brand);transition:border-color .3s}
.pd-inv__h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.pd-inv__org{display:flex;gap:10px;align-items:center;min-width:0}
.pd-inv__org div{display:grid;line-height:1.3;min-width:0}
.pd-inv__org b{font-size:13px;font-weight:500}
.pd-inv__org small{font-size:10px;color:var(--p-ink-3)}
.pd-inv__n{display:grid;text-align:right;line-height:1.3}
.pd-inv__n small{font-size:10px;color:var(--p-ink-3)}
.pd-inv__n b{font:500 13px var(--p-mono)}
.pd-inv__meta{display:grid;grid-template-columns:auto auto 1fr;gap:20px;margin:26px 0 20px}
.pd-inv__meta div{display:grid;gap:2px;line-height:1.35;min-width:0}
.pd-inv__meta small{font-size:10px;color:var(--p-ink-3)}
.pd-inv__meta span{font-size:11.5px;overflow-wrap:anywhere}
.pd-inv__rect{margin-bottom:12px;font-size:11px;color:var(--p-ink-2)}
.pd-inv__t{width:100%;border-collapse:collapse}
.pd-inv__t th{padding:6px 0;text-align:left;font-size:10px;font-weight:500;color:var(--p-ink-3);border-bottom:.5px solid var(--p-line-2)}
.pd-inv__t td{padding:10px 0;font-size:11.5px;border-bottom:.5px solid var(--p-line);vertical-align:top}
.pd-inv__t .pd-num{padding-left:12px}
.pd-inv__t .pd-ref{font-size:10px;margin-left:4px}
.pd-inv__tot{display:grid;gap:4px;width:62%;margin:16px 0 0 auto}
.pd-inv__tot div{display:flex;justify-content:space-between;gap:12px;font-size:11.5px}
.pd-inv__total{margin-top:4px;padding-top:7px;border-top:1px solid var(--p-ink);font-size:14px!important;font-weight:500}
.pd-inv__f{display:flex;align-items:flex-end;gap:12px;margin-top:auto;padding-top:16px}
.pd-qr2{width:64px;height:64px;flex:none;color:var(--p-ink)}
.pd-inv__f div{display:grid;gap:3px;min-width:0}
.pd-inv__f b{font-size:11px;font-weight:500}
.pd-inv__f code{font:9.5px/1.3 var(--p-mono);color:var(--p-ink-2);overflow-wrap:anywhere}
.pd-inv__f small{font-size:9.5px;color:var(--p-ink-3)}
@media print{
  html.pd-printing body *{visibility:hidden!important}
  html.pd-printing .pd-inv-sheet,html.pd-printing .pd-inv-sheet *{visibility:visible!important}
  html.pd-printing .pd-inv-sheet{position:fixed;left:0;top:0;width:100%;max-width:none;height:auto;aspect-ratio:auto;min-height:100%;box-shadow:none;padding:16mm;font-size:12pt}
  html.pd-printing body{background:#fff!important}
  @page{size:A4;margin:0}
}

/* ── 15 · Avisos ─────────────────────────────────────────────────────── */
.pd-toasts{position:absolute;z-index:45;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.pd-toasts--win{right:16px;bottom:16px;width:min(420px,calc(100% - 32px))}
.pd-toasts--stage{right:16px;bottom:16px;width:min(372px,calc(100% - 32px));color:var(--p-ink)}
.pd-toasts--top{top:8px;left:8px;right:8px;flex-direction:column-reverse}
.pd-phone .pd-toasts--top{top:54px}
.pd-toast{pointer-events:auto;display:grid;grid-template-columns:22px minmax(0,1fr) 24px;gap:10px;align-items:start;padding:12px 10px 12px 14px;border-radius:12px;background:#fff;color:var(--p-ink);box-shadow:var(--p-sh-pop)}
.pd-toast__i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--p-ok-bg);color:var(--p-ok)}
.pd-toast__i .pd-i{width:13px;height:13px}
.pd-toast--warn .pd-toast__i{background:var(--p-warn-bg);color:var(--p-warn)}
.pd-toast--info .pd-toast__i{background:var(--p-info-bg);color:var(--p-info)}
.pd-toast__c{display:grid;gap:2px;min-width:0}
.pd-toast__t{font-size:13.5px;font-weight:500;line-height:1.35}
.pd-toast__x{font-size:12.5px;line-height:1.4;color:var(--p-ink-2)}
.pd-toast__pv{justify-self:start;margin-top:4px;font-size:12px;color:var(--p-brand-ink);text-decoration:underline;text-underline-offset:3px}
.pd-toast__msg{margin-top:6px;padding:8px 10px;border-radius:10px 10px 10px 3px;background:#F1F2F4;font-size:12.5px;line-height:1.4;color:var(--p-ink)}
.pd-toast__acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pd-toast__x2{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;color:var(--p-ink-3)}
.pd-toast__x2:hover{background:rgba(16,20,24,.06);color:var(--p-ink)}
.pd-toast__x2 .pd-i{width:13px;height:13px}

/* ── 16 · Recorrido guiado «Míralo en 60 segundos» ───────────────────────
   Una película sobre la demo: velo, foco, cursor y una consola fija al pie. Solo se animan opacity y transform
   (el foco se releva con un fundido entre dos huecos; su geometría no se anima). Sin desenfoques ni máscaras. */
.pd{--pd-tour-v:2}
.pd-tour{position:absolute;inset:0;z-index:90;pointer-events:none}
.pd-tour__dim{position:absolute;inset:0;overflow:hidden;overflow:clip;border-radius:14px}
.pd-tour__velo,.pd-tour__hueco{position:absolute;opacity:0;transition:opacity .36s cubic-bezier(.4,0,.2,1)}
.pd-tour__velo{inset:0;background:rgba(5,7,9,.6)}
.pd-tour__hueco{border-radius:12px;box-shadow:0 0 0 9999px rgba(5,7,9,.6),0 0 0 1.5px var(--pd-acc),0 0 0 6px rgba(77,225,242,.16)}
/* el foco se apaga rápido y se enciende despacio (el velo, al revés): corte limpio al cambiar de paso */
.pd-tour__hueco{transition-duration:.18s}
.pd-tour__velo.is-on{opacity:1;transition-duration:.18s}
.pd-tour__hueco.is-on{opacity:1;transition-duration:.38s}
.pd-tour__capa{position:absolute;inset:0;pointer-events:auto;cursor:default}
/* cursor del recorrido */
.pd-tour__cur{position:absolute;left:0;top:0;width:0;height:0;opacity:0;pointer-events:none;will-change:transform}
.pd-tour__ci{position:absolute;left:-4px;top:-2px;width:24px;height:24px;transform-origin:20% 12%}
.pd-tour__cur.is-dedo .pd-tour__ci{left:-17px;top:-17px;width:34px;height:34px;border-radius:50%;transform-origin:50% 50%;background:rgba(16,20,24,.26);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.92),0 0 0 1px rgba(16,20,24,.28)}
.pd-tour__clk{position:absolute;left:-20px;top:-20px;width:40px;height:40px;border-radius:50%;opacity:0;box-shadow:inset 0 0 0 2px var(--pd-acc)}
/* consola */
.pd-tour__rail{position:absolute;left:0;right:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:16px;pointer-events:none}
.pd-tour__dock{position:sticky;bottom:16px;width:min(760px,100%);border-radius:20px;background:#0B0E12;color:#fff;pointer-events:auto;overflow:hidden;
  transform:translateX(var(--pd-dock-x,0px));transition:transform .55s var(--p-ease);
  box-shadow:0 0 0 .5px rgba(255,255,255,.16),inset 0 1px 0 rgba(255,255,255,.06),0 24px 48px -16px rgba(0,0,0,.72),0 8px 18px -8px rgba(0,0,0,.5)}
.pd-tour__dock::before,.pd-tour__fin::before{content:"";position:absolute;left:16%;right:16%;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(77,225,242,.6),transparent)}
.pd-tour__segs{display:flex;gap:4px;padding:14px 20px 0}
.pd-tour__segs i{flex:1 1 0;min-width:0;height:3px;border-radius:2px;background:rgba(255,255,255,.14);overflow:hidden}
.pd-tour__segs b{display:block;width:100%;height:100%;border-radius:2px;background:rgba(255,255,255,.78);transform:scaleX(0);transform-origin:0 50%}
.pd-tour__segs i.is-on b{background:var(--pd-acc)}
.pd-tour__segs i.is-pte b{visibility:hidden}
.pd-tour__fila{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta ctl" "txt ctl";align-items:center;column-gap:24px;padding:12px 14px 16px 20px}
.pd-tour__meta{grid-area:meta;display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;line-height:1.3;color:rgba(255,255,255,.6);white-space:nowrap}
.pd-tour__meta b{font-weight:500;color:var(--pd-acc)}
.pd-tour__meta i{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.3);flex:none}
.pd-tour__meta em{font-style:normal;margin-left:6px;padding:2px 8px;border-radius:999px;font-size:11px;color:rgba(255,255,255,.62);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.2)}
.pd-tour__txt{grid-area:txt;min-width:0;min-height:74px;padding-top:6px}
.pd .pd-tour__txt h4,.pd .pd-tour__fin h4{font-family:var(--font-archivo,var(--p-font)),var(--p-font);font-weight:680;font-stretch:104%;letter-spacing:-.008em;line-height:1.2;color:#fff;text-wrap:balance}
.pd .pd-tour__txt h4{margin:0 0 5px;font-size:19px}
.pd-tour__txt p{max-width:60ch;font-size:14px;line-height:1.5;color:rgba(255,255,255,.76);text-wrap:pretty}
.pd-tour__ctl{grid-area:ctl;display:flex;align-items:center;gap:4px}
.pd-tour__b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:rgba(255,255,255,.84);transition:background-color .2s,color .2s,transform .16s var(--p-ease),opacity .2s}
.pd-tour__b:hover{background:rgba(255,255,255,.09);color:#fff}
.pd-tour__b:active{transform:scale(.93)}
.pd-tour__b .pd-i{width:17px;height:17px}
.pd-tour__b--pp{margin:0 2px;background:#fff;color:#0B0E12}
.pd-tour__b--pp:hover{background:#E8EDF1;color:#0B0E12}
.pd-tour__b[aria-disabled=true]{opacity:.34}
.pd-tour__sep{width:1px;height:22px;margin:0 8px 0 6px;background:rgba(255,255,255,.14)}
.pd-tour__salir{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px 0 16px;border-radius:999px;font-size:13.5px;font-weight:500;white-space:nowrap;color:rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);transition:background-color .2s,color .2s,transform .16s var(--p-ease)}
.pd-tour__salir:hover{background:rgba(255,255,255,.08);color:#fff}
.pd-tour__salir:active{transform:scale(.97)}
.pd-tour__salir .pd-i{width:13px;height:13px;opacity:.75}
.pd-tour :focus-visible{outline:2px solid var(--pd-acc);outline-offset:2px;border-radius:999px}
/* cierre */
.pd-tour__rail.is-final{justify-content:center}
.pd-tour__fin{position:sticky;top:calc(var(--pd-top) + 72px);bottom:16px;width:min(432px,100%);padding:30px 28px 22px;border-radius:24px;background:#0B0E12;color:#fff;text-align:center;pointer-events:auto;outline:none;overflow:hidden;
  box-shadow:0 0 0 .5px rgba(255,255,255,.16),inset 0 1px 0 rgba(255,255,255,.06),0 28px 50px -18px rgba(0,0,0,.75),0 8px 18px -8px rgba(0,0,0,.5)}
.pd-tour__fin .pd-tour__meta{justify-content:center}
.pd .pd-tour__fin h4{margin:12px 0 8px;font-size:25px;line-height:1.12}
.pd-tour__fin>p:not(.pd-tour__meta){font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.76);text-wrap:pretty}
.pd-tour__cta{width:100%;height:48px;margin-top:20px;gap:8px;font-size:15px;font-weight:600}
.pd-tour__cta .pd-i{width:15px;height:15px}
.pd-tour__finb{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.pd-tour__alt{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 12px;border-radius:999px;font-size:13.5px;font-weight:500;white-space:nowrap;color:rgba(255,255,255,.88);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);transition:background-color .2s,color .2s,transform .16s var(--p-ease)}
.pd-tour__alt:hover{background:rgba(255,255,255,.08);color:#fff}
.pd-tour__alt:active{transform:scale(.97)}
.pd-tour__alt .pd-i{width:15px;height:15px;opacity:.8}
/* mientras dura: avisos y cajones dejan sitio a la consola */
.pd.is-tour .pd-toasts--win,.pd.is-tour .pd-toasts--stage{bottom:var(--pd-res,162px)}
.pd.is-tour .pd-app[data-mod="trabajos"] .pd-toasts--win{bottom:auto}
.pd.is-tour .pd-panel--drawer{bottom:var(--pd-res,162px);border-radius:0 0 0 14px}
.pd.is-tour .pd-toast{pointer-events:none}
/* y el contenido puede subir por encima de ella */
.pd.is-tour .pd-stage:not([data-vista=split]) .pd-main{padding-bottom:calc(var(--pd-res,162px) + 20px)}
/* la factura, entera y sin el alto de un A4: cabe en el cajón que queda sobre la consola */
.pd.is-tour .pd-inv-sheet{aspect-ratio:auto}
.pd.is-tour .pd-inv__f{padding-top:30px}

/* ── 17 · Esqueleto (cambio de sector) ───────────────────────────────── */
.pd-skel{display:grid;gap:16px}
.pd-skel i{display:block;border-radius:10px;background:var(--p-line);animation:pd-skel 1.1s ease-in-out infinite alternate}
.pd-skel__h{width:240px;height:28px}
.pd-skel__r{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pd-skel__r i{height:92px}
.pd-skel__c{display:grid;grid-template-columns:2fr 1fr;gap:16px}
.pd-skel__c i{height:260px}
@keyframes pd-skel{from{opacity:.55}to{opacity:1}}

/* ── 18 · Composición según el ancho del contenido ───────────────────── */
@container pdm (max-width:940px){
  .pd-t--f .pd-c-f,.pd-t--f .pd-c-b,.pd-t--f .pd-c-i{display:none}
  .pd-t--f{min-width:0}
}
@container pdm (max-width:820px){
  .pd-inf{grid-template-columns:1fr}
  .pd-cl{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}
}
@container pdm (max-width:760px){
  .pd-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .pd-kpis--3{grid-template-columns:1fr 1fr}
  .pd-hoy__cols{grid-template-columns:1fr}
  .pd-board{grid-template-columns:repeat(4,240px);overflow-x:auto;padding-bottom:8px}
  .pd-cl{grid-template-columns:1fr}
  .pd-stats{grid-template-columns:1fr 1fr}
  .pd-skel__r{grid-template-columns:1fr 1fr}.pd-skel__c{grid-template-columns:1fr}
}
@container pdm (max-width:440px){
  .pd-kpi{padding:12px 13px}
  .pd-kpi__v{font-size:19px}
  .pd-kpi__l,.pd-kpi--sp .pd-kpi__l{padding-right:0}
  .pd-kpi__s{font-size:11.5px}
  .pd-card__sub{display:none}
  .pd-spark{display:none}
  .pd-hoy__h h2{font-size:20px}
  .pd-tl{grid-template-columns:40px 20px minmax(0,1fr)}
  .pd-tls::before{left:49.5px}
  .pd-tl__a{grid-column:3;justify-content:flex-start;margin-left:-9px}
  .pd-tl--now .pd-tl__now{grid-column:2/-1}
  .pd-kpis--3{grid-template-columns:1fr}
  .pd-hb__r{grid-template-columns:minmax(80px,34%) minmax(0,1fr) auto}
  .pd-quick .pd-btn span{display:none}
  .pd-quick .pd-btn{width:44px;height:40px;padding:0}
  .pd-quick .pd-btn:last-child{width:auto;padding:0 12px}
  .pd-quick .pd-btn:last-child span{display:inline}
  .pd-ficha{padding:16px}
  .pd-stats b{font-size:16px}
  .pd-tools--ag{margin-bottom:10px}
}

/* ── 19 · El móvil del visitante: la demo es una app ─────────────────── */
@media (max-width:767px){
  .pd{min-height:0}
  .pd-bar{position:relative;top:auto;display:grid;grid-template-columns:1fr;height:auto;gap:8px;padding:8px;margin-bottom:10px;background:rgba(255,255,255,.035)}
  .pd-bar__l{width:100%}
  .pd-seg--dark{display:flex;width:100%}
  .pd-seg--dark [role=radio]{flex:1;justify-content:center;height:40px}
  .pd-bar__r{display:grid;grid-template-columns:1fr 1fr 44px;gap:6px}
  .pd-tb{justify-content:center;height:40px;padding:0 8px;background:rgba(255,255,255,.05)}
  .pd-tb--ico{width:44px}
  .pd-bar__r .pd-quiero{grid-column:1/-1;height:44px}
  .pd-stage{display:block;height:min(720px,calc(100svh - 120px))}
  .pd-stage .pd-phwrap{display:block!important;width:100%;height:100%}
  .pd-stage .pd-winwrap,.pd-stage .pd-aside{display:none!important}
  .pd-phone{position:relative;width:100%;height:100%;padding:0;border-radius:20px;transform:none;background:var(--p-bg);box-shadow:0 0 0 .5px rgba(255,255,255,.14),0 24px 60px -20px rgba(0,0,0,.6)}
  .pd-phone__isla{display:none}
  .pd-phone__scr{border-radius:20px}
  .pd-ah{padding-top:22px}
  .pd-notif{top:8px}
  .pd-phone .pd-toasts--top{top:60px}
  .pd-stage[data-vista] .pd-phone{view-transition-name:none}
}

/* ── 21 · Acabado v11: nada cortado, nada encimado, móvil nativo ─────── */
.pd{scroll-margin-top:calc(var(--hdr-h,64px) + 12px);min-height:0}
.pd-win{contain:layout paint}
.pd-host,.pd-app,.pd-body,.pd-side{min-height:0}
/* barra de la demo: contraste de las vistas no elegidas y etiquetas cortas */
.pd-seg--dark [role=radio]{opacity:1;color:rgba(255,255,255,.8)}
.pd-seg--dark [role=radio] .pd-i{opacity:.85}
.pd-s{display:none}
.pd-bar__l .pd-switch{flex:none}
@media (max-width:1023px){
  .pd-l{display:none}.pd-s{display:inline}
  .pd-tb--marca{width:36px;padding:0;justify-content:center}.pd-tb--marca .pd-tb__m{display:none}
  .pd-seg--dark [role=radio]{padding:0 10px}
  .pd-quiero{padding:0 14px}
}
/* textos: se parten en líneas, nunca con «…» */
.pd-org__t b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;font-size:13.5px;line-height:1.25}
.pd-org__c{flex:none;width:16px;height:16px}
.pd-col__h{flex-wrap:wrap;row-gap:2px}.pd-col__h b{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:normal;hyphens:manual}
.pd-tl__c b,.pd-tl__c small,.pd-at__c small,.pd-tc__c,.pd-clr__t b,.pd-clr__t small,.pd-row b,.pd-docs b,.pd-adocs b,.pd-busi b,.pd-hb__l,.pd-ah b,.pd-me__t b,.pd-mi--org b,.pd-agh__c small{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.pd-at__c .pd-at__cl{color:var(--p-ink-3)}
.pd-kpi__l{white-space:normal;overflow:visible;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}
.pd-kpi--sp .pd-kpi__l{padding-right:0}
.pd-abar__org b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}
.pd-wrap{white-space:normal;overflow-wrap:anywhere}
.pd-nw{white-space:nowrap}
.pd-t--f td.pd-wrap{line-height:1.35}
.pd-t--f td{height:44px;padding-block:8px}
.pd-t--f th:nth-child(4),.pd-t--f th:nth-child(5){width:62px}
/* minigráfico de «Facturado este mes» */
.pd-kpi__v{min-width:0}
.pd-spark{position:static;flex:none;width:72px;height:28px;margin-left:auto;overflow:visible}
.pd-spark stop{stop-color:var(--p-brand)}
.pd-spark__l{fill:none;stroke:var(--p-brand);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.pd-spark__p{fill:var(--p-brand);stroke:#fff;stroke-width:1.5;transition:fill .3s}
.pd-kpi--sp .pd-kpi__v{align-items:flex-end}
/* Hoy: saludo, columnas equilibradas, «Esta semana» */
.pd-hoy__h .pd-hoy__t{margin:0;font-size:22px;font-weight:500;letter-spacing:-.02em;line-height:1.25;color:var(--p-ink);outline:none}
.pd-hoy__cols{align-items:stretch}
.pd-hoy__l,.pd-hoy__r{display:flex;flex-direction:column;gap:16px;min-width:0}
.pd-card--fill{flex:1 1 auto}
.pd-wks{display:grid}
.pd-wks li+li{border-top:.5px solid var(--p-line)}
.pd-wk{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:52px;padding:6px;margin:0 -6px;width:calc(100% + 12px);border-radius:8px;text-align:left;transition:background-color .2s}
.pd-wk:hover{background:rgba(16,20,24,.03)}
.pd-wk__i{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--p-brand-soft-2);color:var(--p-brand-ink);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--p-brand) 18%,transparent)}
.pd-wk__t{display:grid;min-width:0;line-height:1.3}
.pd-wk__t b{font-size:13.5px;font-weight:500}
.pd-wk__t small{font-size:12.5px;color:var(--p-ink-2);overflow-wrap:anywhere}
.pd-wk__v{font-size:15px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.pd-act li>span{min-width:0;overflow-wrap:anywhere}
/* Para hoy en el móvil: la fila entera se toca */
button.pd-tl__c{display:grid;min-width:0;min-height:44px;padding:4px 0;text-align:left;border-radius:8px;align-content:center}
.pd-tl__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--p-brand-ink);background:var(--p-brand-soft-2)}
.pd-tl__ic .pd-i{width:18px;height:18px}
.pd-tl__chev{display:grid;place-items:center;width:28px;height:44px;color:var(--p-ink-3)}
.pd-app--mob .pd-tl{grid-template-columns:44px 20px minmax(0,1fr) auto;column-gap:0}
.pd-app--mob .pd-tls::before{left:53.5px}
.pd-app--mob .pd-tl__a{grid-column:auto;margin:0 0 0 6px;justify-content:flex-end}
.pd-app--mob .pd-tl__c{padding-left:6px}
.pd-app--mob .pd-tl--now .pd-tl__now{grid-column:2/-1}
/* tablero: «Mover a…» con su texto donde no hay ratón */
.pd-tc__mvt{display:none}
@media (hover:none){
  .pd-app--desk .pd-tc__mv{position:relative;right:auto;bottom:auto;opacity:1;width:100%;height:32px;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:7px;background:rgba(16,20,24,.045);font-size:12.5px;font-weight:500;color:var(--p-ink)}
  .pd-app--desk .pd-tc__mv::after{content:"";position:absolute;inset:-6px -4px}
  .pd-app--desk .pd-tc__mvi{display:none}
  .pd-app--desk .pd-tc__mvt{display:inline}
  .pd-app--desk .pd-tc__4{padding-right:0}
  .pd-app--desk .pd-tc__4 .pd-av{position:static}
}
@container pdm (max-width:760px){
  .pd-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible;padding-bottom:0}
  .pd-col{padding:6px;gap:6px;min-height:180px}
  .pd-col__h{flex-wrap:wrap;row-gap:2px;padding:4px 4px 0}
  .pd-col__h b{flex:1 1 100%;font-size:12.5px;line-height:1.25}
  .pd-col__s{margin-left:6px}
  .pd-col__aux{margin:0 4px}
  .pd-tc{padding:9px}
  .pd-tc__1{flex-wrap:wrap;row-gap:4px}
  .pd-tc__t{font-size:13px;display:block;-webkit-line-clamp:unset;overflow:visible;overflow-wrap:anywhere;hyphens:auto}
  .pd-tc__c{font-size:12px}
  .pd-tools .pd-sbox{flex:1 1 200px}
}
/* agenda */
.pd-slot.is-pas,.pd-slot.is-pas:hover{cursor:default;background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(16,20,24,.03) 6px 7px)}
.pd-slot.is-tour{z-index:3;background:var(--p-brand-soft);outline:1.5px dashed var(--p-brand);outline-offset:-2px;border-radius:6px}
.pd-slot.is-tour::after{content:attr(data-lbl);position:absolute;inset:0;display:flex;align-items:center;padding:0 8px;font-size:12px;font-weight:500;color:var(--p-brand-ink);white-space:nowrap;overflow:hidden}
.pd-ev b{display:block;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
.pd-ev b .pd-i{display:inline-block;vertical-align:-2px;margin-right:3px}
.pd-ev b small{display:inline;font-weight:400;font-size:11px;color:var(--p-ink-2)}
.pd-ev small{white-space:normal;text-overflow:clip}
.pd-ev.is-c b{flex:0 1 auto;white-space:nowrap}
.pd-ev.is-c small{flex:none}
.pd-app--mob .pd-ev{padding:6px 10px;gap:2px}
.pd-app--mob .pd-ev b{font-size:13.5px}
.pd-app--mob .pd-ev small{font-size:12.5px}
.pd-app--mob .pd-ag__hrs span{font-size:12px}
/* facturas en el móvil: texto a la izquierda, importe y estado a la derecha */
.pd-fcards{grid-template-columns:minmax(0,1fr)}
.pd-fcards li{min-width:0}
.pd-fcard{grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:12px;min-width:0;padding:12px 16px}
.pd-fcard__l{display:grid;gap:2px;min-width:0}
.pd-fcard__l .pd-ref{font-size:11.5px}
.pd-fcard__l b{font-size:14.5px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}
.pd-fcard__l small{font-size:12.5px;line-height:1.35;color:var(--p-ink-2);overflow-wrap:anywhere}
.pd-fcard__r{display:grid;justify-items:end;gap:6px}
.pd-fcard__r b{font-size:14.5px;font-weight:500}
.pd-more{display:flex;justify-content:center;margin-top:12px}
p.pd-more{justify-content:flex-start;margin-top:8px}
/* informes */
.pd-inf{align-items:stretch}
.pd-inf__w{grid-column:1/-1}
/* lo que ve tu cliente (escritorio): las dos columnas a juego */
.pd-ascli{gap:26px}
.pd-astxt{display:grid;gap:10px}
.pd-ash{margin-bottom:14px;font-size:13px;color:rgba(255,255,255,.62)}
.pd-stage[data-vista=cliente] .pd-aside--l .pd-asline{text-align:left}
.pd-steps span{overflow-wrap:anywhere;hyphens:auto}
/* fotos de la obra: superficies de material dibujadas en CSS, sin iconos */
.pd-foto .pd-i{display:none}
.pd-foto::before{content:"";position:absolute;inset:0;opacity:.55}
.pd-foto--0::before{background:radial-gradient(circle at 30% 35%,rgba(255,255,255,.25) 0 6%,transparent 7%),radial-gradient(circle at 70% 60%,rgba(0,0,0,.18) 0 9%,transparent 10%)}
.pd-foto--1::before{background:linear-gradient(90deg,transparent 46%,rgba(255,255,255,.35) 46% 54%,transparent 54%),linear-gradient(0deg,transparent 62%,rgba(255,255,255,.28) 62% 68%,transparent 68%)}
.pd-foto--2::before{background:radial-gradient(ellipse at 50% 55%,rgba(255,255,255,.45) 0 30%,transparent 31%)}
.pd-foto--3::before{background:linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px) 0 0/25% 25%,linear-gradient(0deg,rgba(255,255,255,.5) 1px,transparent 1px) 0 0/25% 25%}
.pd-foto--4::before{background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.4) 31% 36%,transparent 37% 52%,rgba(255,255,255,.25) 53% 56%,transparent 57%)}
.pd-foto--5::before{background:radial-gradient(ellipse at 50% 60%,rgba(255,255,255,.6) 0 22%,transparent 23%),radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.4) 0 14%,transparent 15%)}
.pd-foto figcaption{z-index:1;font-size:10px}
/* barra lateral plegada (tableta): etiqueta bajo el icono y contador en burbuja */
.pd-nav__ts{display:none}
@container pdw (max-width:960px){
  .pd-app--desk{grid-template-columns:76px minmax(0,1fr)}
  .pd-side{padding:10px 6px;gap:2px}
  .pd-nav__i,.pd-side__marca{flex-direction:column;justify-content:center;gap:3px;width:64px;height:52px;padding:0}
  .pd-nav__i .pd-nav__t,.pd-side__marca span{display:block;flex:none;max-width:64px;font-size:10.5px;line-height:1.15;text-align:center;white-space:normal;overflow:visible}
  .pd-nav__i--cli .pd-nav__t{display:none}
  .pd-nav__i--cli .pd-nav__ts{display:block;font-size:10.5px;line-height:1.15;text-align:center}
  .pd-nav__i.is-on::before{left:-6px;top:12px;bottom:12px}
  .pd-nav__i .pd-cnt{position:absolute;top:3px;left:calc(50% + 4px);right:auto;min-width:16px;height:16px;padding:0 4px;line-height:16px;font-size:10px;border-radius:8px;background:var(--p-neu-bg);color:var(--p-ink-2)}
  .pd-nav__i .pd-cnt--bad{background:var(--p-bad-dot);color:#fff}
  .pd-search{width:44px;height:40px}
}
/* avisos: uno solo, por debajo de cualquier capa; en el móvil, abajo, sobre la barra de pestañas */
.pd-layer{z-index:50}
.pd-toasts--mob,.pd-toasts--area{position:absolute;top:auto;left:10px;right:10px;bottom:calc(62px + env(safe-area-inset-bottom) + 10px);flex-direction:column}
.pd-toasts--area{bottom:14px}
.pd-toast{grid-template-columns:22px minmax(0,1fr) 32px}
.pd-toast__x2{width:32px;height:32px}
.pd-toast--c{grid-template-columns:22px minmax(0,1fr) auto 32px;align-items:center;padding:8px 6px 8px 14px}
.pd-toast--c .pd-toast__acts{margin:0}
.pd-toast--c .pd-btn{background:var(--p-brand-ink);color:var(--p-brand-on);box-shadow:none}
/* hojas en el móvil: a lo ancho, nunca con el ancho del cajón de escritorio */
.pd-panel--sheet.pd-dr,.pd-panel--sheet.pd-dr--inv,.pd-panel--sheet.pd-dr--av,.pd-panel--sheet.pd-pop{width:auto;max-width:none}
.pd-panel--sheet .pd-dr__h{padding:6px 16px 12px}
.pd-panel--sheet .pd-dr__b{padding:14px 16px 16px}
.pd-panel--sheet .pd-dr__b--inv{padding:12px}
.pd-panel--sheet .pd-inv-sheet{aspect-ratio:auto;max-width:none;padding:18px 16px 16px;font-size:12px}
.pd-panel--sheet .pd-inv__meta{grid-template-columns:1fr 1fr;gap:10px 16px;margin:18px 0 14px}
.pd-panel--sheet .pd-inv__meta div:last-child{grid-column:1/-1}
.pd-panel--sheet .pd-inv__tot{width:100%}
.pd-panel--sheet .pd-dr__f{padding:10px 16px calc(12px + env(safe-area-inset-bottom))}
.pd-panel--sheet .pd-dr__f--wrap{grid-template-columns:1fr}
.pd-panel--sheet .pd-dr__f:not(.pd-dr__f--wrap){display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
.pd-panel--sheet .pd-dr__f .pd-btn{width:100%;min-width:0;white-space:normal;text-align:center}
.pd-panel--sheet .pd-dr__x{width:44px;height:44px;margin-right:-8px}
.pd-panel--sheet .pd-dr__top{min-height:44px;flex-wrap:wrap}
.pd-panel--sheet .pd-sw{grid-template-columns:repeat(4,44px);justify-content:space-between;gap:10px 0}
.pd-panel--sheet .pd-sw [role=radio]{width:44px;height:44px}
.pd-panel--sheet .pd-otro{min-height:44px}
.pd-panel--sheet .pd-otro input{width:32px;height:32px}
/* el móvil es una app de iOS: toques de 44 px y letra de 16 px en los campos */
.pd-app--mob .pd-btn,.pd-area .pd-btn,.pd-panel--sheet .pd-btn,.pd[data-mob="1"] .pd-toast .pd-btn{min-height:44px;height:auto;padding-inline:14px;font-size:14px;border-radius:10px}
.pd-app--mob .pd-btn--ico,.pd-area .pd-btn--ico{width:44px;padding:0}
.pd-app--mob .pd-btn--link,.pd-area .pd-btn--link,.pd-panel--sheet .pd-btn--link{min-height:44px;margin-block:-10px;padding-inline:0}
.pd[data-mob="1"] .pd-toast__x2{width:44px;height:44px;margin:-6px -4px -6px 0;border-radius:10px}
.pd[data-mob="1"] .pd-toast{grid-template-columns:22px minmax(0,1fr) 44px}
.pd[data-mob="1"] .pd-toast--c{grid-template-columns:22px minmax(0,1fr) auto 44px;padding:6px 4px 6px 14px}
.pd-app--mob input:where(:not([type=color])),.pd-app--mob select,.pd-app--mob textarea,.pd-area input:where(:not([type=color])),.pd-panel--sheet input:where(:not([type=color])),.pd-panel--sheet select,.pd-panel--sheet textarea{min-height:44px;font-size:16px;border-radius:10px}
.pd-app--mob textarea,.pd-panel--sheet textarea{min-height:88px}
.pd-app--mob .pd-sbox input{height:44px;padding-left:34px}
.pd-app--mob .pd-selw--sm select{height:44px}
.pd-app--mob .pd-avf{width:44px;height:44px}
.pd-app--mob .pd-avf .pd-av{width:30px;height:30px;font-size:11px}
.pd-app--mob .pd-tabsl [role=tab]{height:44px}
.pd-app--mob .pd-back{height:44px}
.pd-app--mob .pd-chips [role=radio],.pd-mseg [role=radio]{position:relative;isolation:isolate;height:44px;padding:0 14px;background:none;box-shadow:none}
.pd-app--mob .pd-chips [role=radio]::before,.pd-mseg [role=radio]::before{content:"";position:absolute;inset:5px 0;z-index:-1;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--p-line-2);transition:background-color .2s,box-shadow .2s}
.pd-app--mob .pd-chips [role=radio][aria-checked=true]{background:none;color:#fff}
.pd-app--mob .pd-chips [role=radio][aria-checked=true]::before{background:var(--p-ink);box-shadow:none}
.pd-mseg [role=radio][aria-checked=true]{background:none;box-shadow:none}
.pd-mseg [role=radio][aria-checked=true]::before{background:var(--p-brand-soft);box-shadow:inset 0 0 0 1.5px var(--p-brand)}
.pd-mseg{position:relative;gap:4px;margin-bottom:8px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent)}
.pd-app--mob .pd-tc__mv{position:relative;right:auto;bottom:auto;opacity:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;justify-self:end;width:auto;height:44px;margin:4px 0 -4px;padding:0 14px;border-radius:10px;background:rgba(16,20,24,.045);font-size:14px;font-weight:500;color:var(--p-ink)}
.pd-app--mob .pd-tc__mvi{display:none}
.pd-app--mob .pd-tc__mvt{display:inline}
.pd-app--mob .pd-tc__4{padding-right:0}
.pd-app--mob .pd-tc__4 .pd-av{position:static}
.pd-app--mob .pd-tc{padding:12px 14px}
.pd-app--mob .pd-tc__t{font-size:15px;display:block;-webkit-line-clamp:unset;overflow:visible}
.pd-app--mob .pd-tc__c{font-size:13.5px}
.pd-app--mob .pd-quick .pd-btn{height:44px}
.pd-app--mob .pd-tl{min-height:52px}
.pd-app--mob .pd-tl__c b{font-size:14.5px}
.pd-app--mob .pd-tl__c small{font-size:13px}
.pd-app--mob .pd-tl__h{font-size:13px}
.pd-app--mob .pd-sw2,.pd-panel--sheet .pd-sw2{min-height:44px;font-size:15px}
.pd-sw2 em{font-style:normal}
.pd-panel--sheet .pd-sw2 span{width:51px;height:31px;border-radius:16px;flex:none}
.pd-panel--sheet .pd-sw2 span::after{width:27px;height:27px;top:2px;left:2px}
.pd-panel--sheet .pd-sw2[aria-checked=true] span::after{transform:translateX(20px)}
.pd-panel--sheet .pd-recw{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:10px}
.pd-panel--sheet .pd-seg{display:flex;width:100%;padding:2px;border-radius:11px}
.pd-panel--sheet .pd-seg [role=radio]{flex:1;height:44px;font-size:14px;border-radius:9px}
.pd-panel--sheet .pd-form__b{display:grid;grid-template-columns:1fr 1fr}
.pd-panel--sheet .pd-f>span:first-child{font-size:13.5px}
.pd-panel--sheet .pd-mi{min-height:50px}
.pd-area .pd-chip{min-height:44px;padding:0 14px;font-size:14px}
.pd-area .pd-reply input{height:44px!important;border-radius:22px!important;font-size:16px}
.pd-area .pd-reply .pd-btn{width:44px;height:44px}
.pd-area .pd-acard__b .pd-btn{flex:1}
.pd-strip button{height:64px}
.pd-app--mob .pd-tabsl{gap:0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 16px),transparent)}
.pd-app--mob .pd-tabsl [role=tab]{padding:0 8px;font-size:13.5px}
.pd-panel--sheet .pd-otro input{width:44px;height:44px}
.pd-area .pd-reply .pd-btn{flex:none}
@container pdm (max-width:440px){
  .pd-kpis--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .pd-kpis--3 .pd-kpi{padding:11px 10px}
  .pd-kpis--3 .pd-kpi__v{font-size:18px}
  .pd-kpis--3 .pd-kpi__l,.pd-kpis--3 .pd-kpi__s{font-size:11.5px}
}.pd-panel--sheet .pd-recw>.pd-seg{width:100%;display:flex}
/* recorrido guiado en el móvil: consola a lo ancho, controles de 44 px arriba a la derecha, texto debajo */
.pd[data-mob="1"] .pd-tour__rail{padding:8px}
.pd[data-mob="1"] .pd-tour__dock{bottom:8px;border-radius:20px}
.pd[data-mob="1"] .pd-tour__segs{padding:12px 16px 0}
.pd[data-mob="1"] .pd-tour__fila{grid-template-areas:"meta ctl" "txt txt";column-gap:8px;padding:4px 6px 14px 16px}
.pd[data-mob="1"] .pd-tour__ctl{gap:0}
.pd[data-mob="1"] .pd-tour__meta em,.pd[data-mob="1"] .pd-tour__sep,.pd[data-mob="1"] .pd-tour__salir span{display:none}
.pd[data-mob="1"] .pd-tour__salir{width:44px;padding:0;justify-content:center;box-shadow:none}
.pd[data-mob="1"] .pd-tour__salir .pd-i{width:16px;height:16px;opacity:.9}
.pd[data-mob="1"] .pd-tour__b--pp{width:40px;height:40px;margin:0 2px}
.pd[data-mob="1"] .pd-tour__txt{min-height:68px;padding:2px 10px 0 0}
.pd[data-mob="1"] .pd-tour__txt h4{font-size:18px}
.pd[data-mob="1"] .pd-tour__txt p{font-size:13.5px;line-height:1.45}
.pd[data-mob="1"] .pd-tour__fin{padding:26px 20px 18px;border-radius:22px}
.pd[data-mob="1"] .pd-tour__fin h4{font-size:22px}
.pd[data-mob="1"].is-tour .pd-toasts--mob,.pd[data-mob="1"].is-tour .pd-toasts--area{bottom:var(--pd-res,194px)}
.pd[data-mob="1"].is-tour .pd-area__s{padding-bottom:calc(var(--pd-res,194px) + 20px)}
.pd[data-mob="1"].is-tour .pd-dr--inv .pd-dr__f{display:none}
.pd[data-mob="1"].is-tour .pd-panel--sheet{left:8px;right:8px;bottom:var(--pd-res,194px);max-height:calc(100% - var(--pd-res,194px) - 16px);border-radius:18px}

/* ── 22 · El móvil del visitante: barra en dos filas y aviso con margen ── */
@media (max-width:767px){
  .pd-bar{display:grid;grid-template-columns:minmax(0,1fr) 44px auto;grid-template-rows:48px 44px;gap:6px;height:auto;padding:6px;margin-bottom:10px;border-radius:16px}
  .pd-bar__l,.pd-bar__r{display:contents}
  .pd-bar .pd-seg--dark{grid-column:1/4;grid-row:1;display:flex;width:auto;height:48px;padding:2px;margin-right:100px;border-radius:12px}
  .pd-bar .pd-seg--dark [role=radio]{flex:1 1 50%;min-width:0;justify-content:center;height:44px;font-size:14px;border-radius:10px}
  .pd-bar .pd-tb--reset{grid-column:3;grid-row:1;justify-self:end;align-self:center;width:44px;height:44px}
  /* la entrada al recorrido ocupa media barra (antes compartía hueco con «Tu marca», que sube a la primera fila) */
  .pd-bar .pd-tb--tour{grid-column:1/3;grid-row:2;height:44px;justify-content:center;padding:0 14px 0 8px;min-width:0;font-size:14px}
  .pd-bar .pd-tb--tour .pd-tb__pl{width:26px;height:26px}
  .pd-bar .pd-tb--marca{grid-column:3;grid-row:1;justify-self:end;align-self:center;margin-right:50px;width:44px;height:44px;padding:0;justify-content:center}
  .pd-bar .pd-quiero{grid-column:3;grid-row:2;height:44px;padding:0 16px;font-size:14px}
  .pd-bar .pd-tb:not(.pd-tb--tour){background:rgba(255,255,255,.06)}
  .pd-bar .pd-switch{display:none}
  .pd-nota{padding:0 16px}
  .pd-stage{height:max(440px,min(760px,calc(100svh - var(--hdr-h,64px) - 20px)))}
}
@media (max-width:359px){
  .pd-bar .pd-tb--tour{padding:0 10px 0 6px;gap:7px;font-size:13.5px}
  .pd-bar .pd-tb--tour .pd-tb__pl{width:22px;height:22px}
  /* consola en pantallas muy estrechas: el paso y los cuatro controles; el tiempo se ve en los tramos */
  .pd-tour__meta i,.pd-tour__meta span{display:none}
  .pd-bar .pd-quiero{padding:0 12px}
}
/* poca altura (zoom al 200 %, móvil en horizontal): la demo crece en altura y la página se desplaza */
@media (max-height:520px){
  .pd-bar{position:relative;top:auto}
  .pd-stage{height:max(440px,calc(100svh - 24px))}
}

/* ── 23 · Acabado v12 ─────────────────────────────────────────────────── */
.pd-nw{white-space:nowrap}
.pd[data-input="pointer"] :focus:not(input):not(select):not(textarea){outline:none!important}
.pd[data-input="pointer"] .pd-mi:focus{box-shadow:none}
/* avisos del tablero: arriba, sobre la cabecera y los filtros, nunca encima de las tarjetas */
.pd-app[data-mod="trabajos"] .pd-toasts--win{top:8px;bottom:auto}
/* «Ver como»: lista de clientes, con el nombre entero */
.pd-vercomo{display:grid;gap:4px}
.pd-vercomo [role=radio]{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 10px;border-radius:10px;text-align:left;color:rgba(255,255,255,.8);font-size:13.5px;line-height:1.3;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:background-color .2s,color .2s}
.pd-vercomo [role=radio]:hover{background:rgba(255,255,255,.05);color:#fff}
.pd-vercomo [role=radio][aria-checked=true]{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.pd-vercomo .pd-cmono--sm{width:26px;height:26px;border-radius:7px;font-size:10px;background:rgba(255,255,255,.12);color:#fff}
.pd-ascli .pd-f>span:first-child{margin-bottom:6px}
.pd-stage[data-vista=cliente] .pd-aside{align-self:center;height:340px;display:flex;flex-direction:column;justify-content:flex-start}
@media (max-width:1023px){
  .pd-stage[data-vista=cliente],.pd-stage[data-vista=movil]{column-gap:20px}
  .pd-stage[data-vista=cliente] .pd-astxt{display:none}
  .pd-stage[data-vista=cliente] .pd-aside{max-width:200px}
  .pd-aslist li,.pd-asline{font-size:13.5px}
}
/* tarjeta: importe, persona y «Mover a…» en la misma fila */
.pd-app--mob .pd-tc__4{display:flex;align-items:center;gap:10px;margin-top:4px}
.pd-app--mob .pd-tc__4 .pd-tc__imp{flex:1}
.pd-app--mob .pd-tc__mv{margin:0}
@media (hover:none){
  .pd-app--desk .pd-tc__4{flex-wrap:wrap;row-gap:6px}
  .pd-app--desk .pd-tc__mv{flex:1 1 100%;margin-top:0}
}
/* facturas: filas a la misma altura */
.pd-t--f td{height:52px}
/* interruptor bloqueado */
.pd-sw2[aria-disabled=true]{opacity:.55;cursor:not-allowed}
.pd-partes li span{overflow-wrap:anywhere}
/* barra lateral plegada: un solo estilo de contador (burbuja) */
@container pdw (max-width:960px){
  .pd-app--desk{grid-template-columns:84px minmax(0,1fr)}
  .pd-nav__i,.pd-side__marca{width:72px;height:54px;padding:0 4px}
  .pd-nav__i .pd-cnt{top:4px;min-width:17px;height:17px;line-height:17px;border-radius:9px;background:#fff;color:var(--p-ink-2);box-shadow:0 0 0 1px var(--p-line-2)}
  .pd-nav__i .pd-cnt--bad{background:var(--p-bad-dot);color:#fff;box-shadow:none}
}

/* ── 20 · Movimiento reducido ────────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  .pd *,.pd *::before,.pd *::after{animation:none!important;transition:none!important}
  .pd-tc__ok path{stroke-dashoffset:0}
  .pd-skel i{opacity:.8}
  ::view-transition-group(pd-frame){animation:none}
}

/* v41 · móvil: con un aviso a la vista, el contenido deja sitio debajo para poder leerlo entero (ver3 I2) */
.pd-app--mob:has(.pd-toasts--mob .pd-toast) .pd-main{padding-bottom:96px}
/* v41 · escritorio: igual con los avisos de la ventana (ver5) */
.pd-app:has(.pd-toasts--win .pd-toast) .pd-main{padding-bottom:104px}

/* v41 · invitación al recorrido sin capa encima del panel (ver5 I1): el disco de «Míralo en 60 segundos»
   late tres veces (un halo que crece y se apaga: solo transform y opacity). */
.pd-tb--tour.is-invita .pd-tb__pl::after{animation:pd-invita 1.9s cubic-bezier(.2,.6,.3,1) 3}
@keyframes pd-invita{0%{transform:scale(1);opacity:.55}70%,100%{transform:scale(2.3);opacity:0}}
@media (prefers-reduced-motion:reduce){.pd-tb--tour.is-invita .pd-tb__pl::after{animation:none}}