body {
            /* Usamos tu nueva imagen de fondo */
            background-color: #008080; /* Color de respaldo */
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            font-family: "Pixelated MS Sans Serif", Arial
            margin: 0;
            padding: 0;
            overflow: hidden;
            font-family: W95F.otf;
            width: 100%;
            height: 100%
        }

        .taskbar {
            background-color: #c0c0c0;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            height: 24px;
            display: flex;
            align-items: center;
            padding: 2px 2px;
            border-top: 1px solid #ffffff;
            box-shadow: 0 -1px 0 #808080;
            z-index: 1000;
        }

        #start-button {
            height: 22px;
            width: 53px;
            cursor: pointer;
            content: url('Windows97StartButton.png');
            user-select: none;
        }

        #start-button.active {
            content: url('Windows97StartButton_Selected.png');
        }

        #start-menu {
    position: fixed;
    bottom: 26px; /* Pegado a tu taskbar de 24px + padding */
    left: 2px;
    display: none;
    z-index: 1001;
    /* Evita que el contenido se salga del borde gris */
    overflow: hidden; 
}

/* Pantalla de inicio a pantalla completa */
        #startup-screen {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background-color: #000000;
            z-index: 9999;
        }

        /* La imagen cubre el 100% de la pantalla sin transiciones suaves */
        .startup-image {
            width: 100%;
            height: 100%;
            object-fit: fill; /* Cubre todo el espacio disponible */
            image-rendering: pixelated;
        }

.menu-apps {
    position: absolute;
    top: 3px;    /* Lo subimos al tope del menú */
    left: 24px;  /* Lo movemos a la derecha de la barra "Windows 97" */
    display: flex;
    flex-direction: column;
    width: 150px;
}

.menu-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 6px;
}

.menu-item span {
    font-family: 'ari-w9500-bold.otf', sans-serif; /* O una fuente pixelada si tienes */
    font-size: 11px;
    font-weight: normal;
    padding: 6px;
    color: #000;
}

/* Efecto de selección azul clásico */
.menu-item:hover {
    background-color: #000080;
}
.menu-item:hover span {
    color: #fff;
}
.unselectable {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none;     /* IE 10 and IE 11 */
  user-select: none;         /* Standard syntax */
}


        @keyframes fadeUp {
            from { opacity: 0; transform: translateY(0); }
            to { opacity: 1; transform: translateY(0); }
        }
#desktop {
    position: fixed;
    top: 0;
    left: 0;
    height: calc(100vh - 24px);
    padding: 0px;
    display: grid;
    grid-auto-rows: 60px;
    grid-auto-flow: row;
    gap: 10px;
    align-content: start;
    justify-content: start;
    z-index: 1;
}
.desktop-icon {
    width: 81px;
    height: 57px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    user-select: none;
    box-sizing: border-box;
}

.desktop-icon img {
    width: 32px;
    height: 32px;
    margin-bottom: 4px;
}

.desktop-icon span {
    color: white;
    font-family: 'Tahoma', sans-serif;
    font-size: 11px;
    padding: 2px;
    max-width: 85px;
    word-break: break-word;
}

/* Efecto al seleccionar el icono */
.desktop-icon:active span {
    background-color: #000080;
    outline: 1px dotted #fff;
}