*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-width: 320px;
    min-height: 100vh;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color: var(--color-texto-principal);
    background-color: var(--color-fondo-pagina);
}

button,
input,
select,
textarea {
    font: inherit;
}

button {
    border: none;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

[hidden] {
    display: none !important;
}

.pagina-examen {
    width: 100%;
    min-height: 100vh;
}

.pantalla {
    width: 100%;
    min-height: 100vh;
}

body.modal-abierto {
    overflow: hidden;
}