/* Prevenir FOUC */
.no-fouc {
    display: none;
}

/* Importación de fuentes desde Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

body {
    background-color: #F5F6FA;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.metrics-header,
.eye-header,
.eye-results-header {
    font-family: 'Anton', sans-serif;
    letter-spacing: 0.5px;
}

.metric-name,
.type-cell,
.btn,
.table-subheader th {
    font-family: 'Anton', sans-serif;
    letter-spacing: 0.25px;
}

p, span, div, td, th:not(.eye-header):not(.metric-name),
.performance-value,
.value-cell,
.form-control,
.time-info {
    font-family: 'Roboto', sans-serif;
}