/* Configuración básica de la pantalla */* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; user-select: none; /* Evita que se seleccione texto al hacer clic */}body, html { width: 100%; height: 100%; overflow: hidden;}/* El Escritorio con tu imagen local oficial de Windows 10 */#desktop { width: 100%; height: calc(100% - 40px); background-image: url('wallpaper.jpg'); /* <-- Aquí pones el nombre exacto de tu imagen */ background-size: cover; background-position: center; position: relative;}.instruccion { color: rgba(255, 255, 255, 0.6); position: absolute; top: 15px; right: 20px; font-size: 12px; text-shadow: 1px 1px 2px black;}/* SISTEMA DE ORGANIZACIÓN DE ICONOS */.desktop-icons { position: absolute; top: 20px; left: 10px; display: flex; flex-direction: column; gap: 15px;}.shortcut { width: 80px; display: flex; flex-direction: column; align-items: center; text-align: center; cursor: default; padding: 5px; border: 1px solid transparent; border-radius: 2px;}.shortcut:hover { background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2);}/* EFECTO DE ICONO SELECCIONADO (CLIC AZUL) */.shortcut.selected { background-color: rgba(0, 120, 215, 0.3) !important; border: 1px solid rgba(0, 120, 215, 0.6) !important;}.shortcut img { width: 35px; height: 35px; margin-bottom: 4px;}.shortcut span { color: white; font-size: 11px; text-shadow: 1px 1px 2px black; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}/* LA BARRA DE TAREAS */#taskbar { width: 100%; height: 40px; background-color: #101010; position: absolute; bottom: 0; left: 0; display: flex; align-items: center; z-index: 9999;}.start-button { width: 48px; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.2s;}.start-button:hover { background-color: rgba(255, 255, 255, 0.15);}/* EL MENÚ DEL CLIC DERECHO */.win10-menu { width: 250px; background-color: #eeeeee; border: 1px solid #979797; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); position: absolute; display: none; padding: 3px 0; z-index: 10000;}.menu-item { padding: 6px 25px 6px 30px; font-size: 12px; color: #000000; cursor: default; display: flex; justify-content: space-between;}.menu-item:hover { background-color: #91c9f7;}.menu-item span { font-size: 8px; color: #666; align-self: center;}hr { border: none; border-top: 1px solid #d0d0d0; margin: 3px 10px;}/* EL MENÚ DE INICIO */.win10-start-menu { width: 320px; height: 450px; background-color: rgba(20, 20, 20, 0.95); backdrop-filter: blur(10px); border: 1px solid #333; position: absolute; bottom: 40px; left: 0; display: none; z-index: 9998;}.start-sidebar { width: 45px; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; background-color: rgba(10, 10, 10, 0.5);}.sidebar-item { width: 100%; height: 45px; display: flex; align-items: center; justify-content: center; color: white; font-size: 16px; cursor: default;}.sidebar-item:hover { background-color: rgba(255, 255, 255, 0.1);}.start-apps { flex: 1; padding: 10px; color: white; display: flex; flex-direction: column; gap: 5px;}.app-item { padding: 8px 10px; font-size: 13px; cursor: default;}.app-item:hover { background-color: rgba(255, 255, 255, 0.1);}.font-bold { font-weight: bold; font-size: 11px; color: #aaa; text-transform: uppercase;}/* VENTANAS FLOTANTES */.window { width: 450px; height: 300px; background-color: #ffffff; border: 1px solid #0078d7; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); position: absolute; top: 20%; left: 30%; display: none; flex-direction: column; z-index: 9990;}.window-header { height: 30px; background-color: #ffffff; display: flex; justify-content: space-between; align-items: center; padding-left: 10px; border-bottom: 1px solid #e5e5e5; cursor: default;}.window-title { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #333333;}.window-controls { display: flex; height: 100%;}.control-btn { width: 45px; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #333333; transition: background 0.1s;}.control-btn:hover { background-color: #e5e5e5;}.close-btn:hover { background-color: #e81123 !important; color: white !important;}.window-body { flex: 1; padding: 15px; background-color: #f0f0f0;}/* ESTILOS ESPECÍFICOS DEL BLOC DE NOTAS */.notepad-textarea { width: 100%; height: 100%; border: none; resize: none; padding: 10px; font-family: 'Consolas', 'Courier New', monospace; font-size: 14px; outline: none; color: #000000; background-color: #ffffff;}/* RELOJ DE LA BARRA DE TAREAS */.taskbar-clock { margin-left: auto; margin-right: 12px; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; color: #ffffff; font-size: 11px; cursor: default; height: 100%; padding: 0 8px;}.taskbar-clock:hover { background-color: rgba(255, 255, 255, 0.1);}#clock-time { margin-bottom: 2px;}