/*
 * Tabla flexible: estilos aislados de los estilos globales del tema.
 */
.uaysen-tabla-flexible {
    --ut-min: 760px;
    --ut-first: 20%;
    --ut-space: 0px;
    --ut-line: 1px;
    --ut-line-color: #fff;
    --ut-outer: #32a69e;
    --ut-outer-line: 3px;
    --ut-head-bg: #32a69e;
    --ut-head-color: #fff;

    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    border: var(--ut-outer-line) solid var(--ut-outer);
    background: #fff;
    scrollbar-color: #9ba9bd #f0f3f7;
}

.uaysen-tabla-flexible--rounded {
    border-radius: 11px;
}

.uaysen-tabla-flexible:focus-visible {
    outline: 3px solid #153a85;
    outline-offset: 3px;
}

.uaysen-tabla-flexible .uaysen-tabla-flexible__table {
    width: 100%;
    min-width: var(--ut-min);
    margin: 0;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: var(--ut-space);
    background: #fff;
}

.uaysen-tabla-flexible .uaysen-tabla-flexible__table th,
.uaysen-tabla-flexible .uaysen-tabla-flexible__table td {
    box-sizing: border-box;
    min-height: 56px;
    padding: 14px 13px;
    vertical-align: middle;
    overflow-wrap: anywhere;
    border: var(--ut-line) solid var(--ut-line-color);
    font-size: 14px;
    line-height: 1.5;
    background-color: #fff;
    color: #14254f;
}

.uaysen-tabla-flexible .uaysen-tabla-flexible__table tr:first-child th {
    background-color: var(--ut-head-bg);
    color: var(--ut-head-color);
    font-weight: 600;
    text-align: center;
}

.uaysen-tabla-flexible .uaysen-tabla-flexible__table tr:first-child th:first-child {
    text-align: left;
}

.uaysen-tabla-flexible .uaysen-tabla-flexible__table tr:nth-child(odd):not(:first-child) td {
    background-color: #f5f6f8;
}

.uaysen-tabla-flexible .uaysen-tabla-flexible__table .uaysen-tabla-flexible__fija {
    position: sticky;
    left: var(--ut-left, 0px);
    z-index: 2;
    box-shadow: 3px 0 5px -5px rgba(22, 42, 75, .6);
}

.uaysen-tabla-flexible .uaysen-tabla-flexible__table th.uaysen-tabla-flexible__fija {
    z-index: 3;
}

.uaysen-tabla-flexible .uaysen-tabla-flexible__table.uaysen-tabla-flexible__measuring
.uaysen-tabla-flexible__fija {
    position: static;
}

.uaysen-tabla-flexible .uaysen-tabla-flexible__imagen {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 26px;
    max-height: 26px;
    margin: 0 9px 0 0;
    vertical-align: middle;
    object-fit: contain;
}

.uaysen-tabla-flexible .uaysen-tabla-flexible__table p {
    margin: 0;
}

@media (max-width: 600px) {
    .uaysen-tabla-flexible .uaysen-tabla-flexible__table th,
    .uaysen-tabla-flexible .uaysen-tabla-flexible__table td {
        padding: 11px;
    }
}