:root {
    --page-bg: #121212;
    --text: #bfc2c5;
    --muted-border: rgba(255, 255, 255, 0.06);
    --danger-bright: red;
    --radius-lg: 25px;
    --input-padding: 10px;
    --transition: 0.3s;
}



body {
    font-family: Arial, sans-serif;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: var(--text);
}

.titulo {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.paginadark {
    background-color: var(--page-bg);
    color: var(--text);
}

.form-texto {
    margin-top: -10px;
    margin-bottom: -10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#versionActual,
#versionProxima {
    font-weight: bold;
}

#versionActual {
    color: rgb(14, 148, 14);
}

#versionProxima {
    color: var(--danger-bright);
}

.texto-versiones {
    margin: 10px;
    gap: 5px;
}

/* Ocultamos el select y botonera de proyecto */
.proyecto-wrapper select {
    display: none;
}

.navegacion-wrapper {
    margin-top: 2rem;
    text-align: center;
}
.navegacion-wrapper h4 {
    margin-bottom: 10px;
}

.wireframe {
    outline: 2px solid #00ff4c;
}