/* TIVOX Horizon · Simulador de mantenimiento predictivo. Todo acotado bajo #tvx-pdm (se embebe en la web).
   Colores de la familia Sentinel PLUS. Tipografías: Archivo (títulos), Hanken Grotesk (texto), JetBrains Mono (datos). */
#tvx-pdm{
  --bg:#0D1215;--card:#131A1F;--card2:#18222A;--line:#25313A;--tx:#E9EEF0;--tx2:#A3B0B7;--tx3:#6F7E87;
  --cy:#3CC6E6;--ok:#2FB36B;--am:#F5B301;--rojo:#FF2D55;--az:#4F8DF7;
  position:relative;container-type:inline-size;background:var(--bg);color:var(--tx);border-radius:14px;overflow:hidden;overflow:clip;
  font-family:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:13px;line-height:1.38;
  -webkit-tap-highlight-color:transparent;border:1px solid var(--line);
  background-image:radial-gradient(1200px 500px at 70% -10%,rgba(60,198,230,.07),transparent 60%),radial-gradient(800px 400px at 0% 110%,rgba(47,179,107,.05),transparent 60%);
}
#tvx-pdm *{box-sizing:border-box}
#tvx-pdm button,#tvx-pdm select,#tvx-pdm input{font:inherit;color:inherit}
#tvx-pdm button{cursor:pointer}
#tvx-pdm [hidden]{display:none!important}
#tvx-pdm .pd-mono{font-family:'JetBrains Mono',ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}
#tvx-pdm .pd-verde{color:var(--ok)} #tvx-pdm .pd-rojo{color:var(--rojo)} #tvx-pdm .pd-gris{color:var(--tx3)}

/* Cabecera */
#tvx-pdm .pd-hd{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 14px;border-bottom:1px solid var(--line);background:rgba(10,15,18,.85)}
#tvx-pdm .pd-marca{display:flex;align-items:center;gap:10px;margin-right:auto;min-width:0}
#tvx-pdm .pd-marca svg{width:36px;height:36px;flex:none}
#tvx-pdm .pd-tit{display:block;font-family:'Archivo',system-ui,sans-serif;font-weight:800;font-size:19px;letter-spacing:.5px;line-height:1.05}
#tvx-pdm .pd-tit span{color:var(--cy);font-weight:600}
#tvx-pdm .pd-marca small{display:block;font-size:11px;color:var(--tx3);letter-spacing:1.2px;text-transform:uppercase}
#tvx-pdm .pd-tabs{display:flex;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:3px}
#tvx-pdm .pd-tabs button{background:transparent;border:0;border-radius:7px;padding:7px 13px;color:var(--tx2);font-weight:600;font-size:13px;min-height:34px}
#tvx-pdm .pd-tabs button.on{background:linear-gradient(180deg,#1F3540,#173039);color:#fff;box-shadow:inset 0 0 0 1px rgba(60,198,230,.5)}
#tvx-pdm .pd-tabs button:hover:not(.on){color:var(--tx)}
#tvx-pdm .pd-reloj{display:flex;align-items:baseline;gap:8px}
#tvx-pdm .pd-reloj span{font-size:12px;color:var(--tx2);text-transform:capitalize}
#tvx-pdm .pd-reloj b{font-size:22px;font-weight:600;color:#fff}
#tvx-pdm .pd-reloj i{font-style:normal;font-size:11px;color:var(--tx3)}
#tvx-pdm .pd-vel{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--card)}
#tvx-pdm .pd-vel button{background:transparent;border:0;padding:6px 10px;min-width:40px;min-height:34px;color:var(--tx2);font-size:12px;font-family:'JetBrains Mono',ui-monospace,monospace}
#tvx-pdm .pd-vel button+button{border-left:1px solid var(--line)}
#tvx-pdm .pd-vel button.on{background:var(--cy);color:#06222A;font-weight:700}
#tvx-pdm .pd-vel svg{width:13px;height:13px;display:block;margin:auto}
#tvx-pdm .pd-vel .pd-sem{font-family:'Hanken Grotesk',system-ui,sans-serif;white-space:nowrap}
#tvx-pdm .pd-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid var(--cy);color:var(--cy);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600;min-height:34px}
#tvx-pdm .pd-btn:hover{background:rgba(60,198,230,.1)}
#tvx-pdm .pd-btn svg{width:16px;height:16px}
#tvx-pdm .pd-btn-lleno{background:var(--cy);color:#06222A}
#tvx-pdm .pd-btn-lleno:hover{background:#6ED6EE}
#tvx-pdm .pd-btn-q{border-color:var(--line);color:var(--tx2)}

/* Aviso */
#tvx-pdm .pd-aviso{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:6px 14px;border-bottom:1px solid var(--line);font-size:12px;color:var(--tx3)}
#tvx-pdm .pd-chip-demo{background:rgba(245,179,1,.12);border:1px solid rgba(245,179,1,.45);color:var(--am);border-radius:999px;padding:2px 10px;font-weight:700;font-size:11px;letter-spacing:.3px}
#tvx-pdm .pd-planta{color:var(--tx2);font-weight:600;text-transform:uppercase;letter-spacing:1.5px;font-size:11px}
#tvx-pdm .pd-preset{display:flex;align-items:center;gap:6px}
#tvx-pdm select{background:var(--card2);border:1px solid var(--line);border-radius:7px;padding:4px 8px;color:var(--tx);min-height:30px;max-width:100%}
#tvx-pdm .pd-iso{margin-left:auto}

/* Tarjetas comunes */
#tvx-pdm .pd-main{padding:8px 10px;min-height:400px}
#tvx-pdm .pd-card{background:linear-gradient(180deg,rgba(24,34,42,.92),rgba(19,26,31,.95));border:1px solid var(--line);border-radius:12px;padding:8px 10px;min-width:0;position:relative;transition:box-shadow .3s,border-color .3s}
#tvx-pdm .pd-card::before{content:"";position:absolute;left:12px;right:12px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(60,198,230,.45),transparent)}
#tvx-pdm .pd-ct{display:flex;align-items:center;gap:8px;font-family:'Archivo',system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--tx2);margin-bottom:5px;min-width:0;line-height:1.25}
#tvx-pdm .pd-ct>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tvx-pdm .pd-ct em{font-style:normal;font-family:'Hanken Grotesk',system-ui,sans-serif;font-weight:500;letter-spacing:.3px;text-transform:none;color:var(--tx3);margin-left:auto;font-size:11px;white-space:nowrap}
#tvx-pdm .pd-et{display:block;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--tx3);font-weight:600}
#tvx-pdm .pd-nota{color:var(--tx3);font-size:11px;margin:3px 0 0;line-height:1.3}
#tvx-pdm .pd-cal .pd-nota{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#tvx-pdm .pd-foco{border-color:var(--cy);box-shadow:0 0 0 2px rgba(60,198,230,.35),0 0 28px rgba(60,198,230,.25)}
#tvx-pdm .pd-vacio{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--tx3);font-size:12px;border:1px dashed var(--line);border-radius:8px;padding:8px}

/* Selector de máquina */
#tvx-pdm .pd-maqsel{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:7px}
#tvx-pdm .pd-dets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#tvx-pdm .pd-dets .pd-detf+.pd-detf{margin-top:0}
#tvx-pdm .pd-maqsel button{display:flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:3px 12px;font-size:12px;color:var(--tx2);min-height:30px}
#tvx-pdm .pd-maqsel button.on{border-color:var(--cy);color:#fff;background:#15262E}
#tvx-pdm .pd-maqsel i{width:9px;height:9px;border-radius:50%;background:var(--ok);display:inline-block;box-shadow:0 0 8px currentColor}

/* Ficha de máquina: tres columnas */
#tvx-pdm .pd-ficha{display:grid;grid-template-columns:minmax(260px,300px) minmax(0,1fr) minmax(280px,330px);gap:8px;align-items:start}
#tvx-pdm .pd-col1,#tvx-pdm .pd-col2,#tvx-pdm .pd-col3{display:flex;flex-direction:column;gap:8px;min-width:0}
#tvx-pdm .pd-dib{padding-bottom:6px}
#tvx-pdm .pd-dibujo{height:200px;margin:-4px -8px 0}
#tvx-pdm .pd-clase{font-size:11px;color:var(--tx3);text-align:right;margin-top:-2px}
#tvx-pdm .pd-dibujo svg{width:100%;height:100%;display:block}
#tvx-pdm .pd-salud{position:absolute;left:10px;bottom:20px;display:flex;align-items:center;gap:8px;background:rgba(12,18,22,.78);border:1px solid rgba(37,49,58,.9);border-radius:10px;padding:4px 10px 4px 4px;backdrop-filter:blur(3px)}
#tvx-pdm .pd-salud>div{display:flex;flex-direction:column;gap:1px}
#tvx-pdm .pd-anillo-s{width:46px;height:46px;flex:none}
#tvx-pdm .pd-anillo-s text{font-family:'JetBrains Mono',monospace;font-size:17px;font-weight:700;fill:#fff}
#tvx-pdm .pd-zona,#tvx-pdm .pd-fz{display:inline-block;width:max-content;border:1px solid var(--zc);color:var(--zc);border-radius:6px;padding:0 7px;font-size:11px;font-weight:700;margin-top:2px;background:color-mix(in srgb,var(--zc) 12%,transparent)}
#tvx-pdm .pd-ar line{stroke:rgba(60,198,230,.75);stroke-width:1.6}
#tvx-pdm .pd-ar rect{fill:rgba(9,16,20,.9);stroke:rgba(60,198,230,.65);stroke-width:1.6}
#tvx-pdm .pd-ar-l{font-family:'Hanken Grotesk',sans-serif;font-size:15px;fill:#A3B0B7;font-weight:600}
#tvx-pdm .pd-pm circle{fill:rgba(9,16,20,.9);stroke:#3CC6E6;stroke-width:1.6}
#tvx-pdm .pd-pm text{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;fill:#E9EEF0}
#tvx-pdm .pd-ar-v{font-family:'JetBrains Mono',monospace;font-size:18px;fill:#E9EEF0;font-weight:600}
#tvx-pdm .pd-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px}
#tvx-pdm .pd-kpi{background:rgba(13,18,21,.6);border:1px solid rgba(37,49,58,.7);border-radius:8px;padding:5px 7px;min-width:0}
#tvx-pdm .pd-kpi .pd-et{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px;font-size:10px}
#tvx-pdm .pd-kpi b{display:block;font-size:16px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tvx-pdm .pd-kpi small{color:var(--tx3);font-size:10.5px}
#tvx-pdm .pd-ctx-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 8px}
#tvx-pdm .pd-ctx-g .pd-v{display:block;font-size:12.5px;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tvx-pdm .pd-modo{border-radius:5px;padding:0 6px;font-weight:700}
#tvx-pdm .pd-modo.m0{background:rgba(60,198,230,.15);color:var(--cy)}
#tvx-pdm .pd-modo.m1{background:rgba(79,141,247,.16);color:#9CC2FF}
#tvx-pdm .pd-modo.m2{background:rgba(245,179,1,.16);color:var(--am)}
#tvx-pdm .pd-qbars{position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:3px;height:58px;align-items:end;padding-bottom:14px}
#tvx-pdm .pd-qb{position:relative;height:100%;display:flex;align-items:flex-end}
#tvx-pdm .pd-qb i{display:block;width:100%;background:linear-gradient(180deg,#3CC6E6,#2A8FA8);border-radius:2px 2px 0 0;min-height:2px}
#tvx-pdm .pd-qb.malo i{background:linear-gradient(180deg,#FF2D55,#B31E3D);box-shadow:0 0 10px rgba(255,45,85,.5)}
#tvx-pdm .pd-qb span{position:absolute;bottom:-14px;left:0;right:0;text-align:center;font-size:9.5px;color:var(--tx3);font-family:'JetBrains Mono',monospace}
#tvx-pdm .pd-qmed{position:absolute;left:0;right:0;bottom:calc(14px + var(--medpx));border-top:1px dashed rgba(233,238,240,.5)}
#tvx-pdm .pd-mp{display:flex;align-items:baseline;gap:6px}
#tvx-pdm .pd-mp b{font-size:24px}
#tvx-pdm .pd-mp small{color:var(--tx3)}
#tvx-pdm .pd-mp span{margin-left:auto;color:var(--tx2);font-size:12px}
#tvx-pdm .pd-chispa{display:block;width:100%;height:34px;margin-top:4px}

/* Gráficas: aspecto de instrumento */
#tvx-pdm .pd-graf{position:relative;width:100%;overflow:hidden}
#tvx-pdm .pd-graf svg{display:block}
#tvx-pdm .pd-g-tend{height:188px}
#tvx-pdm .pd-g4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#tvx-pdm .pd-g-esp{height:114px;touch-action:pan-y}
#tvx-pdm .pd-g-rul{height:92px}
#tvx-pdm .pd-rej{stroke:#1F2A32;stroke-width:1}
#tvx-pdm .pd-marco{fill:none;stroke:#2E3C46;stroke-width:1}
#tvx-pdm .pd-ej{font-family:'JetBrains Mono',monospace;font-size:9.5px;fill:#6F7E87}
#tvx-pdm .pd-u{fill:#8794A0}
#tvx-pdm .pd-zt{font-family:'Archivo',sans-serif;font-size:11px;font-weight:800;opacity:.85}
#tvx-pdm .pd-esp{fill:none;stroke:#3CC6E6;stroke-width:1.15;stroke-linejoin:round}
#tvx-pdm .pd-onda{fill:rgba(60,198,230,.55);stroke:#3CC6E6;stroke-width:.6}
#tvx-pdm .pd-serie{fill:none;stroke:#E9EEF0;stroke-width:1.5;stroke-linejoin:round}
#tvx-pdm .pd-banda{fill:rgba(60,198,230,.16);stroke:rgba(60,198,230,.35);stroke-width:.6}
#tvx-pdm .pd-esper{fill:none;stroke:rgba(60,198,230,.75);stroke-width:1;stroke-dasharray:3 3}
#tvx-pdm .pd-umbral{stroke:#FF2D55;stroke-width:1.2;stroke-dasharray:6 4;opacity:.9}
#tvx-pdm .pd-umbral-t{font-size:9.5px;fill:#FF8099;font-weight:600}
#tvx-pdm .pd-cambio{stroke:rgba(245,179,1,.55);stroke-width:1;stroke-dasharray:2 3}
#tvx-pdm .pd-fr{fill:#2A3540}
#tvx-pdm .pd-fr.m0{fill:#2E8FA6} #tvx-pdm .pd-fr.m1{fill:#3E66B0} #tvx-pdm .pd-fr.m2{fill:#C99205} #tvx-pdm .pd-fr.m9{fill:#FF2D55}
#tvx-pdm .pd-fr.m-1{fill:#1C252C}
#tvx-pdm .pd-lane{fill:#161F25;stroke:#222D35}
#tvx-pdm .pd-lane-t{font-size:9px;fill:#8794A0;font-weight:600}
#tvx-pdm .pd-al{fill:#F5B301}
#tvx-pdm .pd-al.falsa{fill:#FF2D55}
#tvx-pdm .pd-ley text{font-size:9.5px;fill:#A3B0B7}
#tvx-pdm .pd-cur{stroke:rgba(163,176,183,.4);stroke-width:1;stroke-dasharray:2 3}
#tvx-pdm .pd-cur.hl{stroke:#F5B301;stroke-dasharray:none;stroke-width:1.2}
#tvx-pdm .pd-cur-t{font-family:'JetBrains Mono',monospace;font-size:8.5px;fill:#A3B0B7}
#tvx-pdm .pd-cur-t.hl{fill:#F5B301;font-weight:700}
#tvx-pdm .pd-hover{stroke:rgba(233,238,240,.6);stroke-width:1}
#tvx-pdm .pd-tip{position:absolute;top:2px;background:rgba(9,14,17,.92);border:1px solid var(--line);border-radius:6px;padding:2px 7px;font-size:11px;font-family:'JetBrains Mono',monospace;pointer-events:none;white-space:nowrap;color:var(--tx2)}
#tvx-pdm .pd-tip b{color:#fff}
#tvx-pdm .pd-chips{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto;text-transform:none;letter-spacing:0}
#tvx-pdm .pd-chips button{background:transparent;border:1px solid var(--line);border-radius:999px;padding:2px 9px;font-size:11px;color:var(--tx2);font-family:'Hanken Grotesk',sans-serif;font-weight:600;min-height:24px}
#tvx-pdm .pd-chips button.on{border-color:var(--cy);color:var(--cy);background:rgba(60,198,230,.08)}
#tvx-pdm .pd-b80{fill:rgba(245,179,1,.28)} #tvx-pdm .pd-b95{fill:rgba(245,179,1,.12)}
#tvx-pdm .pd-ajuste{fill:none;stroke:#F5B301;stroke-width:1.4}
#tvx-pdm .pd-pto{fill:#E9EEF0;opacity:.8}
#tvx-pdm .pd-hoy{stroke:#3CC6E6;stroke-width:1;stroke-dasharray:3 3}

/* Columna de la IA */
#tvx-pdm .pd-detf{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:8px;align-items:center;padding:5px 8px;border-radius:9px;background:rgba(13,18,21,.55);border:1px solid rgba(37,49,58,.8)}
#tvx-pdm .pd-detf+.pd-detf{margin-top:6px}
#tvx-pdm .pd-detf b{display:block;font-size:12.5px}
#tvx-pdm .pd-detf small{display:block;color:var(--tx3);font-size:10.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tvx-pdm .pd-lamp{width:12px;height:12px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(47,179,107,.18),0 0 12px rgba(47,179,107,.6)}
#tvx-pdm .pd-detf.on .pd-lamp{background:var(--am);box-shadow:0 0 0 3px rgba(245,179,1,.2),0 0 14px rgba(245,179,1,.7)}
#tvx-pdm .pd-detf.falsa{border-color:rgba(255,45,85,.6);background:rgba(255,45,85,.07)}
#tvx-pdm .pd-detf.falsa .pd-lamp{background:var(--rojo);box-shadow:0 0 0 3px rgba(255,45,85,.2),0 0 14px rgba(255,45,85,.7)}
@media (prefers-reduced-motion:no-preference){#tvx-pdm .pd-detf.on .pd-lamp{animation:pdLuz 1.2s ease-in-out infinite}}
@keyframes pdLuz{50%{opacity:.35}}
#tvx-pdm .pd-detst{display:inline-block;margin-top:1px;font-size:11px;font-weight:700;color:var(--ok)}
#tvx-pdm .pd-detf.on .pd-detst{color:var(--am)} #tvx-pdm .pd-detf.falsa .pd-detst{color:#FF8099}
#tvx-pdm .pd-detn{text-align:right}
#tvx-pdm .pd-detn b{font-size:18px;display:block;line-height:1.1}
#tvx-pdm .pd-detn small{display:block;font-size:9.5px;color:var(--tx3)}
#tvx-pdm .pd-detn em{font-style:normal;font-size:10.5px;color:#FF8099}
#tvx-pdm .pd-ok{display:flex;gap:8px;align-items:flex-start}
#tvx-pdm .pd-ok svg{width:22px;height:22px;flex:none}
#tvx-pdm .pd-ok p{margin:0;color:var(--tx2);font-size:12px}
#tvx-pdm .pd-dg-t{display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px;margin-bottom:5px}
#tvx-pdm .pd-dg-t b{font-family:'Archivo',sans-serif;font-size:15px;font-weight:700;color:#fff;width:100%}
#tvx-pdm .pd-conf{flex:1;height:6px;border-radius:3px;background:#22303A;overflow:hidden;min-width:60px}
#tvx-pdm .pd-conf i{display:block;height:100%;background:linear-gradient(90deg,#2FB36B,#3CC6E6)}
#tvx-pdm .pd-conf-t{font-size:11px;color:var(--tx2);font-family:'JetBrains Mono',monospace;white-space:nowrap}
#tvx-pdm .pd-dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;margin:0;font-size:11px;line-height:1.32}
#tvx-pdm .pd-dl dt{color:var(--tx3);font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;padding-top:1px}
#tvx-pdm .pd-dl dd{margin:0;color:var(--tx)}
#tvx-pdm .pd-dl dd.pd-mono{font-size:10.5px;color:#BFE9F4}
#tvx-pdm .pd-rul{margin:4px 0 0;font-size:12px;color:var(--tx2)}
#tvx-pdm .pd-rul b{font-size:20px;color:var(--am)}
#tvx-pdm .pd-rul small{color:var(--tx3)}
#tvx-pdm .pd-plan{margin:2px 0 4px;font-weight:700;color:#fff;font-size:12.5px}
#tvx-pdm .pd-pf{display:flex;flex-wrap:wrap;align-items:center;gap:3px 4px;margin-top:4px}
#tvx-pdm .pd-pf .pd-et{width:100%}
#tvx-pdm .pd-pfc{display:inline-flex;gap:4px;align-items:baseline;background:rgba(60,198,230,.08);border:1px solid rgba(60,198,230,.3);border-radius:6px;padding:1px 6px;font-size:10.5px;color:var(--tx2);font-family:'JetBrains Mono',monospace}
#tvx-pdm .pd-pfc b{font-family:'Hanken Grotesk',sans-serif;color:var(--tx);font-weight:600}
#tvx-pdm .pd-pf i{color:var(--tx3);font-style:normal}
#tvx-pdm .pd-ot-cab{display:flex;align-items:center;gap:8px;margin-bottom:4px}
#tvx-pdm .pd-ot-cab b{font-family:'Archivo',sans-serif;font-size:13.5px;flex:1;min-width:0}
#tvx-pdm .pd-pr{border-radius:5px;padding:1px 7px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
#tvx-pdm .pd-pr.alta{background:rgba(255,45,85,.16);color:#FF8099;border:1px solid rgba(255,45,85,.5)}
#tvx-pdm .pd-pr.media{background:rgba(245,179,1,.14);color:var(--am);border:1px solid rgba(245,179,1,.45)}
#tvx-pdm .pd-pr.baja{background:rgba(47,179,107,.14);color:var(--ok);border:1px solid rgba(47,179,107,.45)}
#tvx-pdm .pd-ev{margin-top:4px}
#tvx-pdm .pd-ot .pd-ev li{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#tvx-pdm .pd-ev ol{margin:2px 0 0;padding-left:18px;font-size:11.5px;color:var(--tx)}
#tvx-pdm .pd-ev li{margin:2px 0}
#tvx-pdm .pd-ev em{font-style:normal;color:var(--cy);font-size:10.5px}
#tvx-pdm .pd-seg{margin:8px 0 0;font-size:11.5px;color:var(--tx2);background:rgba(245,179,1,.07);border-left:3px solid var(--am);padding:5px 8px;border-radius:0 6px 6px 0}
#tvx-pdm .pd-seg b{color:var(--am)}
#tvx-pdm .pd-3b{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:7px}
#tvx-pdm .pd-3b button{border-radius:8px;padding:7px 6px;font-weight:700;font-size:12.5px;min-height:36px;white-space:nowrap}
#tvx-pdm .pd-b-ok{background:#2FB36B;border:1px solid #2FB36B;color:#04170C}
#tvx-pdm .pd-b-ok:hover{background:#3FCB7F}
#tvx-pdm .pd-b-no{background:#FF2D55;border:1px solid #FF2D55;color:#fff}
#tvx-pdm .pd-b-no:hover{background:#FF5373}
#tvx-pdm .pd-b-mod{background:transparent;border:1.5px solid var(--az);color:#9CC2FF}
#tvx-pdm .pd-b-mod:hover{background:rgba(79,141,247,.12)}
#tvx-pdm .pd-link{background:none;border:0;color:var(--cy);font-size:12px;padding:6px 0 0;text-decoration:underline;text-underline-offset:3px}
#tvx-pdm .pd-est{margin:8px 0 6px;font-weight:700;font-size:12.5px}
#tvx-pdm .pd-est.ok{color:var(--ok)} #tvx-pdm .pd-est.no{color:#FF8099}
#tvx-pdm .pd-ed{background:rgba(79,141,247,.12);border-bottom:1px dashed var(--az);outline:none;padding:0 2px}
#tvx-pdm .pd-motivo{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-end;margin-top:8px}
#tvx-pdm .pd-motivo label{flex:1;min-width:160px;font-size:11px;color:var(--tx2)}
#tvx-pdm .pd-motivo input{display:block;width:100%;background:var(--card2);border:1px solid var(--line);border-radius:7px;padding:6px 8px;margin-top:2px;min-height:34px}
#tvx-pdm .pd-motivo button{border-radius:8px;padding:7px 10px;font-weight:700;min-height:36px}

/* Vista de planta */
#tvx-pdm .pd-flota{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:10px;align-items:start}
#tvx-pdm .pd-mapa-svg svg{display:block;width:100%;height:auto;max-height:560px}
#tvx-pdm .pd-maq{cursor:pointer}
#tvx-pdm .pd-maq:hover{filter:brightness(1.12)}
#tvx-pdm .pd-anillo{transition:stroke .4s,fill .4s}
@media (prefers-reduced-motion:no-preference){#tvx-pdm .pd-pulso{animation:pdPulso 1.4s ease-in-out infinite}}
@keyframes pdPulso{50%{stroke-opacity:.15;fill-opacity:.02}}
#tvx-pdm .pd-tagp{cursor:pointer}
#tvx-pdm .pd-tagp line{stroke:rgba(60,198,230,.6);stroke-width:1.4}
#tvx-pdm .pd-tagp rect{fill:rgba(9,16,20,.9);stroke:rgba(60,198,230,.55);stroke-width:1.4}
#tvx-pdm .pd-tp-n{font-family:'Archivo',sans-serif;font-size:15px;font-weight:700;fill:#E9EEF0}
#tvx-pdm .pd-tp-v{font-family:'JetBrains Mono',monospace;font-size:12px;fill:#A3B0B7}
#tvx-pdm .pd-leyenda{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--tx2);padding:4px 4px 0}
#tvx-pdm .pd-leyenda span{display:inline-flex;align-items:center;gap:6px}
#tvx-pdm .pd-leyenda i{width:12px;height:12px;border-radius:3px;display:inline-block}
#tvx-pdm .pd-leyenda i.pd-ia{border:2px dashed var(--am);background:transparent}
#tvx-pdm .pd-flota-der{display:flex;flex-direction:column;gap:10px;min-width:0}
#tvx-pdm .pd-res-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#tvx-pdm .pd-res-g .pd-kpi b{font-size:22px}
#tvx-pdm .pd-res-g .pd-kpi .pd-et{white-space:normal}
#tvx-pdm .pd-g-hi{height:118px}
#tvx-pdm .pd-ct-hi{margin-top:8px}
#tvx-pdm .pd-bc{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:center;margin:6px 0}
#tvx-pdm .pd-bc>span{font-size:12px;color:var(--tx2);grid-column:1/3}
#tvx-pdm .pd-bc-b{display:flex;height:10px;border-radius:3px;background:#1B252C;overflow:hidden}
#tvx-pdm .pd-bc-b .r{background:var(--am)} #tvx-pdm .pd-bc-b .f{background:var(--rojo)}
#tvx-pdm .pd-bc b{font-size:15px;text-align:right}
#tvx-pdm .pd-bc small{grid-column:1/3;color:#FF8099;font-size:11px}
#tvx-pdm .pd-filas{display:flex;flex-direction:column;gap:4px}
#tvx-pdm .pd-fila{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto auto;gap:8px;align-items:center;text-align:left;background:rgba(13,18,21,.5);border:1px solid rgba(37,49,58,.8);border-radius:8px;padding:6px 8px;min-height:40px}
#tvx-pdm .pd-fila:hover{border-color:var(--cy)}
#tvx-pdm .pd-fila>i{width:10px;height:10px;border-radius:50%}
#tvx-pdm .pd-fn{min-width:0}
#tvx-pdm .pd-fn b{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tvx-pdm .pd-fn small{display:block;font-size:10.5px;color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tvx-pdm .pd-fn em{font-style:normal;color:var(--am)}
#tvx-pdm .pd-fz{margin:0}
#tvx-pdm .pd-fh{font-size:12px;width:44px;text-align:right}
#tvx-pdm .pd-fr2{font-size:11.5px;color:var(--tx2);min-width:62px;text-align:right}
#tvx-pdm .pd-fr2 small{color:var(--tx3)}

/* Dibujo vivo */
#tvx-pdm .pd-led{filter:drop-shadow(0 0 2px #3CC6E6)}
@media (prefers-reduced-motion:no-preference){
  #tvx-pdm .pd-led{animation:pdLed 2.2s ease-in-out infinite}
  #tvx-pdm .pd-giro{animation:pdGiro .5s linear infinite}
  #tvx-pdm .pd-quieto .pd-giro{animation:none}
  #tvx-pdm .pd-vibra{animation:pdVibra .09s linear infinite}
}
@keyframes pdLed{0%,70%,100%{opacity:1}80%{opacity:.15}}
@keyframes pdGiro{to{stroke-dashoffset:-16}}
@keyframes pdVibra{25%{transform:translate(.6px,-.4px)}75%{transform:translate(-.6px,.4px)}}

/* Panel del instructor (dentro del contenedor) */
#tvx-pdm .pd-instr{position:absolute;top:0;right:0;bottom:0;width:330px;max-width:100%;z-index:6;background:rgba(15,22,27,.97);border-left:1px solid var(--line);box-shadow:-20px 0 40px rgba(0,0,0,.45);padding:12px 14px;overflow:auto;display:flex;flex-direction:column;gap:8px}
#tvx-pdm .pd-instr label{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--tx2)}
#tvx-pdm .pd-instr label b{color:var(--cy);font-family:'JetBrains Mono',monospace}
#tvx-pdm .pd-instr input[type=range]{width:100%;accent-color:#3CC6E6}
#tvx-pdm .pd-ib{display:flex;flex-wrap:wrap;gap:6px}
#tvx-pdm .pd-semilla{display:flex;gap:6px}
#tvx-pdm .pd-semilla input{width:90px;background:var(--card2);border:1px solid var(--line);border-radius:7px;padding:5px 8px}
#tvx-pdm .pd-x{margin-left:auto;background:transparent;border:1px solid var(--line);border-radius:7px;width:32px;height:32px;color:var(--tx2)}
#tvx-pdm .pd-verdad{border-top:1px solid var(--line);padding-top:8px}
#tvx-pdm .pd-verdad ul{margin:4px 0 0;padding-left:16px;font-size:12px}

/* Ventana modal dentro del contenedor */
#tvx-pdm .pd-capa{position:absolute;inset:0;z-index:8;background:rgba(5,8,10,.66);backdrop-filter:blur(2px);padding:0 14px;overflow:auto}
#tvx-pdm .pd-vent{background:#131A1F;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:24px auto;box-shadow:0 30px 60px rgba(0,0,0,.5)}

/* Guía de la demo: barra pegada abajo dentro del contenedor */
#tvx-pdm .pd-guia{position:sticky;bottom:0;z-index:7;padding:0 10px 10px}
#tvx-pdm .pd-guia-in{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;background:rgba(12,20,25,.96);border:1px solid var(--cy);border-radius:12px;padding:10px 14px 14px;box-shadow:0 10px 40px rgba(0,0,0,.5),0 0 30px rgba(60,198,230,.18)}
#tvx-pdm .pd-guia-n{color:var(--cy);font-weight:700}
#tvx-pdm .pd-guia-in p{margin:0;flex:1;min-width:220px;font-size:14px;color:#fff}
#tvx-pdm .pd-guia-b{display:flex;gap:6px}
#tvx-pdm .pd-guia-p{position:absolute;left:14px;right:14px;bottom:6px;height:3px;border-radius:2px;background:#22303A;overflow:hidden}
#tvx-pdm .pd-guia-p b{display:block;height:100%;width:0;background:var(--cy)}

/* Reto */
#tvx-pdm .pd-reto-q{margin:8px 0 6px;font-size:13px}
#tvx-pdm .pd-opc{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#tvx-pdm .pd-opc button{background:var(--card2);border:1px solid var(--line);border-radius:8px;padding:8px;font-size:12px;text-align:left;min-height:40px}
#tvx-pdm .pd-opc button:hover:not([disabled]){border-color:var(--cy)}
#tvx-pdm .pd-opc button.ok{border-color:var(--ok);background:rgba(47,179,107,.15);color:#fff}
#tvx-pdm .pd-opc button.no{border-color:var(--rojo);background:rgba(255,45,85,.12)}
#tvx-pdm .pd-opc button[disabled]{cursor:default}
#tvx-pdm .pd-reto-r{margin:10px 0 8px;padding:8px 10px;border-radius:8px;font-size:12px}
#tvx-pdm .pd-reto-r.ok{background:rgba(47,179,107,.1);border:1px solid rgba(47,179,107,.45)}
#tvx-pdm .pd-reto-r.no{background:rgba(255,45,85,.08);border:1px solid rgba(255,45,85,.4)}
#tvx-pdm .pd-reto-r p{margin:4px 0 0;color:var(--tx2)}
#tvx-pdm .pd-tema .pd-et{display:inline}
#tvx-pdm .pd-aviso-reto{margin:10px 0 0;font-size:11px;color:var(--tx3);border-top:1px solid var(--line);padding-top:6px}

/* Pie */
#tvx-pdm .pd-pie{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:6px 14px 9px;font-size:11px;color:var(--tx3);border-top:1px solid var(--line)}


/* Ordenador: el simulador ocupa una pantalla; las gráficas se estiran y las columnas laterales se desplazan por dentro si no caben */
#tvx-pdm.pd-esc{height:min(880px,calc(100vh - 34px - var(--pd-arriba,0px)));min-height:640px;display:flex;flex-direction:column}
@supports (height:100dvh){#tvx-pdm.pd-esc{height:min(880px,calc(100dvh - 34px - var(--pd-arriba,0px)))}}
#tvx-pdm.pd-esc .pd-main{flex:1;min-height:0;display:flex;flex-direction:column}
#tvx-pdm.pd-esc .pd-ficha{flex:1;min-height:0;align-items:stretch}
#tvx-pdm.pd-esc .pd-col1,#tvx-pdm.pd-esc .pd-col3{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2E3C46 transparent;padding-right:2px}
#tvx-pdm.pd-esc .pd-col2{min-height:0}
#tvx-pdm.pd-esc .pd-dib{flex:1 1 auto;min-height:190px;display:flex;flex-direction:column}
#tvx-pdm.pd-esc .pd-dibujo{flex:1;height:auto;min-height:120px}
#tvx-pdm.pd-esc .pd-col1>.pd-card:not(.pd-dib),#tvx-pdm.pd-esc .pd-col3>.pd-card{flex:none}
#tvx-pdm.pd-esc .pd-det{flex:none}
#tvx-pdm.pd-esc .pd-diag dd:first-of-type{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#tvx-pdm.pd-esc .pd-tend{flex:1.1 1 0;min-height:0;display:flex;flex-direction:column}
#tvx-pdm.pd-esc .pd-g-tend{flex:1;height:auto;min-height:140px}
#tvx-pdm.pd-esc .pd-g4{flex:1.5 1 0;min-height:0;grid-template-rows:repeat(2,minmax(0,1fr))}
#tvx-pdm.pd-esc .pd-g4>.pd-card{display:flex;flex-direction:column;min-height:0}
#tvx-pdm.pd-esc .pd-g-esp{flex:1;height:auto;min-height:70px}
#tvx-pdm.pd-esc .pd-flota{flex:1;min-height:0;align-items:stretch}
#tvx-pdm.pd-esc .pd-mapa{display:flex;flex-direction:column;min-height:0}
#tvx-pdm.pd-esc .pd-mapa .pd-desliza{flex:1;min-height:0;display:flex;align-items:center}
#tvx-pdm.pd-esc .pd-mapa-svg{width:100%;height:100%}
#tvx-pdm.pd-esc .pd-mapa-svg svg{height:100%;max-height:none}
#tvx-pdm.pd-esc .pd-flota-der{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2E3C46 transparent}

/* Anchos intermedios: la columna de la IA baja */
@container (max-width:1180px){
  #tvx-pdm .pd-ficha{grid-template-columns:minmax(0,236px) minmax(0,1fr) minmax(0,262px);gap:8px}
  #tvx-pdm .pd-main{padding:8px}
  #tvx-pdm .pd-iso{display:none}
  #tvx-pdm .pd-g4{gap:8px}
  #tvx-pdm .pd-col1,#tvx-pdm .pd-col2,#tvx-pdm .pd-col3{gap:8px}
  #tvx-pdm .pd-dibujo{height:170px}
  #tvx-pdm .pd-hd{gap:6px 10px}
  #tvx-pdm .pd-marca small{display:none}
  #tvx-pdm .pd-tabs button{padding:7px 9px}
}
@container (max-width:940px){
  #tvx-pdm .pd-ficha{grid-template-columns:minmax(240px,280px) minmax(0,1fr)}
  #tvx-pdm .pd-col3{grid-column:1/3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container (max-width:900px){
  #tvx-pdm .pd-flota{grid-template-columns:minmax(0,1fr)}
  #tvx-pdm .pd-flota-der{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  #tvx-pdm .pd-flota-der .pd-lista{grid-column:1/3}
}
@container (max-width:760px){
  #tvx-pdm .pd-dets{grid-template-columns:minmax(0,1fr)}
  #tvx-pdm .pd-ct{flex-wrap:wrap}
  #tvx-pdm .pd-ct>span:first-child{white-space:normal}
  #tvx-pdm .pd-ct em{white-space:normal}
  #tvx-pdm .pd-tend .pd-chips{margin-left:0}
  #tvx-pdm{font-size:13.5px;border-radius:0;border-left:0;border-right:0}
  #tvx-pdm .pd-hd{padding:10px 12px}
  #tvx-pdm .pd-tabs{order:5;width:100%}
  #tvx-pdm .pd-tabs button{flex:1;padding:7px 4px;font-size:12.5px}
  #tvx-pdm .pd-vel{order:6}
  #tvx-pdm .pd-btn-instr{order:7}
  #tvx-pdm .pd-reloj{order:2}
  #tvx-pdm .pd-main{padding:8px}
  #tvx-pdm .pd-ficha{grid-template-columns:minmax(0,1fr)}
  #tvx-pdm .pd-col3{grid-column:auto;display:flex}
  #tvx-pdm .pd-g4{grid-template-columns:minmax(0,1fr)}
  #tvx-pdm .pd-g-esp{height:160px}
  #tvx-pdm .pd-dibujo{height:210px}
  #tvx-pdm .pd-flota-der{display:flex}
  #tvx-pdm .pd-desliza{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px}
  #tvx-pdm .pd-v-planta .pd-mapa-svg{min-width:640px}
  #tvx-pdm .pd-maqsel{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}
  #tvx-pdm .pd-maqsel button{flex:none}
  #tvx-pdm .pd-guia-in p{font-size:13px;min-width:0;width:100%}
  #tvx-pdm .pd-instr{width:100%}
}
@container (max-width:420px){
  #tvx-pdm .pd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  #tvx-pdm .pd-ctx-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  #tvx-pdm .pd-marca small{display:none}
  #tvx-pdm .pd-reloj b{font-size:19px}
  #tvx-pdm .pd-vel button{padding:6px 7px;min-width:36px}
  #tvx-pdm .pd-opc{grid-template-columns:1fr}
  #tvx-pdm .pd-fila{grid-template-columns:10px minmax(0,1fr) auto auto}
  #tvx-pdm .pd-fr2{display:none}
}

/* Logo de TIVOX dentro del texto (norma: donde pone TIVOX, va el logo) */
#tvx-pdm .pd-logo-in{display:inline-block;height:.78em;width:auto;vertical-align:baseline;margin:0 .05em}
#tvx-pdm .pd-tit .pd-logo-in{height:.8em;margin-right:.08em}

/* ═══ Rediseño 26/10/2026: vista sencilla, asistente inicial y demo guiada al ritmo del usuario ═══ */
/* Qué se ve en cada modo: .solo-det solo en «detalles técnicos», .solo-sen solo en la vista sencilla */
#tvx-pdm.pd-sencillo .solo-det{display:none!important}
#tvx-pdm:not(.pd-sencillo) .solo-sen{display:none!important}
#tvx-pdm.pd-asistiendo .pd-hd>:not(.pd-marca){display:none!important}
#tvx-pdm.pd-asistiendo .pd-aviso{display:none}
#tvx-pdm .pd-btn svg{width:15px;height:15px;flex:none}
#tvx-pdm .pd-b-demo{min-height:38px;padding:8px 14px}
#tvx-pdm .pd-b-det{border-color:var(--line);color:var(--tx);margin-left:auto;min-height:30px;padding:4px 12px;font-size:12.5px}
#tvx-pdm .pd-b-det:hover,#tvx-pdm .pd-b-asist:hover{border-color:var(--cy)}
#tvx-pdm.pd-sencillo .pd-planta{text-transform:none;letter-spacing:.2px;font-size:12.5px}
#tvx-pdm.pd-sencillo .pd-comp,#tvx-pdm.pd-sencillo .pd-g-hi,#tvx-pdm.pd-sencillo .pd-ct-hi{display:none}

/* Botón «?» con la explicación en palabras sencillas */
#tvx-pdm .pd-q{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid #3A4A55;background:transparent;color:var(--tx2);font:700 11px/1 'Hanken Grotesk',sans-serif;padding:0;margin-left:6px;letter-spacing:0;text-transform:none;flex:none;vertical-align:middle;position:relative}
#tvx-pdm .pd-q::before{content:'';position:absolute;inset:-8px}
#tvx-pdm .pd-q:hover{border-color:var(--cy);color:var(--cy)}
#tvx-pdm .pd-ayuda-t{font-size:15px;line-height:1.5;color:var(--tx);margin:6px 0 4px}

/* Vista sencilla */
#tvx-pdm .pd-sencilla{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);gap:12px;align-items:start}
#tvx-pdm .pd-sencilla .pd-ct{font-size:12.5px;letter-spacing:.8px;color:var(--tx)}
#tvx-pdm .pd-s-maq .pd-dibujo{height:300px}
#tvx-pdm .pd-s-estado{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:center;border-top:1px solid var(--line);padding:12px 4px 4px;margin-top:6px}
#tvx-pdm .pd-sem{display:flex;gap:14px;align-items:center;min-width:0}
#tvx-pdm .pd-luces{display:flex;flex-direction:column;gap:6px;background:#090D10;border:1px solid var(--line);border-radius:14px;padding:8px;flex:none}
#tvx-pdm .pd-luces i{width:22px;height:22px;border-radius:50%;background:#1C252B;transition:background .3s,box-shadow .3s}
#tvx-pdm .pd-luces i.l0.on{background:var(--ok);box-shadow:0 0 16px var(--ok)}
#tvx-pdm .pd-luces i.l1.on{background:var(--am);box-shadow:0 0 16px var(--am)}
#tvx-pdm .pd-luces i.l2.on{background:var(--rojo);box-shadow:0 0 16px var(--rojo)}
#tvx-pdm .pd-sem-t{min-width:0}
#tvx-pdm .pd-sem-t b{display:block;font-family:'Archivo',sans-serif;font-size:26px;line-height:1.1}
#tvx-pdm .pd-sem-t b.n0{color:var(--ok)} #tvx-pdm .pd-sem-t b.n1{color:var(--am)} #tvx-pdm .pd-sem-t b.n2{color:var(--rojo)}
#tvx-pdm .pd-sem-t span{display:block;color:var(--tx);font-size:14px;line-height:1.35;margin-top:2px}
#tvx-pdm .pd-sem-t small{display:flex;align-items:center;color:var(--tx3);font-size:12.5px;margin-top:4px}
#tvx-pdm .pd-s-hist{min-width:0}
#tvx-pdm .pd-s-hist svg{display:block;width:100%;height:58px;margin-top:4px}
#tvx-pdm .pd-s-lim{stroke:rgba(255,45,85,.45);stroke-dasharray:4 4;stroke-width:1;vector-effect:non-scaling-stroke}
#tvx-pdm .pd-s-ejes{display:flex;justify-content:space-between;font-size:11px;color:var(--tx3)}
#tvx-pdm .pd-s-der{display:flex;flex-direction:column;gap:12px;min-width:0}
#tvx-pdm .pd-s-aviso,#tvx-pdm .pd-s-hacer{padding:12px 14px}
#tvx-pdm .pd-s-ok{display:flex;gap:10px;align-items:flex-start}
#tvx-pdm .pd-s-ok svg{width:28px;height:28px;flex:none}
#tvx-pdm .pd-s-ok p,#tvx-pdm .pd-s-anal,#tvx-pdm .pd-s-mal{margin:2px 0 0;font-size:15px;line-height:1.45;color:var(--tx)}
#tvx-pdm .pd-s-mal{color:#FF8099;font-weight:600}
#tvx-pdm .pd-s-falsa{margin-top:10px;background:rgba(255,45,85,.07);border:1px solid rgba(255,45,85,.35);border-radius:10px;padding:9px 12px}
#tvx-pdm .pd-s-falsa b{color:#FF8099;font-size:13.5px}
#tvx-pdm .pd-s-falsa p{margin:3px 0 0;font-size:13.5px;color:var(--tx2);line-height:1.4}
#tvx-pdm .pd-s-que b{display:block;font-family:'Archivo',sans-serif;font-size:21px;color:var(--am);margin:2px 0}
#tvx-pdm .pd-s-que p{margin:0 0 6px;font-size:14.5px;line-height:1.45;color:var(--tx)}
#tvx-pdm .pd-s-rul{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
#tvx-pdm .pd-s-rul .pd-et{display:flex;align-items:center}
#tvx-pdm .pd-s-rul>b{font-size:30px;color:var(--am)}
#tvx-pdm .pd-s-rul>span{font-size:15px;color:var(--tx2)}
#tvx-pdm .pd-s-rul p{margin:2px 0 0;font-size:14px;color:var(--tx)}
#tvx-pdm .pd-s-hacer .pd-nota{font-size:14px;color:var(--tx2);line-height:1.45}
#tvx-pdm .pd-s-hacer .pd-dl{font-size:13.5px}
#tvx-pdm .pd-s-pista{margin:0;font-size:13.5px;color:var(--tx2);background:rgba(60,198,230,.06);border:1px dashed rgba(60,198,230,.35);border-radius:10px;padding:9px 12px;line-height:1.4}
#tvx-pdm.pd-esc .pd-sencilla{flex:1;min-height:0;align-items:stretch}
#tvx-pdm.pd-esc .pd-s-maq{min-height:0}
#tvx-pdm.pd-esc .pd-s-maq .pd-dibujo{flex:1;height:auto;min-height:150px}
#tvx-pdm.pd-esc .pd-s-der{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2E3C46 transparent}
#tvx-pdm.pd-esc .pd-s-der>.pd-card{flex:none}

/* Asistente inicial */
#tvx-pdm .pd-v-asist{display:block}
#tvx-pdm.pd-esc .pd-v-asist{overflow-y:auto}
#tvx-pdm .pd-asist{width:100%;max-width:1100px;margin:0 auto;padding:18px 12px 0;display:flex;flex-direction:column;gap:8px;min-height:100%}
#tvx-pdm .pd-as-cab{display:flex;align-items:center;gap:14px}
#tvx-pdm .pd-as-n{color:var(--cy);font-weight:700;font-size:13.5px;white-space:nowrap}
#tvx-pdm .pd-as-barra{display:flex;gap:6px;flex:1;max-width:240px}
#tvx-pdm .pd-as-barra i{flex:1;height:5px;border-radius:3px;background:var(--line);transition:background .3s}
#tvx-pdm .pd-as-barra i.on{background:var(--cy)}
#tvx-pdm .pd-as-intro{margin:10px 0 0;color:var(--cy);font-size:15.5px}
#tvx-pdm .pd-as-tit{font-family:'Archivo',sans-serif;font-size:30px;font-weight:700;margin:4px 0 0;line-height:1.15;outline:none;color:#fff}
#tvx-pdm .pd-as-sub{margin:0 0 8px;color:var(--tx2);font-size:15.5px}
#tvx-pdm .pd-as-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
#tvx-pdm .pd-as-op{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;background:linear-gradient(180deg,rgba(24,34,42,.92),rgba(19,26,31,.95));border:1.5px solid var(--line);border-radius:14px;padding:16px 16px 14px;min-height:118px;transition:border-color .15s,transform .15s,background .15s}
#tvx-pdm .pd-as-op:hover{border-color:rgba(60,198,230,.65)}
#tvx-pdm .pd-as-op:active{transform:scale(.98)}
#tvx-pdm .pd-as-op:focus-visible{outline:2px solid var(--cy);outline-offset:2px}
#tvx-pdm .pd-as-op.on{border-color:var(--cy);background:#10252E;box-shadow:0 0 0 3px rgba(60,198,230,.16)}
#tvx-pdm .pd-as-op.on::after{content:'\2713';position:absolute;top:10px;right:12px;width:24px;height:24px;border-radius:50%;background:var(--cy);color:#06222A;font-weight:900;font-size:14px;display:grid;place-items:center}
#tvx-pdm .pd-as-ico{color:var(--cy);display:block}
#tvx-pdm .pd-ico{width:42px;height:42px;display:block}
#tvx-pdm .pd-as-op b{font-family:'Archivo',sans-serif;font-size:16.5px;color:#fff;padding-right:28px}
#tvx-pdm .pd-as-op small{color:var(--tx2);font-size:13px;line-height:1.4}
#tvx-pdm .pd-as-rec{position:absolute;top:11px;right:12px;background:rgba(47,179,107,.14);color:var(--ok);border:1px solid rgba(47,179,107,.5);border-radius:999px;padding:1px 9px;font-size:11px;font-weight:700}
#tvx-pdm .pd-as-op.on .pd-as-rec{right:44px}
#tvx-pdm .pd-as-maqs .pd-as-ico{width:100%}
#tvx-pdm .pd-as-maqs .pd-as-ico svg{display:block;width:100%;height:120px}
#tvx-pdm .pd-as-fallos .pd-as-op{min-height:96px}
#tvx-pdm .pd-as-fallos .pd-as-rec{position:static;order:-1}
#tvx-pdm .pd-as-modos{grid-template-columns:repeat(2,minmax(0,1fr))}
#tvx-pdm .pd-as-modos .pd-as-op{min-height:150px}
#tvx-pdm .pd-as-res{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:4px}
#tvx-pdm .pd-as-res dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 16px;margin:6px 0 0;font-size:15px}
#tvx-pdm .pd-as-res dt{color:var(--tx3)} #tvx-pdm .pd-as-res dd{margin:0;color:#fff;font-weight:600}
#tvx-pdm .pd-as-pie{display:flex;gap:10px;margin-top:auto;padding:14px 0;position:sticky;bottom:0;background:linear-gradient(rgba(13,18,21,0),var(--bg) 35%)}
#tvx-pdm .pd-as-pie .pd-btn{min-height:48px;padding:10px 22px;font-size:15.5px;border-radius:10px}
#tvx-pdm .pd-as-sig{margin-left:auto}

/* Demo guiada: el resto se apaga, la pieza queda rodeada por un aro y una etiqueta la señala */
#tvx-pdm.pd-guiando .pd-main .pd-card:not(.pd-foco),#tvx-pdm.pd-guiando .pd-maqsel,#tvx-pdm.pd-guiando .pd-hd,#tvx-pdm.pd-guiando .pd-aviso,#tvx-pdm.pd-guiando .pd-s-pista{opacity:.26;filter:saturate(.35);transition:opacity .35s,filter .35s}
#tvx-pdm.pd-guiando .pd-maqsel,#tvx-pdm.pd-guiando .pd-hd{pointer-events:none}
#tvx-pdm .pd-aro{position:absolute;z-index:6;border:3px solid var(--cy);border-radius:14px;pointer-events:none;box-shadow:0 0 0 4px rgba(60,198,230,.22),0 0 30px rgba(60,198,230,.45)}
#tvx-pdm .pd-etq{position:absolute;z-index:6;max-width:300px;background:var(--cy);color:#04222A;font-weight:800;font-size:14.5px;line-height:1.25;padding:8px 13px;border-radius:10px;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.45)}
#tvx-pdm .pd-etq::after{content:'';position:absolute;left:var(--fx,50%);bottom:-9px;transform:translateX(-50%);border:9px solid transparent;border-bottom:0;border-top-color:var(--cy)}
#tvx-pdm .pd-etq.abajo::after{bottom:auto;top:-9px;border:9px solid transparent;border-top:0;border-bottom-color:var(--cy)}
#tvx-pdm .pd-etq.izq::after{left:auto;right:-9px;bottom:auto;top:var(--fy,50%);transform:translateY(-50%);border:9px solid transparent;border-right:0;border-left-color:var(--cy)}
#tvx-pdm .pd-etq.der::after{left:-9px;bottom:auto;top:var(--fy,50%);transform:translateY(-50%);border:9px solid transparent;border-left:0;border-right-color:var(--cy)}
@media (prefers-reduced-motion:no-preference){
  #tvx-pdm .pd-aro{animation:pdAro 1.5s ease-in-out infinite}
  #tvx-pdm .pd-etq{animation:pdSenala 1.5s ease-in-out infinite}
  #tvx-pdm .pd-etq.abajo{animation-name:pdSenalaAb}
  #tvx-pdm .pd-etq.izq{animation-name:pdSenalaIz}
  #tvx-pdm .pd-etq.der{animation-name:pdSenalaDe}
}
@keyframes pdAro{50%{box-shadow:0 0 0 10px rgba(60,198,230,0),0 0 44px rgba(60,198,230,.65)}}
@keyframes pdSenala{50%{transform:translateY(-5px)}}
@keyframes pdSenalaAb{50%{transform:translateY(5px)}}
@keyframes pdSenalaIz{50%{transform:translateX(-5px)}}
@keyframes pdSenalaDe{50%{transform:translateX(5px)}}
#tvx-pdm .pd-guia-in{display:block;padding:14px 18px 10px;border-width:1.5px}
#tvx-pdm .pd-guia-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#tvx-pdm .pd-guia-n{font-size:13px;white-space:nowrap}
#tvx-pdm .pd-guia-pts{display:flex;gap:5px;align-items:center}
#tvx-pdm .pd-guia-pts i{width:8px;height:8px;border-radius:50%;background:#2A3A44}
#tvx-pdm .pd-guia-pts i.hecho{background:rgba(60,198,230,.5)}
#tvx-pdm .pd-guia-pts i.on{background:var(--cy);box-shadow:0 0 8px var(--cy);width:20px;border-radius:4px}
#tvx-pdm .pd-guia-t{margin-left:auto;font-size:12px;color:var(--am)}
#tvx-pdm .pd-guia-tit{display:block;font-family:'Archivo',sans-serif;font-size:19px;color:#fff;margin-top:6px}
#tvx-pdm .pd-guia-in p{font-size:15.5px;line-height:1.45;color:var(--tx);margin:4px 0 0;min-width:0;max-width:880px}
#tvx-pdm .pd-guia-b{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
#tvx-pdm .pd-guia-b .pd-btn{min-height:44px;padding:9px 16px;font-size:14.5px}
#tvx-pdm .pd-guia-b .pd-btn[disabled]{opacity:.4;cursor:default}
#tvx-pdm .pd-guia-sig{min-width:150px}
#tvx-pdm .pd-guia-x{margin-left:auto}
#tvx-pdm .pd-guia-in .pd-guia-k{font-size:11.5px;color:var(--tx3);margin-top:6px}

@container (max-width:940px){
  #tvx-pdm .pd-sencilla{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)}
  #tvx-pdm .pd-s-estado{grid-template-columns:minmax(0,1fr)}
}
@container (max-width:760px){
  #tvx-pdm .pd-sencilla{grid-template-columns:minmax(0,1fr)}
  #tvx-pdm .pd-s-maq .pd-dibujo{height:220px}
  #tvx-pdm .pd-b-demo{order:3;flex:1}
  #tvx-pdm .pd-b-asist{order:8}
  #tvx-pdm .pd-asist{padding:14px 4px 0}
  #tvx-pdm .pd-as-tit{font-size:23px}
  #tvx-pdm .pd-as-sub,#tvx-pdm .pd-as-intro{font-size:14.5px}
  #tvx-pdm .pd-as-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #tvx-pdm .pd-as-op{padding:12px;min-height:0;gap:4px}
  #tvx-pdm .pd-as-op b{font-size:14.5px;padding-right:22px}
  #tvx-pdm .pd-as-op small{font-size:12px}
  #tvx-pdm .pd-ico{width:34px;height:34px}
  #tvx-pdm .pd-as-maqs .pd-as-ico svg{height:84px}
  #tvx-pdm .pd-as-fallos,#tvx-pdm .pd-as-modos{grid-template-columns:minmax(0,1fr)}
  #tvx-pdm .pd-as-modos .pd-as-op{min-height:0}
  #tvx-pdm .pd-as-rec{position:static;order:-1;margin-bottom:2px}
  #tvx-pdm .pd-as-op.on::after{top:8px;right:8px;width:22px;height:22px}
  #tvx-pdm .pd-as-pie .pd-btn{flex:1}
  #tvx-pdm .pd-guia-in{padding:12px 14px 10px}
  #tvx-pdm .pd-guia-tit{font-size:17px}
  #tvx-pdm .pd-guia-in p{font-size:14.5px}
  #tvx-pdm .pd-guia-b{display:grid;grid-template-columns:auto auto 1fr;gap:6px}
  #tvx-pdm .pd-guia-b .pd-btn{padding:8px 10px;font-size:14px;min-height:46px}
  #tvx-pdm .pd-guia-x{grid-column:1/-1;order:9;min-height:36px!important;border:0;justify-self:start;margin-left:0;padding-left:2px!important}
  #tvx-pdm .pd-guia-sig{min-width:0}
  #tvx-pdm .pd-guia-in .pd-guia-k{display:none}
  #tvx-pdm .pd-etq{font-size:13.5px;max-width:240px}
}

/* Encaje en cualquier pantalla (26/10/2026): la tarjeta de la guía la coloca el script dentro de la zona visible
   (debajo de la cabecera fija de la página, fuera de las zonas seguras del iPhone y de la barra del móvil) */
#tvx-pdm .pd-safe{position:absolute;top:0;left:0;width:0;height:0;visibility:hidden;pointer-events:none;
  padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
#tvx-pdm .pd-guia{position:absolute;z-index:7;left:0;top:0;padding:0;bottom:auto}
#tvx-pdm .pd-guia-in{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
#tvx-pdm.pd-guiando .pd-main{padding-bottom:var(--pd-guia-h,0px)}
/* Compacta: pantallas bajas */
#tvx-pdm .pd-guia-compacta .pd-guia-in{padding:9px 14px 9px}
#tvx-pdm .pd-guia-compacta .pd-guia-tit{font-size:15.5px;margin-top:3px}
#tvx-pdm .pd-guia-compacta .pd-guia-in p{font-size:13.5px;line-height:1.38;margin-top:2px}
#tvx-pdm .pd-guia-compacta .pd-guia-b{margin-top:7px;gap:6px}
#tvx-pdm .pd-guia-compacta .pd-guia-b .pd-btn{min-height:38px;padding:6px 12px;font-size:13.5px}
#tvx-pdm .pd-guia-compacta .pd-guia-n{font-size:12px}
#tvx-pdm .pd-guia-compacta .pd-guia-in .pd-guia-k{display:none}
/* A un lado: pantallas bajas y anchas (móvil en horizontal, portátil pequeño) */
#tvx-pdm .pd-guia-lado .pd-guia-b{display:flex;flex-wrap:nowrap;gap:6px}
#tvx-pdm .pd-guia-lado .pd-guia-b .pd-btn{padding:6px 10px;min-height:40px}
#tvx-pdm .pd-guia-lado .pd-guia-ant .pd-bt,#tvx-pdm .pd-guia-lado .pd-guia-x .pd-bt{display:none}
#tvx-pdm .pd-guia-lado .pd-guia-pausa[disabled]{display:none}
#tvx-pdm .pd-guia-lado .pd-guia-sig{flex:1;min-width:0}
#tvx-pdm .pd-guia-lado .pd-guia-x{order:9;margin-left:0;border:1px solid var(--line)!important;min-height:40px!important}
#tvx-pdm .pd-guia-lado .pd-guia-top{flex-wrap:wrap}
#tvx-pdm .pd-etq.dentro::after{display:none}
#tvx-pdm .pd-guia-top{flex-wrap:nowrap;min-width:0}
#tvx-pdm .pd-guia-pts{flex:0 1 auto;min-width:0;overflow:hidden}
#tvx-pdm .pd-guia-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}
@container (max-width:420px){#tvx-pdm .pd-guia-pts i{width:6px;height:6px}#tvx-pdm .pd-guia-pts i.on{width:14px}#tvx-pdm .pd-guia-pts{gap:4px}}
/* Plegada: pantallas muy pequeñas; el texto se ve en dos líneas y se despliega al tocar «Leer todo» */
#tvx-pdm .pd-guia-b .pd-guia-mas{display:none}
#tvx-pdm .pd-guia-plegada:not(.pd-guia-abierta) .pd-guia-in p:not(.pd-guia-k){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#tvx-pdm .pd-guia-plegada:not(.pd-guia-abierta) .pd-guia-b .pd-guia-mas{display:inline-flex}
#tvx-pdm .pd-guia-plegada .pd-guia-b{display:flex;flex-wrap:nowrap;gap:6px}
#tvx-pdm .pd-guia-plegada .pd-guia-b .pd-btn{padding:6px 10px;min-height:40px}
#tvx-pdm .pd-guia-plegada .pd-guia-ant .pd-bt,#tvx-pdm .pd-guia-plegada .pd-guia-x .pd-bt{display:none}
#tvx-pdm .pd-guia-plegada .pd-guia-pausa[disabled]{display:none}
#tvx-pdm .pd-guia-plegada .pd-guia-sig{flex:1;min-width:0}
#tvx-pdm .pd-guia-plegada .pd-guia-x{order:9;margin-left:0;border:1px solid var(--line)!important;min-height:40px!important}
#tvx-pdm.pd-guiando.pd-reflujo .pd-main{padding-right:calc(var(--pd-lado,300px) + 8px)}
#tvx-pdm .pd-guia-compacta .pd-guia-in p.pd-guia-k{display:none}
@media (hover:none){#tvx-pdm .pd-guia-in p.pd-guia-k{display:none}}