label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: bold;
}

input[type="file"],
input[type="text"] {
    width: 100%;
    padding: 0.5rem;
    margin-bottom: 1rem;
    box-sizing: border-box;
    font-size: 1em;
}

button {
    padding: 0.8rem 1.2rem;
    font-size: 1em;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    margin-top: 1rem;
}

button:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

#statusMessage {
    margin-top: 1rem;
    padding: 0.8rem;
    border: 1px solid;
    display: none; /* Mantener oculto por defecto, si no hay JS para mostrarlo */
    text-align: left;
}

/* Estas clases se mantienen por si algún JS externo las activa */
#statusMessage.success {
    border-color: green;
    color: green;
}

#statusMessage.error {
    border-color: red;
    color: red;
}

@media (max-width: 600px) {
    input[type="file"],
    input[type="text"],
    button {
        font-size: 0.9em;
    }
}