/* POWER VPL · ayudas didácticas (pantalla Módulos) y convivencia de paneles flotantes. */

/* Descripción breve debajo del nombre de cada módulo */
.workspace-tile-hint{display:block;max-width:100%;margin-top:-4px;text-align:center;font-size:calc(11.5px * var(--ui-scale,1));font-weight:500;line-height:1.35;opacity:.78;overflow-wrap:break-word}
.workspace-card.is-favorite .workspace-tile-hint{opacity:.92}
@media(max-width:640px){.workspace-tile-hint{font-size:10.5px}}

/* Recorrido de una validación */
.vp-journey{margin:0 0 26px;padding:16px 18px 18px;border:1px solid #ffffff2e;border-radius:18px;background:linear-gradient(135deg,#0b2740e6,#123a55d9);color:#f3f9ff;box-shadow:0 10px 30px #04121f40;backdrop-filter:blur(10px)}
.vp-journey[hidden]{display:none}
.vp-journey-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.vp-journey-head h3{display:flex;align-items:center;gap:10px;margin:0;font-size:calc(18px * var(--ui-scale,1));font-weight:650;color:inherit}
.vp-journey-head h3::before{content:"";width:5px;height:18px;flex:none;border-radius:5px;background:var(--theme-glow,#3fd0d4)}
.vp-journey-toggle{border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer;opacity:.85}
.vp-journey-toggle:hover{opacity:1}
.vp-journey-lead{margin:6px 0 14px;font-size:13px;line-height:1.5;opacity:.82}
.vp-journey-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;counter-reset:none}
.vp-journey-steps>li{position:relative;display:flex}
.vp-journey-steps>li[hidden]{display:none}
.vp-journey-steps>li:not(:last-child)::after{content:"→";position:absolute;right:-9px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.55;pointer-events:none}
.vp-journey-step{display:flex;align-items:flex-start;gap:10px;width:100%;padding:11px 12px;border:1px solid color-mix(in srgb,#ffffff 22%,transparent);border-radius:13px;background:color-mix(in srgb,#ffffff 6%,transparent);color:inherit;text-align:left;font:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.vp-journey-step:hover,.vp-journey-step:focus-visible{border-color:var(--theme-glow,#3fd0d4);background:color-mix(in srgb,var(--theme-glow,#3fd0d4) 14%,transparent)}
.vp-journey-step:focus-visible{outline:2px solid var(--theme-glow,#3fd0d4);outline-offset:2px}
.vp-journey-n{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--theme-glow,#3fd0d4);color:#08283a;font-size:13px;font-weight:800}
.vp-journey-text{display:grid;gap:3px;min-width:0}
.vp-journey-text b{font-size:13px;line-height:1.3}
.vp-journey-text small{font-size:11.5px;line-height:1.4;opacity:.8}
.vp-journey.collapsed .vp-journey-steps,.vp-journey.collapsed .vp-journey-lead{display:none}
:root[data-ui-theme="blanco"] .vp-journey{background:#ffffffee;color:#1d3850;border-color:#a9c0d4}
:root[data-ui-theme="blanco"] .vp-journey-step{border-color:#c4d5e4;background:#f5f9fc}
:root[data-ui-theme="blanco"] .vp-journey-n{color:#fff;background:#2b6a96}
@media(max-width:640px){.vp-journey{padding:14px}.vp-journey-steps{grid-template-columns:1fr 1fr}.vp-journey-steps>li::after{display:none}}

/* El título enfocado al cambiar de pantalla no muestra un recuadro al usar el mouse */
#pageTitle:focus:not(:focus-visible){outline:none}

/* Con la ayuda abierta en pantallas anchas, el contenido deja lugar al panel para no quedar tapado */
@media(min-width:1200px){
}