html {
  font-size: 14px;
}

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

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.tabla-emision {
    font-size: 11px;
}

    .tabla-emision th {
        font-size: 11px;
        white-space: nowrap;
        background: #f8f9fa;
    }

    .tabla-emision td {
        white-space: nowrap;
        padding: 2px 4px;
    }

/* Contenedor con scroll */
.sua-container {
    max-width: 100%;
    overflow-x: auto;
}

/* Tabla */
.sua-table {
    white-space: nowrap;
    font-size: 0.85rem;
}

    /* Encabezado */
    .sua-table thead th {
        position: sticky;
        top: 0;
        z-index: 10;
        background-color: #0d6efd;
        color: white;
        text-align: center;
        vertical-align: middle;
        font-weight: 600;
    }

    /* Filas */
    .sua-table tbody tr:hover {
        background-color: #f5f9ff;
    }

    /* Celdas */
    .sua-table td,
    .sua-table th {
        padding: 0.4rem;
        vertical-align: middle;
    }

        /* Valores numéricos */
        .sua-table td:nth-child(9),
        .sua-table td:nth-child(10),
        .sua-table td:nth-child(11),
        .sua-table td:nth-child(12),
        .sua-table td:nth-child(13),
        .sua-table td:nth-child(14),
        .sua-table td:nth-child(15),
        .sua-table td:nth-child(16),
        .sua-table td:nth-child(17),
        .sua-table td:nth-child(18),
        .sua-table td:nth-child(19),
        .sua-table td:nth-child(20),
        .sua-table td:nth-child(21),
        .sua-table td:nth-child(22),
        .sua-table td:nth-child(23),
        .sua-table td:nth-child(24),
        .sua-table td:nth-child(25),
        .sua-table td:nth-child(26),
        .sua-table td:nth-child(27),
        .sua-table td:nth-child(28) {
            text-align: right;
        }


/* =========================
   SUA Y MOVIMIENTOS
   ========================= */

.sua-container,
.movimientos-container {
    max-width: 100%;
    overflow-x: auto;
}

/* Tabla SUA y Movimientos */
.sua-table,
.movimientos-table {
    font-size: 11px;
    white-space: nowrap;
    margin-bottom: 0;
}

    /* Encabezados */
    .sua-table thead th,
    .movimientos-table thead th {
        position: sticky;
        top: 0;
        z-index: 10;
        background: #f8f9fa;
        color: #212529;
        font-size: 11px;
        font-weight: 600;
        text-align: center;
        vertical-align: middle;
        padding: 3px 6px;
    }

    /* Celdas */
    .sua-table td,
    .movimientos-table td {
        font-size: 11px;
        padding: 2px 4px;
        vertical-align: middle;
        white-space: nowrap;
    }

    /* Hover */
    .sua-table tbody tr:hover,
    .movimientos-table tbody tr:hover {
        background-color: #f3f7ff;
    }

    /* Números */
    .sua-table td.text-end,
    .movimientos-table td.text-end {
        text-align: right;
    }

    /* Centrado */
    .sua-table td.text-center,
    .movimientos-table td.text-center {
        text-align: center;
    }

    /* Tablas muy grandes */
    .sua-table th,
    .sua-table td,
    .movimientos-table th,
    .movimientos-table td {
        border-color: #dee2e6;
    }

    /* Filas compactas */
    .sua-table tbody tr,
    .movimientos-table tbody tr {
        line-height: 1.1;
    }



/* =========================
   LIQUIDACION MENSUAL
   ========================= */

.liq-container {
    max-width: 100%;
    overflow-x: auto;
}

.liq-table {
    font-size: 11px;
    white-space: nowrap;
    margin-bottom: 0;
}

    .liq-table thead th {
        position: sticky;
        top: 0;
        z-index: 10;
        background: #f8f9fa;
        color: #212529;
        font-size: 11px;
        font-weight: 600;
        text-align: center;
        vertical-align: middle;
        padding: 3px 6px;
    }

    .liq-table td {
        font-size: 11px;
        padding: 2px 4px;
        vertical-align: middle;
        white-space: nowrap;
    }

    .liq-table tbody tr:hover {
        background-color: #f3f7ff;
    }

    .liq-table td.text-end {
        text-align: right;
    }

    .liq-table td.text-center {
        text-align: center;
    }

    .liq-table th,
    .liq-table td {
        border-color: #dee2e6;
    }

    .liq-table tbody tr {
        line-height: 1.1;
    }

/* =========================
   LIQUIDACION BIMESTRAL
   ========================= */

.liqbim-container {
    max-width: 100%;
    overflow-x: auto;
}

.liqbim-table {
    font-size: 11px;
    white-space: nowrap;
    margin-bottom: 0;
}

    .liqbim-table thead th {
        position: sticky;
        top: 0;
        z-index: 10;
        background: #f8f9fa;
        color: #212529;
        font-size: 11px;
        font-weight: 600;
        text-align: center;
        vertical-align: middle;
        padding: 3px 6px;
    }

    .liqbim-table td {
        font-size: 11px;
        padding: 2px 4px;
        vertical-align: middle;
        white-space: nowrap;
    }

    .liqbim-table tbody tr:hover {
        background-color: #f3f7ff;
    }

    .liqbim-table td.text-end {
        text-align: right;
    }

    .liqbim-table td.text-center {
        text-align: center;
    }

    .liqbim-table th,
    .liqbim-table td {
        border-color: #dee2e6;
    }

    .liqbim-table tbody tr {
        line-height: 1.1;
    }

    /* Totales */
    .liqbim-table td.total {
        font-weight: 700;
        color: #0d6efd;
    }
/* =========================
   CONFRONTA MENSUAL
   ========================= */

.confronta-container {
    max-width: 100%;
    overflow-x: auto;
}

.confronta-table {
    font-size: 10px;
    white-space: nowrap;
    margin-bottom: 0;
}

    .confronta-table thead th {
        position: sticky;
        top: 0;
        z-index: 10;
        background: #f8f9fa;
        text-align: center;
        font-size: 10px;
        padding: 2px 4px;
    }

    .confronta-table td {
        font-size: 10px;
        padding: 2px 4px;
        vertical-align: middle;
    }

    .confronta-table tbody tr:hover {
        background-color: #f3f7ff;
    }

    .confronta-table .sua {
        background-color: #eef7ff;
    }

    .confronta-table .ema {
        background-color: #fff9e8;
    }

    .confronta-table .dif {
        background-color: #ffecec;
        font-weight: 700;
    }

    .confronta-table tbody tr {
        line-height: 1.05;
    }