/* Form layout */
form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 780px;
}

@media (max-width: 850px) {
    form {
        width: 90vw;
    }
}

/* Base for inputs, textarea, select to keep a consistent look */
select,
input,
textarea {
    padding: var(--input-padding);
    font-size: 16px;
    color: var(--text);
    border-radius: var(--radius-lg);
    border: 2px solid var(--muted-border);
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all var(--transition) ease;
    background-color: transparent;
    /* most elements inherit page bg */
    box-shadow: none;
}

/* Focus accesible y consistente */
input:focus,
textarea:focus,
select:focus {
    outline: none;
    border-color: rgba(0, 123, 255, 0.25);
    box-shadow: 0 0 8px 2px rgba(0, 123, 255, 0.15);
}

/* Small layout helpers */
.form-desplegable {
    display: flex;
    flex-direction: column;
}

.form-notas {
    display: flex;
    flex-direction: column;
}

#notas {
    height: 180px;
    resize: vertical;
}

/* Quitar margen por defecto de los párrafos dentro de .form-texto */
.form-texto p {
    margin: 0;
    line-height: 1.2;
}