/* || Estilos generales */

body {
    background-color: #fefefe;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    margin: 0;
}

/*Separador en color primario*/
.divider-primary {
    border: 1px solid #323F5C;
    opacity: 0.8;
}

/*Separador en color secundario, utilizado para títulos en páginas*/
.divider-secondary {
    border: 1px solid #007279;
    opacity: 0.8;
}

/* … */

/* || Tipografía */

/*Títulos en páginas*/
.title-font {
    font-size: 1.3em;
    font-weight: 700;
}

/*Textos en páginas*/
.body1-font {
    font-size: 0.9em;
}

/* … */


/* || Datatables */
/* Botón 'ver más' de datatables */
/* table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    background-color: #007279;
} */

.nav-link,
.page-link {
    font-size: 0.8em;
}

/*Línea inferior de encabezados en tablas y alineación vertical hacia arriba*/
.table-banxico thead th {
    border-bottom: 1px solid #000000;
    vertical-align: top;
}


/* || Datatables - Botones en renglones para acciones */

/*Normal*/
.btn-table-light {
    background: none;
    border: none;
    box-shadow: none !important;
    color: black;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
}

/*Eliminar ó rechazar*/
.btn-table-danger {
    border: none;
    box-shadow: none !important;
    color: #C21832;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
}

/*Aprobar*/
.btn-table-success {
    border: none;
    box-shadow: none !important;
    color: #44AC34;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #44AC34;
    --bs-btn-hover-border-color: #44AC34;
}


/* … */

/* || Tipografía - Ajuste de encabezados para aplicaciones web */

h1,
.h1 {
    font-size: calc(1.1rem + 1.2vw);
}

h2,
.h2 {
    font-size: calc(0.9rem + 1vw);
}

h3,
.h3 {
    font-size: calc(0.75rem + 0.875vw);
}

h4,
.h4 {
    font-size: calc(0.65rem + 0.75vw);
}

h5,
.h5 {
    font-size: calc(0.55rem + 0.625vw);
}

h6,
.h6 {
    font-size: calc(0.475rem + 0.5vw);
}

@media (min-width: 1200px) {

    h1,
    .h1 {
        font-size: 2.1rem;
    }

    h2,
    .h2 {
        font-size: 1.75rem;
    }

    h3,
    .h3 {
        font-size: 1.5rem;
    }

    h4,
    .h4 {
        font-size: 1.25rem;
    }

    h5,
    .h5 {
        font-size: 1rem;
    }

    h6,
    .h6 {
        font-size: 0.875rem;
    }
}


/* … */


/* || Accesibilidad */

/*Resaltar foco con tabulador */

*:focus:not(:focus-visible) {
    outline: none !important;
}

*:focus-visible {
    outline: 0.2rem solid #578fff !important;
    outline-offset: 0.1rem !important;
    z-index: 10000;
}

.error:focus-visible {
    outline: none !important;
}


/*Sólo visible para el lector*/

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}


/* … */