/* Base compartida por las páginas estáticas de error y mantenimiento. */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local('Roboto-Light'),
        url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Light.woff') format('woff'),
        url('../fonts/Roboto-Light.ttf') format('truetype'),
        url('../fonts/Roboto-Light.svg?#roboto-regular') format('svg');
}

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

html {
    font-size: 0.85rem;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    color: #212529;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

img {
    vertical-align: middle;
    border-style: none;
}

input {
    margin: 0;
    font: inherit;
}

@media (min-width: 576px) {
    html {
        font-size: 0.90rem;
    }
}

@media (min-width: 768px) {
    html {
        font-size: 0.92rem;
    }
}

@media (min-width: 992px) {
    html {
        font-size: 0.95rem;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 1rem;
    }
}