a {
    color: var(--negro);
}

.bloque_input {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

body {
    background: var(--fondo);
}

.parametro {
    color: var(--base);
}

.oculto {
    display: none !important;
}

.mensaje_error {
    background: var(--mal_fondo);
    color: var(--mal);
    border-radius: 0.7rem;
    padding: 0.7rem 0.9rem;
    font: 600 0.78rem "Ubuntu", sans-serif;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

/* Mismo shape que .mensaje_error, en verde - confirmaciones de página. */
.mensaje_correcto {
    background: var(--bien_fondo);
    color: var(--bien);
    border-radius: 0.7rem;
    padding: 0.7rem 0.9rem;
    font: 600 0.78rem "Ubuntu", sans-serif;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}