/* === Reset y configuración base === */
* {
    margin: 0;
    box-sizing: border-box;
    font-family: var(--font-principal);
}

body {
    background-color: var(--color-fondo);
    font-size: var(--font-size-base);
    margin-top: var(--margin-top-body);
    min-width: 390px;
}

h1 {
    font-size: var(--font-size-h1);
    margin: var(--margin-h1);
    color: var(--color-acento);
}

h3 {
    font-size: var(--font-size-h3);
    margin-bottom: var(--margin-h3-bottom);
    color: var(--color-acento);
}

h4 {
    color: #2f4f4f;
}

legend {
    font-size: var(--font-size-legend);
    color: var(--color-acento);
}

label {
    font-size: var(--font-size-label);
    margin-bottom: var(--margin-label-bottom);
    color: #5e5e5f;
    font-weight: bolder;
}

hr {
    margin-bottom: var(--margin-hr-bottom);
}

input,
select {
    height: var(--altura-input);
    border: 1px solid #aaaaaa;
}

textarea {
    width: 100%;
    border: 1px solid var(--color-borde-input);
    border-radius: var(--radio-borde);
    padding: var(--padding-textarea);
    font-family: inherit;
    font-size: var(--font-size-textarea);
    background-color: var(--color-blanco);
    margin-bottom: var(--margin-textarea-bottom);
}