/* Estilos específicos para Escritorio */
.input-section {
    width: 100%; max-width: 700px; display: flex; flex-direction: column;
    gap: 15px; margin-bottom: 2rem;
}

.controls-container {
    display: flex; flex-wrap: wrap; gap: 15px;
    justify-content: space-between; align-items: center;
    background: #fff; padding: 15px;
    border-radius: var(--border-radius);
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.control-group { display: flex; align-items: center; gap: 8px; }

button { padding: 8px 16px; font-size: 0.9rem; background-color: var(--primary-color); }
button.stop { background-color: #e76f51; }
button.fullscreen-btn { background-color: #264653; }
button.context-btn { background-color: #457b9d; }

label { font-size: 0.9rem; font-weight: 600; }
input[type="number"] { padding: 5px; width: 60px; border-radius: 4px; border: 1px solid #ccc; }

#context-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

kbd { background-color: #fff; border: 1px solid #ccc; border-radius: 3px; padding: 2px 5px; font-family: monospace; font-weight: bold; }

/* Ajuste de cursor en lector */
#reader-display { cursor: pointer; }