/* ==========================================================================
 * INDICE DE ESTE ARCHIVO. Solo comentarios: no cambia ninguna regla.
 * Orden: menu contextual, cuadros de dialogo, Mostrar escritorio, Papelera.
 * Numero = linea donde empieza el comentario de esa parte (el texto es el del propio comentario).
 *
 *   linea 14: menú contextual (clic derecho) estilo Windows 98 sobre el escritorio y sus íconos
 *   linea 26: cuadros de diálogo simples (Eliminar, Propiedades, avisos)
 *   linea 44: Papelera con arrastre [menciona #w-bin]
 *   linea 51: todos los carteles (advertencias, errores, Ejecutar, menu contextual, mensajes) con la misma tipografi...
 *   linea 58: icono "!" de los mensajes de advertencia: el mismo triangulo amarillo de los demas avisos
 *   linea 61: rastro de las ventanas de error
 *   linea 63: el area del escritorio (.workspace) ya no tapa los iconos que se arrastran o pegan sobre ella: solo la...
 * ========================================================================= */
/* menú contextual (clic derecho) estilo Windows 98 sobre el escritorio y sus íconos */
.cm{position:fixed;z-index:99990;min-width:168px;padding:2px;background:#c0c0c0;color:#000;font:12px Tahoma,'Pixelated MS Sans Serif','MS Sans Serif',sans-serif;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px #808080,inset 2px 2px #fff;user-select:none;-webkit-user-select:none}
.cm[hidden]{display:none}
.cm__i{position:relative;display:block;width:100%;padding:3px 24px 3px 22px;border:0;background:none;text-align:left;font:inherit;color:#000;cursor:default;white-space:nowrap;line-height:15px}
.cm__i b{font-weight:700}
.cm__i:not(.is-off):hover,.cm__i:not(.is-off):focus-visible,.cm__i.is-hot{background:#000080;color:#fff;outline:0}
.cm__i.is-off{color:#808080;text-shadow:1px 1px 0 #fff;pointer-events:none}
.cm__i.has-sub::after{content:"";position:absolute;right:7px;top:50%;margin-top:-4px;border-left:4px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent}
.cm__i u{text-decoration:underline}
.cm__sep{display:block;height:0;margin:3px 1px;border-top:1px solid #808080;border-bottom:1px solid #fff}
.cm__ic{position:absolute;left:3px;top:50%;margin-top:-8px;width:16px;height:16px}
.cm-dim{opacity:.5}
/* cuadros de diálogo simples (Eliminar, Propiedades, avisos) */
.cmdlg{position:fixed;z-index:99995;left:50%;top:50%;transform:translate(-50%,-50%);width:min(340px,94vw);padding:2px;background:#c0c0c0;color:#000;font:12px Tahoma,'Pixelated MS Sans Serif','MS Sans Serif',sans-serif;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px #808080,inset 2px 2px #fff}
.cmdlg__t{display:flex;align-items:center;gap:4px;padding:3px 3px 3px 4px;background:linear-gradient(90deg,#000080,#1084d0);color:#fff;font-weight:700}
.cmdlg__t span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmdlg__x{width:16px;height:14px;padding:0;border:0;background:#c0c0c0;color:#000;font:700 11px/12px Arial,sans-serif;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf}
.cmdlg__b{display:flex;gap:12px;padding:14px 14px 6px}
.cmdlg__b img{width:32px;height:32px;flex:none}
.cmdlg__b p{margin:0;line-height:1.35;align-self:center;overflow-wrap:anywhere}
.cmdlg__p{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;padding:12px 14px 4px;align-items:center}
.cmdlg__p img{grid-column:1/3;width:32px;height:32px}
.cmdlg__p dt{margin:0}.cmdlg__p dd{margin:0;overflow-wrap:anywhere}
.cmdlg__f{display:flex;justify-content:center;gap:8px;padding:10px 10px 10px}
.cmdlg__f button{min-width:75px;padding:4px 8px;border:0;background:#c0c0c0;color:#000;font:inherit;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf}
.cmdlg__f button:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px #808080;padding:5px 7px 3px 9px}
.cmdlg__f button:focus-visible{outline:1px dotted #000;outline-offset:-4px}
.cmren{position:fixed;z-index:99996;margin:0;padding:1px 2px;border:1px solid #000;background:#fff;color:#000;font:11px Tahoma,'Pixelated MS Sans Serif','MS Sans Serif',sans-serif;text-align:center;outline:0}
.cmdlg__err{width:32px;height:32px;flex:none;border-radius:50%;background:#c00;color:#fff;text-align:center;line-height:32px;font:700 18px/32px Arial,sans-serif;align-self:center}

/* Papelera con arrastre */
.bin-gone { display: none !important; }
#w-bin.bin-hot { outline: 2px dotted #000080; outline-offset: -3px; }
.icons .icon.bin-hot img { filter: brightness(1.25) drop-shadow(0 0 2px #fff); }
.bin-ghost { position: fixed !important; z-index: 9999; width: 76px; opacity: .7; pointer-events: none; color: #fff; background: transparent; border: 0; margin: 0; }
.bin-ghost span { max-width: 76px; overflow-wrap: anywhere; text-shadow: 1px 1px 2px #000; }

/* todos los carteles (advertencias, errores, Ejecutar, menu contextual, mensajes) con la misma tipografia y color de letra */
html .dialog, html .cmdlg { font-family: var(--font); font-size: var(--fs); font-weight: 400; line-height: 1.35; color: #000; }
html .dialog .dialog__body, html .dialog .dialog__body p, html .xd__body, html .xd__body p, html .xd__body label, html .cmdlg__b p, html .cmdlg__p { font: inherit; color: #000; }
/* menu contextual del escritorio y cuadro de cambiar nombre: antes usaban Tahoma 12px (otra tipografia que el resto); ahora la misma que los demas carteles */
html .cm, html .cmren { font-family: var(--font); font-size: var(--fs); font-weight: 400; }
html .dialog .title-bar__text, html .cmdlg__t { font-family: var(--font); font-size: var(--fs); font-weight: 700; color: #fff; }
html .dialog .btn, html .dialog a.btn, html .dialog__btns .btn, html .xd__btns .btn, html .cmdlg__f button { font: inherit; color: #000; text-decoration: none; }
/* icono "!" de los mensajes de advertencia: el mismo triangulo amarillo de los demas avisos */
html .dialog__i--warn { width: 32px; height: 32px; border-radius: 0; box-shadow: none; background: url('../img/win98/warning-32.png') no-repeat center / 32px 32px; color: transparent; font-size: 0; line-height: 0; image-rendering: pixelated; }

/* rastro de las ventanas de error */
.err-ghost { pointer-events: none; user-select: none; }
/* el area del escritorio (.workspace) ya no tapa los iconos que se arrastran o pegan sobre ella: solo las ventanas reciben clics */
.workspace { pointer-events: none; }
.workspace > .window:not([hidden]), .workspace > .dialog:not([hidden]) { pointer-events: auto; }