@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url("/Fonts/FontAwesome/fa-light-300.woff2") format("woff2")
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/Fonts/FontAwesome/fa-brands-400.woff2") format("woff2")
}

@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("/Fonts/FontAwesome/fa-solid-900.woff2") format("woff2")
}

@font-face {
    font-family: Karnov-Display;
    src: url("/Fonts/Karnov-Display.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-weight: 300;
    src: url("/Fonts/Roboto-Light.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-weight: 400;
    src: url("/Fonts/Roboto-Regular.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-weight: 500;
    src: url("/Fonts/Roboto-Medium.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-weight: 600;
    src: url("/Fonts/Roboto-Bold.woff2") format("woff2")
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: ""
    }

    blockquote:before, blockquote:after, q:before, q:after {
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

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

html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    font-size: var(--kg-font-size-base)
}

    html:focus-within {
        scroll-behavior: smooth
    }

body {
    -webkit-text-size-adjust: 100%;
    min-height: 100dvh;
    text-rendering: optimizeSpeed;
    font-family: var(--kg-font-family-base);
    color: var(--kg-body-color)
}

h1 {
    color: var(--kg-secondary-color);
    font-family: var(--kg-font-kg-display);
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    margin-block: 0 .65em;
    overflow-wrap: break-word;
    line-height: 56px;
    hyphens: initial
}

@media(min-width: 992px) {
    h1 {
        hyphens: auto
    }
}

h2 {
    color: var(--kg-secondary-color);
    font-family: var(--kg-font-kg-display);
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    margin-block: 0 .65em;
    overflow-wrap: break-word;
    line-height: 48px;
    hyphens: initial
}

@media(min-width: 992px) {
    h2 {
        hyphens: auto
    }
}

h3 {
    color: var(--kg-secondary-color);
    font-family: var(--kg-font-kg-display);
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    margin-block: 0 .65em;
    overflow-wrap: break-word;
    line-height: 32px;
    hyphens: initial
}

@media(min-width: 992px) {
    h3 {
        hyphens: auto
    }
}

h4 {
    color: var(--kg-secondary-color);
    font-family: var(--kg-font-kg-display);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    margin-block: 0 .65em;
    overflow-wrap: break-word;
    line-height: 28px;
    hyphens: initial
}

@media(min-width: 992px) {
    h4 {
        hyphens: auto
    }
}

h5 {
    color: var(--kg-secondary-color);
    font-family: var(--kg-font-kg-display);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    margin-block: 0 .65em;
    overflow-wrap: break-word;
    line-height: 24px;
    hyphens: initial
}

@media(min-width: 992px) {
    h5 {
        hyphens: auto
    }
}

h6 {
    color: var(--kg-secondary-color);
    font-family: var(--kg-font-kg-display);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-block: 0 .65em;
    overflow-wrap: break-word;
    line-height: 16px;
    hyphens: initial
}

@media(min-width: 992px) {
    h6 {
        hyphens: auto
    }
}

p, pre {
    margin-block: 0 .65em;
    overflow-wrap: break-word;
    text-wrap: pretty
}

em {
    font-style: normal
}

dfn {
    font-style: normal
}

ol, ul, dl {
    margin-block: 0;
    hyphens: auto;
    overflow-wrap: break-word
}

    ol ol, ul ul, ol ul, ul ol {
        margin-block: 0
    }

dt {
    font-weight: 500
}

dd {
    margin-block: 0;
    margin-inline: 0
}

b, strong {
    font-weight: 600
}

i {
    font-style: italic
}

a {
    text-decoration: none;
    cursor: pointer;
    outline: none
}

    a:not([href]):not([class]):not([onclick]):not([title="enlace a Documento"]), a:not([href]):not([class]):not([onclick]):not([title="enlace a Documento"]):hover, a:not([onclick]):not([class]):not([title="enlace a Documento"]), a:not([onclick]):not([class]):not([title="enlace a Documento"]):hover {
        color: inherit;
        text-decoration: none
    }

img {
    vertical-align: middle;
    display: inline-block;
    line-height: 0;
    max-inline-size: 100%;
    max-block-size: 100%
}

svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    display: none
}

thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

th {
    font-weight: 600;
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

    button:focus:not(:focus-visible) {
        outline: 0
    }

input, button, select, optgroup, textarea {
    font-size: inherit;
    line-height: inherit;
    outline: none;
    font-family: var(--kg-font-family-base);
    color: var(--kg-body-color)
}

input, textarea {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto
}

    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px #fff inset
    }

    input[type=radio], input[type=checkbox] {
        --imput-checkbox-size: 1.5em;
        --imput-border: var(--kg-border-medium);
        background-color: #fff;
        border: var(--imput-border);
        border-radius: 5px;
        cursor: pointer;
        line-height: 1.5em;
        font-size: .8em;
        display: flex;
        justify-content: center;
        align-items: center;
        align-self: center;
        margin: 0;
        min-width: var(--imput-checkbox-size);
        width: var(--imput-checkbox-size);
        height: var(--imput-checkbox-size);
        -webkit-appearance: none
    }

        input[type=radio]:checked, input[type=checkbox]:checked {
            background-color: var(--kg-checked-color);
            color: var(--kg-checked-color)
        }

            input[type=radio]:checked::before, input[type=checkbox]:checked::before {
                font-family: var(--kg-font-family-icons);
                content: "";
                color: #fff;
                font-size: .8em;
                line-height: 17px
            }

        input[type=radio] + label, input[type=checkbox] + label {
            margin-left: 8px
        }

    input[type=radio] {
        --input-radio-size: 18px;
        --input-radio-min-width: auto;
        border-radius: 50%;
        width: var(--input-radio-size);
        height: var(--input-radio-size);
        min-width: var(--input-radio-min-width)
    }

        input[type=radio]:checked {
            background-color: var(--kg-checked-color);
            color: var(--kg-checked-color)
        }

    input[type=text] {
        background-color: #fff;
        border-radius: 5px;
        border: var(--kg-border-medium);
        height: 32px;
        line-height: 32px;
        padding-left: 8px;
        width: 90%;
        transition: border .1s ease-out
    }

button, select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

    select:disabled {
        opacity: 1
    }

    select:focus {
        outline: none
    }

button, [type=button], [type=reset], [type=submit] {
    appearance: button;
    -webkit-appearance: button
}

    button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
        cursor: pointer
    }

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical;
    white-space: revert
}

fieldset {
    min-width: 0
}

legend {
    width: 100%;
    padding: 0;
    margin-block: 0 .65em;
    font-size: 14px;
    font-weight: 600;
    line-height: inherit
}

::placeholder {
    color: var(--kg-disabled-color);
    opacity: 1
}

[type=search] {
    appearance: textfield;
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

[hidden] {
    display: none !important;
    visibility: hidden !important
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

iframe {
    border: 0
}

html {
    scrollbar-width: thin
}

    html::-webkit-scrollbar {
        width: 13px
    }

    html::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    html::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

html {
    overflow-x: hidden
}

.withOverflow {
    overflow: hidden
}

.ac {
    text-align: center
}

.document-content .Highlight {
    background-color: var(--kg-highlight-background-color);
    color: var(--kg-highlight-color);
    padding: 2px
}

.didomi-host {
    font-family: var(--kg-body-font-family)
}

:root {
    --kg-name: default;
    --kg-role-logo-symbol: url(/img/logos/logo_symbol-ALL.svg);
    --kg-logo: url(/img/logos/Aranzadi_LALEY.svg);
    --kg-primary-color: #FED506;
    --kg-secondary-color: #00003C;
    --kg-accent-color: #81AFC8;
    --kg-menu-color: #00003C;
    --kg-menu-background-color: #fff;
    --kg-menu-text-color: #00003C;
    --kg-menu-elinks-color: #81AFC8;
    --kg-menu-elinks-background-color: #F4F8FB;
    --kg-menu-elinks-text-color: #00003C;
    --kg-header-background-color: #fff;
    --kg-header-text-color: #00003C;
    --kg-header-border-color: #00003C;
    --kg-ju-contra: none;
    --kg-ju-favor: none;
    --kg-ju-jurimetria: none;
    --kg-fo-tipo-form: none;
    --kg-fo-voces: none;
    --kg-legalteca: flex;
    --kg-i-role: block;
    --kg-tab-type-element: flex;
    --kg-addToMyDocuments: block;
    --kg-print-export-tabs: grid;
    --kg-query-links: inline-flex;
    --kg-gen-history: flex;
    --kg-gen-conversation: 21.5em 1fr;
    --kg-gen-conversation-page: grid
}

    :root [data-role=insignis] {
        --kg-name: insignis;
        --kg-role-logo-symbol: url(/img/logos/logo_symbol-A.svg);
        --kg-logo: url(/img/logos/Aranzadi_Insignis.svg);
        --kg-primary-color: #FED506;
        --kg-secondary-color: #00003C;
        --kg-accent-color: #81AFC8;
        --kg-menu-color: #00003C;
        --kg-menu-background-color: #fff;
        --kg-menu-text-color: #00003C;
        --kg-menu-elinks-color: #81AFC8;
        --kg-menu-elinks-background-color: #F4F8FB;
        --kg-menu-elinks-text-color: #00003C;
        --kg-header-background-color: #fff;
        --kg-header-text-color: #00003C;
        --kg-header-border-color: #00003C;
        --kg-ju-contra: none;
        --kg-ju-favor: none;
        --kg-ju-jurimetria: none;
        --kg-ju-ico-ponente: "";
        --kg-fo-tipo-form: none;
        --kg-fo-voces: none;
        --kg-legalteca: flex;
        --kg-i-role: block;
        --kg-tab-type-element: flex;
        --kg-addToMyDocuments: block;
        --kg-print-export-tabs: grid;
        --kg-query-links: inline-flex;
        --kg-gen-history: flex;
        --kg-gen-conversation: 21.5em 1fr;
        --kg-gen-conversation-page: grid
    }

    :root [data-role=institutions] {
        --kg-name: institutions;
        --kg-role-logo-symbol: url(/img/logos/logo_symbol-A.svg);
        --kg-logo: url(/img/logos/Aranzadi_Instituciones.svg);
        --kg-primary-color: #FED506;
        --kg-secondary-color: #00003C;
        --kg-accent-color: #81AFC8;
        --kg-menu-color: #00003C;
        --kg-menu-background-color: #fff;
        --kg-menu-text-color: #00003C;
        --kg-menu-elinks-color: #81AFC8;
        --kg-menu-elinks-background-color: #F4F8FB;
        --kg-menu-elinks-text-color: #00003C;
        --kg-header-background-color: #fff;
        --kg-header-text-color: #00003C;
        --kg-header-border-color: #00003C;
        --kg-ju-contra: none;
        --kg-ju-favor: none;
        --kg-ju-jurimetria: none;
        --kg-ju-ico-ponente: "";
        --kg-fo-tipo-form: none;
        --kg-fo-voces: none;
        --kg-legalteca: flex;
        --kg-i-role: block;
        --kg-tab-type-element: flex;
        --kg-addToMyDocuments: block;
        --kg-print-export-tabs: grid;
        --kg-query-links: inline-flex;
        --kg-gen-history: flex;
        --kg-gen-conversation: 21.5em 1fr;
        --kg-gen-conversation-page: grid
    }

    :root [data-role=professional] {
        --kg-name: professional;
        --kg-role-logo-symbol: url(/img/logos/logo_symbol-A.svg);
        --kg-logo: url(/img/logos/Aranzadi_Professional.svg);
        --kg-primary-color: #FED506;
        --kg-secondary-color: #00003C;
        --kg-accent-color: #81AFC8;
        --kg-menu-color: #00003C;
        --kg-menu-background-color: #fff;
        --kg-menu-text-color: #00003C;
        --kg-menu-elinks-color: #81AFC8;
        --kg-menu-elinks-background-color: #F4F8FB;
        --kg-menu-elinks-text-color: #00003C;
        --kg-header-background-color: #fff;
        --kg-header-text-color: #00003C;
        --kg-header-border-color: #00003C;
        --kg-ju-contra: none;
        --kg-ju-favor: none;
        --kg-ju-jurimetria: none;
        --kg-ju-ico-ponente: "";
        --kg-fo-tipo-form: none;
        --kg-fo-voces: none;
        --kg-legalteca: flex;
        --kg-i-role: block;
        --kg-tab-type-element: flex;
        --kg-addToMyDocuments: block;
        --kg-print-export-tabs: grid;
        --kg-query-links: inline-flex;
        --kg-gen-history: flex;
        --kg-gen-conversation: 21.5em 1fr;
        --kg-gen-conversation-page: grid
    }

    :root [data-role=aranzadiley] {
        --kg-name: aranzadiley;
        --kg-role-logo-symbol: url(/img/logos/logo_symbol-A.svg);
        --kg-logo: url(/img/logos/Aranzadi_Ley.svg);
        --kg-primary-color: #FED506;
        --kg-secondary-color: #00003C;
        --kg-accent-color: #81AFC8;
        --kg-menu-color: #00003C;
        --kg-menu-background-color: #fff;
        --kg-menu-text-color: #00003C;
        --kg-menu-elinks-color: #81AFC8;
        --kg-menu-elinks-background-color: #F4F8FB;
        --kg-menu-elinks-text-color: #fff;
        --kg-header-background-color: #fff;
        --kg-header-text-color: #00003C;
        --kg-header-border-color: #00003C;
        --kg-ju-contra: flex;
        --kg-ju-favor: flex;
        --kg-ju-jurimetria: flex;
        --kg-ju-ico-ponente: "";
        --kg-fo-tipo-form: none;
        --kg-fo-voces: none;
        --kg-legalteca: flex;
        --kg-i-role: block;
        --kg-tab-type-element: flex;
        --kg-addToMyDocuments: block;
        --kg-print-export-tabs: grid;
        --kg-query-links: inline-flex;
        --kg-gen-history: flex;
        --kg-gen-conversation: 21.5em 1fr;
        --kg-gen-conversation-page: grid
    }

    :root [data-role=infinita] {
        --kg-name: infinita;
        --kg-role-logo-symbol: url(/img/logos/logo_symbol-A-white.svg);
        --kg-logo: url(/img/logos/Aranzadi_Infinita-w.svg);
        --kg-primary-color: #FED506;
        --kg-secondary-color: #00003C;
        --kg-accent-color: #81AFC8;
        --kg-menu-color: #00003C;
        --kg-menu-background-color: #fff;
        --kg-menu-text-color: #00003C;
        --kg-menu-elinks-color: #81AFC8;
        --kg-menu-elinks-background-color: #F4F8FB;
        --kg-menu-elinks-text-color: #00003C;
        --kg-header-background-color: #00003C;
        --kg-header-text-color: #fff;
        --kg-header-border-color: #FED506;
        --kg-ju-contra: flex;
        --kg-ju-favor: flex;
        --kg-ju-jurimetria: flex;
        --kg-ju-ico-ponente: "";
        --kg-fo-tipo-form: flex;
        --kg-fo-voces: flex;
        --kg-legalteca: flex;
        --kg-i-role: block;
        --kg-tab-type-element: flex;
        --kg-addToMyDocuments: block;
        --kg-print-export-tabs: grid;
        --kg-query-links: inline-flex;
        --kg-gen-history: flex;
        --kg-gen-conversation: 21.5em 1fr;
        --kg-gen-conversation-page: grid
    }

    :root [data-role=supra] {
        --kg-name: supra;
        --kg-role-logo-symbol: url(/img/logos/logo_symbol-A-white.svg);
        --kg-logo: url(/img/logos/ARANZADI_Supra-w.svg);
        --kg-primary-color: #FED506;
        --kg-secondary-color: #00003C;
        --kg-accent-color: #81AFC8;
        --kg-menu-color: #00003C;
        --kg-menu-background-color: #fff;
        --kg-menu-text-color: #00003C;
        --kg-menu-elinks-color: #81AFC8;
        --kg-menu-elinks-background-color: #F4F8FB;
        --kg-menu-elinks-text-color: #00003C;
        --kg-header-background-color: #81AFC8;
        --kg-header-text-color: #fff;
        --kg-header-border-color: #00003C;
        --kg-ju-contra: flex;
        --kg-ju-favor: flex;
        --kg-ju-jurimetria: flex;
        --kg-ju-ico-ponente: "";
        --kg-fo-tipo-form: none;
        --kg-fo-voces: none;
        --kg-legalteca: flex;
        --kg-i-role: block;
        --kg-tab-type-element: flex;
        --kg-addToMyDocuments: block;
        --kg-print-export-tabs: grid;
        --kg-query-links: inline-flex;
        --kg-gen-history: flex;
        --kg-gen-conversation: 21.5em 1fr;
        --kg-gen-conversation-page: grid
    }

    :root [data-role=public-admon] {
        --kg-name: default;
        --kg-role-logo-symbol: url(/img/logos/logo_symbol-ALL.svg);
        --kg-logo: url(/img/logos/Aranzadi_LALEY.svg);
        --kg-primary-color: #FED506;
        --kg-secondary-color: #00003C;
        --kg-accent-color: #81AFC8;
        --kg-menu-color: #00003C;
        --kg-menu-background-color: #fff;
        --kg-menu-text-color: #00003C;
        --kg-menu-elinks-color: #81AFC8;
        --kg-menu-elinks-background-color: #F4F8FB;
        --kg-menu-elinks-text-color: #00003C;
        --kg-header-background-color: #fff;
        --kg-header-text-color: #00003C;
        --kg-header-border-color: #00003C;
        --kg-ju-contra: none;
        --kg-ju-favor: none;
        --kg-ju-jurimetria: none;
        --kg-ju-ico-ponente: "";
        --kg-fo-tipo-form: none;
        --kg-fo-voces: none;
        --kg-legalteca: none;
        --kg-i-role: none;
        --kg-tab-type-element: none;
        --kg-addToMyDocuments: none;
        --kg-print-export-tabs: none;
        --kg-query-links: none;
        --kg-gen-history: flex;
        --kg-gen-conversation: 21.5em 1fr;
        --kg-gen-conversation-page: grid
    }

    :root [data-personalice=default] {
        --kg-name: default;
        --kg-gen-history: flex;
        --kg-gen-conversation: 21.5em 1fr;
        --kg-gen-conversation-page: grid;
        --kg-logo: url(/img/logos/Aranzadi_LALEY.svg)
    }

    :root [data-personalice=concurrente] {
        --kg-name: concurrente;
        --kg-gen-history: none;
        --kg-gen-conversation: 1fr;
        --kg-gen-conversation-page: block
    }

    :root [data-personalice=fusion] {
        --kg-name: fusion;
        --kg-logo: url(/img/logos/ARANZADI_Fusion--Positiv_rgb.svg)
    }

    :root [data-personalice=fusion-inf] {
        --kg-name: fusion-inf;
        --kg-logo: url(/img/logos/ARANZADI_Fusion--Positiv_White_rgb.svg)
    }

    :root [data-personalice=one] {
        --kg-name: one;
        --kg-logo: url(/img/logos/Aranzadi_one.svg)
    }

    :root [data-personalice-plus=default] {
        --kg-name: default;
        --kg-logo: url(/img/logos/Aranzadi_LALEY.svg)
    }

    :root [data-personalice-plus=fusion] {
        --kg-name: fusion;
        --kg-logo: url(/img/logos/ARANZADI_Fusion--Positiv_rgb.svg)
    }

    :root [data-personalice-plus=fusion-inf] {
        --kg-name: fusion-inf;
        --kg-logo: url(/img/logos/ARANZADI_Fusion--Positiv_White_rgb.svg)
    }

    :root [data-personalice-plus=one] {
        --kg-name: one;
        --kg-logo: url(/img/logos/Aranzadi_one.svg)
    }

:root {
    --kg-brand-primary-color: #FED506;
    --kg-brand-secondary-blue: #00003C;
    --kg-brand-secondary-light-blue: #E4EEF4;
    --kg-brand-secondary-light-yellow: #FFFBDD;
    --kg-brand-complementary-blue: #81AFC8;
    --kg-brand-complementary-green: #406E5E;
    --kg-brand-complementary-red: #C79397;
    --kg-brand-background-dark-gray: #1D1D1B;
    --kg-brand-background-light-gray: #EDECEC;
    --kg-brand-background-light-blue: #F4F8FB;
    --kg-primary-color: #FED506;
    --kg-secondary-color: #00003C;
    --kg-tertiary-color: #81AFC8;
    --kg-complementary-color: rgb(68.9779005525, 126.6685082873, 158.0220994475);
    --kg-accent-color: #81AFC8;
    --kg-success-color: rgb(82.7586206897, 142.2413793103, 121.5517241379);
    --kg-info-color: #35a4e1;
    --kg-warning-color: #FFDA12;
    --kg-error-color: #e5202e;
    --kg-light-color: #f3f3ee;
    --kg-dark-color: #1D1D1B;
    --kg-calendar-color: #406E5E;
    --kg-disabled-color: #c2c3c5;
    --kg-neutral-color: #dbdbdb;
    --kg-neutral-dark-color: #666666;
    --kg-backdrop-color: #1D1D1B;
    --kg-checked-color: #666666;
    --kg-delete-color: #e5202e;
    --kg-cite-color: #E4EEF4;
    --kg-link-color: #81AFC8;
    --kg-revoke-background-color: #EDECEC;
    --kg-revoke-text-color: #666666;
    --kg-insert-background-color: #406E5E;
    --kg-insert-text-color: #fff;
    --kg-complementary-link-color: #0077AA;
    --kg-complementary-light-color: #F9F9F6;
    --kg-footer-color: #00003C;
    --kg-translucent-color: rgba(255, 255, 255, 0.6);
    --kg-green-100: rgb(236.0344827586, 243.9655172414, 241.2068965517);
    --kg-green-200: rgb(171.5517241379, 206.4482758621, 194.3103448276);
    --kg-green-300: rgb(107.0689655172, 168.9310344828, 147.4137931034);
    --kg-green-400: rgb(82.7586206897, 142.2413793103, 121.5517241379);
    --kg-green-500: #406E5E;
    --kg-green-600: rgb(45.2413793103, 77.7586206897, 66.4482758621);
    --kg-green-700: rgb(35.8620689655, 61.6379310345, 52.6724137931);
    --kg-green-800: rgb(26.4827586207, 45.5172413793, 38.8965517241);
    --kg-green-900: rgb(17.1034482759, 29.3965517241, 25.1206896552);
    --kg-blue-100: rgb(217.7569060773, 231.3535911602, 238.7430939227);
    --kg-blue-200: rgb(200.0055248619, 220.0828729282, 230.9944751381);
    --kg-blue-300: #81AFC8;
    --kg-blue-400: rgb(68.9779005525, 126.6685082873, 158.0220994475);
    --kg-blue-500: rgb(61.229281768, 112.4392265193, 140.270718232);
    --kg-blue-600: rgb(53.4806629834, 98.2099447514, 122.5193370166);
    --kg-blue-700: #35a4e1;
    --kg-blue-800: #0077AA;
    --kg-ju-favor-color: #5CB8A0;
    --kg-ju-contra-color: #e5202e;
    --kg-flag-inforce: rgb(107.0689655172, 168.9310344828, 147.4137931034);
    --kg-flag-partial: #FFDA12;
    --kg-flag-revoke: #e5202e;
    --kg-flag-vacatio: #fff;
    --kg-flag-confirmed: #35a4e1;
    --kg-highlight-color: black;
    --kg-highlight-background-color: rgb(254.51, 234.42, 132.99);
    --kg-highlight-01: #f6b1b6;
    --kg-highlight-02: rgb(236.0344827586, 243.9655172414, 241.2068965517);
    --kg-highlight-03: #f8d8a6;
    --kg-highlight-04: #00003C;
    --kg-highlight-04c: #E4EEF4;
    --kg-highlight-05: rgb(200.0055248619, 220.0828729282, 230.9944751381);
    --kg-highlight-destacado: #EDECEC;
    --kg-highlight-destacado-color: rgb(236.0344827586, 243.9655172414, 241.2068965517);
    --kg-highlight-destacado-example: #fff;
    --kg-highlight-destacado-observacion: rgb(107.0689655172, 168.9310344828, 147.4137931034);
    --kg-highlight-destacado-flash: rgb(82.7586206897, 142.2413793103, 121.5517241379);
    --kg-highlight-destacado-fragmento: #C79397;
    --kg-highlight-chat: rgb(242.5365853659, 230.9634146341, 231.8536585366);
    --kg-laboral-color: #e5202e;
    --kg-fiscal-color: rgb(82.7586206897, 142.2413793103, 121.5517241379);
    --kg-mercantil-color: #FED506;
    --kg-contencioso-color: #1D1D1B;
    --kg-penal-color: #35a4e1;
    --kg-breakpoint-xs: 0;
    --kg-breakpoint-sm: 576px;
    --kg-breakpoint-md: 768px;
    --kg-breakpoint-lg: 992px;
    --kg-breakpoint-xl: 1200px;
    --kg-breakpoint-xxl: 1400px;
    --kg-font-size-base: 16px;
    --kg-font-monospace: "Courier New", monospace;
    --kg-font-family-icons: "Font Awesome 6 Pro";
    --kg-font-family-sans-serif: Roboto, sans-serif;
    --kg-font-family-base: Roboto, sans-serif;
    --kg-font-fa-icons: "Font Awesome 6 Pro";
    --kg-font-fa-icons-solid: "Font Awesome 6 Pro" normal 900 1em/1;
    --kg-font-fa-icons-light: "Font Awesome 6 Pro" normal 300 1em/1;
    --kg-font-fa-icons-brands: "Font Awesome 6 Brands";
    --kg-font-kg-display: Karnov-Display;
    --kg-border-width: 0.1em;
    --kg-border-style: solid;
    --kg-border-color: #f3f3ee;
    --kg-border-transparent: var(--kg-border-width) var(--kg-border-style) transparent;
    --kg-border-default: var(--kg-border-width) var(--kg-border-style) var(--kg-border-color);
    --kg-border-medium: var(--kg-border-width) var(--kg-border-style) #c2c3c5;
    --kg-border-dark: var(--kg-border-width) var(--kg-border-style) #808080;
    --kg-border-black: var(--kg-border-width) var(--kg-border-style) #000;
    --kg-border-radius: 0.2rem;
    --kg-border-radius-xl: 1rem;
    --kg-box-shadow: 0 2px 4px 0 #c2c3c5;
    --kg-box-shadow-soft: 1px 1px 11px 0px rgba(0, 0, 0, 0.16);
    --kg-box-shadow-medium: 0px 2px 4px 0px #c2c3c5;
    --kg-box-shadow-deep: 10px 8px 8px -8px #c2c3c5;
    --kg-box-shadow-right: 1px 0px 2px 0px #c2c3c5;
    --kg-box-shadow-backdrop: 0 0 0 2000px rgba(0, 0, 0, 0.7);
    --kg-box-shadow-inset-soft: inset 0 0 6px rgba(0, 0, 0, 0.3);
    --kg-box-shadow-inset-medium: inset 0 0 6px rgba(0, 0, 0, 0.5);
    --kg-body-font-family: var(--kg-font-family-sans-serif);
    --kg-body-color: #1D1D1B;
    --kg-body-secondary-color: rgba(29, 29, 27, 0.75);
    --kg-body-background-color: #f3f3ee;
    --kg-document-background-color: #fff;
    --kg-ebook-background-color: #E4EEF4;
    --kg-footer-info-background-color: #bababa;
    --kg-footer-info-text-color: #1D1D1B;
    --kg-footer-legal-background-color: #1D1D1B;
    --kg-footer-legal-text-color: #fff;
    --kg-footer-logo: url(/img/logos/logo_ALL_KG-w.svg);
    --kg-footer-logo-logged-in: url(/img/logos/logo_ALL_KG-w-line.png)
}

.bandera:not(span) {
    font-weight: 600
}

    .bandera:not(span)::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .bandera:not(span).banderaVerde {
        color: var(--kg-flag-inforce)
    }

    .bandera:not(span).banderaAmarilla {
        color: var(--kg-flag-partial)
    }

    .bandera:not(span).banderaRoja {
        color: var(--kg-flag-revoke)
    }

    .bandera:not(span).banderaBlanca {
        color: var(--kg-flag-vacatio)
    }

        .bandera:not(span).banderaBlanca::before {
            text-shadow: 1px 1px 2px #000
        }

    .bandera:not(span).banderaAzul {
        color: var(--kg-flag-confirmed)
    }

.button-toggle-menu {
    justify-content: flex-end
}

@media(min-width: 992px) {
    .button-toggle-menu {
        justify-content: center
    }
}

.button-toggle-menu {
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: .75em 1em .4em 1em;
    gap: .5em
}

    .button-toggle-menu::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .button-toggle-menu.op-nav {
        justify-content: flex-end
    }

        .button-toggle-menu.op-nav::before {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

        .button-toggle-menu.op-nav.init {
            visibility: initial
        }

@media(min-width: 992px) {
    .button-toggle-menu.op-nav.init {
        visibility: hidden
    }
}

.cHead .button-toggle-menu::before {
    display: flex
}

@media(min-width: 992px) {
    .cHead .button-toggle-menu::before {
        display: none
    }
}

.cHead .button-toggle-menu::before {
    justify-content: flex-start
}

@media(min-width: 992px) {
    .cHead .button-toggle-menu::before {
        justify-content: inherit
    }
}

.cHead .button-toggle-menu::before {
    padding: 0
}

@media(min-width: 992px) {
    .cHead .button-toggle-menu::before {
        padding: inherit
    }
}

.cHead .button-toggle-menu::before {
    --bg: var(--kg-header-background-color);
    background: var(--bg);
    color: lch(from var(--bg) calc((49.44 - l) * infinity) 0 0);
    font-family: var(--kg-font-family-icons);
    content: "";
    font-weight: 600;
    font-size: 1.45em
}

h3[class^=int], .interes {
    display: inline-block !important;
    font-style: normal !important;
    height: 1em !important;
    font-size: 1em !important;
    line-height: 1em !important;
    margin: 0 !important;
    position: relative;
    overflow: hidden;
    --var-half-start: .55em
}

    h3[class^=int]::before, .interes::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        color: var(--kg-disabled-color);
        font-weight: 500;
        height: 1em !important
    }

    h3[class^=int]::after, .interes::after {
        color: var(--kg-primary-color);
        font-weight: 600;
        height: 1em !important;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        white-space: nowrap
    }

    h3[class^=int].int1::after, h3[class^=int].int2::after, .interes.int1::after, .interes.int2::after {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    h3[class^=int].int3::after, h3[class^=int].int4::after, .interes.int3::after, .interes.int4::after {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    h3[class^=int].int5::after, h3[class^=int].int6::after, .interes.int5::after, .interes.int6::after {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    h3[class^=int].int7::after, h3[class^=int].int8::after, .interes.int7::after, .interes.int8::after {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    h3[class^=int].int9::after, h3[class^=int].int10::after, .interes.int9::after, .interes.int10::after {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    h3[class^=int].int1::after, h3[class^=int].sin::after, .interes.int1::after, .interes.sin::after {
        width: calc(var(--var-half-start)*1)
    }

    h3[class^=int].int3::after, .interes.int3::after {
        width: calc(var(--var-half-start)*3.2)
    }

    h3[class^=int].int5::after, .interes.int5::after {
        width: calc(var(--var-half-start)*5.2)
    }

    h3[class^=int].int7::after, .interes.int7::after {
        width: calc(var(--var-half-start)*7.2)
    }

    h3[class^=int].int9::after, .interes.int9::after {
        width: calc(var(--var-half-start)*9.2)
    }

.HighlightSearchMarked {
    background-color: var(--kg-highlight-04);
    color: var(--kg-highlight-04c);
    padding: 2px 0
}

.HighlightSearch {
    background-color: var(--kg-highlight-05);
    padding: 2px 0
}

.docHighlight1 {
    background-color: var(--kg-highlight-01);
    text-decoration: none;
    padding: 3px 0
}

.docHighlight2 {
    background-color: var(--kg-highlight-02);
    text-decoration: none;
    padding: 3px 0
}

.docHighlight3 {
    background-color: var(--kg-highlight-03);
    text-decoration: none;
    padding: 3px 0
}

.kg-social-link {
    color: inherit
}

    .kg-social-link dfn {
        display: none
    }

    .kg-social-link.linkedin::before {
        font-family: var(--kg-font-fa-icons-brands);
        content: ""
    }

    .kg-social-link.facebook::before {
        font-family: var(--kg-font-fa-icons-brands);
        content: ""
    }

    .kg-social-link.x-twitter::before {
        font-family: var(--kg-font-fa-icons-brands);
        content: ""
    }

    .kg-social-link.instagram::before {
        font-family: var(--kg-font-fa-icons-brands);
        content: ""
    }

    .kg-social-link.youtube::before {
        font-family: var(--kg-font-fa-icons-brands);
        content: ""
    }

.iMg img.cl {
    display: none !important
}

a.IconFavourite > img, a.cJU > img, a.cCS > img, a.cDT > img, a.cPR > img, a.cFO > img, a.cEX > img, a.cIF > img, a.cNE > img, a.iJU > img, a.iCS > img, a.iDT > img, a.iPR > img, a.iFO > img, a.iEX > img, a.iIF > img, a.iLE > img, a.btnConsultas > img {
    display: none
}

#cCn .bandera {
    display: none
}

.bc, .btnConsultas, .mVersc, p.cn, #ui-datepicker-div, .cDT, .cBL, .cLE, .cCS, .cIF, .cJU, .cFO, .cPR, a.iAN, .ccnOff, #eFO, #dCm, #idU, #lDR, #cVe #busq_ver, #dCm.dCmO, .modcom, .cl {
    display: none
}

.DocumentContentControl + #pmDocDate {
    display: none
}

.DocumentContentControl:has(.maximas-relacionadas) + .PaintMetadataControl {
    display: none
}

.visitedForDocument {
    display: none
}

div[id*=dc1-] {
    line-height: 1.5em;
    position: relative;
    text-align: justify;
    width: 100%
}

#datos-identificativos dt.h3 {
    display: none
}

#datos-identificativos .di {
    margin-top: 0
}

    #datos-identificativos .di dt {
        position: relative;
        padding-left: 1em
    }

        #datos-identificativos .di dt::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            color: var(--kg-accent-color);
            font-size: .5em;
            font-weight: 500;
            position: absolute;
            left: 0;
            vertical-align: top
        }

    #datos-identificativos .di dd {
        margin-left: 12px
    }

        #datos-identificativos .di dd dt::before {
            font-size: 7px
        }

        #datos-identificativos .di dd.dPB dl {
            margin: 5px
        }

        #datos-identificativos .di dd.dPB dd {
            display: inline
        }

#datos-identificativos iframe {
    height: 100vh;
    width: 100%;
    border: none;
    display: block
}

.historiaConvenio .document-tab-container .h3 {
    display: block;
    font-size: 16px;
    pointer-events: none
}

.historiaConvenio .document-tab-container .dSF .h3 {
    display: block
}

.document-content #lDR #img_derogada[alt=prorrogado], #cCx #lDR #img_derogada[alt=prorrogado] {
    visibility: hidden
}

    .document-content #lDR #img_derogada[alt=prorrogado]:after, #cCx #lDR #img_derogada[alt=prorrogado]:after {
        color: var(--kg-complementary-color);
        content: "PRORROGADO";
        visibility: visible;
        position: absolute;
        left: 3px;
        font-weight: 500
    }

#cDocument p:empty {
    display: none
}

.DocumentContentControl {
    min-height: var(--available-height);
    position: relative
}

    .DocumentContentControl .tBody {
        display: grid;
        height: 100%;
        width: 100%;
        transition: all .3s ease
    }

        .DocumentContentControl .tBody:has(.deploy-isis):has(.document-aside) {
            grid-template-areas: "document-aside" "document-content"
        }

@media(min-width: 992px) {
    .DocumentContentControl .tBody:has(.deploy-isis):has(.document-aside) {
        grid-template-areas: "document-aside document-content"
    }
}

.DocumentContentControl .tBody:has(.deploy-isis):has(.document-aside) {
    grid-template-columns: auto
}

@media(min-width: 992px) {
    .DocumentContentControl .tBody:has(.deploy-isis):has(.document-aside) {
        grid-template-columns: 20em auto
    }
}

.DocumentContentControl .tBody:has(.deploy-isis):not(:has(#MenC)):not(:has(.liE:empty)) {
    grid-template-columns: auto
}

@media(min-width: 992px) {
    .DocumentContentControl .tBody:has(.deploy-isis):not(:has(#MenC)):not(:has(.liE:empty)) {
        grid-template-columns: 0 auto
    }
}

.DocumentContentControl .tBody:has(.deploy-isis):not(:has(#MenC)):not(:has(.liE:empty)) {
    display: block
}

@media(min-width: 992px) {
    .DocumentContentControl .tBody:has(.deploy-isis):not(:has(#MenC)):not(:has(.liE:empty)) {
        display: grid
    }
}

.DocumentContentControl .tBody:has(.deploy-isis):not(:has(#MenC)):not(:has(.liE:empty)) #cCx {
    display: none
}

@media(min-width: 992px) {
    .DocumentContentControl .tBody:has(.deploy-isis):not(:has(#MenC)):not(:has(.liE:empty)) #cCx {
        display: flex
    }
}

.DocumentContentControl .tBody:has(.deploy-isis):has(#MenC .liE:empty) {
    grid-template-columns: auto;
    grid-template-areas: "document-content"
}

    .DocumentContentControl .tBody:has(.deploy-isis):has(#MenC .liE:empty) #cCx {
        display: none
    }

.DocumentContentControl .tBody:has(.deploy-isis):has(.document-aside.folded) {
    grid-template-columns: 1.5em auto
}

.DocumentContentControl .tBody:has(.document-aside-queries) {
    grid-template-areas: "document-aside-queries" "document-content"
}

@media(min-width: 992px) {
    .DocumentContentControl .tBody:has(.document-aside-queries) {
        grid-template-areas: "document-aside-queries document-content"
    }
}

.DocumentContentControl .tBody:has(.document-aside-queries) {
    grid-template-columns: auto
}

@media(min-width: 992px) {
    .DocumentContentControl .tBody:has(.document-aside-queries) {
        grid-template-columns: 24em auto
    }
}

.DocumentContentControl .tBody #cCx:not(.document-aside-queries), .DocumentContentControl .tBody .document-aside {
    grid-area: document-aside
}

    .DocumentContentControl .tBody #cCx:not(.document-aside-queries)[style*="height: "], .DocumentContentControl .tBody .document-aside[style*="height: "] {
        height: auto !important
    }

.DocumentContentControl .tBody .document-aside-queries {
    grid-area: document-aside-queries
}

.DocumentContentControl .tBody:not(:has(.document-content)) #cCn {
    grid-area: document-content
}

.DocumentContentControl .tBody .deploy-isis:not(.folded) + .document-content, .DocumentContentControl .tBody .document-aside-queries + .document-content, .DocumentContentControl .tBody .document-aside + .document-content {
    border-left: var(--kg-border-default)
}

.DocumentContentControl .tBody:not(:has(.document-aside)):not(:has(.document-aside-queries)) {
    grid-template-areas: "document-content";
    grid-template-columns: auto
}

.DocumentContentControl .tBody .document-content {
    grid-area: document-content;
    transition: .3s ease;
    position: relative
}

.DocumentContentControl .documentbylayersCS #ISIN a {
    position: relative;
    padding-left: 1em
}

    .DocumentContentControl .documentbylayersCS #ISIN a::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        color: var(--kg-accent-color);
        font-size: .5em;
        font-weight: 500;
        position: absolute;
        left: 0;
        vertical-align: top
    }

.DocumentContentControl:has(.versionesLE:not(.hidden)) {
    display: grid;
    grid-template-areas: "document-aside-version document-version";
    grid-template-columns: 20em auto;
    height: 100%;
    width: 100%
}

    .DocumentContentControl:has(.versionesLE:not(.hidden)) .documentbylayersLE.hidden {
        display: block !important;
        visibility: visible !important;
        grid-area: document-version
    }

        .DocumentContentControl:has(.versionesLE:not(.hidden)) .documentbylayersLE.hidden .tBody {
            display: initial
        }

        .DocumentContentControl:has(.versionesLE:not(.hidden)) .documentbylayersLE.hidden .deploy-isis {
            display: none
        }

    .DocumentContentControl:has(.versionesLE:not(.hidden)) .documentbylayersLE:not(.hidden) #cVer {
        height: 32px;
        line-height: 1.75rem
    }

    .DocumentContentControl:has(.versionesLE:not(.hidden)) .documentbylayersLE:not(.hidden) li.va.vr {
        visibility: hidden
    }

        .DocumentContentControl:has(.versionesLE:not(.hidden)) .documentbylayersLE:not(.hidden) li.va.vr::before {
            content: "Versión vigente";
            display: block;
            font-weight: 500;
            visibility: visible
        }

    .DocumentContentControl:has(.versionesLE:not(.hidden)) .documentbylayersLE:not(.hidden) li.va:not(.vr)::before {
        content: "Versión: ";
        text-transform: capitalize;
        font-weight: 500
    }

    .DocumentContentControl:has(.versionesLE:not(.hidden)) .documentbylayersLE:not(.hidden) li.va:not(.vr) .histCamb {
        display: none
    }

    .DocumentContentControl:has(.versionesLE:not(.hidden)) .versionesLE {
        grid-area: document-aside-version
    }

.dSF {
    padding: 0;
    margin: 0;
    scroll-margin-top: var(--scroll-top)
}

    .dSF a:not([href]):not([class]), .dSF a:not([href]):not([class]):not([onclick]), .dSF a:not([onclick]):not([class]) {
        color: var(--kg-complementary-link-color);
        text-decoration: none;
        cursor: pointer;
        outline: none
    }

        .dSF a:not([href]):not([class]):hover, .dSF a:not([href]):not([class]):not([onclick]):hover, .dSF a:not([onclick]):not([class]):hover {
            text-decoration: underline
        }

    .dSF a, .dSF p, .dSF li, .dSF dd, .dSF td {
        overflow-wrap: anywhere
    }

    .dSF dt {
        position: relative
    }

        .dSF dt.h3 {
            font-size: 1.2em;
            font-weight: 500;
            margin-block: 1em;
            text-align: center
        }

        .dSF dt.h4 {
            font-weight: 500;
            padding-left: 1.5em;
            cursor: pointer
        }

            .dSF dt.h4::before {
                font-family: var(--kg-font-family-icons);
                content: "";
                color: var(--kg-complementary-color);
                font-weight: 300;
                position: absolute;
                left: 0
            }

            .dSF dt.h4:has(~.close)::before {
                font-family: var(--kg-font-family-icons);
                content: ""
            }

            .dSF dt.h4.dop::before {
                font-family: var(--kg-font-family-icons);
                content: ""
            }

            .dSF dt.h4.dcl::before {
                font-family: var(--kg-font-family-icons);
                content: ""
            }

        .dSF dt.h5 {
            font-weight: 500
        }

    .dSF dd a:not([class]) {
        color: var(--kg-complementary-link-color);
        text-decoration: none
    }

        .dSF dd a:not([class]):hover {
            text-decoration: underline
        }

    .dSF dd.op {
        display: block
    }

    .dSF dd .ccn {
        margin: 0;
        padding: 0
    }

    .dSF .dFr {
        margin-top: .5em
    }

        .dSF .dFr ~ .da {
            padding-left: 2em
        }

            .dSF .dFr ~ .da::before {
                left: 2em
            }

    .dSF .da a img.iBL {
        display: none
    }

    .dSF .fCo {
        display: inline-block
    }

        .dSF .fCo .ai {
            display: inline-block;
            margin: 0 .5em
        }

        .dSF .fCo + .fCo {
            margin: .5em 0
        }

    .dSF .dCo {
        display: block;
        margin: 0 0 1em 0
    }

        .dSF .dCo dt {
            background-color: rgba(0,0,0,0);
            color: var(--kg-tertiary-color);
            border: none;
            border-radius: 5px;
            font-size: 1em;
            padding: .375rem .75rem
        }

            .dSF .dCo dt::before {
                font-family: var(--kg-font-family-icons);
                content: "";
                display: flex;
                justify-content: center;
                font-size: 1.25rem;
                color: var(--kg-tertiary-color);
                background-color: rgba(0,0,0,0)
            }

            .dSF .dCo dt:hover {
                background-color: rgba(0,0,0,0);
                color: var(--kg-secondary-color);
                border-color: rgba(0,0,0,0)
            }

                .dSF .dCo dt:hover::before {
                    font-weight: 400
                }

            .dSF .dCo dt:hover {
                text-decoration: none !important
            }

        .dSF .dCo dt {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s;
            height: 32px;
            width: 32px
        }

            .dSF .dCo dt.disabled {
                pointer-events: none;
                opacity: .35
            }

            .dSF .dCo dt::before, .dSF .dCo dt::after {
                background-color: rgba(0,0,0,0)
            }

            .dSF .dCo dt:hover::before, .dSF .dCo dt:hover::after {
                background-color: rgba(0,0,0,0)
            }

            .dSF .dCo dt.dop {
                background-color: rgba(0,0,0,0);
                color: var(--kg-tertiary-color);
                border: none;
                border-radius: 5px;
                font-size: 1em;
                padding: .375rem .75rem
            }

                .dSF .dCo dt.dop::before {
                    font-family: var(--kg-font-family-icons);
                    content: "";
                    display: flex;
                    justify-content: center;
                    font-size: 1.25rem;
                    color: var(--kg-tertiary-color);
                    background-color: rgba(0,0,0,0)
                }

                .dSF .dCo dt.dop:hover {
                    background-color: rgba(0,0,0,0);
                    color: var(--kg-secondary-color);
                    border-color: rgba(0,0,0,0)
                }

                    .dSF .dCo dt.dop:hover::before {
                        font-weight: 400
                    }

                .dSF .dCo dt.dop:hover {
                    text-decoration: none !important
                }

            .dSF .dCo dt.dop {
                cursor: pointer;
                display: inline-flex;
                align-content: center;
                justify-content: center;
                align-items: center;
                gap: 8px;
                overflow-wrap: normal;
                text-align: center;
                text-decoration: none;
                transition: background-color .3s,color .3s;
                height: 32px;
                width: 32px
            }

                .dSF .dCo dt.dop.disabled {
                    pointer-events: none;
                    opacity: .35
                }

                .dSF .dCo dt.dop::before, .dSF .dCo dt.dop::after {
                    background-color: rgba(0,0,0,0)
                }

                .dSF .dCo dt.dop:hover::before, .dSF .dCo dt.dop:hover::after {
                    background-color: rgba(0,0,0,0)
                }

            .dSF .dCo dt:has(~.close) {
                background-color: rgba(0,0,0,0);
                color: var(--kg-tertiary-color);
                border: none;
                border-radius: 5px;
                font-size: 1em;
                padding: .375rem .75rem
            }

                .dSF .dCo dt:has(~.close)::before {
                    font-family: var(--kg-font-family-icons);
                    content: "";
                    display: flex;
                    justify-content: center;
                    font-size: 1.25rem;
                    color: var(--kg-tertiary-color);
                    background-color: rgba(0,0,0,0)
                }

                .dSF .dCo dt:has(~.close):hover {
                    background-color: rgba(0,0,0,0);
                    color: var(--kg-secondary-color);
                    border-color: rgba(0,0,0,0)
                }

                    .dSF .dCo dt:has(~.close):hover::before {
                        font-weight: 400
                    }

                .dSF .dCo dt:has(~.close):hover {
                    text-decoration: none !important
                }

            .dSF .dCo dt:has(~.close) {
                cursor: pointer;
                display: inline-flex;
                align-content: center;
                justify-content: center;
                align-items: center;
                gap: 8px;
                overflow-wrap: normal;
                text-align: center;
                text-decoration: none;
                transition: background-color .3s,color .3s;
                height: 32px;
                width: 32px
            }

                .dSF .dCo dt:has(~.close).disabled {
                    pointer-events: none;
                    opacity: .35
                }

                .dSF .dCo dt:has(~.close)::before, .dSF .dCo dt:has(~.close)::after {
                    background-color: rgba(0,0,0,0)
                }

                .dSF .dCo dt:has(~.close):hover::before, .dSF .dCo dt:has(~.close):hover::after {
                    background-color: rgba(0,0,0,0)
                }

            .dSF .dCo dt dfn {
                display: none
            }

        .dSF .dCo .op {
            border: 1px solid var(--kg-complementary-color);
            border-radius: 5px;
            padding: 8px 16px
        }

        .dSF .dCo .cl {
            display: none
        }

.kg-ebook-aside, .document-tab-aside, .LE-versions, #cCx {
    position: inherit
}

@media(min-width: 992px) {
    .kg-ebook-aside, .document-tab-aside, .LE-versions, #cCx {
        position: fixed
    }
}

.kg-ebook-aside, .document-tab-aside, .LE-versions, #cCx {
    width: auto
}

@media(min-width: 992px) {
    .kg-ebook-aside, .document-tab-aside, .LE-versions, #cCx {
        width: 20em
    }
}

.kg-ebook-aside, .document-tab-aside, .LE-versions, #cCx {
    background-color: #fff;
    height: inherit;
    transition: .3s ease;
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 599px) {
    .kg-ebook-aside:not(.document-aside-queries), .document-tab-aside:not(.document-aside-queries), .LE-versions:not(.document-aside-queries), #cCx:not(.document-aside-queries) {
        width: 100%
    }
}

.kg-ebook-aside:not(.document-aside-queries), .document-tab-aside:not(.document-aside-queries), .LE-versions:not(.document-aside-queries), #cCx:not(.document-aside-queries) {
    scrollbar-width: thin
}

    .kg-ebook-aside:not(.document-aside-queries)::-webkit-scrollbar, .document-tab-aside:not(.document-aside-queries)::-webkit-scrollbar, .LE-versions:not(.document-aside-queries)::-webkit-scrollbar, #cCx:not(.document-aside-queries)::-webkit-scrollbar {
        width: 13px
    }

    .kg-ebook-aside:not(.document-aside-queries)::-webkit-scrollbar-track, .document-tab-aside:not(.document-aside-queries)::-webkit-scrollbar-track, .LE-versions:not(.document-aside-queries)::-webkit-scrollbar-track, #cCx:not(.document-aside-queries)::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .kg-ebook-aside:not(.document-aside-queries)::-webkit-scrollbar-thumb, .document-tab-aside:not(.document-aside-queries)::-webkit-scrollbar-thumb, .LE-versions:not(.document-aside-queries)::-webkit-scrollbar-thumb, #cCx:not(.document-aside-queries)::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.kg-ebook-aside:not(.document-aside-queries), .document-tab-aside:not(.document-aside-queries), .LE-versions:not(.document-aside-queries), #cCx:not(.document-aside-queries) {
    overflow: auto;
    width: 20em;
    opacity: 1;
    text-align: left
}

.kg-ebook-aside.document-aside-queries, .document-tab-aside.document-aside-queries, .LE-versions.document-aside-queries, #cCx.document-aside-queries {
    width: auto
}

@media(min-width: 992px) {
    .kg-ebook-aside.document-aside-queries, .document-tab-aside.document-aside-queries, .LE-versions.document-aside-queries, #cCx.document-aside-queries {
        width: 24em
    }
}

.kg-ebook-aside:has(.isis-body:empty), .document-tab-aside:has(.isis-body:empty), .LE-versions:has(.isis-body:empty), #cCx:has(.isis-body:empty) {
    display: none
}

.kg-ebook-aside.close, .document-tab-aside.close, .LE-versions.close, #cCx.close {
    opacity: 0;
    width: 0
}

.kg-ebook-aside.folded, .document-tab-aside.folded, .LE-versions.folded, #cCx.folded {
    transition: all .3s ease 0s;
    width: 1.5em
}

    .kg-ebook-aside.folded #MenC, .kg-ebook-aside.folded .isis-head, .kg-ebook-aside.folded .isis-body, .document-tab-aside.folded #MenC, .document-tab-aside.folded .isis-head, .document-tab-aside.folded .isis-body, .LE-versions.folded #MenC, .LE-versions.folded .isis-head, .LE-versions.folded .isis-body, #cCx.folded #MenC, #cCx.folded .isis-head, #cCx.folded .isis-body {
        display: none
    }

.kg-ebook-aside h2, .document-tab-aside h2, .LE-versions h2, #cCx h2 {
    color: var(--kg-secondary-color);
    font-size: 1em;
    font-weight: 500
}

.kg-ebook-aside .h1, .kg-ebook-aside .logo, .document-tab-aside .h1, .document-tab-aside .logo, .LE-versions .h1, .LE-versions .logo, #cCx .h1, #cCx .logo {
    display: none
}

.cCn, #cCn {
    background: #fff;
    font-size: 1.05em;
    line-height: 1.5em;
    text-align: justify;
    position: relative;
    padding: 1em 2em;
    transition: .6s
}

    .cCn:has(.wrapper-icons), #cCn:has(.wrapper-icons) {
        padding: 1em
    }

@media(min-width: 992px) {
    .cCn:has(.wrapper-icons), #cCn:has(.wrapper-icons) {
        padding: 1em 2em 1em 3em
    }
}

.cCn .ccn, #cCn .ccn {
    font-size: .9em;
    scroll-margin-top: 300px
}

.cCn.fullWidth, #cCn.fullWidth {
    width: 100%
}

.cCn #dHead:not(:empty), #cCn #dHead:not(:empty) {
    border-left: 6px solid var(--kg-blue-200);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 1em;
    margin-bottom: 2em;
    text-align: initial;
    position: relative;
    line-height: 1.75em
}

    .cCn #dHead:not(:empty) h2, #cCn #dHead:not(:empty) h2 {
        text-align: center
    }

    .cCn #dHead:not(:empty) .cbox-convenio, #cCn #dHead:not(:empty) .cbox-convenio {
        border-top: 1px solid var(--kg-secondary-color);
        margin-top: 1em;
        padding-top: 1em
    }

        .cCn #dHead:not(:empty) .cbox-convenio p .negrita, #cCn #dHead:not(:empty) .cbox-convenio p .negrita {
            font-weight: 600
        }

        .cCn #dHead:not(:empty) .cbox-convenio p.cbox-titulo, #cCn #dHead:not(:empty) .cbox-convenio p.cbox-titulo {
            line-height: 1.75em;
            text-transform: uppercase
        }

.cCn #dHead:has(>#relCont), #cCn #dHead:has(>#relCont) {
    border-left: none
}

.cCn .dHPlus .dAb, .cCn #dHPlus .dAb, #cCn .dHPlus .dAb, #cCn #dHPlus .dAb {
    background-color: var(--kg-cite-color);
    border-radius: 5px;
    padding: .5em 1em
}

    .cCn .dHPlus .dAb:has(+.cPlus), .cCn #dHPlus .dAb:has(+.cPlus), #cCn .dHPlus .dAb:has(+.cPlus), #cCn #dHPlus .dAb:has(+.cPlus) {
        margin-bottom: 1em
    }

.cCn .cPlus, #cCn .cPlus {
    background-color: var(--kg-cite-color)
}

.cCn .pOf, .cCn .marginalA, #cCn .pOf, #cCn .marginalA {
    color: var(--kg-secondary-color);
    font-weight: 500
}

.cCn .Pre, #cCn .Pre {
    font-size: 1.2em;
    font-weight: 600;
    text-transform: uppercase
}

.cCn #relCont, #cCn #relCont {
    position: absolute;
    right: 2em
}

    .cCn #relCont a, #cCn #relCont a {
        color: var(--kg-tertiary-color);
        border: none;
        border-radius: 5px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .cCn #relCont a::before, #cCn #relCont a::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: flex;
            justify-content: center;
            font-size: 2em;
            color: var(--kg-tertiary-color);
            background-color: initial
        }

        .cCn #relCont a:hover, #cCn #relCont a:hover {
            background-color: rgba(0,0,0,0);
            color: var(--kg-secondary-color);
            border-color: rgba(0,0,0,0)
        }

            .cCn #relCont a:hover::before, #cCn #relCont a:hover::before {
                font-weight: 400
            }

        .cCn #relCont a:hover, #cCn #relCont a:hover {
            text-decoration: none !important
        }

    .cCn #relCont a, #cCn #relCont a {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s;
        height: 2.5em;
        width: 2.5em
    }

        .cCn #relCont a.disabled, #cCn #relCont a.disabled {
            pointer-events: none;
            opacity: .35
        }

        .cCn #relCont a::before, .cCn #relCont a::after, #cCn #relCont a::before, #cCn #relCont a::after {
            background-color: rgba(0,0,0,0)
        }

        .cCn #relCont a:hover::before, .cCn #relCont a:hover::after, #cCn #relCont a:hover::before, #cCn #relCont a:hover::after {
            background-color: rgba(0,0,0,0)
        }

.cCn #Embedded_textEditorDoc #wysiwyg_table_textEditorDocTextArea img, #cCn #Embedded_textEditorDoc #wysiwyg_table_textEditorDocTextArea img {
    margin-top: 0
}

.cCn #dTxT .d1, .cCn #dTxT .d2, .cCn #dTxT .d3, .cCn #dTxT .d4, .cCn #dTxT .d5, .cCn #dTxT .d6, .cCn #dTxT .d7, #cCn #dTxT .d1, #cCn #dTxT .d2, #cCn #dTxT .d3, #cCn #dTxT .d4, #cCn #dTxT .d5, #cCn #dTxT .d6, #cCn #dTxT .d7 {
    color: var(--kg-secondary-color);
    font-weight: 700;
    margin-top: 1.2em
}

.cCn #dTxT .d4, #cCn #dTxT .d4 {
    font-style: italic
}

.cCn #dTxT .d1, #cCn #dTxT .d1 {
    font-size: 1em
}

.cCn #dTxT .iEn, #cCn #dTxT .iEn {
    text-align: center;
    font-weight: 500;
    font-size: 1.1em
}

.cCn #dTxT .pT .jEn, #cCn #dTxT .pT .jEn {
    text-align: center;
    margin-top: 25px
}

    .cCn #dTxT .pT .jEn .cTit, #cCn #dTxT .pT .jEn .cTit {
        font-weight: 500;
        font-size: 1.1em
    }

.cCn #dTxT .pC .cTit, .cCn #dTxT .pRt .cTit, #cCn #dTxT .pC .cTit, #cCn #dTxT .pRt .cTit {
    font-weight: 500;
    text-align: center
}

.cCn #dTxT .dColor .d1, .cCn #dTxT .dColor .d2, .cCn #dTxT .dColor .d3, #cCn #dTxT .dColor .d1, #cCn #dTxT .dColor .d2, #cCn #dTxT .dColor .d3 {
    font-weight: 400
}

.cCn #dTxT a:not([class]), .cCn #dTxT p:not([class]), .cCn #dTxT li:not([class]), .cCn #dTxT dd:not([class]), .cCn #dTxT td:not([class]), #cCn #dTxT a:not([class]), #cCn #dTxT p:not([class]), #cCn #dTxT li:not([class]), #cCn #dTxT dd:not([class]), #cCn #dTxT td:not([class]) {
    overflow-wrap: anywhere
}

.cCn #dTxT .tPb thead td, .cCn #dTxT .tPb th, #cCn #dTxT .tPb thead td, #cCn #dTxT .tPb th {
    overflow-wrap: initial
}

.cCn #dTxT .tPb + p, #cCn #dTxT .tPb + p {
    text-align: center;
    font-size: 12px;
    margin-block-end: 2em
}

.cCn #dTxT li, #cCn #dTxT li {
    margin-bottom: .65em;
    padding-left: 1.5em
}

    .cCn #dTxT li::marker, #cCn #dTxT li::marker {
        content: ""
    }

    .cCn #dTxT li.AN, #cCn #dTxT li.AN {
        height: 0;
        margin-bottom: 0
    }

.cCn #dTxT .coPa, #cCn #dTxT .coPa {
    padding: 1em
}

@media(min-width: 992px) {
    .cCn #dTxT .coPa, #cCn #dTxT .coPa {
        padding: 1em 2em
    }
}

.cCn #dTxT .coPa, #cCn #dTxT .coPa {
    border-radius: 5px;
    background-color: var(--kg-cite-color);
    margin-bottom: 1em
}

    .cCn #dTxT .coPa a, #cCn #dTxT .coPa a {
        color: inherit !important;
        cursor: text !important;
        pointer-events: none !important
    }

        .cCn #dTxT .coPa a:hover, #cCn #dTxT .coPa a:hover {
            text-decoration: none !important
        }

.cCn .docLoadedNote, #cCn .docLoadedNote {
    background-color: var(--kg-accent-color);
    border-radius: 100%;
    color: #fff;
    display: inline-flex;
    font-size: .9em;
    margin: 0 .25em;
    text-decoration: none;
    padding: 0 .375em;
    cursor: pointer
}

    .cCn .docLoadedNote::before, #cCn .docLoadedNote::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

.cCn ul, #cCn ul {
    list-style-type: none
}

.cCn .cBots, #cCn .cBots {
    padding-left: 0
}

    .cCn .cBots a.cBot, #cCn .cBots a.cBot {
        background-color: var(--kg-complementary-color);
        color: #fff;
        border: 1px solid var(--kg-complementary-color);
        border-radius: 5px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .cCn .cBots a.cBot:hover, #cCn .cBots a.cBot:hover {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            color: #fff;
            border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
        }

            .cCn .cBots a.cBot:hover::before, #cCn .cBots a.cBot:hover::before {
                font-weight: 400
            }

        .cCn .cBots a.cBot:hover, #cCn .cBots a.cBot:hover {
            text-decoration: none !important
        }

    .cCn .cBots a.cBot, #cCn .cBots a.cBot {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        .cCn .cBots a.cBot.disabled, #cCn .cBots a.cBot.disabled {
            pointer-events: none;
            opacity: .35
        }

        .cCn .cBots a.cBot::before, .cCn .cBots a.cBot::after, #cCn .cBots a.cBot::before, #cCn .cBots a.cBot::after {
            background-color: rgba(0,0,0,0)
        }

        .cCn .cBots a.cBot:hover::before, .cCn .cBots a.cBot:hover::after, #cCn .cBots a.cBot:hover::before, #cCn .cBots a.cBot:hover::after {
            background-color: rgba(0,0,0,0)
        }

.cCn h2, #cCn h2 {
    font-size: 1.18em;
    text-align: center
}

.cCn h3, #cCn h3 {
    text-transform: uppercase;
    font-size: 1.1em
}

    .cCn h3.caso, #cCn h3.caso {
        text-transform: initial
    }

    .cCn h3.textD, .cCn h3.ti, .cCn h3.li, .cCn h3.ca, .cCn h3.se, .cCn h3.ss, .cCn h3.EdM, .cCn h3.Pre, .cCn h3.nt, #cCn h3.textD, #cCn h3.ti, #cCn h3.li, #cCn h3.ca, #cCn h3.se, #cCn h3.ss, #cCn h3.EdM, #cCn h3.Pre, #cCn h3.nt {
        color: var(--kg-secondary-color);
        text-align: center
    }

    .cCn h3.EdM, .cCn h3.Pre, .cCn h3.Otros, #cCn h3.EdM, #cCn h3.Pre, #cCn h3.Otros {
        text-align: center
    }

    .cCn h3.ca, .cCn h3.at, #cCn h3.ca, #cCn h3.at {
        text-align: center
    }

        .cCn h3.ca ~ p.d1, .cCn h3.ca ~ p.d2, .cCn h3.at ~ p.d1, .cCn h3.at ~ p.d2, #cCn h3.ca ~ p.d1, #cCn h3.ca ~ p.d2, #cCn h3.at ~ p.d1, #cCn h3.at ~ p.d2 {
            text-align: center
        }

.cCn .a, #cCn .a {
    font-size: 1.1em
}

    .cCn .a em, #cCn .a em {
        font-weight: 900
    }

.cCn [id^=ART], .cCn [id^=D], #cCn [id^=ART], #cCn [id^=D] {
    margin-top: 1em
}

.cCn #dTxT [data-type=ADIC] + h4, .cCn #dTxT [data-type=TRANS] + h4, .cCn #dTxT [data-type=DER] + h4, .cCn #dTxT [data-type=FIN] + h4, #cCn #dTxT [data-type=ADIC] + h4, #cCn #dTxT [data-type=TRANS] + h4, #cCn #dTxT [data-type=DER] + h4, #cCn #dTxT [data-type=FIN] + h4 {
    text-align: center
}

.cCn .dCo dt, #cCn .dCo dt {
    cursor: pointer
}

    .cCn .dCo dt::before, #cCn .dCo dt::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .cCn .dCo dt.dop::before, #cCn .dCo dt.dop::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

.cCn .op, #cCn .op {
    display: inline-block
}

    .cCn .op .ccn, #cCn .op .ccn {
        display: block
    }

.cCn .cl, #cCn .cl {
    display: none
}

.cCn .fCo, #cCn .fCo {
    border: 1px solid var(--kg-link-color);
    padding: 1em
}

.cCn .wrapper-cite, #cCn .wrapper-cite {
    transition: .3s;
    position: relative
}

    .cCn .wrapper-cite .ccn, .cCn .wrapper-cite div, .cCn .wrapper-cite cite, #cCn .wrapper-cite .ccn, #cCn .wrapper-cite div, #cCn .wrapper-cite cite {
        border: var(--kg-primary-color);
        border-radius: 5px;
        display: block;
        padding: 1em 1.5em;
        min-width: 100%;
        text-align: left;
        font-style: normal
    }

        .cCn .wrapper-cite .ccn .ac, .cCn .wrapper-cite div .ac, .cCn .wrapper-cite cite .ac, #cCn .wrapper-cite .ccn .ac, #cCn .wrapper-cite div .ac, #cCn .wrapper-cite cite .ac {
            color: var(--kg-secondary-color);
            display: block;
            font-weight: 700;
            font-style: normal;
            margin-top: .5em;
            text-align: center
        }

        .cCn .wrapper-cite .ccn.ccnOff, .cCn .wrapper-cite div.ccnOff, .cCn .wrapper-cite cite.ccnOff, #cCn .wrapper-cite .ccn.ccnOff, #cCn .wrapper-cite div.ccnOff, #cCn .wrapper-cite cite.ccnOff {
            visibility: hidden;
            height: 0
        }

    .cCn .wrapper-cite::before, #cCn .wrapper-cite::before {
        background-color: var(--kg-accent-color);
        color: #fff;
        border: none;
        border-radius: 5px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .cCn .wrapper-cite::before::before, #cCn .wrapper-cite::before::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: flex;
            justify-content: center;
            font-size: 1.25rem;
            color: #fff;
            background-color: var(--kg-accent-color)
        }

        .cCn .wrapper-cite::before:hover, #cCn .wrapper-cite::before:hover {
            background-color: var(--kg-primary-color);
            color: #fff;
            border-color: var(--kg-primary-color)
        }

            .cCn .wrapper-cite::before:hover::before, #cCn .wrapper-cite::before:hover::before {
                font-weight: 400
            }

        .cCn .wrapper-cite::before:hover, #cCn .wrapper-cite::before:hover {
            text-decoration: none !important
        }

    .cCn .wrapper-cite::before, #cCn .wrapper-cite::before {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s;
        height: 2em;
        width: 2em
    }

        .cCn .wrapper-cite::before.disabled, #cCn .wrapper-cite::before.disabled {
            pointer-events: none;
            opacity: .35
        }

        .cCn .wrapper-cite::before::before, .cCn .wrapper-cite::before::after, #cCn .wrapper-cite::before::before, #cCn .wrapper-cite::before::after {
            background-color: rgba(0,0,0,0)
        }

        .cCn .wrapper-cite::before:hover::before, .cCn .wrapper-cite::before:hover::after, #cCn .wrapper-cite::before:hover::before, #cCn .wrapper-cite::before:hover::after {
            background-color: rgba(0,0,0,0)
        }

    .cCn .wrapper-cite::before, #cCn .wrapper-cite::before {
        font-weight: 600
    }

    .cCn .wrapper-cite:has(.ccnOff)::before, #cCn .wrapper-cite:has(.ccnOff)::before {
        color: #666
    }

    .cCn .wrapper-cite + .wrapper-cite, #cCn .wrapper-cite + .wrapper-cite {
        margin-top: 8px
    }

.cCn:has(#dTxT svg), #cCn:has(#dTxT svg) {
    overflow: hidden
}

.cCn p.iMg, #cCn p.iMg {
    margin-block: 0
}

    .cCn p.iMg img, #cCn p.iMg img {
        display: block;
        margin: auto
    }

.cCn i, #cCn i {
    font-style: italic
}

    .cCn i + b, #cCn i + b {
        padding-inline-start: .3em
    }

.cCn .su, #cCn .su {
    text-decoration: underline
}

.cCn .iPie, #cCn .iPie {
    font-size: .8em;
    font-style: italic
}

.cCn .nt:not(h3), #cCn .nt:not(h3), .cCn-sum .nt:not(h3) {
    color: var(--kg-link-color);
    font-size: 12px;
    vertical-align: super;
    scroll-margin-top: 200px
}

.cCn a:not([href]):not([class]), .cCn a:not([href]):not([class]):not([onclick]), .cCn a:not([onclick]):not([class]), #cCn a:not([href]):not([class]), #cCn a:not([href]):not([class]):not([onclick]), #cCn a:not([onclick]):not([class]), .cCn-sum a:not([href]):not([class]), .cCn-sum a:not([href]):not([class]):not([onclick]), .cCn-sum a:not([onclick]):not([class]) {
    color: var(--kg-complementary-link-color);
    text-decoration: none;
    cursor: pointer;
    outline: none
}

    .cCn a:not([href]):not([class]):hover, .cCn a:not([href]):not([class]):not([onclick]):hover, .cCn a:not([onclick]):not([class]):hover, #cCn a:not([href]):not([class]):hover, #cCn a:not([href]):not([class]):not([onclick]):hover, #cCn a:not([onclick]):not([class]):hover, .cCn-sum a:not([href]):not([class]):hover, .cCn-sum a:not([href]):not([class]):not([onclick]):hover, .cCn-sum a:not([onclick]):not([class]):hover {
        text-decoration: underline
    }

.cCn .su, .cCn a[title=enlace], #cCn .su, #cCn a[title=enlace], .cCn-sum .su, .cCn-sum a[title=enlace] {
    overflow-wrap: anywhere
}

.document-tab-container .dSF .h3 {
    display: none
}

.historiaNorma .document-tab-container .dSF .h3 {
    display: block
}

.document-tab-container .dSF .h4 {
    margin-bottom: .5em
}

.document-tab-container .dSF dl {
    margin-bottom: 1em
}

.document-tab-container .dSF > dd {
    margin: 0
}

    .document-tab-container .dSF > dd dd:not(:has(iframe)) {
        margin-left: 1.5em
    }

.document-tab-container .dSF .sParentesis {
    display: none
}

.document-tab-container .dSF .sV1 > li {
    font-weight: 600
}

.document-tab-container .dSF .sV3 > li {
    font-weight: 500
}

.document-tab-container .dSF ul {
    margin-block-end: 1em
}

.document-tab-container .dSF li {
    font-weight: 400;
    padding-left: .75em
}

    .document-tab-container .dSF li p, .document-tab-container .dSF li ul {
        font-weight: 400
    }

.document-tab-container .dSF .dHPlus {
    margin: 1em 0
}

.document-tab-container .dSF .ed {
    display: none
}

.document-tab-container .dSF .icl::marker {
    font-family: var(--kg-font-family-icons);
    content: "";
    color: var(--kg-accent-color);
    font-size: 16px;
    cursor: pointer
}

.document-tab-container .dSF .iop::marker {
    font-family: var(--kg-font-family-icons);
    content: "";
    color: var(--kg-accent-color);
    font-size: 16px;
    cursor: pointer
}

#dHead h2 {
    font-size: 1.2em
}

@media(min-width: 992px) {
    #dHead h2 {
        font-size: 1.5em
    }
}

#dHead h2 {
    height: auto;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: clip;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: pretty;
    position: relative;
    margin-bottom: .2em;
    margin-top: .3em;
    line-height: normal
}

    #dHead h2:empty {
        display: none
    }

    #dHead h2 .bandera {
        font-size: .8em;
        padding: .1em
    }

    #dHead h2 [class=bandera] {
        display: none
    }

#dHead h3 {
    font-family: var(--kg-font-family-base);
    display: inline-block;
    font-weight: 400;
    margin: 0 .5em 0 0;
    font-size: 1.1em;
    line-height: normal
}

    #dHead h3.caso {
        font-size: 1em
    }

    #dHead h3 em.st {
        font-size: 1em
    }

#dHead .histCaso:before {
    content: "H";
    display: inline-block;
    color: var(--kg-complementary-color);
    cursor: pointer;
    font-family: var(--kg-font-kg-display);
    font-weight: bolder;
    font-size: 1.25em
}

#dHead .histCaso:hover {
    position: relative
}

    #dHead .histCaso:hover::after {
        background-color: #fff;
        border: var(--kg-border-default);
        border-radius: 5px;
        color: var(--kg-secondary-color);
        content: "Historia del caso";
        font-size: .8em;
        min-width: max-content;
        padding: .5em;
        position: absolute;
        left: 0;
        top: -2.5em;
        z-index: 1
    }

#dHead p {
    margin-block-start: 0;
    margin-block-end: 0
}

#dHead .pAu {
    display: block;
    font-weight: 500;
    margin-top: 5px
}

#dHead .pPr {
    display: inline-block;
    font-style: oblique
}

    #dHead .pPr + .pPr::before {
        content: ";  "
    }

    #dHead .pPr:nth-child(3n)::before {
        content: ".  "
    }

#dHead .pExt .pet {
    font-weight: 500
}

#dHead .pExt .pe {
    font-weight: 400
}

#dHead .eDt .ed {
    font-weight: 500
}

#dHead .eDt .edit {
    font-weight: 400
}

#dHead .dSF dt.h3 {
    display: none
}

#dHead .dSF + .dSF {
    border-top: var(--kg-border-default);
    margin: .5em 0;
    padding: .5em 0
}

#dHead .dSF dd {
    padding: 0 1.5em
}

#dHead .dSF .ccn {
    display: block
}

#dHPlus {
    margin-bottom: 2em
}

    #dHPlus .nFt li {
        display: inline
    }

    #dHPlus .cPlus {
        padding: 1em
    }

@media(min-width: 992px) {
    #dHPlus .cPlus {
        padding: 1em 2em
    }
}

#dHPlus .cPlus {
    border-radius: 5px
}

    #dHPlus .cPlus .dSF p:only-child {
        margin-block: 0
    }

    #dHPlus .cPlus .dSF dt.h3 {
        display: none
    }

    #dHPlus .cPlus .dSF + .dSF {
        border-top: var(--kg-border-medium);
        margin: .5em 0;
        padding: .5em 0
    }

    #dHPlus .cPlus .dSF .ccn {
        display: block
    }

    #dHPlus .cPlus .dSF .mm {
        margin-bottom: 0
    }

        #dHPlus .cPlus .dSF .mm video {
            width: 25dvw;
            min-width: 350px
        }

    #dHPlus .cPlus #cabecera dd {
        padding: 1em
    }

    #dHPlus .cPlus #res-ant-y-sent-fallo-f {
        border: 0
    }

        #dHPlus .cPlus #res-ant-y-sent-fallo-f dd {
            font-style: italic;
            padding: 0 1em
        }

#dHPlus .fAb {
    padding: 1em
}

@media(min-width: 992px) {
    #dHPlus .fAb {
        padding: 1em 2em
    }
}

#dHPlus .fAb {
    border-radius: 5px;
    background-color: var(--kg-cite-color);
    margin-bottom: 1em
}

#dHPlus .fPdia {
    border: 1px solid var(--kg-complementary-color);
    border-radius: 5px;
    padding: .5em 1em .5em 1em;
    display: inline-block
}

    #dHPlus .fPdia p {
        margin: 0
    }

#dHPlus .analisisVoces {
    border-radius: 5px;
    border: 1px solid hsl(201.1267605634,39.226519337%,84.5098039216%);
    margin: 1em 0;
    padding: 0
}

    #dHPlus .analisisVoces:has(.comentariosVoces:nth-child(4)) .close {
        background-color: rgba(0,0,0,0);
        color: var(--kg-secondary-color);
        border: none;
        border-radius: 0;
        font-size: 1em;
        padding: .5em .25em
    }

        #dHPlus .analisisVoces:has(.comentariosVoces:nth-child(4)) .close::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: flex;
            justify-content: center;
            font-size: 1.25rem;
            color: var(--kg-secondary-color);
            background-color: rgba(0,0,0,0)
        }

        #dHPlus .analisisVoces:has(.comentariosVoces:nth-child(4)) .close:hover {
            background-color: rgba(0,0,0,0);
            color: #000;
            border-color: rgba(0,0,0,0)
        }

            #dHPlus .analisisVoces:has(.comentariosVoces:nth-child(4)) .close:hover::before {
                font-weight: 700
            }

        #dHPlus .analisisVoces:has(.comentariosVoces:nth-child(4)) .close:hover {
            text-decoration: none !important
        }

    #dHPlus .analisisVoces:has(.comentariosVoces:nth-child(4)) .close {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        #dHPlus .analisisVoces:has(.comentariosVoces:nth-child(4)) .close.disabled {
            pointer-events: none;
            opacity: .35
        }

        #dHPlus .analisisVoces:has(.comentariosVoces:nth-child(4)) .close::before, #dHPlus .analisisVoces:has(.comentariosVoces:nth-child(4)) .close::after {
            background-color: rgba(0,0,0,0)
        }

        #dHPlus .analisisVoces:has(.comentariosVoces:nth-child(4)) .close:hover::before, #dHPlus .analisisVoces:has(.comentariosVoces:nth-child(4)) .close:hover::after {
            background-color: rgba(0,0,0,0)
        }

    #dHPlus .analisisVoces.ccnOpen .comentariosVoces:nth-child(n+4) {
        display: block
    }

    #dHPlus .analisisVoces.ccnOpen:has(.comentariosVoces:nth-child(4)) .close {
        background-color: rgba(0,0,0,0);
        color: var(--kg-secondary-color);
        border: none;
        border-radius: 0;
        font-size: 1em;
        padding: .5em .25em
    }

        #dHPlus .analisisVoces.ccnOpen:has(.comentariosVoces:nth-child(4)) .close::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: flex;
            justify-content: center;
            font-size: 1.25rem;
            color: var(--kg-secondary-color);
            background-color: rgba(0,0,0,0)
        }

        #dHPlus .analisisVoces.ccnOpen:has(.comentariosVoces:nth-child(4)) .close:hover {
            background-color: rgba(0,0,0,0);
            color: #000;
            border-color: rgba(0,0,0,0)
        }

            #dHPlus .analisisVoces.ccnOpen:has(.comentariosVoces:nth-child(4)) .close:hover::before {
                font-weight: 700
            }

        #dHPlus .analisisVoces.ccnOpen:has(.comentariosVoces:nth-child(4)) .close:hover {
            text-decoration: none !important
        }

    #dHPlus .analisisVoces.ccnOpen:has(.comentariosVoces:nth-child(4)) .close {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        #dHPlus .analisisVoces.ccnOpen:has(.comentariosVoces:nth-child(4)) .close.disabled {
            pointer-events: none;
            opacity: .35
        }

        #dHPlus .analisisVoces.ccnOpen:has(.comentariosVoces:nth-child(4)) .close::before, #dHPlus .analisisVoces.ccnOpen:has(.comentariosVoces:nth-child(4)) .close::after {
            background-color: rgba(0,0,0,0)
        }

        #dHPlus .analisisVoces.ccnOpen:has(.comentariosVoces:nth-child(4)) .close:hover::before, #dHPlus .analisisVoces.ccnOpen:has(.comentariosVoces:nth-child(4)) .close:hover::after {
            background-color: rgba(0,0,0,0)
        }

    #dHPlus .analisisVoces .comentariosVoces:nth-child(n+4) {
        display: none
    }

    #dHPlus .analisisVoces .analisisVocesTit {
        font-family: var(--kg-font-family-base);
        font-weight: 500;
        margin: 0;
        padding: .5em 1em;
        display: grid;
        grid-template-columns: auto 2em;
        align-items: center
    }

    #dHPlus .analisisVoces .comentariosVoces {
        margin-bottom: 1em;
        padding: 0 1em
    }

        #dHPlus .analisisVoces .comentariosVoces .preCabeceraVoces p {
            color: var(--kg-complementary-color);
            font-weight: 500;
            margin-block: 0
        }

        #dHPlus .analisisVoces .comentariosVoces .cabeceraVoces p {
            display: inline;
            grid-area: text;
            margin-bottom: 0
        }

            #dHPlus .analisisVoces .comentariosVoces .cabeceraVoces p.link {
                padding-right: .5em
            }

.ccn {
    background-color: var(--kg-cite-color);
    border-radius: 5px;
    color: #666;
    display: none;
    font-style: normal;
    margin: 1em 0;
    padding: 1em;
    text-align: left
}

#dTxT > .ccn {
    display: block
}

.ccn.ccnOn {
    display: block
}

    .ccn.ccnOn:has(+.ccn.ccnOn) {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 1em 1em .5em 1em;
        margin: 1em 0 0 0
    }

.ccn + .ccn.ccnOn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0 0 1em 0;
    padding: .5em 1em
}

.ccn + .con.ccnOn {
    margin: 1em 0 0 0
}

.ccn.con {
    background-color: var(--kg-light-color)
}

    .ccn.con + .con.ccnOn {
        margin: 0
    }

.ccn em {
    margin: 0 0 .5em 0
}

    .ccn em.aj {
        display: block
    }

        .ccn em.aj + .ai {
            display: inline
        }

    .ccn em.ai {
        display: inline-flex;
        margin: 0 .25em
    }

        .ccn em.ai + .aj {
            display: inline
        }

    .ccn em:has(.Highlight) {
        display: block
    }

.ccn a.iLE:not(:has(em)) {
    display: inline-flex;
    gap: .5em;
    color: var(--kg-tertiary-color)
}

    .ccn a.iLE:not(:has(em))::before {
        background-color: rgba(0,0,0,0);
        color: var(--kg-tertiary-color);
        border: 1px solid var(--kg-tertiary-color);
        border-radius: 5px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .ccn a.iLE:not(:has(em))::before:hover {
            background-color: rgba(0,0,0,0);
            color: var(--kg-secondary-color);
            border-color: rgba(0,0,0,0)
        }

            .ccn a.iLE:not(:has(em))::before:hover::before {
                font-weight: 400
            }

        .ccn a.iLE:not(:has(em))::before:hover {
            text-decoration: none !important
        }

    .ccn a.iLE:not(:has(em))::before {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s;
        height: 32px;
        width: 32px
    }

        .ccn a.iLE:not(:has(em))::before.disabled {
            pointer-events: none;
            opacity: .35
        }

        .ccn a.iLE:not(:has(em))::before::before, .ccn a.iLE:not(:has(em))::before::after {
            background-color: rgba(0,0,0,0)
        }

        .ccn a.iLE:not(:has(em))::before:hover::before, .ccn a.iLE:not(:has(em))::before:hover::after {
            background-color: rgba(0,0,0,0)
        }

    .ccn a.iLE:not(:has(em))::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .ccn a.iLE:not(:has(em)):hover {
        background-color: var(--kg-light-color)
    }

    .ccn a.iLE:not(:has(em)):has(.Highlight) {
        display: block
    }

#dNoT {
    border-top: var(--kg-border-default);
    font-size: .9em;
    margin-top: 3em;
    padding-top: 1em
}

    #dNoT dl {
        display: flex;
        gap: 1em
    }

        #dNoT dl dt {
            width: 2.5em
        }

            #dNoT dl dt a {
                scroll-margin-top: 200px
            }

        #dNoT dl dd:not(.vnt) {
            flex: 1;
            padding-top: .2em
        }

        #dNoT dl dd p {
            line-height: 1.3;
            margin: 0
        }

    #dNoT + dl {
        border-top: var(--kg-border-default);
        margin-top: .5em;
        padding-top: .5em
    }

.wrapper-remind {
    display: block
}

    .wrapper-remind a:not([class]) {
        color: var(--kg-complementary-link-color);
        text-decoration: none
    }

        .wrapper-remind a:not([class]):hover {
            text-decoration: underline
        }

    .wrapper-remind .fAb, .wrapper-remind .fInt, .wrapper-remind ul {
        background-color: var(--kg-cite-color);
        border-radius: 5px;
        margin: 1.2em;
        padding: 1.2em
    }

.FO .wrapper-remind, .EX .wrapper-remind {
    display: none
}

.EX .dColor .d1, .FO #dHPlus .wrapper-remind-button {
    background-color: var(--kg-primary-color);
    color: var(--kg-brand-secondary-blue);
    border: 1px solid var(--kg-primary-color);
    border-radius: 7px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .EX .dColor .d1:hover, .FO #dHPlus .wrapper-remind-button:hover {
        background-color: rgb(227.97444,190.43648,.91556);
        color: #fff;
        border-color: rgb(227.97444,190.43648,.91556)
    }

        .EX .dColor .d1:hover::before, .FO #dHPlus .wrapper-remind-button:hover::before {
            background-color: inherit;
            font-weight: 400
        }

    .EX .dColor .d1:hover, .FO #dHPlus .wrapper-remind-button:hover {
        text-decoration: none !important
    }

.EX .dColor .d1, .FO #dHPlus .wrapper-remind-button {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 200px;
    width: 200px
}

    .EX .dColor .d1.disabled, .FO #dHPlus .wrapper-remind-button.disabled {
        pointer-events: none;
        opacity: .35
    }

    .EX .dColor .d1::before, .EX .dColor .d1::after, .FO #dHPlus .wrapper-remind-button::before, .FO #dHPlus .wrapper-remind-button::after {
        background-color: rgba(0,0,0,0)
    }

    .EX .dColor .d1:hover::before, .EX .dColor .d1:hover::after, .FO #dHPlus .wrapper-remind-button:hover::before, .FO #dHPlus .wrapper-remind-button:hover::after {
        background-color: rgba(0,0,0,0)
    }

.EX .dColor .d1, .FO #dHPlus .wrapper-remind-button {
    display: flex;
    height: 2em;
    margin-bottom: 1em
}

#cCx fieldset#id_busq_art {
    border: var(--kg-border-medium);
    border-radius: .25rem;
    display: grid;
    grid-template-areas: "select input navisis btnclear btnsearch";
    grid-template-columns: auto auto auto auto auto;
    gap: .25em;
    margin: 1em 0 .5em 0;
    padding: .25em
}

    #cCx fieldset#id_busq_art select#tipo_busq_art {
        grid-area: select;
        background-color: var(--kg-brand-background-light-gray);
        border: var(--kg-border-default);
        border-radius: 5px;
        padding: .25em
    }

    #cCx fieldset#id_busq_art #num_busq_art[type=text] {
        grid-area: input;
        border: var(--kg-border-default)
    }

    #cCx fieldset#id_busq_art span#isisClearBtn {
        grid-area: btnclear;
        background-color: rgba(0,0,0,0);
        color: var(--kg-secondary-color);
        border: none;
        border-radius: 0;
        font-size: 1em;
        padding: .5em .25em
    }

        #cCx fieldset#id_busq_art span#isisClearBtn::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: flex;
            justify-content: center;
            font-size: 1.25rem;
            color: var(--kg-secondary-color);
            background-color: rgba(0,0,0,0)
        }

        #cCx fieldset#id_busq_art span#isisClearBtn:hover {
            background-color: rgba(0,0,0,0);
            color: #000;
            border-color: rgba(0,0,0,0)
        }

            #cCx fieldset#id_busq_art span#isisClearBtn:hover::before {
                font-weight: 700
            }

        #cCx fieldset#id_busq_art span#isisClearBtn:hover {
            text-decoration: none !important
        }

    #cCx fieldset#id_busq_art span#isisClearBtn {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s;
        height: 2em;
        width: 2em
    }

        #cCx fieldset#id_busq_art span#isisClearBtn.disabled {
            pointer-events: none;
            opacity: .35
        }

        #cCx fieldset#id_busq_art span#isisClearBtn::before, #cCx fieldset#id_busq_art span#isisClearBtn::after {
            background-color: rgba(0,0,0,0)
        }

        #cCx fieldset#id_busq_art span#isisClearBtn:hover::before, #cCx fieldset#id_busq_art span#isisClearBtn:hover::after {
            background-color: rgba(0,0,0,0)
        }

        #cCx fieldset#id_busq_art span#isisClearBtn[style*="display:block"], #cCx fieldset#id_busq_art span#isisClearBtn[style*="display: block"] {
            display: flex !important
        }

    #cCx fieldset#id_busq_art a[title=Encontrar] {
        grid-area: btnsearch;
        background-color: var(--kg-complementary-color);
        color: #fff;
        border: 1px solid var(--kg-complementary-color);
        border-radius: 5px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        #cCx fieldset#id_busq_art a[title=Encontrar]:hover {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            color: #fff;
            border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
        }

            #cCx fieldset#id_busq_art a[title=Encontrar]:hover::before {
                font-weight: 400
            }

        #cCx fieldset#id_busq_art a[title=Encontrar]:hover {
            text-decoration: none !important
        }

    #cCx fieldset#id_busq_art a[title=Encontrar] {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s;
        height: 32px;
        width: 32px
    }

        #cCx fieldset#id_busq_art a[title=Encontrar].disabled {
            pointer-events: none;
            opacity: .35
        }

        #cCx fieldset#id_busq_art a[title=Encontrar]::before, #cCx fieldset#id_busq_art a[title=Encontrar]::after {
            background-color: rgba(0,0,0,0)
        }

        #cCx fieldset#id_busq_art a[title=Encontrar]:hover::before, #cCx fieldset#id_busq_art a[title=Encontrar]:hover::after {
            background-color: rgba(0,0,0,0)
        }

    #cCx fieldset#id_busq_art a[title=Encontrar] {
        font-size: 0;
        gap: 0
    }

        #cCx fieldset#id_busq_art a[title=Encontrar]::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            font-size: 16px
        }

    #cCx fieldset#id_busq_art div#navISIS {
        grid-area: navisis;
        display: flex;
        flex-direction: column;
        width: 1.5em
    }

    #cCx fieldset#id_busq_art .navISISPrev, #cCx fieldset#id_busq_art .navISISNext {
        background-color: rgba(0,0,0,0);
        color: var(--kg-secondary-color);
        border: none;
        border-radius: 0;
        font-size: 1em;
        padding: .5em .25em
    }

        #cCx fieldset#id_busq_art .navISISPrev::before, #cCx fieldset#id_busq_art .navISISNext::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: flex;
            justify-content: center;
            font-size: 1.25rem;
            color: var(--kg-secondary-color);
            background-color: rgba(0,0,0,0)
        }

        #cCx fieldset#id_busq_art .navISISPrev:hover, #cCx fieldset#id_busq_art .navISISNext:hover {
            background-color: rgba(0,0,0,0);
            color: #000;
            border-color: rgba(0,0,0,0)
        }

            #cCx fieldset#id_busq_art .navISISPrev:hover::before, #cCx fieldset#id_busq_art .navISISNext:hover::before {
                font-weight: 700
            }

        #cCx fieldset#id_busq_art .navISISPrev:hover, #cCx fieldset#id_busq_art .navISISNext:hover {
            text-decoration: none !important
        }

    #cCx fieldset#id_busq_art .navISISPrev, #cCx fieldset#id_busq_art .navISISNext {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s;
        height: 1em;
        width: 1em
    }

        #cCx fieldset#id_busq_art .navISISPrev.disabled, #cCx fieldset#id_busq_art .navISISNext.disabled {
            pointer-events: none;
            opacity: .35
        }

        #cCx fieldset#id_busq_art .navISISPrev::before, #cCx fieldset#id_busq_art .navISISPrev::after, #cCx fieldset#id_busq_art .navISISNext::before, #cCx fieldset#id_busq_art .navISISNext::after {
            background-color: rgba(0,0,0,0)
        }

        #cCx fieldset#id_busq_art .navISISPrev:hover::before, #cCx fieldset#id_busq_art .navISISPrev:hover::after, #cCx fieldset#id_busq_art .navISISNext:hover::before, #cCx fieldset#id_busq_art .navISISNext:hover::after {
            background-color: rgba(0,0,0,0)
        }

        #cCx fieldset#id_busq_art .navISISPrev[style*="display:block"], #cCx fieldset#id_busq_art .navISISPrev[style*="display: block"], #cCx fieldset#id_busq_art .navISISNext[style*="display:block"], #cCx fieldset#id_busq_art .navISISNext[style*="display: block"] {
            display: flex !important
        }

        #cCx fieldset#id_busq_art .navISISPrev.disableNav::before, #cCx fieldset#id_busq_art .navISISNext.disableNav::before {
            color: var(--kg-disabled-color);
            cursor: default
        }

        #cCx fieldset#id_busq_art .navISISPrev::before {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

        #cCx fieldset#id_busq_art .navISISNext::before {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

.cApp-grid-container.folded-nav {
    --nav-size: 4em
}

    .cApp-grid-container.folded-nav:has(.kg-ebook-aside) {
        --ExISIS-left: 25.75em
    }

.cApp-grid-container.folded-nav {
    --ExISIS-left: 23em
}

.cApp-grid-container.op-nav {
    --nav-size: 18em
}

    .cApp-grid-container.op-nav:has(.kg-ebook-aside) {
        --ExISIS-left: 39.75em
    }

.cApp-grid-container.op-nav {
    --ExISIS-left: 37em
}

.isis-container {
    display: flex;
    flex-direction: column
}

.isis-head {
    align-self: flex-start;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff;
    padding: .5em .5em 0 .5em;
    min-width: 100%
}

    .isis-head:has(#id_busq_art) + .isis-body {
        padding: 0 0 1em 1em
    }

.isis-body:not(:has(.liE:empty)), .isis-body:not(:empty) {
    scrollbar-width: thin
}

    .isis-body:not(:has(.liE:empty))::-webkit-scrollbar, .isis-body:not(:empty)::-webkit-scrollbar {
        width: 13px
    }

    .isis-body:not(:has(.liE:empty))::-webkit-scrollbar-track, .isis-body:not(:empty)::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .isis-body:not(:has(.liE:empty))::-webkit-scrollbar-thumb, .isis-body:not(:empty)::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.isis-body:not(:has(.liE:empty)), .isis-body:not(:empty) {
    overflow: auto;
    height: auto
}

@media(min-width: 992px) {
    .isis-body:not(:has(.liE:empty)), .isis-body:not(:empty) {
        height: var(--available-height)
    }
}

.isis-body:not(:has(.liE:empty)), .isis-body:not(:empty) {
    padding: 1.5em 0 0 1em;
    overflow: initial
}

@media(min-width: 992px) {
    .isis-body:not(:has(.liE:empty)), .isis-body:not(:empty) {
        overflow: auto
    }
}

.isis-info {
    display: flex;
    flex-direction: row
}

.deploy-isis {
    display: none
}

@media(min-width: 992px) {
    .deploy-isis {
        display: block
    }
}

.deploy-isis {
    position: absolute;
    right: 1em;
    z-index: 1020
}

.deploy-isis-button {
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: 0
}

    .deploy-isis-button::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1em;
        color: var(--kg-secondary-color);
        background-color: initial
    }

    .deploy-isis-button:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .deploy-isis-button:hover::before {
            font-weight: 700
        }

    .deploy-isis-button:hover {
        text-decoration: none !important
    }

.deploy-isis-button {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .deploy-isis-button.disabled {
        pointer-events: none;
        opacity: .35
    }

    .deploy-isis-button::before, .deploy-isis-button::after {
        background-color: rgba(0,0,0,0)
    }

    .deploy-isis-button:hover::before, .deploy-isis-button:hover::after {
        background-color: rgba(0,0,0,0)
    }

.deploy-isis.folded {
    right: .25em
}

    .deploy-isis.folded .deploy-isis-button::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

#MenC > ul:has(li>ul) > li, #MenCcP > ul:has(li>ul) > li {
    padding-right: 1.76em
}

#MenC > ul:not(:has(li>ul)) > li, #MenCcP > ul:not(:has(li>ul)) > li {
    padding-right: .5em
}

#MenC > ul:not(:has(li>ul)) .ExISISc, #MenC > ul:not(:has(li>ul)) .ExISISo, #MenCcP > ul:not(:has(li>ul)) .ExISISc, #MenCcP > ul:not(:has(li>ul)) .ExISISo {
    display: none
}

#MenC ul, #MenCcP ul {
    list-style-type: none;
    position: relative
}

    #MenC ul#ISIS, #MenC ul#ISIN, #MenCcP ul#ISIS, #MenCcP ul#ISIN {
        margin: 0;
        position: relative;
        text-align: left
    }

        #MenC ul#ISIS li a.anchor-actived, #MenC ul#ISIN li a.anchor-actived, #MenCcP ul#ISIS li a.anchor-actived, #MenCcP ul#ISIN li a.anchor-actived {
            text-shadow: -0.01ex 0 0 currentColor,.01ex 0 0 currentColor;
            -webkit-text-stroke-width: .01ex
        }

            #MenC ul#ISIS li a.anchor-actived::before, #MenC ul#ISIN li a.anchor-actived::before, #MenCcP ul#ISIS li a.anchor-actived::before, #MenCcP ul#ISIN li a.anchor-actived::before {
                color: var(--kg-secondary-color);
                font-weight: 700
            }

    #MenC ul a, #MenCcP ul a {
        color: var(--kg-body-color);
        display: inline-block;
        text-decoration: none
    }

        #MenC ul a:not(.onIndex), #MenCcP ul a:not(.onIndex) {
            position: relative;
            padding-left: 1em
        }

            #MenC ul a:not(.onIndex)::before, #MenCcP ul a:not(.onIndex)::before {
                font-family: var(--kg-font-family-icons);
                content: "";
                color: var(--kg-accent-color);
                font-size: .5em;
                font-weight: 500;
                position: absolute;
                left: 0;
                vertical-align: top
            }

        #MenC ul a:hover, #MenCcP ul a:hover {
            text-shadow: -0.01ex 0 0 currentColor,.01ex 0 0 currentColor;
            -webkit-text-stroke-width: .01ex
        }

    #MenC ul .ExISISo::before, #MenCcP ul .ExISISo::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    #MenC ul .ExISISc::before, #MenCcP ul .ExISISc::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    #MenC ul .ExISISo, #MenC ul .ExISISc, #MenCcP ul .ExISISo, #MenCcP ul .ExISISc {
        position: absolute
    }

@media(min-width: 992px) {
    #MenC ul .ExISISo, #MenC ul .ExISISc, #MenCcP ul .ExISISo, #MenCcP ul .ExISISc {
        position: fixed
    }
}

#MenC ul .ExISISo, #MenC ul .ExISISc, #MenCcP ul .ExISISo, #MenCcP ul .ExISISc {
    left: initial
}

@media(min-width: 992px) {
    #MenC ul .ExISISo, #MenC ul .ExISISc, #MenCcP ul .ExISISo, #MenCcP ul .ExISISc {
        left: var(--ExISIS-left)
    }
}

#MenC ul .ExISISo, #MenC ul .ExISISc, #MenCcP ul .ExISISo, #MenCcP ul .ExISISc {
    right: .5em
}

@media(min-width: 992px) {
    #MenC ul .ExISISo, #MenC ul .ExISISc, #MenCcP ul .ExISISo, #MenCcP ul .ExISISc {
        right: initial
    }
}

#MenC ul .ExISISo, #MenC ul .ExISISc, #MenCcP ul .ExISISo, #MenCcP ul .ExISISc {
    cursor: pointer;
    visibility: hidden;
    padding-right: 0;
    width: 2em;
    height: 2em;
    z-index: 1020
}

    #MenC ul .ExISISo::before, #MenC ul .ExISISc::before, #MenCcP ul .ExISISo::before, #MenCcP ul .ExISISc::before {
        color: var(--kg-secondary-color);
        border: none;
        border-radius: 0;
        font-size: 1em;
        padding: 0
    }

        #MenC ul .ExISISo::before::before, #MenC ul .ExISISc::before::before, #MenCcP ul .ExISISo::before::before, #MenCcP ul .ExISISc::before::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: flex;
            justify-content: center;
            font-size: 1.25rem;
            color: var(--kg-secondary-color);
            background-color: initial
        }

        #MenC ul .ExISISo::before:hover, #MenC ul .ExISISc::before:hover, #MenCcP ul .ExISISo::before:hover, #MenCcP ul .ExISISc::before:hover {
            background-color: rgba(0,0,0,0);
            color: #000;
            border-color: rgba(0,0,0,0)
        }

            #MenC ul .ExISISo::before:hover::before, #MenC ul .ExISISc::before:hover::before, #MenCcP ul .ExISISo::before:hover::before, #MenCcP ul .ExISISc::before:hover::before {
                font-weight: 700
            }

        #MenC ul .ExISISo::before:hover, #MenC ul .ExISISc::before:hover, #MenCcP ul .ExISISo::before:hover, #MenCcP ul .ExISISc::before:hover {
            text-decoration: none !important
        }

    #MenC ul .ExISISo::before, #MenC ul .ExISISc::before, #MenCcP ul .ExISISo::before, #MenCcP ul .ExISISc::before {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        #MenC ul .ExISISo::before.disabled, #MenC ul .ExISISc::before.disabled, #MenCcP ul .ExISISo::before.disabled, #MenCcP ul .ExISISc::before.disabled {
            pointer-events: none;
            opacity: .35
        }

        #MenC ul .ExISISo::before::before, #MenC ul .ExISISo::before::after, #MenC ul .ExISISc::before::before, #MenC ul .ExISISc::before::after, #MenCcP ul .ExISISo::before::before, #MenCcP ul .ExISISo::before::after, #MenCcP ul .ExISISc::before::before, #MenCcP ul .ExISISc::before::after {
            background-color: rgba(0,0,0,0)
        }

        #MenC ul .ExISISo::before:hover::before, #MenC ul .ExISISo::before:hover::after, #MenC ul .ExISISc::before:hover::before, #MenC ul .ExISISc::before:hover::after, #MenCcP ul .ExISISo::before:hover::before, #MenCcP ul .ExISISo::before:hover::after, #MenCcP ul .ExISISc::before:hover::before, #MenCcP ul .ExISISc::before:hover::after {
            background-color: rgba(0,0,0,0)
        }

    #MenC ul .ExISISo::before, #MenC ul .ExISISc::before, #MenCcP ul .ExISISo::before, #MenCcP ul .ExISISc::before {
        visibility: visible;
        font-weight: 300;
        color: var(--kg-accent-color);
        background-color: #fff;
        position: absolute;
        right: 0;
        z-index: 1020
    }

    #MenC ul .ExISISo:hover::before, #MenC ul .ExISISc:hover::before, #MenCcP ul .ExISISo:hover::before, #MenCcP ul .ExISISc:hover::before {
        font-weight: 700
    }

#MenC ul li, #MenCcP ul li {
    line-height: 1.6em
}

    #MenC ul li a, #MenCcP ul li a {
        position: relative;
        padding-left: 1em
    }

        #MenC ul li a::before, #MenCcP ul li a::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            color: var(--kg-accent-color);
            font-size: .5em;
            font-weight: 500;
            position: absolute;
            left: 0;
            vertical-align: top
        }

    #MenC ul li.iop, #MenC ul li.op, #MenCcP ul li.iop, #MenCcP ul li.op {
        position: relative
    }

        #MenC ul li.iop::before, #MenC ul li.op::before, #MenCcP ul li.iop::before, #MenCcP ul li.op::before {
            content: "";
            border-left: 1px dotted var(--kg-accent-color);
            position: absolute;
            height: calc(100% - 22px);
            top: 20px;
            left: .25em
        }

        #MenC ul li.iop.icl::before, #MenC ul li.op.icl::before, #MenCcP ul li.iop.icl::before, #MenCcP ul li.op.icl::before {
            content: "";
            border: none
        }

#MenC ul .icl > a::before, #MenC ul .op.icl > a::before, #MenCcP ul .icl > a::before, #MenCcP ul .op.icl > a::before {
    font-family: var(--kg-font-family-icons);
    content: "";
    font-size: 13px
}

#MenC ul .iop > a::before, #MenC ul .op > a::before, #MenCcP ul .iop > a::before, #MenCcP ul .op > a::before {
    font-family: var(--kg-font-family-icons);
    content: "";
    font-size: 13px
}

#MenC ul .cl, #MenCcP ul .cl {
    display: none
}

#MenC ul.op, #MenCcP ul.op {
    margin-left: 1.25em
}

    #MenC ul.op li.op, #MenCcP ul.op li.op {
        margin-left: 0
    }

table.tPb {
    border: var(--kg-border-dark);
    border-collapse: collapse;
    max-width: 100%;
    margin: 1em auto 0 auto;
    font-size: .9em
}

    table.tPb caption {
        color: var(--kg-secondary-color);
        font-weight: 700;
        caption-side: top;
        padding: 1em;
        display: table-caption
    }

    table.tPb th, table.tPb td {
        border: var(--kg-border-dark);
        padding: .5em;
        text-align: left;
        vertical-align: middle
    }

    table.tPb .fell {
        border: var(--kg-border-dark)
    }

    table.tPb .fesd {
        border-left: var(--kg-border-dark);
        border-right: var(--kg-border-dark)
    }

    table.tPb .febt {
        border-bottom: var(--kg-border-dark)
    }

    table.tPb .fetp {
        border-top: var(--kg-border-dark)
    }

    table.tPb .fetb {
        border-top: var(--kg-border-dark);
        border-bottom: var(--kg-border-dark)
    }

    table.tPb .feno {
        border: 0
    }

    table.tPb .vntp {
        vertical-align: top
    }

    table.tPb .vnbm {
        vertical-align: bottom
    }

    table.tPb .ad, table.tPb .anrt {
        text-align: right
    }

    table.tPb .ac, table.tPb .ancr {
        text-align: center
    }

    table.tPb .aj, table.tPb .anjy {
        text-align: justify
    }

    table.tPb .rpno {
        border-bottom: 0;
        border-top: 0
    }

    table.tPb .cpno {
        border-right: 0;
        border-left: 0
    }

    table.tPb .rotate {
        height: auto;
        transform: rotate(180deg);
        vertical-align: middle;
        writing-mode: vertical-lr
    }

    table.tPb .rpno td {
        border-bottom: 0;
        border-top: 0
    }

#cVe {
    padding: 0 1em
}

    #cVe > p {
        color: var(--kg-brand-secondary-blue);
        font-weight: 500;
        text-transform: uppercase;
        margin: 0;
        padding: .75em 0
    }

        #cVe > p::before {
            content: ""
        }

    #cVe #cVer {
        font-size: .9em
    }

        #cVe #cVer li {
            color: var(--kg-body-color);
            border-bottom: var(--kg-border-medium);
            position: relative;
            display: flex;
            justify-content: space-between;
            padding: .75em 0
        }

            #cVe #cVer li.mVersc {
                display: none
            }

            #cVe #cVer li:has(.pdf) {
                flex-direction: column;
                font-weight: 500
            }

            #cVe #cVer li::before {
                font-weight: 500;
                position: absolute;
                top: .5em
            }

            #cVe #cVer li::after {
                font-size: 1.5em;
                font-weight: 600;
                position: absolute;
                top: .5em;
                right: .5em
            }

            #cVe #cVer li:nth-child(2):has(~li.vr,~li.vg)::after {
                font-family: var(--kg-font-family-icons);
                content: "";
                color: var(--kg-primary-color)
            }

            #cVe #cVer li ~ li:nth-child(2):has(~li.vg,~li.vr)::before {
                content: "Redacción futura"
            }

            #cVe #cVer li.va {
                font-weight: 600
            }

                #cVe #cVer li.va:has(~li.vg) {
                    padding-top: 2.5em
                }

            #cVe #cVer li.va, #cVe #cVer li .vr {
                background-color: var(--kg-cite-color);
                padding: 1em .5em
            }

            #cVe #cVer li.vr, #cVe #cVer li.vg {
                padding: 3em 1em 1em 1em
            }

                #cVe #cVer li.vr::before, #cVe #cVer li.vg::before {
                    content: "Redacción actual (vigente)"
                }

                #cVe #cVer li.vr::after, #cVe #cVer li.vg::after {
                    font-family: var(--kg-font-family-icons);
                    content: "";
                    color: var(--kg-complementary-color)
                }

                #cVe #cVer li.vr + li, #cVe #cVer li.vg + li {
                    padding-top: 2.5em
                }

                    #cVe #cVer li.vr + li::before, #cVe #cVer li.vg + li::before {
                        content: "Redacciones intermedias"
                    }

        #cVe #cVer a {
            color: currentColor;
            text-decoration: none
        }

            #cVe #cVer a.histCamb {
                color: var(--kg-complementary-color);
                font-size: .85em;
                text-wrap: nowrap
            }

        #cVe #cVer.dr::after {
            font-family: var(--kg-font-family-icons);
            content: "";
            color: var(--kg-error-color)
        }

        #cVe #cVer.dr.va {
            padding-top: 2.5em
        }

        #cVe #cVer a:hover {
            color: var(--kg-brand-secondary-blue);
            font-weight: 500
        }

        #cVe #cVer:has(.va.vr) > li:nth-child(2) {
            padding-top: 2.5em
        }

        #cVe #cVer .pdf {
            margin-top: 1em
        }

            #cVe #cVer .pdf li {
                padding-top: 0;
                border-bottom: 0
            }

.documentbylayersDT #ISIS > li:nth-child(2), .documentbylayersDTArtDoc #ISIS > li:nth-child(2), .documentbylayersDTCPracticos #ISIS > li:nth-child(2) {
    display: none
}

.documentbylayersDT #ISIN > li:first-child, .documentbylayersDTArtDoc #ISIN > li:first-child, .documentbylayersDTCPracticos #ISIN > li:first-child {
    display: none
}

.documentbylayersDT .bibliografia-relacionadaDTyBL .dSF .eDt, .documentbylayersDTArtDoc .bibliografia-relacionadaDTyBL .dSF .eDt, .documentbylayersDTCPracticos .bibliografia-relacionadaDTyBL .dSF .eDt {
    display: none
}

div.dRec:has(.identA) {
    display: flex;
    margin-bottom: 1em;
    padding: 1em;
    gap: 1em;
    align-items: flex-end
}

    div.dRec:has(.identA) .AN {
        display: none
    }

    div.dRec:has(.identA) .identA {
        display: flex;
        flex-direction: column
    }

        div.dRec:has(.identA) .identA .pAuL {
            font-weight: 600
        }

        div.dRec:has(.identA) .identA .pPrL {
            font-size: .9em;
            font-style: italic
        }

.EX .rProd {
    display: none
}

body:has(.FO) #btc:not(:empty) {
    background-color: var(--kg-complementary-link-color);
    padding: 5px;
    color: #fff;
    border-radius: 5px;
    font-size: .9em;
    position: relative;
    margin-top: -45px
}

.FO #MenC:has(.onIndex) li:not([class]) {
    margin-left: -0.25em
}

.FO #MenC:has(.onIndex) li.op a:not(.onIndex)::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.FO #MenC:has(.onIndex) li.icl a:not(.onIndex)::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.FO #MenC li {
    margin: 0 0 .5em 0
}

.FO #MenC a.onIndex {
    padding-left: 0
}

    .FO #MenC a.onIndex::before {
        content: ""
    }

    .FO #MenC a.onIndex:has(.uncheck) {
        text-decoration: line-through !important
    }

    .FO #MenC a.onIndex input[type=checkbox] {
        display: inline-flex;
        margin: 0 .5em 0 0
    }

        .FO #MenC a.onIndex input[type=checkbox]:checked {
            background-color: var(--kg-complementary-color)
        }

        .FO #MenC a.onIndex input[type=checkbox].uncheck {
            color: var(--kg-complementary-color);
            border-color: var(--kg-complementary-color);
            background-color: #fff !important
        }

.FO #cCn span.Highlight, .FO #cCn span.HighlightExtended {
    background-color: initial !important;
    padding: 0;
    color: initial !important
}

.FO #cCn input[type=radio]::before {
    content: none
}

.FO #cCn cite {
    display: none;
    margin-top: 0
}

.FO #cCn .element {
    animation: background-fade 5s forwards;
    -webkit-animation: background-fade 5s forwards;
    -moz-animation: background-fade 5s forwards;
    visibility: hidden;
    width: 0;
    height: 0;
    font-size: 0
}

.FO #cCn .ch {
    animation: background-fade 5s forwards;
    -webkit-animation: background-fade 5s forwards;
    -moz-animation: background-fade 5s forwards;
    padding: 0 8px 0 8px;
    border-radius: 5px
}

@-webkit-keyframes background-fade {
    99.9% {
        background: var(--kg-cite-color)
    }

    100% {
        background: rgba(0,0,0,0)
    }
}

@-moz-keyframes background-fade {
    99.9% {
        background: var(--kg-cite-color)
    }

    100% {
        background: rgba(0,0,0,0)
    }
}

@keyframes background-fade {
    99.9% {
        background: var(--kg-cite-color)
    }

    100% {
        background: rgba(0,0,0,0)
    }
}

.FO #cCn input[type=text] {
    width: 170px
}

.FO #cCn cite {
    display: none;
    margin-top: 0
}

.FO #cCn .sign table.tPb, .FO #cCn .sign table.tPb td {
    border: none
}

.FO #cCn p {
    line-height: 26px
}

    .FO #cCn p.d1 {
        text-align: center;
        font-weight: bold
    }

.FO #cCn a.nh:not(.sto) {
    background-color: #fff;
    display: none;
    height: 0;
    margin: 0;
    padding: 0;
    position: relative;
    right: 27px;
    top: -22px;
    width: 0
}

.FO #cCn a.nh::before {
    font-family: var(--kg-font-family-icons);
    content: "";
    background-color: #fff;
    border-radius: 50%;
    color: var(--kg-accent-color);
    display: inline;
    font-size: 17px;
    line-height: 1px
}

.FO #cCn a.nh + cite, .FO #cCn a.nh dfn {
    display: none
}

.FO #cCn input[type=text][placeholder]:not([placeholder=""]):focus + .nh {
    display: inline-block
}

.FO #cCn .rGroup.sel .rBox {
    background-color: initial !important
}

.FO #cCn .rGroup .rBox {
    border: 1px solid var(--kg-complementary-link-color);
    padding: 16px 16px 16px 32px;
    position: relative;
    border-radius: 5px;
    background-color: var(--kg-complementary-light-color) !important
}

    .FO #cCn .rGroup .rBox .irBox {
        border: 1px solid var(--kg-complementary-link-color) !important;
        float: left;
        margin-left: -24px;
        position: absolute;
        top: 12px
    }

    .FO #cCn .rGroup .rBox input[type=radio] + .rhDesc {
        margin-top: -5px !important;
        margin-left: 7px;
        font-style: italic
    }

    .FO #cCn .rGroup .rBox input[type=radio]:checked::before {
        content: ""
    }

    .FO #cCn .rGroup .rBox > .rhDesc ~ *:not(input) {
        display: none
    }

    .FO #cCn .rGroup .rBox.sel {
        background-color: initial !important
    }

        .FO #cCn .rGroup .rBox.sel > .rhDesc ~ * {
            display: block !important
        }

.FO #cCn .checkbox-text {
    margin-left: 5px;
    position: relative;
    top: -2px
}

.FO #cCn select {
    background-color: var(--kg-complementary-light-color);
    border-radius: 5px;
    height: 25px
}

.FO #cCn div.opt {
    border: 1px solid var(--kg-complementary-link-color);
    padding: 15px 15px 15px 30px;
    position: relative;
    border-radius: 5px
}

.FO #cCn .opt a[onclick*="supp("], .FO #cCn .opt a[onclick*="add("] {
    border: 0;
    cursor: pointer;
    transition: background-color .1s ease-out;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    padding: 0;
    font-size: 0;
    line-height: 0;
    margin-bottom: 8px;
    float: left;
    width: 20px;
    height: 20px;
    text-align: center;
    margin-top: 4px;
    border-radius: 5px
}

    .FO #cCn .opt a[onclick*="supp("]::before, .FO #cCn .opt a[onclick*="add("]::before {
        font-size: 23px;
        line-height: 19px;
        float: left;
        width: 100%;
        font-weight: 600
    }

.FO #cCn .opt a[onclick*="supp("] {
    margin-right: 8px
}

    .FO #cCn .opt a[onclick*="supp("]::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        margin-right: 8px;
        color: #666
    }

.FO #cCn .opt a[onclick*="add("] {
    margin-right: 10px
}

    .FO #cCn .opt a[onclick*="add("]::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        color: var(--kg-complementary-link-color)
    }

.FO #cCn .opt .hDesc {
    font-style: italic
}

.FO #cCn .opt .plusminusgroup-text {
    color: var(--kg-complementary-link-color);
    line-height: 1.9
}

.FO #cCn span.opt input.block {
    display: block;
    float: left;
    position: absolute;
    margin-top: 10px !important;
    z-index: 10
}

.FO #cCn * + div.opt {
    margin-top: 2.2em
}

.FO #cCn .rSelect {
    position: relative
}

    .FO #cCn .rSelect .orSelect:first-of-type:before {
        content: "Selecciona una u otra opción";
        position: relative;
        display: block;
        margin-top: 10px;
        margin-bottom: -15px;
        color: var(--kg-complementary-link-color);
        line-height: 1.3
    }

    .FO #cCn .rSelect .irBox {
        float: left;
        position: relative;
        top: 3px;
        margin-right: 6px;
        margin-left: 5px;
        margin-top: 0 !important
    }

.FO #cCn span.opt > [type=checkbox] {
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 5px;
    display: inline-block;
    border: var(--kg-border-dark) !important
}

    .FO #cCn span.opt > [type=checkbox]::after {
        content: "" !important
    }

    .FO #cCn span.opt > [type=checkbox]::before {
        line-height: 20px;
        transform: translate(3px, -2px)
    }

.FO #cCn input.block ~ .rSelect .orSelect:first-of-type::before {
    margin-left: 24px
}

.FO #cCx select, .FO #cCx input[type=text] {
    min-width: 100%
}

.FO #cCx select, .FO #cCx input[type=text], .FO #cCn select, .FO #cCn input[type=text] {
    border: var(--kg-border-medium) !important;
    background-color: var(--kg-complementary-light-color) !important
}

    .FO #cCx select.withText, .FO #cCx input[type=text].withText, .FO #cCx option[selected=selected], .FO #cCn select.withText, .FO #cCn input[type=text].withText, .FO #cCn option[selected=selected] {
        background-color: rgba(0,0,0,0) !important;
        overflow: hidden;
        min-width: min-content
    }

.FO #cCx .opt .plusminusgroup-text, .FO #cCx .rGroup .radiogroup-text, .FO #cCx .checkbox-text, .FO #cCn .opt .plusminusgroup-text, .FO #cCn .rGroup .radiogroup-text, .FO #cCn .checkbox-text {
    color: var(--kg-complementary-link-color);
    line-height: 1.9
}

.FO #cCx #dTxT > .opt, .FO #cCx #dTxT .tanexo ~ .opt, .FO #cCx #dTxT .sign > .opt, .FO #cCn #dTxT > .opt, .FO #cCn #dTxT .tanexo ~ .opt, .FO #cCn #dTxT .sign > .opt {
    border: 1px solid var(--kg-complementary-link-color);
    padding: 15px 15px 15px 30px;
    border-radius: 5px
}

    .FO #cCx .sel .orSelect, .FO #cCx .opt, .FO #cCx #dTxT > .opt.xsel div div div .opt, .FO #cCn .sel .orSelect, .FO #cCn .opt, .FO #cCn #dTxT > .opt.xsel div div div .opt {
        background-color: var(--kg-complementary-light-color) !important
    }

        .FO #cCx .opt.selected, .FO #cCx .sel .orSelect.sel, .FO #cCx .opt.sel, .FO #cCx #dTxT > .opt.xsel div div div .opt.sel, .FO #cCx .opt.xsel, .FO #cCn .opt.selected, .FO #cCn .sel .orSelect.sel, .FO #cCn .opt.sel, .FO #cCn #dTxT > .opt.xsel div div div .opt.sel, .FO #cCn .opt.xsel {
            background-color: initial !important
        }

.SMFSI #cPx {
    display: none
}

.SMFSI #cCx[style*="display: block"] {
    display: grid !important;
    width: 24em !important;
    left: initial !important
}

.SMFSI #cCn[style*="display: block"] {
    left: 0 !important;
    position: relative !important;
    width: 100% !important
}

.SMFSI .document-aside-queries {
    display: grid;
    grid-template-areas: "smt-main" "smt-buttons";
    grid-template-rows: auto 4em;
    overflow: hidden
}

.SMFSI #queries {
    scrollbar-width: thin
}

    .SMFSI #queries::-webkit-scrollbar {
        width: 13px
    }

    .SMFSI #queries::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .SMFSI #queries::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.SMFSI #queries {
    overflow: auto;
    grid-area: smt-main;
    overflow-x: hidden;
    padding: .5em .5em .5em 1em;
    text-align: initial
}

    .SMFSI #queries fieldset {
        margin: 0 0 1em 0;
        position: relative
    }

        .SMFSI #queries fieldset:last-child {
            margin-bottom: 0
        }

        .SMFSI #queries fieldset .gt {
            display: block;
            margin-bottom: .5em;
            margin-right: .25em
        }

        .SMFSI #queries fieldset.ch {
            padding-left: 1.5em
        }

            .SMFSI #queries fieldset.ch input[type=checkbox] {
                left: 0;
                position: absolute;
                top: 0
            }

    .SMFSI #queries .cl.op {
        display: block
    }

    .SMFSI #queries .nh {
        position: absolute
    }

        .SMFSI #queries .nh ~ input {
            margin-left: 1.5em;
            min-width: calc(100% - 1.5em)
        }

        .SMFSI #queries .nh dfn {
            display: none
        }

        .SMFSI #queries .nh::after {
            font-family: var(--kg-font-family-icons);
            content: "";
            color: var(--kg-blue-500);
            font-weight: 600
        }

        .SMFSI #queries .nh + cite {
            background-color: var(--kg-blue-500);
            border-radius: 5px;
            box-shadow: 4px 5px 7px -3px rgba(99,99,99,.3);
            color: #fff;
            display: none;
            font-size: 12px;
            line-height: 16px;
            margin-top: -30px;
            margin-left: -20px;
            padding: 4px 7px;
            position: absolute;
            z-index: 1
        }

        .SMFSI #queries .nh:hover + cite {
            display: inline
        }

    .SMFSI #queries .cB {
        margin-top: .5em;
        position: relative
    }

        .SMFSI #queries .cB input[type=checkbox] {
            left: 0;
            position: absolute;
            top: 0
        }

        .SMFSI #queries .cB > dd:not(:empty) {
            background-color: var(--kg-brand-secondary-light-blue);
            margin-left: 1.25em;
            padding: .5em
        }

        .SMFSI #queries .cB .ch {
            padding-left: 1.25em;
            position: relative
        }

        .SMFSI #queries .cB dt > .gt {
            display: block;
            margin-bottom: .5em;
            margin-left: 1.5em;
            margin-right: .25em
        }

    .SMFSI #queries .oP {
        margin-top: 1em;
        position: relative
    }

        .SMFSI #queries .oP input[type=radio] {
            left: 0;
            position: absolute;
            top: 0
        }

        .SMFSI #queries .oP dt > .go {
            display: block;
            margin-bottom: .5em;
            margin-left: 1.5em;
            margin-right: .25em
        }

    .SMFSI #queries .rB dt {
        display: flex
    }

    .SMFSI #queries .rB > dd {
        background-color: var(--kg-blue-100);
        border-radius: .25em;
        margin-left: 1.25em;
        padding: .5em
    }

        .SMFSI #queries .rB > dd.vc {
            background: rgba(0,0,0,0) !important;
            color: var(--kg-brand-background-dark-gray);
            height: 1px !important;
            margin: 1px !important;
            padding: 1px !important
        }

    .SMFSI #queries.off {
        display: none
    }

    .SMFSI #queries .pmB a {
        display: block;
        font-size: 1.5em;
        width: 30px;
        height: 30px;
        background-color: var(--kg-brand-primary-color);
        text-align: center;
        color: #000;
        text-decoration: none
    }

        .SMFSI #queries .pmB a b {
            font-weight: 400
        }

.SMFSI #txtFinish {
    display: none;
    grid-area: smt-main
}

    .SMFSI #txtFinish.on {
        display: block;
        padding: 1em
    }

.SMFSI .pTxtEnd {
    --color: var(--kg-complementary-color);
    border: 1px solid var(--color);
    color: var(--color);
    display: flex;
    gap: .5em;
    font-size: 14px;
    text-align: left
}

    .SMFSI .pTxtEnd::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        background-color: var(--color);
        color: #fff;
        display: flex;
        font-size: 1.5em;
        line-height: 2em;
        justify-content: center;
        width: 4em
    }

.SMFSI #wSouth {
    grid-area: smt-buttons;
    padding: .5em 1em;
    align-items: center
}

    .SMFSI #wSouth #barraBtn {
        display: flex;
        justify-content: space-evenly;
        min-width: 100%;
        gap: .5em;
        text-transform: capitalize;
        margin-block: 0
    }

        .SMFSI #wSouth #barraBtn[style*="display: block"] {
            display: flex !important
        }

        .SMFSI #wSouth #barraBtn .finish {
            display: none
        }

            .SMFSI #wSouth #barraBtn .finish[style*="display: block"] {
                display: flex !important;
                background-color: var(--kg-primary-color);
                color: var(--kg-brand-secondary-blue);
                border: 1px solid var(--kg-primary-color);
                border-radius: 7px;
                font-size: .75em;
                padding: .375rem .25rem
            }

                .SMFSI #wSouth #barraBtn .finish[style*="display: block"]:hover {
                    background-color: rgb(227.97444,190.43648,.91556);
                    color: #fff;
                    border-color: rgb(227.97444,190.43648,.91556)
                }

                    .SMFSI #wSouth #barraBtn .finish[style*="display: block"]:hover::before {
                        background-color: inherit;
                        font-weight: 400
                    }

                .SMFSI #wSouth #barraBtn .finish[style*="display: block"]:hover {
                    text-decoration: none !important
                }

            .SMFSI #wSouth #barraBtn .finish[style*="display: block"] {
                cursor: pointer;
                display: inline-flex;
                align-content: center;
                justify-content: center;
                align-items: center;
                gap: 8px;
                overflow-wrap: normal;
                text-align: center;
                text-decoration: none;
                transition: background-color .3s,color .3s
            }

                .SMFSI #wSouth #barraBtn .finish[style*="display: block"].disabled {
                    pointer-events: none;
                    opacity: .35
                }

                .SMFSI #wSouth #barraBtn .finish[style*="display: block"]::before, .SMFSI #wSouth #barraBtn .finish[style*="display: block"]::after {
                    background-color: rgba(0,0,0,0)
                }

                .SMFSI #wSouth #barraBtn .finish[style*="display: block"]:hover::before, .SMFSI #wSouth #barraBtn .finish[style*="display: block"]:hover::after {
                    background-color: rgba(0,0,0,0)
                }

        .SMFSI #wSouth #barraBtn a.next {
            background-color: var(--kg-primary-color);
            color: var(--kg-brand-secondary-blue);
            border: 1px solid var(--kg-primary-color);
            border-radius: 7px;
            font-size: 1em;
            padding: .375rem .75rem
        }

            .SMFSI #wSouth #barraBtn a.next:hover {
                background-color: rgb(227.97444,190.43648,.91556);
                color: #fff;
                border-color: rgb(227.97444,190.43648,.91556)
            }

                .SMFSI #wSouth #barraBtn a.next:hover::before {
                    background-color: inherit;
                    font-weight: 400
                }

            .SMFSI #wSouth #barraBtn a.next:hover {
                text-decoration: none !important
            }

        .SMFSI #wSouth #barraBtn a.next {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s
        }

            .SMFSI #wSouth #barraBtn a.next.disabled {
                pointer-events: none;
                opacity: .35
            }

            .SMFSI #wSouth #barraBtn a.next::before, .SMFSI #wSouth #barraBtn a.next::after {
                background-color: rgba(0,0,0,0)
            }

            .SMFSI #wSouth #barraBtn a.next:hover::before, .SMFSI #wSouth #barraBtn a.next:hover::after {
                background-color: rgba(0,0,0,0)
            }

            .SMFSI #wSouth #barraBtn a.next.previousOFF {
                display: none
            }

        .SMFSI #wSouth #barraBtn a#previous {
            background-color: #fff;
            color: var(--kg-brand-secondary-blue);
            border: var(--kg-border-default);
            border-radius: 5px;
            font-size: 1em;
            padding: .375rem .75rem
        }

            .SMFSI #wSouth #barraBtn a#previous:hover {
                background-color: hsl(0,0%,70%);
                color: #fff;
                border-color: hsl(0,0%,70%)
            }

                .SMFSI #wSouth #barraBtn a#previous:hover::before {
                    background-color: inherit;
                    font-weight: 400
                }

            .SMFSI #wSouth #barraBtn a#previous:hover {
                text-decoration: none !important
            }

        .SMFSI #wSouth #barraBtn a#previous {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s
        }

            .SMFSI #wSouth #barraBtn a#previous.disabled {
                pointer-events: none;
                opacity: .35
            }

            .SMFSI #wSouth #barraBtn a#previous::before, .SMFSI #wSouth #barraBtn a#previous::after {
                background-color: rgba(0,0,0,0)
            }

            .SMFSI #wSouth #barraBtn a#previous:hover::before, .SMFSI #wSouth #barraBtn a#previous:hover::after {
                background-color: rgba(0,0,0,0)
            }

    .SMFSI #wSouth #barraBtn_2 {
        display: none;
        visibility: hidden
    }

        .SMFSI #wSouth #barraBtn_2 a#back {
            background-color: #fff;
            color: var(--kg-brand-secondary-blue);
            border: var(--kg-border-default);
            border-radius: 5px;
            font-size: 1em;
            padding: .375rem .75rem
        }

            .SMFSI #wSouth #barraBtn_2 a#back:hover {
                background-color: hsl(0,0%,70%);
                color: #fff;
                border-color: hsl(0,0%,70%)
            }

                .SMFSI #wSouth #barraBtn_2 a#back:hover::before {
                    background-color: inherit;
                    font-weight: 400
                }

            .SMFSI #wSouth #barraBtn_2 a#back:hover {
                text-decoration: none !important
            }

        .SMFSI #wSouth #barraBtn_2 a#back {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s
        }

            .SMFSI #wSouth #barraBtn_2 a#back.disabled {
                pointer-events: none;
                opacity: .35
            }

            .SMFSI #wSouth #barraBtn_2 a#back::before, .SMFSI #wSouth #barraBtn_2 a#back::after {
                background-color: rgba(0,0,0,0)
            }

            .SMFSI #wSouth #barraBtn_2 a#back:hover::before, .SMFSI #wSouth #barraBtn_2 a#back:hover::after {
                background-color: rgba(0,0,0,0)
            }

        .SMFSI #wSouth #barraBtn_2 a#fin {
            background-color: var(--kg-primary-color);
            color: var(--kg-brand-secondary-blue);
            border: 1px solid var(--kg-primary-color);
            border-radius: 7px;
            font-size: 1em;
            padding: .375rem .75rem
        }

            .SMFSI #wSouth #barraBtn_2 a#fin:hover {
                background-color: rgb(227.97444,190.43648,.91556);
                color: #fff;
                border-color: rgb(227.97444,190.43648,.91556)
            }

                .SMFSI #wSouth #barraBtn_2 a#fin:hover::before {
                    background-color: inherit;
                    font-weight: 400
                }

            .SMFSI #wSouth #barraBtn_2 a#fin:hover {
                text-decoration: none !important
            }

        .SMFSI #wSouth #barraBtn_2 a#fin {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s
        }

            .SMFSI #wSouth #barraBtn_2 a#fin.disabled {
                pointer-events: none;
                opacity: .35
            }

            .SMFSI #wSouth #barraBtn_2 a#fin::before, .SMFSI #wSouth #barraBtn_2 a#fin::after {
                background-color: rgba(0,0,0,0)
            }

            .SMFSI #wSouth #barraBtn_2 a#fin:hover::before, .SMFSI #wSouth #barraBtn_2 a#fin:hover::after {
                background-color: rgba(0,0,0,0)
            }

.SMFSI #cCn input[type=text].emToInput {
    border-color: var(--kg-brand-secondary-blue) !important;
    background-color: var(--kg-brand-secondary-light-blue) !important
}

.SMFSI #cCn em.isf {
    background-color: var(--kg-brand-secondary-light-blue);
    display: inline-block;
    height: 20px;
    min-width: 70px
}

.SMFSI #cCn .hle {
    background-color: rgba(0,0,0,0)
}

#cDocument .SMFSI #cCn .hle {
    background-color: var(--kg-highlight-03) !important
}

.documentbylayersGC svg {
    display: block;
    margin: 5em auto;
    zoom: .75
}

    .documentbylayersGC svg:active {
        cursor: grabbing
    }

.glosa-href {
    cursor: pointer;
    color: var(--kg-primary-color)
}

    .glosa-href .glosa-icon {
        stroke: var(--kg-secondary-color);
        stroke-width: 1;
        stroke-dasharray: none;
        stroke-linecap: butt;
        stroke-linejoin: miter;
        stroke-miterlimit: 10;
        fill: currentColor;
        fill-rule: nonzero;
        opacity: 1
    }

    .glosa-href .glosa-icon-text {
        fill: var(--kg-secondary-color);
        stroke: var(--kg-secondary-color);
        stroke-width: 1;
        stroke-miterlimit: 2;
        font-size: 1em
    }

    .glosa-href.general {
        color: var(--kg-primary-color)
    }

        .glosa-href.general .glosa-icon {
            stroke: var(--kg-secondary-color)
        }

        .glosa-href.general:hover {
            color: rgb(227.97444,190.43648,.91556)
        }

.glosas-list {
    margin-block: 0;
    padding: 1em
}

.glosas-item {
    padding: 0 0 0 1em
}

.glosas-link {
    color: var(--kg-complementary-link-color);
    text-decoration: none;
    font-style: normal
}

    .glosas-link:hover {
        text-decoration: underline
    }

.glosas-link {
    padding: 0;
    text-wrap: pretty
}

    .glosas-link::before {
        display: inline-block;
        background-color: var(--kg-primary-color);
        color: var(--kg-secondary-color);
        border: 1px outset var(--kg-secondary-color);
        line-height: 1.2em;
        max-width: 1em;
        max-height: 1em;
        min-width: 1em;
        min-height: 1em;
        flex: 1;
        text-align: center;
        font-weight: 500;
        font-size: .9em;
        margin: .25em .25em 0 0
    }

    .glosas-link:hover {
        color: var(--kg-dark-color)
    }

    .glosas-link.FO::before {
        content: "F";
        background-color: var(--kg-cite-color)
    }

    .glosas-link.JU::before {
        content: "J";
        background-color: var(--kg-cite-color)
    }

div.a {
    margin-bottom: .65em
}

    div.a.textD em {
        font-style: italic
    }

em.cR {
    font-style: normal
}

em.iN {
    padding: .5em 0
}

em.iN, .textD, .wrapper-derogada {
    background-color: var(--kg-revoke-background-color);
    color: var(--kg-revoke-text-color);
    font-style: italic;
    padding: .5em
}

    em.iN .wrapper-icons, .textD .wrapper-icons, .wrapper-derogada .wrapper-icons {
        left: -3em
    }

em.iNh3, .textDh3, .wrapper-derogadah3 {
    text-align: center
}

em.iN.d1, .textD.d1, .wrapper-derogada.d1 {
    margin-top: 0
}

em.iN em.cR, .textD em.cR, .wrapper-derogada em.cR {
    font-style: italic
}

.version-comparision .textD:has(+.textD), .version-comparision .textD + .textD, .version-comparision .textD > div:not([class]):has(>p), .version-comparision .textD > div:not([class]) > p, .wrapper-derogada .textD:has(+.textD), .wrapper-derogada .textD + .textD, .wrapper-derogada .textD > div:not([class]):has(>p), .wrapper-derogada .textD > div:not([class]) > p {
    display: inline
}

.textD .ccn.ccnOn {
    border-top: 1em solid #fff;
    border-bottom: 1em solid #fff;
    border-radius: 0
}

.tBody.JU.doctype6 .datosSentCcx, .tBody.JU.doctype6 #datosSentCcx {
    border-bottom: var(--kg-border-default);
    display: flex;
    flex-direction: column;
    gap: .25em;
    font-size: .9em;
    margin-bottom: .5em;
    padding-bottom: .5em
}

    .tBody.JU.doctype6 .datosSentCcx:empty, .tBody.JU.doctype6 #datosSentCcx:empty {
        display: none
    }

    .tBody.JU.doctype6 .datosSentCcx .jVA img, .tBody.JU.doctype6 #datosSentCcx .jVA img {
        display: none
    }

    .tBody.JU.doctype6 .datosSentCcx .e-link, .tBody.JU.doctype6 .datosSentCcx p, .tBody.JU.doctype6 #datosSentCcx .e-link, .tBody.JU.doctype6 #datosSentCcx p {
        display: flex;
        margin-block: 0;
        gap: .5em
    }

        .tBody.JU.doctype6 .datosSentCcx .e-link#ecli em, .tBody.JU.doctype6 .datosSentCcx p#ecli em, .tBody.JU.doctype6 #datosSentCcx .e-link#ecli em, .tBody.JU.doctype6 #datosSentCcx p#ecli em {
            color: #666;
            font-size: 1.1em;
            font-weight: 600
        }

        .tBody.JU.doctype6 .datosSentCcx .e-link:not(#ecli)::before, .tBody.JU.doctype6 .datosSentCcx p:not(#ecli)::before, .tBody.JU.doctype6 #datosSentCcx .e-link:not(#ecli)::before, .tBody.JU.doctype6 #datosSentCcx p:not(#ecli)::before {
            font-size: 1.2em;
            font-weight: 600;
            width: 1.25em
        }

        .tBody.JU.doctype6 .datosSentCcx .e-link:not(#ecli):not(.jFav):not(.jCon)::before, .tBody.JU.doctype6 .datosSentCcx p:not(#ecli):not(.jFav):not(.jCon)::before, .tBody.JU.doctype6 #datosSentCcx .e-link:not(#ecli):not(.jFav):not(.jCon)::before, .tBody.JU.doctype6 #datosSentCcx p:not(#ecli):not(.jFav):not(.jCon)::before {
            color: var(--kg-complementary-color)
        }

        .tBody.JU.doctype6 .datosSentCcx .e-link.cFiD::before, .tBody.JU.doctype6 .datosSentCcx .e-link.cCaR::before, .tBody.JU.doctype6 .datosSentCcx .e-link.cCaD::before, .tBody.JU.doctype6 .datosSentCcx .e-link.cEsD::before, .tBody.JU.doctype6 .datosSentCcx p.cFiD::before, .tBody.JU.doctype6 .datosSentCcx p.cCaR::before, .tBody.JU.doctype6 .datosSentCcx p.cCaD::before, .tBody.JU.doctype6 .datosSentCcx p.cEsD::before, .tBody.JU.doctype6 #datosSentCcx .e-link.cFiD::before, .tBody.JU.doctype6 #datosSentCcx .e-link.cCaR::before, .tBody.JU.doctype6 #datosSentCcx .e-link.cCaD::before, .tBody.JU.doctype6 #datosSentCcx .e-link.cEsD::before, .tBody.JU.doctype6 #datosSentCcx p.cFiD::before, .tBody.JU.doctype6 #datosSentCcx p.cCaR::before, .tBody.JU.doctype6 #datosSentCcx p.cCaD::before, .tBody.JU.doctype6 #datosSentCcx p.cEsD::before {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

        .tBody.JU.doctype6 .datosSentCcx .e-link.jSentFallo::before, .tBody.JU.doctype6 .datosSentCcx p.jSentFallo::before, .tBody.JU.doctype6 #datosSentCcx .e-link.jSentFallo::before, .tBody.JU.doctype6 #datosSentCcx p.jSentFallo::before {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

        .tBody.JU.doctype6 .datosSentCcx .e-link.jFav, .tBody.JU.doctype6 .datosSentCcx p.jFav, .tBody.JU.doctype6 #datosSentCcx .e-link.jFav, .tBody.JU.doctype6 #datosSentCcx p.jFav {
            display: var(--kg-ju-favor)
        }

            .tBody.JU.doctype6 .datosSentCcx .e-link.jFav::before, .tBody.JU.doctype6 .datosSentCcx p.jFav::before, .tBody.JU.doctype6 #datosSentCcx .e-link.jFav::before, .tBody.JU.doctype6 #datosSentCcx p.jFav::before {
                font-family: var(--kg-font-family-icons);
                content: "";
                color: var(--kg-ju-favor-color)
            }

        .tBody.JU.doctype6 .datosSentCcx .e-link.jCon, .tBody.JU.doctype6 .datosSentCcx p.jCon, .tBody.JU.doctype6 #datosSentCcx .e-link.jCon, .tBody.JU.doctype6 #datosSentCcx p.jCon {
            display: var(--kg-ju-contra)
        }

            .tBody.JU.doctype6 .datosSentCcx .e-link.jCon::before, .tBody.JU.doctype6 .datosSentCcx p.jCon::before, .tBody.JU.doctype6 #datosSentCcx .e-link.jCon::before, .tBody.JU.doctype6 #datosSentCcx p.jCon::before {
                font-family: var(--kg-font-family-icons);
                content: "";
                color: var(--kg-ju-contra-color)
            }

        .tBody.JU.doctype6 .datosSentCcx .e-link.jPte::before, .tBody.JU.doctype6 .datosSentCcx p.jPte::before, .tBody.JU.doctype6 #datosSentCcx .e-link.jPte::before, .tBody.JU.doctype6 #datosSentCcx p.jPte::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            content: var(--kg-ju-ico-ponente)
        }

        .tBody.JU.doctype6 .datosSentCcx .e-link.jPte:has(.ju-jurimetria), .tBody.JU.doctype6 .datosSentCcx p.jPte:has(.ju-jurimetria), .tBody.JU.doctype6 #datosSentCcx .e-link.jPte:has(.ju-jurimetria), .tBody.JU.doctype6 #datosSentCcx p.jPte:has(.ju-jurimetria) {
            position: relative
        }

            .tBody.JU.doctype6 .datosSentCcx .e-link.jPte:has(.ju-jurimetria) .ju-jurimetria, .tBody.JU.doctype6 .datosSentCcx p.jPte:has(.ju-jurimetria) .ju-jurimetria, .tBody.JU.doctype6 #datosSentCcx .e-link.jPte:has(.ju-jurimetria) .ju-jurimetria, .tBody.JU.doctype6 #datosSentCcx p.jPte:has(.ju-jurimetria) .ju-jurimetria {
                background-color: #fff;
                color: var(--kg-complementary-link-color);
                position: absolute;
                width: 100%;
                display: var(--kg-ju-jurimetria)
            }

                .tBody.JU.doctype6 .datosSentCcx .e-link.jPte:has(.ju-jurimetria) .ju-jurimetria:hover, .tBody.JU.doctype6 .datosSentCcx p.jPte:has(.ju-jurimetria) .ju-jurimetria:hover, .tBody.JU.doctype6 #datosSentCcx .e-link.jPte:has(.ju-jurimetria) .ju-jurimetria:hover, .tBody.JU.doctype6 #datosSentCcx p.jPte:has(.ju-jurimetria) .ju-jurimetria:hover {
                    text-decoration: underline
                }

                    .tBody.JU.doctype6 .datosSentCcx .e-link.jPte:has(.ju-jurimetria) .ju-jurimetria:hover::before, .tBody.JU.doctype6 .datosSentCcx p.jPte:has(.ju-jurimetria) .ju-jurimetria:hover::before, .tBody.JU.doctype6 #datosSentCcx .e-link.jPte:has(.ju-jurimetria) .ju-jurimetria:hover::before, .tBody.JU.doctype6 #datosSentCcx p.jPte:has(.ju-jurimetria) .ju-jurimetria:hover::before {
                        text-decoration: none
                    }

.tBody.JU.doctype6 #cCn cite {
    display: block;
    position: relative
}

    .tBody.JU.doctype6 #cCn cite a[title*=Aclaración] {
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%
    }

.tBody.JU.doctype6 #cCn .cn + .ccn.con::before {
    content: "Aclaración de sentencia: ";
    font-weight: 500
}

.tBody.JU.doctype6 .jDa, .tBody.JU.doctype6 .jPte, .tBody.JU.doctype6 .jVA p, .tBody.JU.doctype6 .jFav, .tBody.JU.doctype6 .jCon {
    margin: 0
}

.tBody.JU.doctype6 .jHCs > h3, .tBody.JU.doctype6 .jFD > h3, .tBody.JU.doctype6 .jDC > h3, .tBody.JU.doctype6 .jFL > h3 {
    margin-top: 3em;
    text-align: center
}

.tBody.PR #dTxT {
    color: var(--kg-secondary-color)
}

.tBody.PR .pT {
    background-color: var(--kg-light-color);
    border: var(--kg-border-default);
    border-radius: 5px;
    padding: .5em 1em
}

.tBody.PR .pC {
    color: var(--kg-secondary-color);
    font-size: 18px;
    font-weight: 600;
    margin: 1em 0
}

.tBody.PR .pRt {
    color: initial;
    margin: 0 1em
}

#cMainSection:has(#datos-identificativos #relContDocAnexoFE) .toolbar-buttons-item-search, #cMainSection:has(#datos-identificativos #relContDocAnexoFE) .toolbar-buttons-item-send-friend, #cMainSection:has(#datos-identificativos #relContDocAnexoFE) .toolbar-buttons-item-add-comment, #cMainSection:has(#datos-identificativos #relContDocAnexoFE) .toolbar-buttons-item-print, #cMainSection:has(#datos-identificativos #relContDocAnexoFE) .toolbar-buttons-item-export, #cMainSection:has(#datos-identificativos #relContDocAnexoFE) .toolbar-buttons-item-size {
    display: none
}

#cMainSection #relContDocAnexoFE {
    margin-block: 0;
    padding: 0
}

#cMainSection .document-tab-container:has(.cbox-convenio) > .dSF > dd {
    display: grid;
    grid-template-columns: 20em auto;
    grid-template-rows: 3em 3em auto;
    grid-template-areas: "document-pdf-aside-1 document-pdf-content" "document-pdf-aside-2 document-pdf-content" "document-pdf-aside-3 document-pdf-content"
}

#cMainSection .document-tab-container p.pOf {
    grid-area: document-pdf-aside-1;
    line-height: 3em;
    padding: .5em 0 0 2em;
    margin-block-end: 0
}

#cMainSection .document-tab-container #dUrlBol {
    grid-area: document-pdf-aside-2;
    padding-left: 2em
}

#cMainSection .document-tab-container .cbox-convenio {
    grid-area: document-pdf-aside-3
}

    #cMainSection .document-tab-container .cbox-convenio .convenio {
        padding: 0 2em
    }

    #cMainSection .document-tab-container .cbox-convenio .cbox-dato {
        text-align: initial
    }

        #cMainSection .document-tab-container .cbox-convenio .cbox-dato .negrita {
            font-weight: 500
        }

    #cMainSection .document-tab-container .cbox-convenio ~ #dTxT {
        grid-area: document-pdf-content;
        grid-row-end: span 3
    }

.mm {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

    .mm .tMM {
        display: none
    }

    .mm .projekktor {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow);
        width: 100%;
        height: 100%
    }

    .mm video {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow);
        width: 100%
    }

    .mm p:empty {
        display: none
    }

div.dE {
    background-color: var(--kg-highlight-destacado)
}

.dE {
    background-color: var(--kg-highlight-destacado)
}

div.dRec {
    border-radius: 5px;
    border: var(--kg-border-default);
    margin-bottom: 1em;
    padding: 1em
}

.dColor:has(.wrapper-remind-container) {
    background-color: rgba(0,0,0,0)
}

.dColor {
    background-color: var(--kg-highlight-destacado-color)
}

.dExe {
    font-style: italic;
    font-size: .9em;
    background-color: var(--kg-highlight-destacado-example)
}

.dObs {
    background-color: var(--kg-highlight-destacado-observacion)
}

.dFla {
    background-color: var(--kg-highlight-destacado-flash)
}

.dFrag {
    background-color: var(--kg-highlight-destacado-fragmento)
}

.DocumentQuickViewControl {
    padding: 0
}

    .DocumentQuickViewControl .IconFavourite, .DocumentQuickViewControl .cJU, .DocumentQuickViewControl .cCS, .DocumentQuickViewControl .cDT, .DocumentQuickViewControl .cPR, .DocumentQuickViewControl .cFO, .DocumentQuickViewControl .cEX, .DocumentQuickViewControl .cIF, .DocumentQuickViewControl .iJU, .DocumentQuickViewControl .iCS, .DocumentQuickViewControl .iDT, .DocumentQuickViewControl .iPR, .DocumentQuickViewControl .iFO, .DocumentQuickViewControl .iEX, .DocumentQuickViewControl .iIF, .DocumentQuickViewControl .iLE, .DocumentQuickViewControl .btnConsultas, .DocumentQuickViewControl .ccn.con, .DocumentQuickViewControl .ccn {
        display: none
    }

#dTxT .analisisVoces.ccnHide, #dTxT .disposTexto.ccnHide, #dTxT .analisisVoces, #dTxT .disposTexto {
    background-color: #fff;
    border: none;
    box-shadow: var(--kg-box-shadow-medium);
    height: 100svh;
    margin: initial;
    max-height: initial;
    max-width: 60vw;
    width: min(60vw,90%);
    position: fixed;
    right: 0;
    left: initial;
    top: 0;
    z-index: 1055
}

#dTxT .analisisVoces, #dTxT .disposTexto {
    font-size: 1em;
    transform: translateX(65vw)
}

    #dTxT .analisisVoces .disposTextoTit, #dTxT .analisisVoces .analisisVocesTit, #dTxT .disposTexto .disposTextoTit, #dTxT .disposTexto .analisisVocesTit {
        background-color: #fff;
        color: var(--kg-secondary-color);
        display: flex;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        font-family: var(--kg-font-kg-display);
        font-size: 2em;
        font-weight: 400;
        margin: 0;
        min-height: 3em;
        padding-inline: 1em;
        position: relative;
        text-align: left;
        text-transform: none
    }

        #dTxT .analisisVoces .disposTextoTit .close, #dTxT .analisisVoces .analisisVocesTit .close, #dTxT .disposTexto .disposTextoTit .close, #dTxT .disposTexto .analisisVocesTit .close {
            color: var(--kg-secondary-color);
            border: none;
            border-radius: 5px;
            font-size: 1em;
            padding: .375rem .75rem
        }

            #dTxT .analisisVoces .disposTextoTit .close::before, #dTxT .analisisVoces .analisisVocesTit .close::before, #dTxT .disposTexto .disposTextoTit .close::before, #dTxT .disposTexto .analisisVocesTit .close::before {
                font-family: var(--kg-font-family-icons);
                content: "";
                display: flex;
                justify-content: center;
                font-size: 1.2em;
                color: var(--kg-brand-secondary-blue);
                background-color: initial
            }

            #dTxT .analisisVoces .disposTextoTit .close:hover, #dTxT .analisisVoces .analisisVocesTit .close:hover, #dTxT .disposTexto .disposTextoTit .close:hover, #dTxT .disposTexto .analisisVocesTit .close:hover {
                background-color: hsl(0,0%,70%);
                color: #fff;
                border-color: hsl(0,0%,70%)
            }

                #dTxT .analisisVoces .disposTextoTit .close:hover::before, #dTxT .analisisVoces .analisisVocesTit .close:hover::before, #dTxT .disposTexto .disposTextoTit .close:hover::before, #dTxT .disposTexto .analisisVocesTit .close:hover::before {
                    background-color: inherit;
                    font-weight: 400
                }

            #dTxT .analisisVoces .disposTextoTit .close:hover, #dTxT .analisisVoces .analisisVocesTit .close:hover, #dTxT .disposTexto .disposTextoTit .close:hover, #dTxT .disposTexto .analisisVocesTit .close:hover {
                text-decoration: none !important
            }

        #dTxT .analisisVoces .disposTextoTit .close, #dTxT .analisisVoces .analisisVocesTit .close, #dTxT .disposTexto .disposTextoTit .close, #dTxT .disposTexto .analisisVocesTit .close {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s;
            height: 32px;
            width: 32px
        }

            #dTxT .analisisVoces .disposTextoTit .close.disabled, #dTxT .analisisVoces .analisisVocesTit .close.disabled, #dTxT .disposTexto .disposTextoTit .close.disabled, #dTxT .disposTexto .analisisVocesTit .close.disabled {
                pointer-events: none;
                opacity: .35
            }

            #dTxT .analisisVoces .disposTextoTit .close::before, #dTxT .analisisVoces .disposTextoTit .close::after, #dTxT .analisisVoces .analisisVocesTit .close::before, #dTxT .analisisVoces .analisisVocesTit .close::after, #dTxT .disposTexto .disposTextoTit .close::before, #dTxT .disposTexto .disposTextoTit .close::after, #dTxT .disposTexto .analisisVocesTit .close::before, #dTxT .disposTexto .analisisVocesTit .close::after {
                background-color: rgba(0,0,0,0)
            }

            #dTxT .analisisVoces .disposTextoTit .close:hover::before, #dTxT .analisisVoces .disposTextoTit .close:hover::after, #dTxT .analisisVoces .analisisVocesTit .close:hover::before, #dTxT .analisisVoces .analisisVocesTit .close:hover::after, #dTxT .disposTexto .disposTextoTit .close:hover::before, #dTxT .disposTexto .disposTextoTit .close:hover::after, #dTxT .disposTexto .analisisVocesTit .close:hover::before, #dTxT .disposTexto .analisisVocesTit .close:hover::after {
                background-color: rgba(0,0,0,0)
            }

    #dTxT .analisisVoces > p, #dTxT .analisisVoces .comentariosVoces, #dTxT .disposTexto > p, #dTxT .disposTexto .comentariosVoces {
        background-color: hsl(201.1267605634,39.226519337%,89.5098039216%);
        border: 1px solid hsl(201.1267605634,39.226519337%,84.5098039216%);
        border-radius: 5px;
        margin: 0 2em 1em 2em;
        padding: 1.5em
    }

        #dTxT .analisisVoces > p .preCabeceraVoces p, #dTxT .analisisVoces .comentariosVoces .preCabeceraVoces p, #dTxT .disposTexto > p .preCabeceraVoces p, #dTxT .disposTexto .comentariosVoces .preCabeceraVoces p {
            color: var(--kg-complementary-color);
            font-weight: 500
        }

    #dTxT .analisisVoces.ccnOn:has(.close.ccnOn), #dTxT .disposTexto.ccnOn:has(.close.ccnOn) {
        scrollbar-width: thin
    }

        #dTxT .analisisVoces.ccnOn:has(.close.ccnOn)::-webkit-scrollbar, #dTxT .disposTexto.ccnOn:has(.close.ccnOn)::-webkit-scrollbar {
            width: 13px
        }

        #dTxT .analisisVoces.ccnOn:has(.close.ccnOn)::-webkit-scrollbar-track, #dTxT .disposTexto.ccnOn:has(.close.ccnOn)::-webkit-scrollbar-track {
            border-radius: 5px;
            box-shadow: var(--kg-box-shadow-inset-soft)
        }

        #dTxT .analisisVoces.ccnOn:has(.close.ccnOn)::-webkit-scrollbar-thumb, #dTxT .disposTexto.ccnOn:has(.close.ccnOn)::-webkit-scrollbar-thumb {
            cursor: pointer;
            border-radius: 5px;
            box-shadow: var(--kg-box-shadow-inset-medium)
        }

    #dTxT .analisisVoces.ccnOn:has(.close.ccnOn), #dTxT .disposTexto.ccnOn:has(.close.ccnOn) {
        overflow: auto;
        display: block
    }

    #dTxT .analisisVoces.ccnOn, #dTxT .disposTexto.ccnOn {
        animation: popup-right-to-left .6s ease-out forwards
    }

    #dTxT .analisisVoces.ccnHide, #dTxT .disposTexto.ccnHide {
        animation: popup-left-to-right .6s ease-out forwards
    }

        #dTxT .analisisVoces.ccnHide.ccnOn, #dTxT .disposTexto.ccnHide.ccnOn {
            animation: popup-right-to-left .6s ease-out forwards
        }

.iter-procesal {
    position: relative;
    z-index: 1
}

    .iter-procesal .tBody {
        padding-top: 32px
    }

    .iter-procesal hr {
        display: none
    }

    .iter-procesal .cDIn {
        margin-left: 0
    }

        .iter-procesal .cDIn em {
            color: #fff
        }

    .iter-procesal .iJU, .iter-procesal .cDIn {
        line-height: inherit
    }

    .iter-procesal .ri {
        background-color: #fff;
        border: var(--kg-border-medium);
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 8em;
        min-height: 4.5em;
        position: absolute;
        z-index: 1
    }

        .iter-procesal .ri i {
            font-style: normal;
            display: block
        }

        .iter-procesal .ri .da {
            flex: 1;
            display: flex
        }

        .iter-procesal .ri em, .iter-procesal .ri a {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            align-content: center;
            flex-wrap: wrap;
            min-width: 8em;
            min-height: 4.5em;
            padding: 0 .5em
        }

            .iter-procesal .ri a:hover {
                color: var(--kg-complementary-color);
                text-decoration: none
            }

        .iter-procesal .ri.cr, .iter-procesal .ri.cDIn {
            background-color: var(--kg-complementary-color);
            color: #fff
        }

            .iter-procesal .ri.cr a, .iter-procesal .ri.cDIn a {
                color: #fff
            }

                .iter-procesal .ri.cr a:hover, .iter-procesal .ri.cDIn a:hover {
                    color: var(--kg-complementary-color);
                    background-color: var(--kg-cite-color);
                    text-decoration: none
                }

    .iter-procesal ._jsPlumb_overlay {
        background-color: var(--kg-cite-color);
        padding: .25em .5em;
        color: var(--kg-body-color);
        margin-top: -1.25em;
        z-index: 21
    }

        .iter-procesal ._jsPlumb_overlay b {
            font-size: .85em;
            font-weight: 500
        }

    .iter-procesal .document-content {
        height: 100%;
        position: static;
        margin-left: auto;
        margin-right: auto;
        float: none;
        width: 70vw
    }

    .iter-procesal .pIt {
        display: none
    }

    .iter-procesal .iter {
        width: 256px;
        z-index: 100;
        text-align: center;
        background-color: #fff;
        padding: 16px;
        border: 1px solid var(--kg-complementary-color);
        color: var(--kg-complementary-color)
    }

        .iter-procesal .iter em {
            display: inline-block
        }

    .iter-procesal #historia-del-caso {
        height: 100%
    }

    .iter-procesal .dSF dt.h3 {
        display: none
    }

    .iter-procesal #grafic-iter {
        text-align: center;
        position: relative
    }

.tooltipLayer {
    scrollbar-width: thin
}

    .tooltipLayer::-webkit-scrollbar {
        width: 13px
    }

    .tooltipLayer::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .tooltipLayer::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.tooltipLayer {
    overflow: auto;
    color: var(--kg-body-color);
    background-color: #fff;
    border: 1px solid var(--kg-complementary-color);
    border-radius: 5px;
    font-size: .85em;
    line-height: 1.5em;
    max-height: 50vh;
    max-width: 45vw;
    text-wrap: pretty;
    text-align: justify;
    padding: 1em;
    position: absolute;
    left: 50vw !important;
    z-index: 1080
}

#iterControl {
    height: 100%
}

    #iterControl iframe {
        border: 0;
        width: 100%;
        height: 100% !important
    }

#IterAutores {
    float: right;
    height: 100%;
    margin-right: 16px
}

    #IterAutores a {
        color: var(--kg-complementary-color)
    }

    #IterAutores dfn {
        display: block
    }

#IterContenidos {
    height: 100%;
    margin-right: 16px
}

    #IterContenidos a {
        color: var(--kg-complementary-color)
    }

    #IterContenidos dfn {
        display: block
    }

.document-tab-container.areas {
    scrollbar-width: thin
}

    .document-tab-container.areas::-webkit-scrollbar {
        width: 13px
    }

    .document-tab-container.areas::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .document-tab-container.areas::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.document-tab-container.areas {
    overflow: auto;
    display: grid;
    grid-template-areas: "aside" "content"
}

@media(min-width: 992px) {
    .document-tab-container.areas {
        grid-template-areas: "aside content"
    }
}

.document-tab-container.areas {
    grid-template-columns: auto
}

@media(min-width: 992px) {
    .document-tab-container.areas {
        grid-template-columns: 20em auto
    }
}

.document-tab-container.areas {
    grid-gap: 1em
}

.document-tab-container .document-tab-aside {
    grid-area: aside;
    padding: 1em
}

    .document-tab-container .document-tab-aside ul li {
        position: relative;
        padding-left: 1em
    }

        .document-tab-container .document-tab-aside ul li::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            color: var(--kg-accent-color);
            font-size: .5em;
            font-weight: 500;
            position: absolute;
            left: 0;
            vertical-align: top
        }

.document-tab-container .document-tab-content {
    grid-area: content;
    padding: 1em
}

    .document-tab-container .document-tab-content .dSF .dCo .cl {
        display: block
    }

.checklist-header {
    background-color: var(--kg-secondary-color);
    color: #fff
}

.checklist td.ask-ref {
    width: 2em
}

.checklist td.ask-question {
    min-width: fit-content
}

.checklist td.ask-select {
    width: 2.5em
}

.checklist td.ask-textarea {
    width: fit-content
}

.checklist td.ask-add {
    width: fit-content
}

.checklist .sug-list {
    padding: 0;
    border: none
}

.checklist .sug-item.op {
    background-color: var(--kg-cite-color);
    display: block !important;
    padding: 2em
}

.checklist-buttons {
    display: flex;
    justify-content: flex-end
}

.checklist-clean {
    background-color: var(--kg-primary-color);
    color: var(--kg-brand-secondary-blue);
    border: 1px solid var(--kg-primary-color);
    border-radius: 7px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .checklist-clean:hover {
        background-color: rgb(227.97444,190.43648,.91556);
        color: #fff;
        border-color: rgb(227.97444,190.43648,.91556)
    }

        .checklist-clean:hover::before {
            background-color: inherit;
            font-weight: 400
        }

    .checklist-clean:hover {
        text-decoration: none !important
    }

.checklist-clean {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .checklist-clean.disabled {
        pointer-events: none;
        opacity: .35
    }

    .checklist-clean::before, .checklist-clean::after {
        background-color: rgba(0,0,0,0)
    }

    .checklist-clean:hover::before, .checklist-clean:hover::after {
        background-color: rgba(0,0,0,0)
    }

#cDocHead #doc-header .jVA, #cDocHead #doc-header #dHead + #dHead {
    display: none
}

#cWorkArea.docs {
    padding: 0
}

#cWorkArea:has(.dFiC #dTxT #relContDocAnexoFE) .identificativosFicha.active .document-tab::after {
    border-bottom: 5px solid var(--kg-complementary-color);
    text-shadow: -0.01ex 0 0 currentColor,.01ex 0 0 currentColor;
    -webkit-text-stroke-width: .01ex;
    transition: .3s background-color ease-out
}

#cWorkArea:has(.dFiC #dTxT #relContDocAnexoFE) .identificativosFicha.active .document-tab:hover::after {
    border-bottom: 5px solid var(--kg-complementary-color);
    text-shadow: -0.01ex 0 0 currentColor,.01ex 0 0 currentColor;
    -webkit-text-stroke-width: .01ex
}

#cWorkArea:has(.dFiC #dTxT #relContDocAnexoFE) .identificativosFicha .document-tab {
    visibility: hidden;
    font-size: 0;
    padding-left: 0;
    padding-right: 0
}

    #cWorkArea:has(.dFiC #dTxT #relContDocAnexoFE) .identificativosFicha .document-tab:hover::after {
        border-bottom: 5px solid var(--kg-complementary-color);
        text-shadow: -0.01ex 0 0 currentColor,.01ex 0 0 currentColor;
        -webkit-text-stroke-width: .01ex
    }

    #cWorkArea:has(.dFiC #dTxT #relContDocAnexoFE) .identificativosFicha .document-tab::after {
        content: "Texto";
        display: inline;
        visibility: visible;
        font-size: 16px;
        padding-bottom: 10px;
        padding-right: 16px;
        padding-left: 16px
    }

    #cWorkArea:has(.dFiC #dTxT #relContDocAnexoFE) .identificativosFicha .document-tab.active::after {
        border-bottom: 5px solid var(--kg-complementary-color);
        text-shadow: -0.01ex 0 0 currentColor,.01ex 0 0 currentColor;
        -webkit-text-stroke-width: .01ex
    }

#cWorkArea.docs .wrapper-document {
    background-color: #fff;
    border-radius: 5px;
    padding: .001em 0
}

    #cWorkArea.docs .wrapper-document #pmDocDate {
        display: none
    }

a.iJU, a.iCS, a.iDT, a.iBL, a.iPR, a.iFO, a.iEX, a.iIF, a.iLE {
    color: var(--kg-complementary-link-color);
    text-decoration: none;
    font-style: normal
}

    a.iJU:hover, a.iCS:hover, a.iDT:hover, a.iBL:hover, a.iPR:hover, a.iFO:hover, a.iEX:hover, a.iIF:hover, a.iLE:hover {
        text-decoration: underline
    }

    a.iLE:not(:has(em)) {
        min-height: 2em
    }

        a.iLE:not(:has(em))::before {
            background-color: rgba(0,0,0,0);
            color: var(--kg-tertiary-color);
            border: none;
            border-radius: 5px;
            font-size: 1em;
            padding: .375rem .75rem
        }

            a.iLE:not(:has(em))::before:hover {
                background-color: rgba(0,0,0,0);
                color: var(--kg-secondary-color);
                border-color: rgba(0,0,0,0)
            }

                a.iLE:not(:has(em))::before:hover::before {
                    font-weight: 400
                }

            a.iLE:not(:has(em))::before:hover {
                text-decoration: none !important
            }

        a.iLE:not(:has(em))::before {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s;
            height: 32px;
            width: 32px
        }

            a.iLE:not(:has(em))::before.disabled {
                pointer-events: none;
                opacity: .35
            }

            a.iLE:not(:has(em))::before::before, a.iLE:not(:has(em))::before::after {
                background-color: rgba(0,0,0,0)
            }

            a.iLE:not(:has(em))::before:hover::before, a.iLE:not(:has(em))::before:hover::after {
                background-color: rgba(0,0,0,0)
            }

        a.iLE:not(:has(em))::before {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

    a.iJU:not(:has(em)) {
        min-height: 2em
    }

        a.iJU:not(:has(em))::before {
            background-color: rgba(0,0,0,0);
            color: var(--kg-tertiary-color);
            border: none;
            border-radius: 5px;
            font-size: 1em;
            padding: .375rem .75rem
        }

            a.iJU:not(:has(em))::before:hover {
                background-color: rgba(0,0,0,0);
                color: var(--kg-secondary-color);
                border-color: rgba(0,0,0,0)
            }

                a.iJU:not(:has(em))::before:hover::before {
                    font-weight: 400
                }

            a.iJU:not(:has(em))::before:hover {
                text-decoration: none !important
            }

        a.iJU:not(:has(em))::before {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s;
            height: 32px;
            width: 32px
        }

            a.iJU:not(:has(em))::before.disabled {
                pointer-events: none;
                opacity: .35
            }

            a.iJU:not(:has(em))::before::before, a.iJU:not(:has(em))::before::after {
                background-color: rgba(0,0,0,0)
            }

            a.iJU:not(:has(em))::before:hover::before, a.iJU:not(:has(em))::before:hover::after {
                background-color: rgba(0,0,0,0)
            }

        a.iJU:not(:has(em))::before {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

.kg-document a:not([class]) {
    color: var(--kg-complementary-link-color);
    text-decoration: none
}

    .kg-document a:not([class]):hover {
        text-decoration: underline
    }

.kg-document {
    background-color: var(--kg-document-background-color)
}

    .kg-document:has(.iter-procesal:not(.hidden)) {
        min-height: 90vh
    }

.glosa-popup a:not([class]) {
    color: var(--kg-complementary-link-color);
    text-decoration: none
}

    .glosa-popup a:not([class]):hover {
        text-decoration: underline
    }

.glosa-popup li {
    line-height: 1.4em;
    margin-bottom: 5px;
    padding: 0 0 0 2em;
    text-align: justify
}

    .glosa-popup li + .titulo {
        margin-top: 12px
    }

    .glosa-popup li.titulo {
        padding: 0
    }

body:has(.documentbylayersDT) .glosa-popup a::before, body:has(.documentbylayersDTArtDoc) .glosa-popup a::before {
    content: none
}

.wrapper-grid {
    display: grid;
    grid-template-areas: "wrapper-icons wrapper-content";
    grid-template-columns: 0 auto;
    position: relative
}

.wrapper-level:has(+a+.wrapper-level) .wrapper-icons {
    height: inherit
}

.wrapper-level-d1 .wrapper-icons, .wrapper-level-d2 .wrapper-icons, .wrapper-level-d3 .wrapper-icons, .wrapper-level-d4 .wrapper-icons, .wrapper-level-d6 .wrapper-icons, .wrapper-level-d7 .wrapper-icons {
    margin-top: 1.2em;
    height: 0
}

.wrapper-icons {
    grid-area: wrapper-icons;
    display: flex;
    flex-direction: column;
    gap: .5em;
    height: 0;
    position: relative;
    left: -2em
}

@media(min-width: 992px) {
    .wrapper-icons {
        left: -2.5em
    }
}

.wrapper-icons:not([class*=wrapper-level]):has(:nth-child(n+1)) {
    height: 2.5em
}

.wrapper-icons:not([class*=wrapper-level]):has(:nth-child(n+2)) {
    height: 5em
}

.wrapper-icons:not([class*=wrapper-level]):has(:nth-child(n+3)) {
    height: 7.5em
}

.wrapper-icons:not([class*=wrapper-level]):has(:nth-child(n+4)) {
    height: 10em
}

.wrapper-icons:not([class*=wrapper-level]):has(:nth-child(n+5)) {
    height: 12.5em
}

.wrapper-icons:not([class*=wrapper-level]):has(:nth-child(n+6)) {
    height: 15em
}

.wrapper-icons:not([class*=wrapper-level]):has(:nth-child(n+7)) {
    height: 17.5em
}

.wrapper-icons:not([class*=wrapper-level]):has(:nth-child(n+8)) {
    height: 20em
}

.wrapper-icons:not([class*=wrapper-level]):has(:nth-child(n+9)) {
    height: 22.5em
}

.wrapper-icons:not([class*=wrapper-level]):has(:nth-child(n+10)) {
    height: 25em
}

.wrapper-iContent {
    grid-area: wrapper-content
}

    .wrapper-iContent.point {
        display: flex
    }

a.w-icon {
    background-color: var(--kg-accent-color);
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 1em;
    padding: .375rem .75rem
}

    a.w-icon:hover {
        background-color: var(--kg-primary-color);
        color: #fff;
        border-color: var(--kg-primary-color)
    }

        a.w-icon:hover::before {
            font-weight: 400
        }

    a.w-icon:hover {
        text-decoration: none !important
    }

a.w-icon {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 2em;
    width: 2em
}

    a.w-icon.disabled {
        pointer-events: none;
        opacity: .35
    }

    a.w-icon::before, a.w-icon::after {
        background-color: rgba(0,0,0,0)
    }

    a.w-icon:hover::before, a.w-icon:hover::after {
        background-color: rgba(0,0,0,0)
    }

a.w-icon {
    font-style: normal;
    overflow-wrap: initial
}

    a.w-icon.bCcn:before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    a.w-icon.bCon:before {
        content: "C"
    }

    a.w-icon.glosaJU:before {
        content: "J"
    }

    a.w-icon.glosaFO:before {
        content: "F"
    }

    a.w-icon.glosaDT:before {
        content: "D"
    }

    a.w-icon.glosaBL:before, a.w-icon.cDT:before {
        content: "B"
    }

    a.w-icon.glosaLE:before {
        content: "L"
    }

    a.w-icon.glosaEX:before, a.w-icon.glosaCS:before, a.w-icon.glosaIF:before {
        content: "DA"
    }

    a.w-icon.glosaFO:before {
        content: "F"
    }

    a.w-icon.glosaJU:before {
        content: "J"
    }

    a.w-icon.glosaPR:before, a.w-icon.cPR:before {
        content: "C"
    }

    a.w-icon.bAF:before {
        content: "A"
    }

    a.w-icon.bNF:before {
        content: "N"
    }

    a.w-icon.bCompVer:before {
        content: "V"
    }

    a.w-icon.ccnOn {
        background-color: var(--kg-primary-color)
    }

        a.w-icon.ccnOn:before {
            background-color: var(--kg-primary-color)
        }

    a.w-icon .tooltip {
        display: none
    }

    a.w-icon:hover {
        position: relative
    }

        a.w-icon:hover .tooltip {
            display: block;
            background-color: #fff;
            border: var(--kg-border-default);
            border-radius: 5px;
            color: var(--kg-secondary-color);
            font-size: .8em;
            min-width: max-content;
            padding: .5em;
            position: absolute;
            left: 1em;
            top: -2.75em;
            z-index: 1
        }

.modalOpened:has(.comparador-versiones-dialog) .bCompVer.active {
    background-color: var(--kg-primary-color)
}

    .modalOpened:has(.comparador-versiones-dialog) .bCompVer.active:before {
        background-color: var(--kg-primary-color)
    }

a.cJU, a.cLE, a.cIF, a.cDT, a.cFO, a.cCS, a.bc, a.btnConsultas {
    display: inline-flex;
    border: 1px solid var(--kg-accent-color);
    border-radius: 1rem;
    color: var(--kg-accent-color);
    font-family: var(--kg-font-family-sans-serif);
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    height: 1.5em;
    line-height: 1.5em;
    margin: 0 0 0 .5em;
    width: 2.5em
}

    a.cJU:hover, a.cLE:hover, a.cIF:hover, a.cDT:hover, a.cFO:hover, a.cCS:hover, a.bc:hover, a.btnConsultas:hover {
        background-color: var(--kg-accent-color);
        color: #fff;
        text-decoration: none
    }

    a.cJU.cLE::before, a.cLE.cLE::before, a.cIF.cLE::before, a.cDT.cLE::before, a.cFO.cLE::before, a.cCS.cLE::before, a.bc.cLE::before, a.btnConsultas.cLE::before {
        content: "L"
    }

    a.cJU.cJU::before, a.cLE.cJU::before, a.cIF.cJU::before, a.cDT.cJU::before, a.cFO.cJU::before, a.cCS.cJU::before, a.bc.cJU::before, a.btnConsultas.cJU::before {
        content: "J"
    }

    a.cJU.cDT::before, a.cLE.cDT::before, a.cIF.cDT::before, a.cDT.cDT::before, a.cFO.cDT::before, a.cCS.cDT::before, a.bc.cDT::before, a.btnConsultas.cDT::before {
        content: "D"
    }

    a.cJU.cFO::before, a.cLE.cFO::before, a.cIF.cFO::before, a.cDT.cFO::before, a.cFO.cFO::before, a.cCS.cFO::before, a.bc.cFO::before, a.btnConsultas.cFO::before {
        content: "F"
    }

    a.cJU.cCS::before, a.cJU.cIF::before, a.cLE.cCS::before, a.cLE.cIF::before, a.cIF.cCS::before, a.cIF.cIF::before, a.cDT.cCS::before, a.cDT.cIF::before, a.cFO.cCS::before, a.cFO.cIF::before, a.cCS.cCS::before, a.cCS.cIF::before, a.bc.cCS::before, a.bc.cIF::before, a.btnConsultas.cCS::before, a.btnConsultas.cIF::before {
        content: "DA"
    }

    a.cJU.cCS ~ .cCS, a.cJU.cCS ~ .cIF, a.cJU.cIF ~ .cCS, a.cJU.cIF ~ .cIF, a.cLE.cCS ~ .cCS, a.cLE.cCS ~ .cIF, a.cLE.cIF ~ .cCS, a.cLE.cIF ~ .cIF, a.cIF.cCS ~ .cCS, a.cIF.cCS ~ .cIF, a.cIF.cIF ~ .cCS, a.cIF.cIF ~ .cIF, a.cDT.cCS ~ .cCS, a.cDT.cCS ~ .cIF, a.cDT.cIF ~ .cCS, a.cDT.cIF ~ .cIF, a.cFO.cCS ~ .cCS, a.cFO.cCS ~ .cIF, a.cFO.cIF ~ .cCS, a.cFO.cIF ~ .cIF, a.cCS.cCS ~ .cCS, a.cCS.cCS ~ .cIF, a.cCS.cIF ~ .cCS, a.cCS.cIF ~ .cIF, a.bc.cCS ~ .cCS, a.bc.cCS ~ .cIF, a.bc.cIF ~ .cCS, a.bc.cIF ~ .cIF, a.btnConsultas.cCS ~ .cCS, a.btnConsultas.cCS ~ .cIF, a.btnConsultas.cIF ~ .cCS, a.btnConsultas.cIF ~ .cIF {
        display: none
    }

a.cIF, a.cDT, a.cFO, a.cCS, a.bc, a.btnConsultas {
    display: var(--kg-query-links)
}

.document-tab-container > .dSF > dd:not(:has(#relContDocAnexoFE)) {
    padding: 1.5em 2em
}

.document-tab-container .normativaComentada .dSF dd, .document-tab-container .disposiciones-comentadas .dSF dd {
    padding: 0
}

    .document-tab-container .normativaComentada .dSF dd .da, .document-tab-container .disposiciones-comentadas .dSF dd .da {
        position: relative;
        padding-left: 1em
    }

        .document-tab-container .normativaComentada .dSF dd .da::before, .document-tab-container .disposiciones-comentadas .dSF dd .da::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            color: var(--kg-accent-color);
            font-size: .5em;
            font-weight: 500;
            position: absolute;
            left: 0;
            vertical-align: top
        }

    .document-tab-container .normativaComentada .dSF dd .sDc + .da, .document-tab-container .disposiciones-comentadas .dSF dd .sDc + .da {
        margin-top: 15px
    }

.document-tab-container .normativaComentada .dSF .sV3 > li ul, .document-tab-container .disposiciones-comentadas .dSF .sV3 > li ul {
    font-weight: normal
}

.document-tab-container .normativaComentada .dSF .sV3 > li a, .document-tab-container .disposiciones-comentadas .dSF .sV3 > li a {
    font-weight: 400
}

.document-tab-container .normativaComentada .dSF .sV3 li + li, .document-tab-container .disposiciones-comentadas .dSF .sV3 li + li {
    margin-top: 5px
}

.document-tab-container .normativaComentada .dSF .sV3 ul + ul, .document-tab-container .disposiciones-comentadas .dSF .sV3 ul + ul {
    margin-top: 7px
}

.document-tab-container .normativaComentada .dSF li, .document-tab-container .disposiciones-comentadas .dSF li {
    padding-left: 14px
}

.document-tab-container .normativaComentada .dSF #voces-doc-partes, .document-tab-container .disposiciones-comentadas .dSF #voces-doc-partes {
    margin-top: 20px !important
}

.document-tab-container .normativaComentada .dSF ul.cl, .document-tab-container .disposiciones-comentadas .dSF ul.cl {
    display: none
}

.document-tab-container .normativaComentada .dSF ul li, .document-tab-container .disposiciones-comentadas .dSF ul li {
    position: relative
}

    .document-tab-container .normativaComentada .dSF ul li::before, .document-tab-container .disposiciones-comentadas .dSF ul li::before {
        color: var(--kg-accent-color);
        font-size: 8px;
        font-weight: 500;
        left: 0;
        position: absolute;
        vertical-align: top
    }

    .document-tab-container .normativaComentada .dSF ul li.icl, .document-tab-container .normativaComentada .dSF ul li .op.icl, .document-tab-container .disposiciones-comentadas .dSF ul li.icl, .document-tab-container .disposiciones-comentadas .dSF ul li .op.icl {
        cursor: pointer
    }

        .document-tab-container .normativaComentada .dSF ul li.icl::before, .document-tab-container .normativaComentada .dSF ul li .op.icl::before, .document-tab-container .disposiciones-comentadas .dSF ul li.icl::before, .document-tab-container .disposiciones-comentadas .dSF ul li .op.icl::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            color: var(--kg-complementary-color);
            cursor: pointer;
            font-size: 12px;
            font-weight: 500;
            left: 0;
            position: absolute;
            transform: rotate(90deg);
            vertical-align: top
        }

        .document-tab-container .normativaComentada .dSF ul li.icl > *, .document-tab-container .normativaComentada .dSF ul li .op.icl > *, .document-tab-container .disposiciones-comentadas .dSF ul li.icl > *, .document-tab-container .disposiciones-comentadas .dSF ul li .op.icl > * {
            cursor: default
        }

    .document-tab-container .normativaComentada .dSF ul li.iop, .document-tab-container .disposiciones-comentadas .dSF ul li.iop {
        cursor: pointer
    }

        .document-tab-container .normativaComentada .dSF ul li.iop::before, .document-tab-container .disposiciones-comentadas .dSF ul li.iop::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            color: var(--kg-complementary-color);
            cursor: pointer;
            font-size: 12px;
            font-weight: 500;
            left: 0;
            position: absolute;
            transform: rotate(-90deg);
            vertical-align: top
        }

        .document-tab-container .normativaComentada .dSF ul li.iop > *, .document-tab-container .disposiciones-comentadas .dSF ul li.iop > * {
            cursor: default
        }

    .document-tab-container .normativaComentada .dSF ul li span, .document-tab-container .disposiciones-comentadas .dSF ul li span {
        font-weight: 400
    }

        .document-tab-container .normativaComentada .dSF ul li span.sParentesis, .document-tab-container .disposiciones-comentadas .dSF ul li span.sParentesis {
            display: none
        }

.document-tab-container .sentencias-relacionadasJU #sentencias-relacionadas {
    margin-left: 40px !important
}

    .document-tab-container .sentencias-relacionadasJU #sentencias-relacionadas .h4 {
        cursor: pointer;
        font-weight: 500;
        margin-bottom: 15px;
        margin-top: 15px;
        position: relative
    }

        .document-tab-container .sentencias-relacionadasJU #sentencias-relacionadas .h4 + dd {
            padding-left: 20px
        }

        .document-tab-container .sentencias-relacionadasJU #sentencias-relacionadas .h4::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            color: var(--kg-accent-color);
            cursor: pointer;
            font-size: 24px;
            font-weight: 300;
            left: -30px;
            position: absolute;
            top: -2px
        }

        .document-tab-container .sentencias-relacionadasJU #sentencias-relacionadas .h4:hover::before {
            color: var(--kg-brand-secondary-blue);
            font-weight: 600
        }

        .document-tab-container .sentencias-relacionadasJU #sentencias-relacionadas .h4.dcl::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            color: var(--kg-brand-secondary-blue);
            font-weight: 600
        }

    .document-tab-container .sentencias-relacionadasJU #sentencias-relacionadas dd .cl {
        display: none
    }

.document-tab-container .h3 {
    display: none
}

.document-tab-container .cCn {
    padding: 0
}

    .document-tab-container .cCn .dHead h2 {
        text-align: initial;
        padding: 0;
        font-weight: 500;
        line-height: initial
    }

        .document-tab-container .cCn .dHead h2 a {
            cursor: default;
            pointer-events: none;
            text-decoration: none
        }

    .document-tab-container .cCn .dHead h3 {
        font-size: 20px;
        margin-top: .5em
    }

        .document-tab-container .cCn .dHead h3 .st {
            font-size: .8em
        }

            .document-tab-container .cCn .dHead h3 .st + .st:before {
                content: " / ";
                margin: 0 10px
            }

    .document-tab-container .cCn .dHead .marginalA {
        color: #666;
        font-size: 1em;
        margin: 0
    }

    .document-tab-container .cCn .dHead .dTxT {
        margin: 1em 0
    }

.document-tab-container.dFiC {
    padding: 0
}

.comentario-sentencia .document-tab-container.dFiC dd p:not([class]) {
    padding: 0
}

    .comentario-sentencia .document-tab-container.dFiC dd p:not([class])::before {
        content: none
    }

.document-tab-container.dFiC .orgD {
    font-weight: 500
}

    .document-tab-container.dFiC .orgD::before {
        content: "• "
    }

    .document-tab-container.dFiC .orgD ~ .da {
        padding-left: .6em
    }

.document-tab-container.dFiC .da {
    margin: .5em 0
}

    .document-tab-container.dFiC .da::before {
        content: "•";
        color: var(--kg-secondary-color);
        margin-right: 10px
    }

    .document-tab-container.dFiC .da a {
        color: rgba(0,0,0,0);
        cursor: default;
        font-weight: 600
    }

        .document-tab-container.dFiC .da a em {
            color: var(--kg-complementary-link-color);
            cursor: pointer
        }

.document-tab-container.dFiC .pEx {
    color: #666
}

    .document-tab-container.dFiC .pEx .pe {
        font-weight: 500
    }

    .document-tab-container.dFiC .pEx .ed {
        display: inline-block;
        font-size: 0;
        background-color: #fff;
        width: 3px;
        margin-left: -7px
    }

.document-tab-container.dFiC .historiaNorma dt.h3 {
    display: block;
    font-size: inherit
}

.document-tab-container.dFiC .historiaNorma dt.h5 {
    margin: 1em 0;
    text-align: center
}

.formularios-relacionados .document-tab-container.dFiC .pEx {
    display: none
}

.document-tab-container.dFiC .cabeceraIF {
    padding: 1em
}

.cBody:not(:has(.documentbylayersLE)) .document-tabs-item.versionesLE {
    display: none
}

#dc1-versionesLE .LE-versions {
    height: inherit
}

.historiaConvenio.i-role, .cuadros-comparativos-relacionados.i-role, .comentario-fuente-oficial.i-role, .doctrina-administrativa.i-role, .bibliografia-relacionada-legis.i-role, .bibliografia-relacionada-conv.i-role, .mejores-practicas.i-role, .contenidos-practicos.i-role, .formularios-relacionados.i-role, .conceptos-enciclopedia.i-role, .videos-comentarios.i-role, .comentario-sentencia.i-role, .doctrina-administrativa.i-role, .bibliografia-relacionada.i-role, .criterio-jurisprudencial.i-role, .mejores-practicas.i-role, .maximas-relacionadas.i-role, .sintesis.i-role, .sumarios.i-role, .contenidos-practicos.i-role, .formularios-relacionados.i-role, .conceptos-enciclopedia.i-role {
    display: var(--kg-i-role)
}

.ui-dialog.ver-cambios-dialog .ui-resizable-handle {
    display: none
}

    .ui-dialog.ver-cambios-dialog .ui-resizable-handle[style*=" display: block;"] {
        display: none !important
    }

.ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iJU, .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iCS, .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iDT, .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iBL, .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iPR, .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iFO, .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iEX, .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iIF, .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iLE {
    color: var(--kg-complementary-link-color);
    text-decoration: none;
    font-style: normal
}

    .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iJU:hover, .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iCS:hover, .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iDT:hover, .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iBL:hover, .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iPR:hover, .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iFO:hover, .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iEX:hover, .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iIF:hover, .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iLE:hover {
        text-decoration: underline
    }

    .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iLE:not(:has(em)) {
        min-height: 2em
    }

        .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iLE:not(:has(em))::before {
            background-color: rgba(0,0,0,0);
            color: var(--kg-tertiary-color);
            border: none;
            border-radius: 5px;
            font-size: 1em;
            padding: .375rem .75rem
        }

            .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iLE:not(:has(em))::before:hover {
                background-color: rgba(0,0,0,0);
                color: var(--kg-secondary-color);
                border-color: rgba(0,0,0,0)
            }

                .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iLE:not(:has(em))::before:hover::before {
                    font-weight: 400
                }

            .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iLE:not(:has(em))::before:hover {
                text-decoration: none !important
            }

        .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iLE:not(:has(em))::before {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s;
            height: 32px;
            width: 32px
        }

            .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iLE:not(:has(em))::before.disabled {
                pointer-events: none;
                opacity: .35
            }

            .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iLE:not(:has(em))::before::before, .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iLE:not(:has(em))::before::after {
                background-color: rgba(0,0,0,0)
            }

            .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iLE:not(:has(em))::before:hover::before, .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iLE:not(:has(em))::before:hover::after {
                background-color: rgba(0,0,0,0)
            }

        .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iLE:not(:has(em))::before {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

    .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iJU:not(:has(em)) {
        min-height: 2em
    }

        .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iJU:not(:has(em))::before {
            background-color: rgba(0,0,0,0);
            color: var(--kg-tertiary-color);
            border: none;
            border-radius: 5px;
            font-size: 1em;
            padding: .375rem .75rem
        }

            .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iJU:not(:has(em))::before:hover {
                background-color: rgba(0,0,0,0);
                color: var(--kg-secondary-color);
                border-color: rgba(0,0,0,0)
            }

                .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iJU:not(:has(em))::before:hover::before {
                    font-weight: 400
                }

            .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iJU:not(:has(em))::before:hover {
                text-decoration: none !important
            }

        .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iJU:not(:has(em))::before {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s;
            height: 32px;
            width: 32px
        }

            .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iJU:not(:has(em))::before.disabled {
                pointer-events: none;
                opacity: .35
            }

            .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iJU:not(:has(em))::before::before, .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iJU:not(:has(em))::before::after {
                background-color: rgba(0,0,0,0)
            }

            .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iJU:not(:has(em))::before:hover::before, .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iJU:not(:has(em))::before:hover::after {
                background-color: rgba(0,0,0,0)
            }

        .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF a.iJU:not(:has(em))::before {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

.ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF .h5 {
    color: var(--kg-secondary-color);
    font-family: var(--kg-font-kg-display);
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    margin-block: 0 .65em;
    overflow-wrap: break-word;
    line-height: 32px;
    hyphens: initial
}

@media(min-width: 992px) {
    .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF .h5 {
        hyphens: auto
    }
}

.ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF .h5 {
    display: flex;
    gap: .5em
}

    .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF .h5::before {
        content: "Versión "
    }

.ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF dl {
    padding: 0
}

    .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF dl.dCo dt {
        display: none
    }

    .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF dl.dCo .cl {
        display: block;
        padding-left: 0
    }

.ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF dd p, .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF p, .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF .ccn {
    width: 100%
}

.ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF dd {
    padding-left: 0
}

    .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF dd .da {
        margin-bottom: 1em
    }

        .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF dd .da a {
            font-size: 1.1em;
            font-weight: 500
        }

.ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF cite {
    background-color: var(--kg-cite-color);
    border: 1px solid var(--kg-blue-200);
    border-radius: 5px;
    font-style: normal;
    margin-block: .5em;
    padding: 1em;
    text-align: justify
}

    .ui-dialog.ver-cambios-dialog .ui-dialog-content.dSF cite .ai {
        display: none
    }

p.cn + p em.aj {
    display: block;
    margin-block: 0 .65em
}

.cLogo {
    padding: .5em;
    position: relative
}

    .cLogo::before {
        --var-logo-xs: var(--kg-role-logo-symbol);
        --var-logo-sm: var(--kg-logo);
        background-image: var(--var-logo-xs)
    }

@media(min-width: 576px) {
    .cLogo::before {
        background-image: var(--var-logo-sm)
    }
}

.cLogo::before {
    width: 3em
}

@media(min-width: 576px) {
    .cLogo::before {
        width: 20em
    }
}

.cLogo::before {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    display: block;
    content: "";
    height: 3em;
    min-width: inherit;
    min-height: inherit
}

.cLogo::after {
    --var-role-name: var(--kg-name);
    content: var(--kg-name);
    display: block;
    font-weight: 500;
    width: 4em;
    height: 2em;
    font-size: 2em
}

.cLogo-container {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    min-height: 3em
}

.cLogo-link {
    display: block;
    width: 100%;
    min-height: 3em
}

.menu-button {
    margin-block: 0
}

    .menu-button .submenu {
        position: relative
    }

    .menu-button .submenu-item {
        font-size: .85em
    }

    .menu-button .submenu-list {
        left: -5em
    }

@media(min-width: 992px) {
    .menu-button .submenu-list {
        left: 0
    }
}

.menu-button .submenu-list {
    background-color: #fff;
    border: var(--kg-border-default);
    box-shadow: var(--kg-box-shadow-medium);
    display: none;
    line-height: 1.75em;
    min-width: 10em;
    padding: .1em 0;
    position: absolute;
    width: max-content;
    z-index: 1020
}

.menu-button .submenu .basketofdocumentsButtonClass, .menu-button .submenu-link {
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 5px;
    font-size: 1em;
    padding: .25em .5em
}

    .menu-button .submenu .basketofdocumentsButtonClass:hover, .menu-button .submenu-link:hover {
        background-color: hsl(0,0%,70%);
        color: #fff;
        border-color: hsl(0,0%,70%)
    }

        .menu-button .submenu .basketofdocumentsButtonClass:hover::before, .menu-button .submenu-link:hover::before {
            background-color: inherit;
            font-weight: 400
        }

    .menu-button .submenu .basketofdocumentsButtonClass:hover, .menu-button .submenu-link:hover {
        text-decoration: none !important
    }

.menu-button .submenu .basketofdocumentsButtonClass, .menu-button .submenu-link {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .menu-button .submenu .basketofdocumentsButtonClass.disabled, .menu-button .submenu-link.disabled {
        pointer-events: none;
        opacity: .35
    }

    .menu-button .submenu .basketofdocumentsButtonClass::before, .menu-button .submenu .basketofdocumentsButtonClass::after, .menu-button .submenu-link::before, .menu-button .submenu-link::after {
        background-color: rgba(0,0,0,0)
    }

    .menu-button .submenu .basketofdocumentsButtonClass:hover::before, .menu-button .submenu .basketofdocumentsButtonClass:hover::after, .menu-button .submenu-link:hover::before, .menu-button .submenu-link:hover::after {
        background-color: rgba(0,0,0,0)
    }

.menu-button .submenu .basketofdocumentsButtonClass, .menu-button .submenu-link {
    border-radius: 0;
    justify-content: normal;
    text-align: left;
    width: 100%
}

.menu-button .menu-link {
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 5px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .menu-button .menu-link:hover {
        background-color: hsl(0,0%,70%);
        color: #fff;
        border-color: hsl(0,0%,70%)
    }

        .menu-button .menu-link:hover::before {
            background-color: inherit;
            font-weight: 400
        }

    .menu-button .menu-link:hover {
        text-decoration: none !important
    }

.menu-button .menu-link {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .menu-button .menu-link.disabled {
        pointer-events: none;
        opacity: .35
    }

    .menu-button .menu-link::before, .menu-button .menu-link::after {
        background-color: rgba(0,0,0,0)
    }

    .menu-button .menu-link:hover::before, .menu-button .menu-link:hover::after {
        background-color: rgba(0,0,0,0)
    }

.menu-button .menu-link {
    padding: .375rem
}

@media(min-width: 992px) {
    .menu-button .menu-link {
        padding: .375rem .75rem
    }
}

.menu-button .menu-link {
    --bg: var(--kg-header-background-color);
    background: var(--bg);
    color: var(--kg-header-text-color)
}

    .menu-button .menu-link dfn {
        display: none
    }

@media(min-width: 992px) {
    .menu-button .menu-link dfn {
        display: initial
    }
}

.menu-button .menu-link.icon-area-cliente::before {
    font-family: var(--kg-font-family-icons);
    content: "";
    font-size: 24px
}

.menu-button .menu-link.icon-my-services::before {
    font-family: var(--kg-font-family-icons);
    content: "";
    font-size: 24px
}

.menu-button .menu-link.icon-dropdown::after {
    display: none
}

@media(min-width: 992px) {
    .menu-button .menu-link.icon-dropdown::after {
        display: block
    }
}

.menu-button .menu-link.icon-dropdown::after {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-button .menu-link.icon-dropdown:has(~.submenu-list[style*="display: block"])::after {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-button .menu-link dfn {
    font-weight: 400
}

    .menu-button .menu-link dfn span {
        color: var(--kg-primary-color);
        font-weight: 700
    }

.search-in-document {
    position: relative
}

    .search-in-document:has(.SearchDocumentDiv[style*="display: none"]) {
        pointer-events: none;
        opacity: .35;
        background-color: var(--kg-disabled-color)
    }

        .search-in-document:has(.SearchDocumentDiv[style*="display: none"]) + .tooltip {
            visibility: hidden
        }

        .search-in-document:has(.SearchDocumentDiv[style*="display: none"]) a::before {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

.search-in-document-button.close {
    background-color: var(--kg-complementary-color);
    color: #fff;
    border: 1px solid var(--kg-complementary-color);
    border-radius: 5px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .search-in-document-button.close::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1em;
        color: #fff;
        background-color: var(--kg-complementary-color)
    }

    .search-in-document-button.close:hover {
        background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
        color: #fff;
        border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
    }

        .search-in-document-button.close:hover::before {
            font-weight: 400
        }

    .search-in-document-button.close:hover {
        text-decoration: none !important
    }

.search-in-document-button.close {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 2em;
    width: 2em
}

    .search-in-document-button.close.disabled {
        pointer-events: none;
        opacity: .35
    }

    .search-in-document-button.close::before, .search-in-document-button.close::after {
        background-color: rgba(0,0,0,0)
    }

    .search-in-document-button.close:hover::before, .search-in-document-button.close:hover::after {
        background-color: rgba(0,0,0,0)
    }

.search-in-document-button.open {
    background-color: var(--kg-complementary-color);
    color: #fff;
    border: 1px solid var(--kg-complementary-color);
    border-radius: 5px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .search-in-document-button.open::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1em;
        color: #fff;
        background-color: var(--kg-complementary-color)
    }

    .search-in-document-button.open:hover {
        background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
        color: #fff;
        border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
    }

        .search-in-document-button.open:hover::before {
            font-weight: 400
        }

    .search-in-document-button.open:hover {
        text-decoration: none !important
    }

.search-in-document-button.open {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 2em;
    width: 2em
}

    .search-in-document-button.open.disabled {
        pointer-events: none;
        opacity: .35
    }

    .search-in-document-button.open::before, .search-in-document-button.open::after {
        background-color: rgba(0,0,0,0)
    }

    .search-in-document-button.open:hover::before, .search-in-document-button.open:hover::after {
        background-color: rgba(0,0,0,0)
    }

.search-in-document-wrapper {
    background-color: var(--kg-complementary-color);
    border-radius: 5px;
    padding: .35em
}

    .search-in-document-wrapper:has(.SearchDocumentDiv[style*="display: none"]), .search-in-document-wrapper.close {
        display: none
    }

    .search-in-document-wrapper.open {
        position: absolute;
        right: 0;
        top: -72px;
        width: 200px
    }

    .search-in-document-wrapper::after {
        border-style: solid;
        border-width: .5em .5em 0 .5em;
        border-color: var(--kg-complementary-color) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
        content: "";
        position: absolute;
        right: .75em;
        bottom: -0.5em
    }

.search-in-document a#searchAllTerms {
    background-color: var(--kg-primary-color);
    color: var(--kg-brand-secondary-blue);
    border: 1px solid var(--kg-primary-color);
    border-radius: 7px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .search-in-document a#searchAllTerms::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: .8em !important;
        color: inherit;
        background-color: var(--kg-primary-color)
    }

    .search-in-document a#searchAllTerms:hover {
        background-color: rgb(227.97444,190.43648,.91556);
        color: #fff;
        border-color: rgb(227.97444,190.43648,.91556)
    }

        .search-in-document a#searchAllTerms:hover::before {
            background-color: inherit;
            font-weight: 400
        }

    .search-in-document a#searchAllTerms:hover {
        text-decoration: none !important
    }

.search-in-document a#searchAllTerms {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 26px;
    width: 26px
}

    .search-in-document a#searchAllTerms.disabled {
        pointer-events: none;
        opacity: .35
    }

    .search-in-document a#searchAllTerms::before, .search-in-document a#searchAllTerms::after {
        background-color: rgba(0,0,0,0)
    }

    .search-in-document a#searchAllTerms:hover::before, .search-in-document a#searchAllTerms:hover::after {
        background-color: rgba(0,0,0,0)
    }

.search-in-document a#searchAllTerms {
    position: absolute;
    top: .35em;
    right: .35em
}

.search-in-document .SearchDocumentDiv {
    grid-area: wrapper-text;
    display: grid;
    align-items: center;
    grid-template-areas: "input input input" "check backguard forward";
    grid-template-columns: auto 1.5em 1em;
    gap: .3em;
    font-size: .8em
}

    .search-in-document .SearchDocumentDiv .SearchDocumenttx {
        grid-area: input;
        height: 26px;
        line-height: 26px;
        min-width: 100%;
        padding: 0 30px 0 4px;
        border: none;
        border-radius: 7px
    }

    .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnbackguard {
        background-color: rgba(0,0,0,0);
        border: none;
        border-radius: 7px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnbackguard::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: flex;
            justify-content: center;
            font-size: 1.25rem;
            color: var(--kg-#fff-color);
            background-color: var(--kg-primary-color)
        }

        .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnbackguard:hover {
            background-color: rgba(0,0,0,0)
        }

            .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnbackguard:hover::before {
                background-color: inherit;
                font-weight: 400
            }

        .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnbackguard:hover {
            text-decoration: none !important
        }

    .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnbackguard {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnbackguard.disabled {
            pointer-events: none;
            opacity: .35
        }

        .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnbackguard::before, .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnbackguard::after {
            background-color: rgba(0,0,0,0)
        }

        .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnbackguard:hover::before, .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnbackguard:hover::after {
            background-color: rgba(0,0,0,0)
        }

    .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnbackguard {
        grid-area: backguard;
        padding: 0
    }

    .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnforward {
        background-color: rgba(0,0,0,0);
        border: none;
        border-radius: 7px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnforward::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: flex;
            justify-content: center;
            font-size: 1.25rem;
            color: var(--kg-#fff-color);
            background-color: var(--kg-primary-color)
        }

        .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnforward:hover {
            background-color: rgba(0,0,0,0)
        }

            .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnforward:hover::before {
                background-color: inherit;
                font-weight: 400
            }

        .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnforward:hover {
            text-decoration: none !important
        }

    .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnforward {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnforward.disabled {
            pointer-events: none;
            opacity: .35
        }

        .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnforward::before, .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnforward::after {
            background-color: rgba(0,0,0,0)
        }

        .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnforward:hover::before, .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnforward:hover::after {
            background-color: rgba(0,0,0,0)
        }

    .search-in-document .SearchDocumentDiv .SearchDocumentDivbtnforward {
        grid-area: forward;
        padding: 0
    }

    .search-in-document .SearchDocumentDiv .Searchdocumentchkdiv {
        grid-area: check
    }

        .search-in-document .SearchDocumentDiv .Searchdocumentchkdiv label {
            display: flex;
            align-content: center;
            justify-content: left;
            align-items: center;
            text-wrap: nowrap;
            gap: .5em;
            flex: 1;
            color: #fff
        }

.search-in-document dfn {
    display: none
}

.tdc-popup {
    display: grid;
    grid-template-rows: 4em 70vh;
    grid-template-areas: "eSearch" "eContentTree";
    line-height: 1.8em
}

    .tdc-popup .divsearchparent {
        grid-area: eSearch
    }

    .tdc-popup .TreeView {
        scrollbar-width: thin
    }

        .tdc-popup .TreeView::-webkit-scrollbar {
            width: 13px
        }

        .tdc-popup .TreeView::-webkit-scrollbar-track {
            border-radius: 5px;
            box-shadow: var(--kg-box-shadow-inset-soft)
        }

        .tdc-popup .TreeView::-webkit-scrollbar-thumb {
            cursor: pointer;
            border-radius: 5px;
            box-shadow: var(--kg-box-shadow-inset-medium)
        }

    .tdc-popup .TreeView {
        overflow: auto;
        grid-area: eContentTree
    }

#ebooktdc_tdc {
    display: grid;
    grid-template-rows: 4em 68vh;
    grid-template-areas: "eSearch" "eContentTree";
    line-height: 1.8em
}

    #ebooktdc_tdc .divsearchparent {
        grid-area: eSearch;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap
    }

        #ebooktdc_tdc .divsearchparent #divsearchajax {
            width: 80vw
        }

@media(min-width: 992px) {
    #ebooktdc_tdc .divsearchparent #divsearchajax {
        width: 50vw
    }
}

#ebooktdc_tdc .TreeView {
    scrollbar-width: thin
}

    #ebooktdc_tdc .TreeView::-webkit-scrollbar {
        width: 13px
    }

    #ebooktdc_tdc .TreeView::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    #ebooktdc_tdc .TreeView::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

#ebooktdc_tdc .TreeView {
    overflow: auto;
    grid-area: eContentTree;
    padding: 1em 2em 0
}

    #ebooktdc_tdc .TreeView > .subframe {
        width: auto
    }

@media(min-width: 992px) {
    #ebooktdc_tdc .TreeView > .subframe {
        width: 60vw
    }
}

#ebooktdc_tdc .TreeView > .subframe {
    margin: 0 auto
}

.divsearchparent {
    background-color: var(--kg-document-background-color);
    border-radius: 5px
}

    .divsearchparent dfn {
        display: none
    }

    .divsearchparent #divsearchajax {
        border: var(--kg-border-medium);
        border-radius: 5px;
        display: grid;
        align-items: center;
        grid-template-areas: "input btnclear btnsearch";
        grid-template-columns: auto 2em 2em;
        padding: .1em .5em
    }

        .divsearchparent #divsearchajax:has(#aec1textajaxassisUsingDefaultText[value=true]) .SearchDocumenttx {
            color: var(--kg-disabled-color)
        }

    .divsearchparent .SearchDocumenttx {
        border: none;
        grid-area: input;
        height: 2.5em;
        width: 100%
    }

        .divsearchparent .SearchDocumenttx.withText {
            color: var(--kg-body-color)
        }

    .divsearchparent .DivBtnSearchclass[style*="display:block"], .divsearchparent .DivBtnSearchclass[style*="display: block"] {
        display: flex !important
    }

    .divsearchparent .DivBtnSearchclass {
        background-color: var(--kg-primary-color);
        color: var(--kg-brand-secondary-blue);
        border: 1px solid var(--kg-primary-color);
        border-radius: 7px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .divsearchparent .DivBtnSearchclass:hover {
            background-color: rgb(227.97444,190.43648,.91556);
            color: #fff;
            border-color: rgb(227.97444,190.43648,.91556)
        }

            .divsearchparent .DivBtnSearchclass:hover::before {
                background-color: inherit;
                font-weight: 400
            }

        .divsearchparent .DivBtnSearchclass:hover {
            text-decoration: none !important
        }

    .divsearchparent .DivBtnSearchclass {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s;
        height: 32px;
        width: 32px
    }

        .divsearchparent .DivBtnSearchclass.disabled {
            pointer-events: none;
            opacity: .35
        }

        .divsearchparent .DivBtnSearchclass::before, .divsearchparent .DivBtnSearchclass::after {
            background-color: rgba(0,0,0,0)
        }

        .divsearchparent .DivBtnSearchclass:hover::before, .divsearchparent .DivBtnSearchclass:hover::after {
            background-color: rgba(0,0,0,0)
        }

        .divsearchparent .DivBtnSearchclass::before {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

    .divsearchparent .DivBtnSearchclass {
        grid-area: btnsearch
    }

    .divsearchparent .DivBtnCleanclass[style*="display:block"], .divsearchparent .DivBtnCleanclass[style*="display: block"] {
        display: flex !important
    }

    .divsearchparent .DivBtnCleanclass {
        background-color: rgba(0,0,0,0);
        color: var(--kg-secondary-color);
        border: none;
        border-radius: 0;
        font-size: 1em;
        padding: .5em .25em
    }

        .divsearchparent .DivBtnCleanclass::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: flex;
            justify-content: center;
            font-size: 1.25rem;
            color: var(--kg-secondary-color);
            background-color: rgba(0,0,0,0)
        }

        .divsearchparent .DivBtnCleanclass:hover {
            background-color: rgba(0,0,0,0);
            color: #000;
            border-color: rgba(0,0,0,0)
        }

            .divsearchparent .DivBtnCleanclass:hover::before {
                font-weight: 700
            }

        .divsearchparent .DivBtnCleanclass:hover {
            text-decoration: none !important
        }

    .divsearchparent .DivBtnCleanclass {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s;
        height: 2em;
        width: 2em
    }

        .divsearchparent .DivBtnCleanclass.disabled {
            pointer-events: none;
            opacity: .35
        }

        .divsearchparent .DivBtnCleanclass::before, .divsearchparent .DivBtnCleanclass::after {
            background-color: rgba(0,0,0,0)
        }

        .divsearchparent .DivBtnCleanclass:hover::before, .divsearchparent .DivBtnCleanclass:hover::after {
            background-color: rgba(0,0,0,0)
        }

    .divsearchparent .DivBtnCleanclass {
        grid-area: btnclear;
        display: none
    }

.TreeView .subframe .subframe::before {
    content: " ";
    border-left: var(--kg-border-medium);
    position: absolute;
    height: calc(100% - .5em);
    top: 0;
    left: .45em
}

.TreeView .subframe .subframe {
    padding-left: 1.5em;
    position: relative
}

.TreeView .tde {
    line-height: 1.8em
}

    .TreeView .tde .Highlight {
        background-color: var(--kg-highlight-background-color);
        color: var(--kg-highlight-color);
        padding: 2px
    }

.TreeView .do, .TreeView .du, .TreeView .dc {
    cursor: pointer;
    display: flex;
    gap: .5em;
    align-items: flex-start
}

    .TreeView .do:hover, .TreeView .du:hover, .TreeView .dc:hover {
        text-shadow: -0.01ex 0 0 currentColor,.01ex 0 0 currentColor;
        -webkit-text-stroke-width: .01ex
    }

    .TreeView .du::before, .TreeView .dc::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        color: var(--kg-secondary-color)
    }

    .TreeView .do::after {
        content: " ";
        border-left: var(--kg-border-medium);
        position: absolute;
        height: calc(100% - .5em);
        top: 1em;
        left: .45em
    }

.TreeView .do {
    font-weight: 500;
    position: relative
}

    .TreeView .do::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

.TreeView .fl {
    cursor: pointer
}

    .TreeView .fl.nodeSelected {
        color: var(--kg-secondary-color);
        font-weight: 500
    }

    .TreeView .fl:hover {
        text-shadow: -0.01ex 0 0 currentColor,.01ex 0 0 currentColor;
        -webkit-text-stroke-width: .01ex
    }

    .TreeView .fl .ft, .TreeView .fl .ftselected {
        display: flex;
        gap: .5em
    }

        .TreeView .fl .ft::before, .TreeView .fl .ftselected::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            color: var(--kg-secondary-color);
            font-size: .5em
        }

        .TreeView .fl .ft .tti .tde, .TreeView .fl .ftselected .tti .tde {
            padding: 0
        }

        .TreeView .fl .ftselected::before {
            font-weight: 700
        }

.DDTreeControlTreediv {
    display: flex;
    flex-direction: column;
    gap: .5em;
    line-height: 1em
}

    .DDTreeControlTreediv .Folders_DDTreeControlTree, .DDTreeControlTreediv ul[class^=ExpandCollapse_] {
        display: flex;
        gap: 1em;
        padding: .5em
    }

    .DDTreeControlTreediv .DDTreeControlTree.jstree {
        scrollbar-width: thin
    }

        .DDTreeControlTreediv .DDTreeControlTree.jstree::-webkit-scrollbar {
            width: 13px
        }

        .DDTreeControlTreediv .DDTreeControlTree.jstree::-webkit-scrollbar-track {
            border-radius: 5px;
            box-shadow: var(--kg-box-shadow-inset-soft)
        }

        .DDTreeControlTreediv .DDTreeControlTree.jstree::-webkit-scrollbar-thumb {
            cursor: pointer;
            border-radius: 5px;
            box-shadow: var(--kg-box-shadow-inset-medium)
        }

    .DDTreeControlTreediv .DDTreeControlTree.jstree {
        overflow: auto;
        flex: 1;
        height: calc(100% - 50px)
    }

    .DDTreeControlTreediv ul[class^=ActionsFolders_] {
        display: flex;
        gap: .5em;
        padding: .25em
    }

    .DDTreeControlTreediv .jstree-no-dots {
        margin-block-start: 0;
        margin-block-end: 0;
        margin-inline-start: 0;
        margin-inline-end: 0;
        padding-inline-start: 0;
        font-size: .9em
    }

        .DDTreeControlTreediv .jstree-no-dots ins {
            display: none
        }

        .DDTreeControlTreediv .jstree-no-dots li {
            padding: 0;
            white-space: inherit
        }

            .DDTreeControlTreediv .jstree-no-dots li a {
                display: flex;
                gap: .5em;
                overflow: hidden;
                text-overflow: ellipsis;
                word-wrap: break-word;
                white-space: inherit;
                height: auto;
                line-height: 1.5em;
                align-items: flex-start;
                padding: .3em .5em
            }

                .DDTreeControlTreediv .jstree-no-dots li a::before {
                    font-family: var(--kg-font-family-icons);
                    content: ""
                }

                .DDTreeControlTreediv .jstree-no-dots li a ins {
                    display: none
                }

                .DDTreeControlTreediv .jstree-no-dots li a.jstree-clicked {
                    text-shadow: -0.01ex 0 0 currentColor,.01ex 0 0 currentColor;
                    -webkit-text-stroke-width: .01ex
                }

    .DDTreeControlTreediv li.expandWholeTree {
        color: var(--kg-complementary-color);
        border: 1px solid var(--kg-complementary-color);
        border-radius: 5px;
        font-size: .8em;
        padding: .25rem .5rem
    }

        .DDTreeControlTreediv li.expandWholeTree:hover {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            color: #fff;
            border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
        }

            .DDTreeControlTreediv li.expandWholeTree:hover::before {
                font-weight: 400
            }

        .DDTreeControlTreediv li.expandWholeTree:hover {
            text-decoration: none !important
        }

    .DDTreeControlTreediv li.expandWholeTree {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        .DDTreeControlTreediv li.expandWholeTree.disabled {
            pointer-events: none;
            opacity: .35
        }

        .DDTreeControlTreediv li.expandWholeTree::before, .DDTreeControlTreediv li.expandWholeTree::after {
            background-color: rgba(0,0,0,0)
        }

        .DDTreeControlTreediv li.expandWholeTree:hover::before, .DDTreeControlTreediv li.expandWholeTree:hover::after {
            background-color: rgba(0,0,0,0)
        }

    .DDTreeControlTreediv li.collapseWholeTree {
        color: var(--kg-complementary-color);
        border: 1px solid var(--kg-complementary-color);
        border-radius: 5px;
        font-size: .8em;
        padding: .25rem .5rem
    }

        .DDTreeControlTreediv li.collapseWholeTree:hover {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            color: #fff;
            border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
        }

            .DDTreeControlTreediv li.collapseWholeTree:hover::before {
                font-weight: 400
            }

        .DDTreeControlTreediv li.collapseWholeTree:hover {
            text-decoration: none !important
        }

    .DDTreeControlTreediv li.collapseWholeTree {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        .DDTreeControlTreediv li.collapseWholeTree.disabled {
            pointer-events: none;
            opacity: .35
        }

        .DDTreeControlTreediv li.collapseWholeTree::before, .DDTreeControlTreediv li.collapseWholeTree::after {
            background-color: rgba(0,0,0,0)
        }

        .DDTreeControlTreediv li.collapseWholeTree:hover::before, .DDTreeControlTreediv li.collapseWholeTree:hover::after {
            background-color: rgba(0,0,0,0)
        }

    .DDTreeControlTreediv li.createfolderbutton {
        grid-area: create;
        color: var(--kg-complementary-color);
        border: 1px solid var(--kg-complementary-color);
        border-radius: 5px;
        font-size: .8em;
        padding: .25rem .5rem
    }

        .DDTreeControlTreediv li.createfolderbutton:hover {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            color: #fff;
            border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
        }

            .DDTreeControlTreediv li.createfolderbutton:hover::before {
                font-weight: 400
            }

        .DDTreeControlTreediv li.createfolderbutton:hover {
            text-decoration: none !important
        }

    .DDTreeControlTreediv li.createfolderbutton {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        .DDTreeControlTreediv li.createfolderbutton.disabled {
            pointer-events: none;
            opacity: .35
        }

        .DDTreeControlTreediv li.createfolderbutton::before, .DDTreeControlTreediv li.createfolderbutton::after {
            background-color: rgba(0,0,0,0)
        }

        .DDTreeControlTreediv li.createfolderbutton:hover::before, .DDTreeControlTreediv li.createfolderbutton:hover::after {
            background-color: rgba(0,0,0,0)
        }

    .DDTreeControlTreediv li.renamefolderbutton {
        grid-area: rename;
        color: var(--kg-complementary-color);
        border: 1px solid var(--kg-complementary-color);
        border-radius: 5px;
        font-size: .8em;
        padding: .25rem .5rem
    }

        .DDTreeControlTreediv li.renamefolderbutton:hover {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            color: #fff;
            border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
        }

            .DDTreeControlTreediv li.renamefolderbutton:hover::before {
                font-weight: 400
            }

        .DDTreeControlTreediv li.renamefolderbutton:hover {
            text-decoration: none !important
        }

    .DDTreeControlTreediv li.renamefolderbutton {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        .DDTreeControlTreediv li.renamefolderbutton.disabled {
            pointer-events: none;
            opacity: .35
        }

        .DDTreeControlTreediv li.renamefolderbutton::before, .DDTreeControlTreediv li.renamefolderbutton::after {
            background-color: rgba(0,0,0,0)
        }

        .DDTreeControlTreediv li.renamefolderbutton:hover::before, .DDTreeControlTreediv li.renamefolderbutton:hover::after {
            background-color: rgba(0,0,0,0)
        }

    .DDTreeControlTreediv li.deletefolderbutton {
        grid-area: delete;
        color: var(--kg-delete-color);
        border: 1px solid var(--kg-delete-color);
        border-radius: 5px;
        font-size: .8em;
        padding: .25rem .5rem
    }

        .DDTreeControlTreediv li.deletefolderbutton:hover {
            background-color: rgb(188.0722891566,21.9277108434,33.734939759);
            color: #fff;
            border-color: rgb(188.0722891566,21.9277108434,33.734939759)
        }

            .DDTreeControlTreediv li.deletefolderbutton:hover::before {
                font-weight: 400
            }

        .DDTreeControlTreediv li.deletefolderbutton:hover {
            text-decoration: none !important
        }

    .DDTreeControlTreediv li.deletefolderbutton {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        .DDTreeControlTreediv li.deletefolderbutton.disabled {
            pointer-events: none;
            opacity: .35
        }

        .DDTreeControlTreediv li.deletefolderbutton::before, .DDTreeControlTreediv li.deletefolderbutton::after {
            background-color: rgba(0,0,0,0)
        }

        .DDTreeControlTreediv li.deletefolderbutton:hover::before, .DDTreeControlTreediv li.deletefolderbutton:hover::after {
            background-color: rgba(0,0,0,0)
        }

.jstree-rename-input {
    border-radius: 5px;
    padding: 1em .5em !important
}

#newEmailDiv {
    display: grid;
    grid-template-areas: "label ." "input button";
    grid-template-columns: auto 32px;
    align-items: start;
    margin: 1em 0 0 0;
    position: relative;
    gap: .5em 0
}

    #newEmailDiv:after {
        grid-area: button;
        z-index: 0
    }

    #newEmailDiv #newEmailTitle {
        grid-area: label
    }

    #newEmailDiv #newCreatedEmail {
        grid-area: input;
        width: 100%
    }

    #newEmailDiv #newEmailButton {
        background-color: var(--kg-complementary-color);
        color: #fff;
        border: 1px solid var(--kg-complementary-color);
        border-radius: 5px;
        font-size: 1.5em;
        padding: 0
    }

        #newEmailDiv #newEmailButton::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: flex;
            justify-content: center;
            font-size: 1.25rem;
            color: #fff;
            background-color: var(--kg-complementary-color)
        }

        #newEmailDiv #newEmailButton:hover {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            color: #fff;
            border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
        }

            #newEmailDiv #newEmailButton:hover::before {
                font-weight: 400
            }

        #newEmailDiv #newEmailButton:hover {
            text-decoration: none !important
        }

    #newEmailDiv #newEmailButton {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s;
        height: 32px;
        width: 32px
    }

        #newEmailDiv #newEmailButton.disabled {
            pointer-events: none;
            opacity: .35
        }

        #newEmailDiv #newEmailButton::before, #newEmailDiv #newEmailButton::after {
            background-color: rgba(0,0,0,0)
        }

        #newEmailDiv #newEmailButton:hover::before, #newEmailDiv #newEmailButton:hover::after {
            background-color: rgba(0,0,0,0)
        }

    #newEmailDiv #newEmailButton {
        grid-area: button;
        line-height: 0
    }

.kg-button-primary {
    background-color: var(--kg-primary-color);
    color: var(--kg-brand-secondary-blue);
    border: 1px solid var(--kg-primary-color);
    border-radius: 7px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .kg-button-primary:hover {
        background-color: rgb(227.97444,190.43648,.91556);
        color: #fff;
        border-color: rgb(227.97444,190.43648,.91556)
    }

        .kg-button-primary:hover::before {
            background-color: inherit;
            font-weight: 400
        }

    .kg-button-primary:hover {
        text-decoration: none !important
    }

.kg-button-primary {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .kg-button-primary.disabled {
        pointer-events: none;
        opacity: .35
    }

    .kg-button-primary::before, .kg-button-primary::after {
        background-color: rgba(0,0,0,0)
    }

    .kg-button-primary:hover::before, .kg-button-primary:hover::after {
        background-color: rgba(0,0,0,0)
    }

.kg-button-complementary {
    background-color: var(--kg-complementary-color);
    color: #fff;
    border: 1px solid var(--kg-complementary-color);
    border-radius: 5px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .kg-button-complementary:hover {
        background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
        color: #fff;
        border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
    }

        .kg-button-complementary:hover::before {
            font-weight: 400
        }

    .kg-button-complementary:hover {
        text-decoration: none !important
    }

.kg-button-complementary {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .kg-button-complementary.disabled {
        pointer-events: none;
        opacity: .35
    }

    .kg-button-complementary::before, .kg-button-complementary::after {
        background-color: rgba(0,0,0,0)
    }

    .kg-button-complementary:hover::before, .kg-button-complementary:hover::after {
        background-color: rgba(0,0,0,0)
    }

.kg-button-secondary {
    background-color: #fff;
    color: var(--kg-brand-secondary-blue);
    border: var(--kg-border-default);
    border-radius: 5px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .kg-button-secondary:hover {
        background-color: hsl(0,0%,70%);
        color: #fff;
        border-color: hsl(0,0%,70%)
    }

        .kg-button-secondary:hover::before {
            background-color: inherit;
            font-weight: 400
        }

    .kg-button-secondary:hover {
        text-decoration: none !important
    }

.kg-button-secondary {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .kg-button-secondary.disabled {
        pointer-events: none;
        opacity: .35
    }

    .kg-button-secondary::before, .kg-button-secondary::after {
        background-color: rgba(0,0,0,0)
    }

    .kg-button-secondary:hover::before, .kg-button-secondary:hover::after {
        background-color: rgba(0,0,0,0)
    }

.kg-button-tertiary {
    background-color: rgba(0,0,0,0);
    color: var(--kg-tertiary-color);
    border: 1px solid var(--kg-tertiary-color);
    border-radius: 5px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .kg-button-tertiary:hover {
        background-color: rgba(0,0,0,0);
        color: var(--kg-secondary-color);
        border-color: rgba(0,0,0,0)
    }

        .kg-button-tertiary:hover::before {
            font-weight: 400
        }

    .kg-button-tertiary:hover {
        text-decoration: none !important
    }

.kg-button-tertiary {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .kg-button-tertiary.disabled {
        pointer-events: none;
        opacity: .35
    }

    .kg-button-tertiary::before, .kg-button-tertiary::after {
        background-color: rgba(0,0,0,0)
    }

    .kg-button-tertiary:hover::before, .kg-button-tertiary:hover::after {
        background-color: rgba(0,0,0,0)
    }

.kg-button-delete {
    background-color: var(--kg-delete-color);
    color: #fff;
    border: 1px solid var(--kg-delete-color);
    border-radius: 5px;
    font-size: 1em;
    padding: .25rem .5rem
}

    .kg-button-delete:hover {
        background-color: rgb(188.0722891566,21.9277108434,33.734939759);
        color: #fff;
        border-color: rgb(188.0722891566,21.9277108434,33.734939759)
    }

        .kg-button-delete:hover::before {
            font-weight: 400
        }

    .kg-button-delete:hover {
        text-decoration: none !important
    }

.kg-button-delete {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .kg-button-delete.disabled {
        pointer-events: none;
        opacity: .35
    }

    .kg-button-delete::before, .kg-button-delete::after {
        background-color: rgba(0,0,0,0)
    }

    .kg-button-delete:hover::before, .kg-button-delete:hover::after {
        background-color: rgba(0,0,0,0)
    }

.kg-button-detail {
    background-color: var(--kg-brand-background-light-gray);
    color: var(--kg-blue-600);
    border: var(--kg-border-medium);
    border-radius: 5px;
    font-size: 1em;
    padding: .25rem .5rem
}

    .kg-button-detail:hover {
        background-color: var(--kg-brand-secondary-light-blue);
        color: var(--kg-blue-800);
        border-color: var(--kg-brand-secondary-light-blue)
    }

        .kg-button-detail:hover::before {
            font-weight: 400
        }

    .kg-button-detail:hover {
        text-decoration: none !important
    }

.kg-button-detail {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .kg-button-detail.disabled {
        pointer-events: none;
        opacity: .35
    }

    .kg-button-detail::before, .kg-button-detail::after {
        background-color: rgba(0,0,0,0)
    }

    .kg-button-detail:hover::before, .kg-button-detail:hover::after {
        background-color: rgba(0,0,0,0)
    }

.kg-button-menu {
    background-color: var(--kg-menu-color);
    color: lch(from var(--kg-menu-color) calc((49.44 - l) * infinity) 0 0);
    border: 1px solid lch(from var(--kg-menu-color) calc((49.44 - l) * infinity) 0 0);
    border-radius: 7px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .kg-button-menu:hover {
        background-color: rgb(0,0,91.11);
        color: lch(from var(--kg-menu-color) calc((49.44 - l) * infinity) 0 0);
        border-color: rgb(0,0,91.11)
    }

        .kg-button-menu:hover::before {
            font-weight: 400
        }

    .kg-button-menu:hover {
        text-decoration: none !important
    }

.kg-button-menu {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .kg-button-menu.disabled {
        pointer-events: none;
        opacity: .35
    }

    .kg-button-menu::before, .kg-button-menu::after {
        background-color: rgba(0,0,0,0)
    }

    .kg-button-menu:hover::before, .kg-button-menu:hover::after {
        background-color: rgba(0,0,0,0)
    }

.kg-button-calendar {
    background-color: #fff;
    color: var(--kg-secondary-color);
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 1em;
    padding: 0
}

    .kg-button-calendar:hover {
        background-color: hsl(0,0%,93.9%);
        color: var(--kg-complementary-color);
        border-color: hsl(0,0%,93.9%)
    }

        .kg-button-calendar:hover::before {
            font-weight: 400
        }

    .kg-button-calendar:hover {
        text-decoration: none !important
    }

.kg-button-calendar {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .kg-button-calendar.disabled {
        pointer-events: none;
        opacity: .35
    }

    .kg-button-calendar::before, .kg-button-calendar::after {
        background-color: rgba(0,0,0,0)
    }

    .kg-button-calendar:hover::before, .kg-button-calendar:hover::after {
        background-color: rgba(0,0,0,0)
    }

.kg-button-accent {
    background-color: var(--kg-accent-color);
    color: #fff;
    border: 1px solid var(--kg-accent-color);
    border-radius: 5px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .kg-button-accent:hover {
        background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
        color: #fff;
        border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
    }

        .kg-button-accent:hover::before {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            font-weight: 400
        }

    .kg-button-accent:hover {
        text-decoration: none !important
    }

.kg-button-accent {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .kg-button-accent.disabled {
        pointer-events: none;
        opacity: .35
    }

    .kg-button-accent::before, .kg-button-accent::after {
        background-color: rgba(0,0,0,0)
    }

    .kg-button-accent:hover::before, .kg-button-accent:hover::after {
        background-color: rgba(0,0,0,0)
    }

.kg-button-qlinks {
    background-color: var(--kg-accent-color);
    color: #fff;
    border: 1px solid var(--kg-accent-color);
    border-radius: 5px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .kg-button-qlinks:hover {
        background-color: var(--kg-primary-color);
        color: #fff;
        border-color: var(--kg-primary-color)
    }

        .kg-button-qlinks:hover::before {
            font-weight: 400
        }

    .kg-button-qlinks:hover {
        text-decoration: none !important
    }

.kg-button-qlinks {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .kg-button-qlinks.disabled {
        pointer-events: none;
        opacity: .35
    }

    .kg-button-qlinks::before, .kg-button-qlinks::after {
        background-color: rgba(0,0,0,0)
    }

    .kg-button-qlinks:hover::before, .kg-button-qlinks:hover::after {
        background-color: rgba(0,0,0,0)
    }

.kg-button-icon-default {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em .25em
}

    .kg-button-icon-default:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .kg-button-icon-default:hover::before {
            font-weight: 700
        }

    .kg-button-icon-default:hover {
        text-decoration: none !important
    }

.kg-button-icon-default {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .kg-button-icon-default.disabled {
        pointer-events: none;
        opacity: .35
    }

    .kg-button-icon-default::before, .kg-button-icon-default::after {
        background-color: rgba(0,0,0,0)
    }

    .kg-button-icon-default:hover::before, .kg-button-icon-default:hover::after {
        background-color: rgba(0,0,0,0)
    }

.kg-button-neutral-dark {
    background-color: var(--kg-neutral-dark-color);
    color: #fff;
    border: 1px solid var(--kg-neutral-dark-color);
    border-radius: 5px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .kg-button-neutral-dark:hover {
        background-color: neutral-darken(#1D1D1B, 30%);
        color: #fff;
        border-color: neutral-darken(#1D1D1B, 30%)
    }

        .kg-button-neutral-dark:hover::before {
            font-weight: 700
        }

    .kg-button-neutral-dark:hover {
        text-decoration: none !important
    }

.kg-button-neutral-dark {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .kg-button-neutral-dark.disabled {
        pointer-events: none;
        opacity: .35
    }

    .kg-button-neutral-dark::before, .kg-button-neutral-dark::after {
        background-color: rgba(0,0,0,0)
    }

    .kg-button-neutral-dark:hover::before, .kg-button-neutral-dark:hover::after {
        background-color: rgba(0,0,0,0)
    }

#textClips {
    background-color: var(--kg-complementary-light-color);
    box-shadow: var(--kg-box-shadow);
    border-radius: var(--kg-border-radius-xl);
    font-size: .9em;
    position: fixed;
    padding: 1em;
    z-index: 1070
}

    #textClips .actiontitle {
        display: flex;
        gap: .5em;
        align-items: center
    }

        #textClips .actiontitle::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 1.5em;
            height: 1.5em
        }

    #textClips a[class^=Color] {
        border: var(--kg-border-transparent);
        border-radius: 50rem;
        display: inline-block;
        margin: .75em 1em 0 1em;
        overflow: hidden;
        position: relative;
        width: 1.5em;
        height: 1.5em
    }

        #textClips a[class^=Color]:hover {
            border: var(--kg-border-dark)
        }

    #textClips a.Color1 {
        color: var(--kg-highlight-01);
        background-color: var(--kg-highlight-01)
    }

    #textClips a.Color2 {
        color: var(--kg-highlight-02);
        background-color: var(--kg-highlight-02)
    }

    #textClips a.Color3 {
        color: var(--kg-highlight-03);
        background-color: var(--kg-highlight-03)
    }

    #textClips a.Guardar, #textClips a.Resumir, #textClips a.Anotar {
        color: var(--kg-body-color);
        display: flex;
        align-items: center;
        gap: .5em;
        margin: .5em 0 1em;
        text-decoration: none
    }

        #textClips a.Guardar::before, #textClips a.Resumir::before, #textClips a.Anotar::before {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 1.5em;
            height: 1.5em
        }

        #textClips a.Anotar::before {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

        #textClips a.Guardar::before {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

    #textClips a.Resumir {
        margin-bottom: 0
    }

        #textClips a.Resumir::before {
            background-color: rgba(0,0,0,0);
            border: none;
            border-radius: 5px;
            font-size: 1em;
            padding: .375rem .75rem
        }

            #textClips a.Resumir::before:hover {
                background-color: rgba(0,0,0,0)
            }

                #textClips a.Resumir::before:hover::before {
                    font-weight: 400
                }

            #textClips a.Resumir::before:hover {
                text-decoration: none !important
            }

        #textClips a.Resumir::before {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s;
            height: 1.5em;
            width: 1.5em
        }

            #textClips a.Resumir::before.disabled {
                pointer-events: none;
                opacity: .35
            }

            #textClips a.Resumir::before::before, #textClips a.Resumir::before::after {
                background-color: rgba(0,0,0,0)
            }

            #textClips a.Resumir::before:hover::before, #textClips a.Resumir::before:hover::after {
                background-color: rgba(0,0,0,0)
            }

        #textClips a.Resumir::before {
            background-image: url(/img/logos/logo_Kplus.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100%;
            content: ""
        }

    #textClips a:hover {
        text-shadow: -0.01ex 0 0 currentColor,.01ex 0 0 currentColor;
        -webkit-text-stroke-width: .01ex
    }

#deleteTextClips {
    background-color: var(--kg-complementary-light-color);
    box-shadow: var(--kg-box-shadow);
    border-radius: var(--kg-border-radius-xl);
    position: fixed;
    padding: .5em 1em .5em .25em;
    z-index: 1070
}

    #deleteTextClips .actiontitle {
        display: none;
        visibility: hidden
    }

    #deleteTextClips .Suprimir {
        text-decoration: none;
        color: var(--kg-body-color)
    }

        #deleteTextClips .Suprimir::before {
            background-color: rgba(0,0,0,0);
            border: none;
            border-radius: 5px;
            font-size: 1em;
            padding: .375rem .75rem
        }

            #deleteTextClips .Suprimir::before:hover {
                background-color: rgba(0,0,0,0)
            }

                #deleteTextClips .Suprimir::before:hover::before {
                    font-weight: 400
                }

            #deleteTextClips .Suprimir::before:hover {
                text-decoration: none !important
            }

        #deleteTextClips .Suprimir::before {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s;
            height: 2em;
            width: 2em
        }

            #deleteTextClips .Suprimir::before.disabled {
                pointer-events: none;
                opacity: .35
            }

            #deleteTextClips .Suprimir::before::before, #deleteTextClips .Suprimir::before::after {
                background-color: rgba(0,0,0,0)
            }

            #deleteTextClips .Suprimir::before:hover::before, #deleteTextClips .Suprimir::before:hover::after {
                background-color: rgba(0,0,0,0)
            }

        #deleteTextClips .Suprimir::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            color: var(--kg-delete-color)
        }

.document-tabs-scroll {
    display: none
}

@media(min-width: 992px) {
    .document-tabs-scroll {
        display: block
    }
}

.document-tabs-scroll {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em 1em
}

    .document-tabs-scroll::after {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1em;
        color: var(--kg-secondary-color);
        background-color: rgba(0,0,0,0)
    }

    .document-tabs-scroll:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .document-tabs-scroll:hover::after {
            font-weight: 700
        }

    .document-tabs-scroll:hover {
        text-decoration: none !important
    }

.document-tabs-scroll {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .document-tabs-scroll.disabled {
        pointer-events: none;
        opacity: .35
    }

    .document-tabs-scroll::before, .document-tabs-scroll::after {
        background-color: rgba(0,0,0,0)
    }

    .document-tabs-scroll:hover::before, .document-tabs-scroll:hover::after {
        background-color: rgba(0,0,0,0)
    }

.document-tabs-button {
    display: block
}

@media(min-width: 992px) {
    .document-tabs-button {
        display: none !important
    }
}

.document-tabs-button {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em 1em
}

    .document-tabs-button::after {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1em;
        color: var(--kg-secondary-color);
        background-color: rgba(0,0,0,0)
    }

    .document-tabs-button:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .document-tabs-button:hover::after {
            font-weight: 700
        }

    .document-tabs-button:hover {
        text-decoration: none !important
    }

.document-tabs-button {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .document-tabs-button.disabled {
        pointer-events: none;
        opacity: .35
    }

    .document-tabs-button::before, .document-tabs-button::after {
        background-color: rgba(0,0,0,0)
    }

    .document-tabs-button:hover::before, .document-tabs-button:hover::after {
        background-color: rgba(0,0,0,0)
    }

.document-tabs-button {
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 1em 0 0 0
}

    .document-tabs-button:hover {
        background-color: #fff;
        font-weight: 400
    }

.document-tabs-list {
    display: none
}

@media(min-width: 992px) {
    .document-tabs-list {
        display: flex
    }
}

.document-tabs-list {
    flex-direction: column
}

@media(min-width: 992px) {
    .document-tabs-list {
        flex-direction: row
    }
}

.document-tabs-list {
    background: #fff
}

@media(min-width: 992px) {
    .document-tabs-list {
        background: none
    }
}

.document-tabs-list {
    padding: 1em 0
}

@media(min-width: 992px) {
    .document-tabs-list {
        padding: 0
    }
}

.document-tabs-list {
    position: absolute
}

@media(min-width: 992px) {
    .document-tabs-list {
        position: inherit
    }
}

.document-tabs-list {
    border-radius: 5px
}

@media(min-width: 992px) {
    .document-tabs-list {
        border-radius: 0
    }
}

.document-tabs-list {
    box-shadow: var(--kg-box-shadow-soft)
}

@media(min-width: 992px) {
    .document-tabs-list {
        box-shadow: none
    }
}

.document-tabs-list {
    margin-block: 0;
    overflow: auto;
    scrollbar-width: thin;
    width: calc(100dvw - 10.6em)
}

    .document-tabs-list.show {
        display: inline-flex
    }

@media(min-width: 992px) {
    .document-tabs-list.show {
        display: flex
    }
}

.document-tabs-item {
    padding: .25em 0
}

@media(min-width: 992px) {
    .document-tabs-item {
        padding: 0
    }
}

.document-tabs-item {
    overflow-wrap: initial
}

.document-tabs-link {
    border-bottom: .25em solid rgba(0,0,0,0);
    padding: 0 1em
}

@media(min-width: 992px) {
    .document-tabs-link {
        padding: 1em 1em .375em 1em
    }
}

.document-tabs-link {
    display: block;
    white-space: nowrap
}

    .document-tabs-link[data-tab-type=text] {
        text-transform: uppercase
    }

    .document-tabs-link.active {
        text-shadow: -0.01ex 0 0 currentColor,.01ex 0 0 currentColor;
        -webkit-text-stroke-width: .01ex;
        border-bottom-color: var(--kg-complementary-color)
    }

    .document-tabs-link:hover {
        border-bottom-color: var(--kg-accent-color)
    }

.menu-cards {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
}

@media(min-width: 992px) {
    .menu-cards {
        grid-template-columns: repeat(3, 1fr)
    }
}

.menu-cards {
    grid-gap: 1em
}

@media(min-width: 768px) {
    .menu-cards {
        grid-gap: 1.5em
    }
}

.menu-cards {
    display: grid;
    margin: 4em auto 18em auto
}

    .menu-cards.fourColumns {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
    }

@media(min-width: 992px) {
    .menu-cards.fourColumns {
        grid-template-columns: repeat(4, 1fr)
    }
}

.menu-cards.fourColumns {
    max-width: 80%;
    margin: auto
}

.menu-cards-title {
    text-align: center;
    position: relative
}

    .menu-cards-title:has(dfn:empty) {
        display: none
    }

    .menu-cards-title.th-title {
        cursor: default
    }

        .menu-cards-title.th-title::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: block
        }

@media(min-width: 768px) {
    .menu-cards-title.th-title::before {
        display: none
    }
}

.menu-cards-title.th-title dfn {
    display: none
}

@media(min-width: 768px) {
    .menu-cards-title.th-title dfn {
        display: block
    }
}

.menu-cards-title:hover dfn {
    display: block;
    z-index: 1090
}

@media screen and (max-width: 599px) {
    .menu-cards-title:hover dfn {
        background: var(--kg-secondary-color);
        color: lch(from var(--kg-secondary-color) calc((49.44 - l) * infinity) 0 0);
        font-size: .8em;
        position: absolute;
        top: -0.5em;
        right: 3em;
        width: max-content;
        border-radius: 5px;
        display: block;
        padding: 1em
    }
}

@media screen and (min-width: 991px)and (max-width: 1279px) {
    .menu-cards-title:hover dfn {
        background: inherit;
        color: var(--kg-secondary-color);
        font-size: inherit;
        position: relative;
        top: auto;
        right: auto;
        width: auto;
        border-radius: 0;
        display: block;
        padding: 0
    }
}

.menu-cards-group > .menu-cards-link {
    background-color: #fff;
    color: var(--kg-secondary-color);
    display: flex;
    gap: .5em;
    transition: .3s;
    border-radius: 5px;
    border: var(--kg-border-default);
    border-left: 8px solid var(--kg-accent-color);
    justify-content: space-between;
    font-size: 20px;
    min-width: 100%;
    padding: 1.65rem 2em
}

    .menu-cards-group > .menu-cards-link:not([class]):hover, .menu-cards-group > .menu-cards-link:hover {
        --bg: var(--kg-accent-color);
        background: var(--bg);
        color: lch(from var(--bg) calc((49.44 - l) * infinity) 0 0);
        border-color: var(--kg-accent-color)
    }

    .menu-cards-group > .menu-cards-link:after {
        font-family: var(--kg-font-family-icons);
        content: "";
        font-size: 24px;
        color: rgb(61.229281768,112.4392265193,140.270718232);
        font-weight: 600
    }

.menu-cards-group.open > .menu-cards-link {
    --bg: var(--kg-accent-color);
    background: var(--bg);
    color: lch(from var(--bg) calc((49.44 - l) * infinity) 0 0)
}

    .menu-cards-group.open > .menu-cards-link:after {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

.menu-cards-group {
    position: relative
}

    .menu-cards-group ul {
        position: inherit
    }

@media(min-width: 768px) {
    .menu-cards-group ul {
        position: absolute
    }
}

.menu-cards-group ul {
    border-radius: 0
}

@media(min-width: 768px) {
    .menu-cards-group ul {
        border-radius: 5px
    }
}

.menu-cards-group ul {
    padding: 1em .5em
}

@media(min-width: 768px) {
    .menu-cards-group ul {
        padding: 2em 1em
    }
}

.menu-cards-group ul {
    background-color: #fff;
    border: var(--kg-border-width) var(--kg-border-style) var(--kg-accent-color);
    box-shadow: var(--kg-box-shadow-medium);
    display: none;
    min-width: 100%;
    transition: display .3s ease
}

    .menu-cards-group ul.open {
        display: block;
        z-index: 1;
        max-height: 40dvh;
        scrollbar-width: thin
    }

        .menu-cards-group ul.open::-webkit-scrollbar {
            width: 13px
        }

        .menu-cards-group ul.open::-webkit-scrollbar-track {
            border-radius: 5px;
            box-shadow: var(--kg-box-shadow-inset-soft)
        }

        .menu-cards-group ul.open::-webkit-scrollbar-thumb {
            cursor: pointer;
            border-radius: 5px;
            box-shadow: var(--kg-box-shadow-inset-medium)
        }

    .menu-cards-group ul.open {
        overflow: auto
    }

.menu-cards-group-item > .menu-cards-link {
    border-bottom: var(--kg-border-default);
    color: var(--kg-menu-color);
    display: flex;
    justify-content: space-between;
    padding: .5em 1em
}

    .menu-cards-group-item > .menu-cards-link:hover {
        background-color: hsl(201.1267605634,39.226519337%,84.5098039216%)
    }

    .menu-cards-group-item > .menu-cards-link:after {
        font-family: var(--kg-font-family-icons);
        content: "";
        color: var(--kg-accent-color)
    }

.menu-cards-item > .menu-cards-link {
    background-color: #fff;
    color: var(--kg-secondary-color);
    display: flex;
    gap: .5em;
    transition: .3s;
    border-radius: 5px;
    border: var(--kg-border-default);
    border-left: 8px solid var(--kg-accent-color);
    justify-content: space-between;
    font-size: 20px;
    min-width: 100%;
    padding: 1.65rem 2em
}

    .menu-cards-item > .menu-cards-link:not([class]):hover, .menu-cards-item > .menu-cards-link:hover {
        --bg: var(--kg-accent-color);
        background: var(--bg);
        color: lch(from var(--bg) calc((49.44 - l) * infinity) 0 0);
        border-color: var(--kg-accent-color)
    }

    .menu-cards-item > .menu-cards-link:after {
        font-family: var(--kg-font-family-icons);
        content: "";
        font-size: 24px;
        color: rgb(61.229281768,112.4392265193,140.270718232);
        font-weight: 600
    }

.menu-cards-item.open > .menu-cards-link {
    --bg: var(--kg-accent-color);
    background: var(--bg);
    color: lch(from var(--bg) calc((49.44 - l) * infinity) 0 0)
}

    .menu-cards-item.open > .menu-cards-link:after {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

.menu-cards-item-theme.mp-laboral > .menu-cards-link {
    background-color: #fff;
    color: var(--kg-secondary-color);
    display: flex;
    gap: .5em;
    transition: .3s;
    border-radius: 5px;
    border: var(--kg-border-default);
    border-left: 8px solid var(--kg-laboral-color);
    justify-content: space-between;
    font-size: 20px;
    min-width: 100%;
    padding: 1.65rem 2em
}

    .menu-cards-item-theme.mp-laboral > .menu-cards-link:not([class]):hover, .menu-cards-item-theme.mp-laboral > .menu-cards-link:hover {
        --bg: var(--kg-laboral-color);
        background: var(--bg);
        color: lch(from var(--bg) calc((49.44 - l) * infinity) 0 0);
        border-color: var(--kg-laboral-color)
    }

.menu-cards-item-theme.mp-laboral.open > .menu-cards-link {
    --bg: var(--kg-laboral-color);
    background: var(--bg);
    color: lch(from var(--bg) calc((49.44 - l) * infinity) 0 0)
}

.menu-cards-item-theme.mp-fiscal > .menu-cards-link {
    background-color: #fff;
    color: var(--kg-secondary-color);
    display: flex;
    gap: .5em;
    transition: .3s;
    border-radius: 5px;
    border: var(--kg-border-default);
    border-left: 8px solid var(--kg-fiscal-color);
    justify-content: space-between;
    font-size: 20px;
    min-width: 100%;
    padding: 1.65rem 2em
}

    .menu-cards-item-theme.mp-fiscal > .menu-cards-link:not([class]):hover, .menu-cards-item-theme.mp-fiscal > .menu-cards-link:hover {
        --bg: var(--kg-fiscal-color);
        background: var(--bg);
        color: lch(from var(--bg) calc((49.44 - l) * infinity) 0 0);
        border-color: var(--kg-fiscal-color)
    }

.menu-cards-item-theme.mp-fiscal.open > .menu-cards-link {
    --bg: var(--kg-fiscal-color);
    background: var(--bg);
    color: lch(from var(--bg) calc((49.44 - l) * infinity) 0 0)
}

.menu-cards-item-theme.mp-mercantil > .menu-cards-link {
    background-color: #fff;
    color: var(--kg-secondary-color);
    display: flex;
    gap: .5em;
    transition: .3s;
    border-radius: 5px;
    border: var(--kg-border-default);
    border-left: 8px solid var(--kg-mercantil-color);
    justify-content: space-between;
    font-size: 20px;
    min-width: 100%;
    padding: 1.65rem 2em
}

    .menu-cards-item-theme.mp-mercantil > .menu-cards-link:not([class]):hover, .menu-cards-item-theme.mp-mercantil > .menu-cards-link:hover {
        --bg: var(--kg-mercantil-color);
        background: var(--bg);
        color: lch(from var(--bg) calc((49.44 - l) * infinity) 0 0);
        border-color: var(--kg-mercantil-color)
    }

.menu-cards-item-theme.mp-mercantil.open > .menu-cards-link {
    --bg: var(--kg-mercantil-color);
    background: var(--bg);
    color: lch(from var(--bg) calc((49.44 - l) * infinity) 0 0)
}

.menu-cards-item-theme.mp-contencioso > .menu-cards-link {
    background-color: #fff;
    color: var(--kg-secondary-color);
    display: flex;
    gap: .5em;
    transition: .3s;
    border-radius: 5px;
    border: var(--kg-border-default);
    border-left: 8px solid var(--kg-contencioso-color);
    justify-content: space-between;
    font-size: 20px;
    min-width: 100%;
    padding: 1.65rem 2em
}

    .menu-cards-item-theme.mp-contencioso > .menu-cards-link:not([class]):hover, .menu-cards-item-theme.mp-contencioso > .menu-cards-link:hover {
        --bg: var(--kg-contencioso-color);
        background: var(--bg);
        color: lch(from var(--bg) calc((49.44 - l) * infinity) 0 0);
        border-color: var(--kg-contencioso-color)
    }

.menu-cards-item-theme.mp-contencioso.open > .menu-cards-link {
    --bg: var(--kg-contencioso-color);
    background: var(--bg);
    color: lch(from var(--bg) calc((49.44 - l) * infinity) 0 0)
}

.menu-cards-link-primary {
    border-bottom: .25em solid var(--kg-primary-color)
}

.menu-cards-link-secondary {
    border-bottom: .25em solid var(--kg-accent-color)
}

.menu-cards-link-ter {
    border-bottom: .01em solid var(--kg-accent-color)
}

.menu-cards-link:hover {
    text-shadow: .01em .01em .01em var(--kg-secondary-color);
    border-bottom-color: var(--kg-secondary-color)
}

.menu-cards-link.th-civil::before {
    content: "C"
}

.menu-cards-link.th-social::before {
    content: "S"
}

.menu-cards-link.th-admvo::before {
    content: "A"
}

.menu-cards-link.th-penal::before {
    content: "P"
}

.menu-cards-link.icDT::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-cards-link.icUS::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-cards-link.icBO::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-cards-link.icNB::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-cards-link.icIL::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-cards-link.icCD::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-cards-link.icIF::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-cards-link.icSF::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-cards-link.icTI::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-cards-link.icRE::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-cards-link.icCA::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-cards-link.icCH::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-cards-link.icEP::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-cards-link.icUR::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-cards-secondary {
    color: var(--kg-secondary-color);
    font-family: var(--kg-font-kg-display);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    margin-block: 0 .65em;
    overflow-wrap: break-word;
    line-height: 24px;
    hyphens: initial
}

@media(min-width: 992px) {
    .menu-cards-secondary {
        hyphens: auto
    }
}

.menu-cards-secondary {
    display: flex;
    flex-direction: column;
    gap: 2em;
    align-items: center
}

@media(min-width: 768px) {
    .menu-cards-secondary {
        align-items: initial
    }
}

.menu-cards-secondary-group {
    box-shadow: var(--kg-box-shadow);
    background-color: #fff;
    border-radius: 5px;
    border: var(--kg-border-default);
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding: 1em
}

@media(min-width: 1200px) {
    .menu-cards-secondary-group {
        padding: 2em 3em
    }
}

@media(min-width: 1400px) {
    .menu-cards-secondary-group {
        padding: 2em 4em
    }
}

.menu-cards-secondary-item > .menu-cards-link {
    background-color: #fff;
    color: var(--kg-secondary-color);
    display: flex;
    gap: .5em;
    transition: .3s;
    font-size: 20px;
    margin: 0;
    position: relative;
    line-height: 2em;
    justify-content: center
}

@media(min-width: 768px) {
    .menu-cards-secondary-item > .menu-cards-link {
        justify-content: space-between
    }
}

.menu-cards-secondary-item > .menu-cards-link {
    padding: 0
}

@media(min-width: 768px) {
    .menu-cards-secondary-item > .menu-cards-link {
        padding: .25em
    }
}

.menu-cards-secondary-item > .menu-cards-link {
    min-width: 2em
}

@media(min-width: 768px) {
    .menu-cards-secondary-item > .menu-cards-link {
        min-width: 100%
    }
}

.menu-cards-secondary-item > .menu-cards-link dfn {
    flex: 1;
    background-color: var(--kg-secondary-color)
}

@media(min-width: 768px) {
    .menu-cards-secondary-item > .menu-cards-link dfn {
        background-color: inherit
    }
}

.menu-cards-secondary-item > .menu-cards-link dfn {
    display: none
}

@media(min-width: 768px) {
    .menu-cards-secondary-item > .menu-cards-link dfn {
        display: flex
    }
}

.menu-cards-secondary-item > .menu-cards-link dfn {
    padding: 1em
}

@media(min-width: 768px) {
    .menu-cards-secondary-item > .menu-cards-link dfn {
        padding: 0
    }
}

.menu-cards-secondary-item > .menu-cards-link::before {
    display: block
}

@media(min-width: 768px) {
    .menu-cards-secondary-item > .menu-cards-link::before {
        display: none
    }
}

.menu-cards-secondary-item > .menu-cards-link:after {
    font-family: var(--kg-font-family-icons);
    content: "";
    display: none
}

@media(min-width: 768px) {
    .menu-cards-secondary-item > .menu-cards-link:after {
        display: block
    }
}

.menu-cards-secondary-item > .menu-cards-link:not([class]):hover dfn, .menu-cards-secondary-item > .menu-cards-link:hover dfn {
    background: var(--kg-secondary-color)
}

@media(min-width: 768px) {
    .menu-cards-secondary-item > .menu-cards-link:not([class]):hover dfn, .menu-cards-secondary-item > .menu-cards-link:hover dfn {
        background: inherit
    }
}

.menu-cards-secondary-item > .menu-cards-link:not([class]):hover dfn, .menu-cards-secondary-item > .menu-cards-link:hover dfn {
    color: lch(from var(--kg-secondary-color) calc((49.44 - l) * infinity) 0 0)
}

@media(min-width: 768px) {
    .menu-cards-secondary-item > .menu-cards-link:not([class]):hover dfn, .menu-cards-secondary-item > .menu-cards-link:hover dfn {
        color: var(--kg-secondary-color)
    }
}

.menu-cards-secondary-item > .menu-cards-link:not([class]):hover dfn, .menu-cards-secondary-item > .menu-cards-link:hover dfn {
    display: block;
    border-radius: 5px
}

@media(min-width: 768px) {
    .menu-cards-secondary-item > .menu-cards-link:not([class]):hover dfn, .menu-cards-secondary-item > .menu-cards-link:hover dfn {
        border-radius: 0
    }
}

.menu-cards-secondary-item > .menu-cards-link:not([class]):hover dfn, .menu-cards-secondary-item > .menu-cards-link:hover dfn {
    font-size: .8em
}

@media(min-width: 768px) {
    .menu-cards-secondary-item > .menu-cards-link:not([class]):hover dfn, .menu-cards-secondary-item > .menu-cards-link:hover dfn {
        font-size: inherit
    }
}

.menu-cards-secondary-item > .menu-cards-link:not([class]):hover dfn, .menu-cards-secondary-item > .menu-cards-link:hover dfn {
    position: absolute
}

@media(min-width: 768px) {
    .menu-cards-secondary-item > .menu-cards-link:not([class]):hover dfn, .menu-cards-secondary-item > .menu-cards-link:hover dfn {
        position: relative
    }
}

.menu-cards-secondary-item > .menu-cards-link:not([class]):hover dfn, .menu-cards-secondary-item > .menu-cards-link:hover dfn {
    right: 3em
}

@media(min-width: 768px) {
    .menu-cards-secondary-item > .menu-cards-link:not([class]):hover dfn, .menu-cards-secondary-item > .menu-cards-link:hover dfn {
        right: auto
    }
}

.menu-cards-secondary-item > .menu-cards-link:not([class]):hover dfn, .menu-cards-secondary-item > .menu-cards-link:hover dfn {
    width: max-content
}

@media(min-width: 768px) {
    .menu-cards-secondary-item > .menu-cards-link:not([class]):hover dfn, .menu-cards-secondary-item > .menu-cards-link:hover dfn {
        width: auto
    }
}

.menu-cards-secondary-item > .menu-cards-link:not([class]):hover dfn, .menu-cards-secondary-item > .menu-cards-link:hover dfn {
    z-index: 1090
}

.menu-cards-secondary-item.open > .menu-cards-link {
    --bg: var(--kg-secondary-color);
    background: var(--bg);
    color: lch(from var(--bg) calc((49.44 - l) * infinity) 0 0)
}

.menu-cards-secondary-item {
    color: var(--kg-secondary-color);
    font-family: var(--kg-font-kg-display)
}

    .menu-cards-secondary-item span.new-menu-item {
        background-color: var(--kg-secondary-color);
        border-radius: 4px;
        color: #fff;
        font-size: 14px;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-right: 4px;
        padding-left: 4px;
        position: absolute;
        right: 104px;
        top: 164px
    }

@media(max-width: 980px) {
    .menu-cards {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
    }
}

.menu-cards .disabled {
    cursor: default;
    opacity: .65;
    pointer-events: none
}

.introduction {
    padding: 3em 3em
}

.introduction-title {
    display: flex;
    align-items: baseline;
    gap: 1em
}

    .introduction-title h3, .introduction-title h4 {
        margin-block: .25em
    }

.introduction-desc {
    line-height: 1.5em;
    text-align: justify
}

.introduction-list {
    list-style: disc;
    padding-left: 2em
}

.collaborators-content {
    padding: 2em 3em 2em 1em
}

.collaborators-list {
    list-style: none
}

.collaborators-item {
    margin: 0 0 1.5em
}

.collaborators-name {
    font-weight: 500
}

.collaborators-prof {
    font-style: oblique;
    font-size: .9em
}

#waiting #loading {
    display: none !important
}

.popupContent:has(>p[style*="margin-top: 200px;text-align:center;"]>img) {
    width: 100%;
    height: calc(100% - 5em);
    display: flex;
    align-items: center;
    justify-content: center
}

    .popupContent:has(>p[style*="margin-top: 200px;text-align:center;"]>img) p {
        margin: 0 !important;
        color: var(--kg-secondary-color);
        transform: scale(8, 4);
        display: flex;
        margin-block: 0;
        overflow-wrap: initial;
        text-wrap: initial;
        max-width: fit-content
    }

        .popupContent:has(>p[style*="margin-top: 200px;text-align:center;"]>img) p img {
            filter: brightness(0) saturate(100%) invert(5%) sepia(42%) saturate(6246%) hue-rotate(235deg) brightness(98%) contrast(116%);
            padding-top: 2px;
            width: 1px;
            height: 16px;
            -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
            animation: bouncedelay 1.4s infinite ease-in-out both
        }

        .popupContent:has(>p[style*="margin-top: 200px;text-align:center;"]>img) p::before {
            content: "|";
            display: block;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
            animation: bouncedelay 1.4s infinite ease-in-out both;
            margin: 0;
            -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s
        }

        .popupContent:has(>p[style*="margin-top: 200px;text-align:center;"]>img) p::after {
            content: "|";
            display: block;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0;
            -webkit-animation: bouncedelayed 1.4s infinite ease-in-out both;
            animation: bouncedelayed 1.4s infinite ease-in-out both
        }

.loadDiv {
    color: var(--kg-secondary-color);
    transform: scale(8, 4)
}

    .loadDiv dfn {
        color: currentColor;
        display: flex;
        font-weight: 500;
        letter-spacing: -2px;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
        animation: bouncedelay 1.4s infinite ease-in-out both;
        margin: 0
    }

        .loadDiv dfn::before {
            content: "|";
            display: block;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
            animation: bouncedelay 1.4s infinite ease-in-out both;
            margin: 0;
            -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s
        }

        .loadDiv dfn::after {
            content: "|";
            display: block;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0;
            -webkit-animation: bouncedelayed 1.4s infinite ease-in-out both;
            animation: bouncedelayed 1.4s infinite ease-in-out both
        }

.loadDiv, .wk-link-loading, .kg-spinner {
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 1050
}

.gen-assistant-spinner {
    position: relative;
    height: 2em;
    justify-content: start;
    width: auto;
    align-items: center;
    top: .5em;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    z-index: 500
}

    .gen-assistant-spinner .preload-icon {
        margin-left: 10px
    }

.gen-assistant-spinner-local, .loadDiv-local, .wk-link-loading-local, .kg-spinner-local {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100px;
    max-height: 100px
}

.gen-assistant-spinner .preload-icon, .loadDiv .preload-icon, .wk-link-loading .preload-icon, .kg-spinner .preload-icon {
    color: var(--kg-secondary-color);
    display: block;
    font-size: 0;
    transform: scale(2, 4)
}

    .gen-assistant-spinner .preload-icon .bounce, .loadDiv .preload-icon .bounce, .wk-link-loading .preload-icon .bounce, .kg-spinner .preload-icon .bounce {
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
        animation: bouncedelay 1.4s infinite ease-in-out both;
        background-color: currentColor;
        border: 0 solid currentColor;
        display: inline-block;
        width: 4px;
        height: 12px;
        margin: 1px;
        position: relative
    }

    .gen-assistant-spinner .preload-icon .bounce1, .loadDiv .preload-icon .bounce1, .wk-link-loading .preload-icon .bounce1, .kg-spinner .preload-icon .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s
    }

    .gen-assistant-spinner .preload-icon .bounce2, .loadDiv .preload-icon .bounce2, .wk-link-loading .preload-icon .bounce2, .kg-spinner .preload-icon .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s
    }

@keyframes bouncedelay {
    0%,80%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bouncedelayed {
    0%,80%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.25, 1.5);
        transform: scale(1.25, 1.5)
    }
}

.icon-scrollup {
    background-color: var(--kg-accent-color);
    color: #fff;
    border: 1px solid var(--kg-accent-color);
    border-radius: 100%;
    font-size: 1em;
    padding: .375rem .75rem
}

    .icon-scrollup:hover {
        background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
        color: #fff;
        border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
    }

        .icon-scrollup:hover::before {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            font-weight: 400
        }

    .icon-scrollup:hover {
        text-decoration: none !important
    }

.icon-scrollup {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 2.5em;
    width: 2.5em
}

    .icon-scrollup.disabled {
        pointer-events: none;
        opacity: .35
    }

    .icon-scrollup::before, .icon-scrollup::after {
        background-color: rgba(0,0,0,0)
    }

    .icon-scrollup:hover::before, .icon-scrollup:hover::after {
        background-color: rgba(0,0,0,0)
    }

.icon-scrollup {
    display: none;
    position: fixed;
    bottom: 3em;
    right: 4em;
    z-index: 1100
}

    .icon-scrollup::before {
        font-family: var(--kg-font-family-icons);
        font-weight: 900;
        content: ""
    }

.wk-asistant-header {
    align-items: center;
    grid-template-areas: "assistan-label assistan-icon" "assistan-result assistan-result";
    grid-template-columns: auto 2.5em;
    padding: 0;
    line-height: 1em;
    justify-content: space-between;
    width: 100%
}

.wk-asistant-close, .wk-asistant .wk-link-collapse {
    grid-area: assistan-icon
}

    .wk-asistant-close:has(.wk-icon-is-nocollapse), .wk-asistant .wk-link-collapse:has(.wk-icon-is-nocollapse) {
        background-color: rgba(0,0,0,0);
        color: var(--kg-secondary-color);
        border: none;
        border-radius: 0;
        font-size: 1em;
        padding: .5em .25em
    }

        .wk-asistant-close:has(.wk-icon-is-nocollapse)::before, .wk-asistant .wk-link-collapse:has(.wk-icon-is-nocollapse)::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: flex;
            justify-content: center;
            font-size: 1.25rem;
            color: var(--kg-secondary-color);
            background-color: rgba(0,0,0,0)
        }

        .wk-asistant-close:has(.wk-icon-is-nocollapse):hover, .wk-asistant .wk-link-collapse:has(.wk-icon-is-nocollapse):hover {
            background-color: rgba(0,0,0,0);
            color: #000;
            border-color: rgba(0,0,0,0)
        }

            .wk-asistant-close:has(.wk-icon-is-nocollapse):hover::before, .wk-asistant .wk-link-collapse:has(.wk-icon-is-nocollapse):hover::before {
                font-weight: 700
            }

        .wk-asistant-close:has(.wk-icon-is-nocollapse):hover, .wk-asistant .wk-link-collapse:has(.wk-icon-is-nocollapse):hover {
            text-decoration: none !important
        }

    .wk-asistant-close:has(.wk-icon-is-nocollapse), .wk-asistant .wk-link-collapse:has(.wk-icon-is-nocollapse) {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s;
        height: 2em;
        width: 2em
    }

        .wk-asistant-close:has(.wk-icon-is-nocollapse).disabled, .wk-asistant .wk-link-collapse:has(.wk-icon-is-nocollapse).disabled {
            pointer-events: none;
            opacity: .35
        }

        .wk-asistant-close:has(.wk-icon-is-nocollapse)::before, .wk-asistant-close:has(.wk-icon-is-nocollapse)::after, .wk-asistant .wk-link-collapse:has(.wk-icon-is-nocollapse)::before, .wk-asistant .wk-link-collapse:has(.wk-icon-is-nocollapse)::after {
            background-color: rgba(0,0,0,0)
        }

        .wk-asistant-close:has(.wk-icon-is-nocollapse):hover::before, .wk-asistant-close:has(.wk-icon-is-nocollapse):hover::after, .wk-asistant .wk-link-collapse:has(.wk-icon-is-nocollapse):hover::before, .wk-asistant .wk-link-collapse:has(.wk-icon-is-nocollapse):hover::after {
            background-color: rgba(0,0,0,0)
        }

    .wk-asistant-close:has(.wk-icon-is-collapse), .wk-asistant .wk-link-collapse:has(.wk-icon-is-collapse) {
        background-color: rgba(0,0,0,0);
        color: var(--kg-secondary-color);
        border: none;
        border-radius: 0;
        font-size: 1em;
        padding: .5em .25em
    }

        .wk-asistant-close:has(.wk-icon-is-collapse)::before, .wk-asistant .wk-link-collapse:has(.wk-icon-is-collapse)::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: flex;
            justify-content: center;
            font-size: 1.25rem;
            color: var(--kg-secondary-color);
            background-color: rgba(0,0,0,0)
        }

        .wk-asistant-close:has(.wk-icon-is-collapse):hover, .wk-asistant .wk-link-collapse:has(.wk-icon-is-collapse):hover {
            background-color: rgba(0,0,0,0);
            color: #000;
            border-color: rgba(0,0,0,0)
        }

            .wk-asistant-close:has(.wk-icon-is-collapse):hover::before, .wk-asistant .wk-link-collapse:has(.wk-icon-is-collapse):hover::before {
                font-weight: 700
            }

        .wk-asistant-close:has(.wk-icon-is-collapse):hover, .wk-asistant .wk-link-collapse:has(.wk-icon-is-collapse):hover {
            text-decoration: none !important
        }

    .wk-asistant-close:has(.wk-icon-is-collapse), .wk-asistant .wk-link-collapse:has(.wk-icon-is-collapse) {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s;
        height: 2em;
        width: 2em
    }

        .wk-asistant-close:has(.wk-icon-is-collapse).disabled, .wk-asistant .wk-link-collapse:has(.wk-icon-is-collapse).disabled {
            pointer-events: none;
            opacity: .35
        }

        .wk-asistant-close:has(.wk-icon-is-collapse)::before, .wk-asistant-close:has(.wk-icon-is-collapse)::after, .wk-asistant .wk-link-collapse:has(.wk-icon-is-collapse)::before, .wk-asistant .wk-link-collapse:has(.wk-icon-is-collapse)::after {
            background-color: rgba(0,0,0,0)
        }

        .wk-asistant-close:has(.wk-icon-is-collapse):hover::before, .wk-asistant-close:has(.wk-icon-is-collapse):hover::after, .wk-asistant .wk-link-collapse:has(.wk-icon-is-collapse):hover::before, .wk-asistant .wk-link-collapse:has(.wk-icon-is-collapse):hover::after {
            background-color: rgba(0,0,0,0)
        }

    .wk-asistant-close span, .wk-asistant .wk-link-collapse span {
        display: none
    }

.wk-asistant-title {
    grid-area: assistan-label;
    font-weight: 500;
    padding: 1em
}

.wk-asistant .wk-asistant-title, .wk-asistant .wk-link-collapse {
    display: none !important
}

.wk-asistant-content {
    height: inherit
}

    .wk-asistant-content > div {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 1em;
        max-height: calc(100% - 2em)
    }

        .wk-asistant-content > div.js-wk-waiting::after {
            background-color: rgba(0,0,0,0);
            display: block;
            content: "";
            opacity: .5;
            position: absolute;
            width: 100%;
            height: 100%
        }

    .wk-asistant-content .wk-asistant-main {
        scrollbar-width: thin
    }

        .wk-asistant-content .wk-asistant-main::-webkit-scrollbar {
            width: 13px
        }

        .wk-asistant-content .wk-asistant-main::-webkit-scrollbar-track {
            border-radius: 5px;
            box-shadow: var(--kg-box-shadow-inset-soft)
        }

        .wk-asistant-content .wk-asistant-main::-webkit-scrollbar-thumb {
            cursor: pointer;
            border-radius: 5px;
            box-shadow: var(--kg-box-shadow-inset-medium)
        }

    .wk-asistant-content .wk-asistant-main {
        overflow: auto;
        border: var(--kg-border-medium);
        border-radius: 5px;
        max-height: 40svh;
        min-height: 40svh
    }

        .wk-asistant-content .wk-asistant-main:not(:has(.wk-tree)) {
            color: var(--kg-secondary-color);
            font-family: var(--kg-font-kg-display);
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            margin-block: 0 .65em;
            overflow-wrap: break-word;
            line-height: 24px;
            hyphens: initial
        }

@media(min-width: 992px) {
    .wk-asistant-content .wk-asistant-main:not(:has(.wk-tree)) {
        hyphens: auto
    }
}

.wk-asistant-content .wk-asistant-main:not(:has(.wk-tree)) {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center
}

.wk-asistant-content .wk-asistant-main .wk-tree-list-j {
    padding: .5em
}

.wk-asistant-content .wk-asistant-main .wk-tree li {
    position: relative;
    line-height: 1.75em;
    padding-left: 2.5em
}

    .wk-asistant-content .wk-asistant-main .wk-tree li > [type=checkbox] {
        position: absolute;
        left: 0;
        margin: .35em 0
    }

    .wk-asistant-content .wk-asistant-main .wk-tree li > [class*=wk-icon] {
        cursor: pointer;
        position: absolute;
        left: 1.5em
    }

    .wk-asistant-content .wk-asistant-main .wk-tree li > .wk-icon-folderClose:after {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .wk-asistant-content .wk-asistant-main .wk-tree li > .wk-icon-folderOpen:after {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .wk-asistant-content .wk-asistant-main .wk-tree li > .wk-icon-doc {
        display: inline-block
    }

    .wk-asistant-content .wk-asistant-main .wk-tree li > .wk-tree-text {
        display: inline-block
    }

.wk-asistant-content .wk-abc {
    grid-area: assistant-abc
}

    .wk-asistant-content .wk-abc .wk-abc-group {
        display: flex;
        flex-wrap: wrap;
        gap: .5em
    }

    .wk-asistant-content .wk-abc .wk-btn-abc {
        background-color: var(--kg-accent-color);
        color: #fff;
        border: 1px solid var(--kg-accent-color);
        border-radius: 5px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .wk-asistant-content .wk-abc .wk-btn-abc:hover {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            color: #fff;
            border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
        }

            .wk-asistant-content .wk-abc .wk-btn-abc:hover::before {
                background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
                font-weight: 400
            }

        .wk-asistant-content .wk-abc .wk-btn-abc:hover {
            text-decoration: none !important
        }

    .wk-asistant-content .wk-abc .wk-btn-abc {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s;
        height: 2em;
        width: 2em
    }

        .wk-asistant-content .wk-abc .wk-btn-abc.disabled {
            pointer-events: none;
            opacity: .35
        }

        .wk-asistant-content .wk-abc .wk-btn-abc::before, .wk-asistant-content .wk-abc .wk-btn-abc::after {
            background-color: rgba(0,0,0,0)
        }

        .wk-asistant-content .wk-abc .wk-btn-abc:hover::before, .wk-asistant-content .wk-abc .wk-btn-abc:hover::after {
            background-color: rgba(0,0,0,0)
        }

.wk-asistant-content .wrapper-operator-selector {
    display: flex;
    flex-direction: column;
    gap: .5em
}

    .wk-asistant-content .wrapper-operator-selector .operator-selector {
        display: flex
    }

.wk-asistant-footer.wk--asistant-addsElements {
    scrollbar-width: thin
}

    .wk-asistant-footer.wk--asistant-addsElements::-webkit-scrollbar {
        width: 13px
    }

    .wk-asistant-footer.wk--asistant-addsElements::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .wk-asistant-footer.wk--asistant-addsElements::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.wk-asistant-footer.wk--asistant-addsElements {
    overflow: auto;
    background-color: var(--kg-light-color);
    border-radius: 5px;
    max-height: 17svh;
    min-height: 15svh;
    padding: 1em
}

.wk-asistant-footer.wk--asistant-addsElements-Header:not(:has(ul:empty)) {
    scrollbar-width: thin
}

    .wk-asistant-footer.wk--asistant-addsElements-Header:not(:has(ul:empty))::-webkit-scrollbar {
        width: 13px
    }

    .wk-asistant-footer.wk--asistant-addsElements-Header:not(:has(ul:empty))::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .wk-asistant-footer.wk--asistant-addsElements-Header:not(:has(ul:empty))::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.wk-asistant-footer.wk--asistant-addsElements-Header:not(:has(ul:empty)) {
    overflow: auto;
    border-top: var(--kg-border-medium);
    max-height: 20vh;
    margin: 0 1em
}

.wk-asistant-footer.wk--asistant-addsElements-Header[style*="display: none"] {
    display: block !important
}

.wk-asistant-footer.wk--asistant-addsElements-Header .wk-addsElements-list:not(:has(ul:empty)) ul {
    padding: 1em 0
}

.wk-asistant-footer.wk--asistant-addsElements-Header .wk-addsElements-list ul:empty {
    margin-block: 0
}

.wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol {
    background-color: #fff;
    border: var(--kg-border-medium);
    border-radius: 5px;
    display: grid;
    align-items: center;
    grid-template-areas: "input btnclear btnsearch";
    grid-template-columns: auto 2em 2.5em;
    grid-area: assistant-search;
    padding: .5em 0 .5em .1em
}

    .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-searchcontrol-input {
        border: none;
        width: 100%
    }

    .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-restaurar {
        background-color: rgba(0,0,0,0);
        color: var(--kg-secondary-color);
        border: none;
        border-radius: 0;
        font-size: 1em;
        padding: .5em .25em
    }

        .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-restaurar::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: flex;
            justify-content: center;
            font-size: 1.25rem;
            color: var(--kg-secondary-color);
            background-color: rgba(0,0,0,0)
        }

        .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-restaurar:hover {
            background-color: rgba(0,0,0,0);
            color: #000;
            border-color: rgba(0,0,0,0)
        }

            .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-restaurar:hover::before {
                font-weight: 700
            }

        .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-restaurar:hover {
            text-decoration: none !important
        }

    .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-restaurar {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s;
        height: 2em;
        width: 2em
    }

        .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-restaurar.disabled {
            pointer-events: none;
            opacity: .35
        }

        .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-restaurar::before, .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-restaurar::after {
            background-color: rgba(0,0,0,0)
        }

        .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-restaurar:hover::before, .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-restaurar:hover::after {
            background-color: rgba(0,0,0,0)
        }

    .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-restaurar {
        grid-area: btnclear
    }

        .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-restaurar.wk-asistant-btn-disable, .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-restaurar span {
            display: none
        }

    .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-search {
        grid-area: btnsearch;
        background-color: var(--kg-primary-color);
        color: var(--kg-brand-secondary-blue);
        border: 1px solid var(--kg-primary-color);
        border-radius: 7px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-search:hover {
            background-color: rgb(227.97444,190.43648,.91556);
            color: #fff;
            border-color: rgb(227.97444,190.43648,.91556)
        }

            .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-search:hover::before {
                background-color: inherit;
                font-weight: 400
            }

        .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-search:hover {
            text-decoration: none !important
        }

    .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-search {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s;
        height: 32px;
        width: 32px
    }

        .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-search.disabled {
            pointer-events: none;
            opacity: .35
        }

        .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-search::before, .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-search::after {
            background-color: rgba(0,0,0,0)
        }

        .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-search:hover::before, .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-search:hover::after {
            background-color: rgba(0,0,0,0)
        }

        .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-search::before {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

        .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-search .wk-text-search, .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-btn-search .wk-icon-search {
            display: none
        }

    .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-asistant-btn-disable, .wk-asistant:not(.wk-asistant.wk-asistant-thesaurus) .wk-searchcontrol .wk-asistant-btn-disabled {
        cursor: default;
        opacity: .65;
        pointer-events: none
    }

.wk-asistant .wk-asistant-buttons {
    display: flex
}

.wk-asistant .wk-addsElements-list li {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: .5em;
    position: relative;
    line-height: 16px
}

    .wk-asistant .wk-addsElements-list li + li {
        margin-top: 10px
    }

.wk-asistant .wk-abc-title, .wk-asistant .wk-title-assistant-footer, .wk-asistant .wk-title-assistant-main, .wk-asistant .wk-addsElements-arrow-r, .wk-asistant .wk-addsElements-arrow-l, .wk-asistant .loading-conf {
    display: none
}

.wk-asistant-thesaurus {
    height: inherit
}

    .wk-asistant-thesaurus > div {
        height: inherit
    }

    .wk-asistant-thesaurus .wk-searchcontrol {
        background-color: #fff;
        border: var(--kg-border-medium);
        border-radius: 5px;
        display: grid;
        align-items: center;
        grid-template-areas: "input btnclear btnsearch";
        grid-template-columns: auto 2em 2.5em;
        grid-area: assistant-search;
        padding: .5em 0 .5em .1em;
        max-width: 65%
    }

        .wk-asistant-thesaurus .wk-searchcontrol .wk-searchcontrol-input {
            border: none;
            width: 100%
        }

        .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-restaurar {
            background-color: rgba(0,0,0,0);
            color: var(--kg-secondary-color);
            border: none;
            border-radius: 0;
            font-size: 1em;
            padding: .5em .25em
        }

            .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-restaurar::before {
                font-family: var(--kg-font-family-icons);
                content: "";
                display: flex;
                justify-content: center;
                font-size: 1.25rem;
                color: var(--kg-secondary-color);
                background-color: rgba(0,0,0,0)
            }

            .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-restaurar:hover {
                background-color: rgba(0,0,0,0);
                color: #000;
                border-color: rgba(0,0,0,0)
            }

                .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-restaurar:hover::before {
                    font-weight: 700
                }

            .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-restaurar:hover {
                text-decoration: none !important
            }

        .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-restaurar {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s;
            height: 2em;
            width: 2em
        }

            .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-restaurar.disabled {
                pointer-events: none;
                opacity: .35
            }

            .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-restaurar::before, .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-restaurar::after {
                background-color: rgba(0,0,0,0)
            }

            .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-restaurar:hover::before, .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-restaurar:hover::after {
                background-color: rgba(0,0,0,0)
            }

        .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-restaurar {
            grid-area: btnclear
        }

            .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-restaurar.wk-asistant-btn-disable, .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-restaurar span {
                display: none
            }

        .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-search {
            grid-area: btnsearch;
            background-color: var(--kg-primary-color);
            color: var(--kg-brand-secondary-blue);
            border: 1px solid var(--kg-primary-color);
            border-radius: 7px;
            font-size: 1em;
            padding: .375rem .75rem
        }

            .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-search:hover {
                background-color: rgb(227.97444,190.43648,.91556);
                color: #fff;
                border-color: rgb(227.97444,190.43648,.91556)
            }

                .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-search:hover::before {
                    background-color: inherit;
                    font-weight: 400
                }

            .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-search:hover {
                text-decoration: none !important
            }

        .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-search {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s;
            height: 32px;
            width: 32px
        }

            .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-search.disabled {
                pointer-events: none;
                opacity: .35
            }

            .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-search::before, .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-search::after {
                background-color: rgba(0,0,0,0)
            }

            .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-search:hover::before, .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-search:hover::after {
                background-color: rgba(0,0,0,0)
            }

            .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-search::before {
                font-family: var(--kg-font-family-icons);
                content: ""
            }

            .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-search .wk-text-search, .wk-asistant-thesaurus .wk-searchcontrol .wk-btn-search .wk-icon-search {
                display: none
            }

        .wk-asistant-thesaurus .wk-searchcontrol .wk-asistant-btn-disable, .wk-asistant-thesaurus .wk-searchcontrol .wk-asistant-btn-disabled {
            cursor: default;
            opacity: .65;
            pointer-events: none
        }

    .wk-asistant-thesaurus .wk-asistant-header {
        display: none
    }

        .wk-asistant-thesaurus .wk-asistant-header .wk-asistant-footer {
            display: none
        }

    .wk-asistant-thesaurus .wk-asistant-content {
        height: inherit
    }

        .wk-asistant-thesaurus .wk-asistant-content > div {
            height: inherit;
            display: grid;
            grid-template-areas: "assistant-search . " "assistant-content assistant-abc";
            grid-template-columns: auto 4.5em;
            grid-template-rows: 3em auto;
            gap: .5em;
            width: 100%
        }

            .wk-asistant-thesaurus .wk-asistant-content > div.js-wk-waiting::after {
                background-color: rgba(0,0,0,0);
                display: block;
                content: "";
                opacity: .5;
                position: absolute;
                width: 100%;
                height: 100%
            }

    .wk-asistant-thesaurus .wk-asistant-footer.wk--asistant-addsElements {
        display: none
    }

    .wk-asistant-thesaurus .wk-asistant-main {
        scrollbar-width: thin
    }

        .wk-asistant-thesaurus .wk-asistant-main::-webkit-scrollbar {
            width: 13px
        }

        .wk-asistant-thesaurus .wk-asistant-main::-webkit-scrollbar-track {
            border-radius: 5px;
            box-shadow: var(--kg-box-shadow-inset-soft)
        }

        .wk-asistant-thesaurus .wk-asistant-main::-webkit-scrollbar-thumb {
            cursor: pointer;
            border-radius: 5px;
            box-shadow: var(--kg-box-shadow-inset-medium)
        }

    .wk-asistant-thesaurus .wk-asistant-main {
        overflow: auto;
        background-color: #fff;
        grid-area: assistant-content;
        border: var(--kg-border-medium);
        border-radius: 5px;
        max-height: inherit;
        min-height: inherit;
        height: calc(100% - 2em)
    }

        .wk-asistant-thesaurus .wk-asistant-main .wk-tree-text {
            display: inline-block;
            padding: 0 0 0 1em
        }

.ui-dialog-content .wk-asistant-content[style*="display: none"] {
    display: block !important;
    overflow: unset !important
}

.search-mask-assistant-result .wk-asistant .wk-asistant-header {
    background-color: #fff;
    border-radius: 5px
}

.search-mask-assistant-result .wk-asistant .wk-asistant-content {
    display: none !important
}

.search-mask-assistant-result .wk-asistant .wk-asistant-results {
    border-top: var(--kg-border-medium);
    margin: 0 2em;
    padding: 1em 2em
}

.icon-item-search {
    color: var(--kg-complementary-color);
    border: 1px solid var(--kg-complementary-color);
    border-radius: 5px;
    font-size: 1em;
    padding: 0 .5rem
}

    .icon-item-search:hover {
        background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
        color: #fff;
        border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
    }

        .icon-item-search:hover::before {
            font-weight: 400
        }

    .icon-item-search:hover {
        text-decoration: none !important
    }

.icon-item-search {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .icon-item-search.disabled {
        pointer-events: none;
        opacity: .35
    }

    .icon-item-search::before, .icon-item-search::after {
        background-color: rgba(0,0,0,0)
    }

    .icon-item-search:hover::before, .icon-item-search:hover::after {
        background-color: rgba(0,0,0,0)
    }

.icon-item-search {
    line-height: 1.3em
}

    .icon-item-search::after {
        font-family: var(--kg-font-family-icons);
        content: "";
        font-size: .75em
    }

    .icon-item-search.icon-JU::before {
        font-family: var(--kg-font-family-icons);
        font-weight: 900;
        content: ""
    }

    .icon-item-search:has(~div.assistant-result-open) {
        background-color: var(--kg-accent-color);
        color: #fff
    }

        .icon-item-search:has(~div.assistant-result-open)::after {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

    .icon-item-search.actived:has(~div.assistant-result-open), .icon-item-search.actived {
        background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
        color: #fff
    }

        .icon-item-search.actived:has(~div.assistant-result-open):hover, .icon-item-search.actived:hover {
            background-color: #fff;
            color: rgb(53.4806629834,98.2099447514,122.5193370166)
        }

.assistant-result-open {
    display: block;
    padding-bottom: 1em
}

.assistant-result-close {
    display: none
}

.wk-link-close {
    text-decoration: none
}

    .wk-link-close:after {
        font-family: var(--kg-font-family-icons);
        font-weight: 900;
        content: "";
        color: var(--kg-delete-color)
    }

    .wk-link-close span {
        display: none
    }

.wk-icon-is-nocollapse::after {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.wk-icon-is-collapse::after {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.search-mask-header .search-mask-universal-container {
    box-shadow: var(--kg-box-shadow-soft);
    padding: 0
}

    .search-mask-header .search-mask-universal-container .tabsTypeContainer {
        border: none
    }

    .search-mask-header .search-mask-universal-container .search-button-control {
        background-image: url(/img/icons/magnifying-glass.svg);
        background-size: 18px;
        background-repeat: no-repeat;
        background-position: center center;
        font-size: 0;
        margin: 4px;
        width: 32px;
        height: 32px
    }

.search-mask-check {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0 0 .5em 0
}

    .search-mask-check.flex-start {
        justify-content: flex-start
    }

    .search-mask-check li {
        display: flex
    }

.search-mask-help-fieldset {
    display: grid;
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    grid-template-columns: max-content 1fr
}

    .search-mask-help-fieldset[style*="display: block"] {
        display: grid !important;
        align-items: center
    }

    .search-mask-help-fieldset .DivTxtSearchclass {
        background-color: #fff;
        border: var(--kg-border-default);
        border-radius: 5px;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-between
    }

    .search-mask-help-fieldset .search-button-control {
        grid-area: unset;
        grid-column: 2;
        margin-left: auto
    }

.search-mask-select {
    background-color: #fff;
    font-weight: 500;
    padding: 1em;
    position: relative;
    min-width: initial
}

@media(min-width: 768px) {
    .search-mask-select {
        min-width: 8.5em
    }
}

.search-mask-option {
    background-color: #fff
}

.search-mask-input-select {
    background-color: #fff;
    border: var(--kg-border-medium);
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: .75em;
    padding: 0 5px;
    position: relative
}

    .search-mask-input-select .DivTxtSearchclass::before {
        color: gray;
        content: " | ";
        font-size: 2em;
        font-weight: 300
    }

    .search-mask-input-select[style*="display:block"], .search-mask-input-select[style*="display: block"] {
        display: flex !important
    }

    .search-mask-input-select .search-mask-select {
        border: none
    }

.search-mask-universal {
    display: flex;
    flex-direction: column;
    gap: 1em;
    flex: 1
}

    .search-mask-universal .search-mask-universal-container[style*="display: none"] {
        display: none !important
    }

.search-mask-universal-container {
    background-color: #fff;
    border: var(--kg-border-default);
    border-radius: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
    gap: .75em;
    position: relative
}

    .search-mask-universal-container[style*="display: none"] {
        display: flex !important;
        visibility: hidden
    }

    .search-mask-universal-container[style*="display:block"], .search-mask-universal-container[style*="display: block"] {
        display: flex !important
    }

    .search-mask-universal-container .DivTxtSearchclass {
        display: flex;
        align-items: center
    }

    .search-mask-universal-container .TxtSearchclass {
        order: 2
    }

    .search-mask-universal-container .ClearBtn {
        order: 3
    }

    .search-mask-universal-container .search-button-control {
        order: 3;
        background-image: url(/img/icons/magnifying-glass.svg)
    }

@media(min-width: 768px) {
    .search-mask-universal-container .search-button-control {
        background-image: none
    }
}

.search-mask-universal-container .search-button-control {
    background-size: 18px
}

@media(min-width: 768px) {
    .search-mask-universal-container .search-button-control {
        background-size: initial
    }
}

.search-mask-universal-container .search-button-control {
    background-repeat: no-repeat
}

@media(min-width: 768px) {
    .search-mask-universal-container .search-button-control {
        background-repeat: initial
    }
}

.search-mask-universal-container .search-button-control {
    background-position: center center
}

@media(min-width: 768px) {
    .search-mask-universal-container .search-button-control {
        background-position: initial
    }
}

.search-mask-universal-container .search-button-control {
    font-size: 0
}

@media(min-width: 768px) {
    .search-mask-universal-container .search-button-control {
        font-size: initial
    }
}

.search-mask-universal-container .search-button-control {
    margin: 4px
}

@media(min-width: 768px) {
    .search-mask-universal-container .search-button-control {
        margin: initial
    }
}

.search-mask-universal-container .search-button-control {
    width: 32px
}

@media(min-width: 768px) {
    .search-mask-universal-container .search-button-control {
        width: initial
    }
}

.search-mask-universal-container .search-button-control {
    height: 32px
}

@media(min-width: 768px) {
    .search-mask-universal-container .search-button-control {
        height: initial
    }
}

.search-mask-universal-container .tabsTypeContainer {
    order: 1;
    border-radius: 5px;
    border: var(--kg-border-medium);
    line-height: 2.7em
}

    .search-mask-universal-container .tabsTypeContainer .tabsTypeSpanContainer:hover {
        cursor: pointer
    }

    .search-mask-universal-container .tabsTypeContainer .tabsTypeSpanContainer .tabsTypeSpan {
        display: flex;
        align-items: center;
        gap: .5em;
        font-weight: 500;
        padding: 0 .5em;
        text-wrap: nowrap
    }

    .search-mask-universal-container .tabsTypeContainer.open .tabsTypeSpanContainer {
        background-color: var(--kg-brand-secondary-blue);
        color: #fff
    }

    .search-mask-universal-container .tabsTypeContainer #tabsTypeListContainer {
        background-color: #fff
    }

    .search-mask-universal-container .tabsTypeContainer.close .tabsTypeSpan::after {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .search-mask-universal-container .tabsTypeContainer.close .tabsTypeListContainer {
        display: none
    }

    .search-mask-universal-container .tabsTypeContainer.open .tabsTypeSpan::after {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .search-mask-universal-container .tabsTypeContainer.open .tabsTypeListContainer {
        border: var(--kg-border-default);
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-medium);
        font-size: .9em;
        min-width: 18em;
        padding: 1em;
        position: absolute;
        z-index: 1071
    }

        .search-mask-universal-container .tabsTypeContainer.open .tabsTypeListContainer .tabTypeElement {
            display: flex;
            align-items: center;
            line-height: 2em;
            gap: .5em
        }

            .search-mask-universal-container .tabsTypeContainer.open .tabsTypeListContainer .tabTypeElement#tabTypeElement6 {
                display: var(--kg-tab-type-element)
            }

        .search-mask-universal-container .tabsTypeContainer.open .tabsTypeListContainer #tabTypeElement100 {
            display: none
        }

.search-mask .panelsearch {
    display: flex
}

.search-mask .DivTxtSearchclass {
    background-color: #fff;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between
}

.search-mask .TxtSearchclass {
    border: none
}

.search-mask .ClearBtn[style*="display: none"] {
    visibility: hidden;
    display: flex !important
}

.search-mask .ClearBtn[style*="display:block"], .search-mask .ClearBtn[style*="display: block"] {
    display: flex !important
}

.search-mask .ClearBtn {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em .25em
}

    .search-mask .ClearBtn::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1.25rem;
        color: var(--kg-secondary-color);
        background-color: rgba(0,0,0,0)
    }

    .search-mask .ClearBtn:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .search-mask .ClearBtn:hover::before {
            font-weight: 700
        }

    .search-mask .ClearBtn:hover {
        text-decoration: none !important
    }

.search-mask .ClearBtn {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 2em;
    width: 2em
}

    .search-mask .ClearBtn.disabled {
        pointer-events: none;
        opacity: .35
    }

    .search-mask .ClearBtn::before, .search-mask .ClearBtn::after {
        background-color: rgba(0,0,0,0)
    }

    .search-mask .ClearBtn:hover::before, .search-mask .ClearBtn:hover::after {
        background-color: rgba(0,0,0,0)
    }

.search-mask .showSynonymsBtn, .search-mask .DivChkSynonymclass, .search-mask .DivSynonymclass, .search-mask .InvisibleDivSynonym, .search-mask #SearchMultiPage {
    display: none
}

.search-mask-thesaurus {
    background-color: rgba(0,0,0,0)
}

.DivSuggestResultclass {
    position: absolute;
    top: 58px;
    right: 0;
    left: 0;
    z-index: 1070
}

    .DivSuggestResultclass .sgctitle {
        scrollbar-width: thin
    }

        .DivSuggestResultclass .sgctitle::-webkit-scrollbar {
            width: 13px
        }

        .DivSuggestResultclass .sgctitle::-webkit-scrollbar-track {
            border-radius: 5px;
            box-shadow: var(--kg-box-shadow-inset-soft)
        }

        .DivSuggestResultclass .sgctitle::-webkit-scrollbar-thumb {
            cursor: pointer;
            border-radius: 5px;
            box-shadow: var(--kg-box-shadow-inset-medium)
        }

    .DivSuggestResultclass .sgctitle {
        overflow: auto;
        max-height: 45vh;
        background-color: #fff;
        border: var(--kg-border-default);
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-soft);
        padding: 1em;
        min-width: 100%
    }

    .DivSuggestResultclass .docstitle {
        padding: 0 1em
    }

        .DivSuggestResultclass .docstitle li {
            margin-bottom: .65em
        }

    .DivSuggestResultclass .queriestitle {
        padding: 1em 1em
    }

    .DivSuggestResultclass h1 {
        font-size: 1.2em;
        line-height: 1.75em
    }

    .DivSuggestResultclass .NoHighlight, .DivSuggestResultclass li {
        color: var(--kg-secondary-color);
        cursor: pointer;
        line-height: 1.5em
    }

        .DivSuggestResultclass .NoHighlight.selected, .DivSuggestResultclass li.selected {
            text-decoration: underline
        }

        .DivSuggestResultclass .NoHighlight .hl, .DivSuggestResultclass li .hl {
            font-weight: 700
        }

    .DivSuggestResultclass .docstitle .NoHighlight::before {
        color: var(--kg-accent-color);
        padding-right: .5em
    }

    .DivSuggestResultclass .docstitle .NoHighlight:not(.DivSuggestResultclass .docstitle .NoHighlight.JU,.DivSuggestResultclass .docstitle .NoHighlight.LE)::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .DivSuggestResultclass .docstitle .NoHighlight.JU::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .DivSuggestResultclass .docstitle .NoHighlight.LE::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

.results-list {
    line-height: 1.5em;
    display: flex;
    flex-direction: column;
    gap: 1em
}

.results-list-date {
    --bg: #EDECEC;
    background: var(--bg);
    color: lch(from var(--bg) calc((49.44 - l) * infinity) 0 0);
    border-radius: 5px;
    font-weight: 500;
    margin: 2.1em 0 0 0;
    padding: .25em;
    text-align: center
}

.results-list .sentido:not(:empty) {
    display: flex;
    gap: .5em;
    padding: 0 .25em
}

    .results-list .sentido:not(:empty)::before {
        font-family: var(--kg-font-family-icons);
        font-weight: 900;
        content: "";
        color: var(--kg-info-color)
    }

.results-list .titulo {
    color: var(--kg-secondary-color);
    font-weight: 500;
    margin: .5em 0 0 0;
    cursor: pointer
}

    .results-list .titulo:hover {
        text-decoration: underline
    }

.results-list .cabecera {
    border-radius: 5px;
    background-color: var(--kg-cite-color);
    padding: 1em
}

    .results-list .cabecera:has(.cabecera-text:empty) {
        display: none
    }

        .results-list .cabecera:has(.cabecera-text:empty) + .titulo {
            margin-top: 0
        }

.results-item {
    display: flex;
    gap: .5em;
    font-size: .9em
}

.results-item-content {
    background-color: #fff;
    border-left: 6px solid var(--kg-blue-200);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    flex: 1;
    padding: 1em;
    position: relative
}

    .results-item-content:hover {
        background-color: var(--kg-cite-color)
    }

.results-item-label-container {
    display: flex;
    gap: .5em;
    position: absolute;
    top: -1em;
    right: 1em
}

.results-item-label {
    background-color: #fff;
    border: var(--kg-border-default);
    border-radius: 5px;
    padding: .5em .5em .25em;
    line-height: 1em
}

    .results-item-label:has(.sentido:empty:only-child,.interes.int) {
        display: none
    }

.results-pagination {
    border-top: var(--kg-border-default);
    flex: 1;
    padding: 2em 1em 0 0;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 1em;
    margin-left: 2em
}

    .results-pagination:not(:has(.show-more)) {
        display: none
    }

.results-pagination-list {
    display: flex;
    align-items: center;
    gap: .25em;
    background-color: #fff;
    border: var(--kg-border-default);
    border-radius: 5px;
    padding: .35em .5em .25em;
    line-height: 1em;
    position: absolute;
    top: -1em;
    right: 1em
}

.results-pagination-loaded {
    font-weight: 400
}

.results-pagination-total {
    font-weight: 500
}

.results-pagination-actions {
    min-width: 5.25em
}

    .results-pagination-actions:empty {
        display: none
    }

.ellipsis-line {
    height: 6em;
    display: -webkit-box;
    line-clamp: 5;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: clip;
    line-height: 1.5em;
    text-overflow: ellipsis
}

.show-more {
    text-decoration: none;
    color: var(--kg-complementary-color);
    border: 1px solid var(--kg-complementary-color);
    text-align: center;
    font-size: .9em;
    border-radius: 3px;
    font-weight: 400;
    position: relative;
    padding: 2px 6px 2px 6px;
    background-color: #fff;
    transition: padding .3s;
    height: 20px;
    line-height: normal
}

    .show-more::before, .show-more::after {
        font-family: var(--kg-font-family-icons);
        content: "";
        position: absolute;
        right: 6px;
        font-size: .85em;
        opacity: 0;
        transition: opacity .15s
    }

    .show-more::before {
        top: 0
    }

    .show-more::after {
        top: 4px
    }

    .show-more:hover {
        background-color: var(--kg-complementary-color);
        color: #fff;
        padding: 2px 24px 2px 6px;
        font-weight: 500
    }

        .show-more:hover::before {
            animation: blinkArrow .9s .6s infinite;
            opacity: .5
        }

        .show-more:hover::after {
            animation: blinkArrow .9s infinite;
            opacity: .5
        }

.show-less {
    display: none;
    background-color: var(--kg-complementary-color);
    color: var(--kg-body-color);
    padding: 2px 24px 2px 6px;
    text-decoration: none;
    position: relative;
    text-align: center;
    font-size: .9em;
    border-radius: 3px;
    font-weight: 500;
    border: none;
    height: 20px;
    line-height: normal
}

    .show-less::after, .show-less::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        position: absolute;
        right: 6px;
        font-size: .85em;
        color: #fff;
        opacity: 1
    }

    .show-less::after {
        top: 6px
    }

    .show-less::before {
        top: 2px
    }

    .show-less:hover {
        color: #fff
    }

        .show-less:hover::after, .show-less:hover::before {
            animation: none
        }

.comparador-versiones-dialog .toolbar-buttons {
    position: fixed !important;
    right: .75em !important
}

.version-comparision {
    display: grid;
    grid-template-areas: "actions" "aplication";
    grid-template-rows: 4em auto;
    scrollbar-width: thin
}

    .version-comparision::-webkit-scrollbar {
        width: 13px
    }

    .version-comparision::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .version-comparision::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.version-comparision {
    overflow: auto;
    height: -webkit-fill-available;
    height: 100%;
    max-height: calc(100% - .0001em)
}

.version-comparision-main {
    scrollbar-width: thin
}

    .version-comparision-main::-webkit-scrollbar {
        width: 13px
    }

    .version-comparision-main::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .version-comparision-main::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.version-comparision-main {
    overflow: auto;
    height: -webkit-fill-available;
    height: 100%;
    max-height: calc(100% - .0001em)
}

.version-comparision-actions {
    grid-area: actions;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: .5em;
    padding: 0 1.5em 1em
}

.version-comparision-menu {
    position: relative
}

.version-comparision-menu-container {
    background-color: #fff;
    border: var(--kg-border-default);
    box-shadow: var(--kg-box-shadow-medium);
    display: none;
    flex-direction: column;
    padding: .5em;
    position: absolute;
    z-index: 1020
}

    .version-comparision-menu-container button {
        margin-top: .5em
    }

.version-comparision-list {
    display: flex;
    flex-direction: column;
    align-items: start;
    white-space: nowrap;
    overflow: auto;
    max-height: 30dvh
}

    .version-comparision-list .artVersionElement {
        cursor: pointer;
        display: flex;
        flex: 1;
        padding: .5em .25em;
        gap: .5em;
        min-width: 100%
    }

        .version-comparision-list .artVersionElement .artVersionlabel, .version-comparision-list .artVersionElement .artVersionCheckBox {
            z-index: -1
        }

        .version-comparision-list .artVersionElement:hover {
            background-color: rgba(0,0,0,0)
        }

            .version-comparision-list .artVersionElement:hover .artVersionCheckBox {
                background-color: var(--kg-checked-color)
            }

.version-comparision-button {
    color: var(--kg-complementary-color);
    border: 1px solid var(--kg-complementary-color);
    border-radius: 5px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .version-comparision-button:hover {
        background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
        color: #fff;
        border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
    }

        .version-comparision-button:hover::before {
            font-weight: 400
        }

    .version-comparision-button:hover {
        text-decoration: none !important
    }

.version-comparision-button {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .version-comparision-button.disabled {
        pointer-events: none;
        opacity: .35
    }

    .version-comparision-button::before, .version-comparision-button::after {
        background-color: rgba(0,0,0,0)
    }

    .version-comparision-button:hover::before, .version-comparision-button:hover::after {
        background-color: rgba(0,0,0,0)
    }

    .version-comparision-button.active {
        background-color: var(--kg-complementary-color);
        color: #fff;
        border: 1px solid var(--kg-complementary-color);
        border-radius: 5px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .version-comparision-button.active:hover {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            color: #fff;
            border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
        }

            .version-comparision-button.active:hover::before {
                font-weight: 400
            }

        .version-comparision-button.active:hover {
            text-decoration: none !important
        }

    .version-comparision-button.active {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        .version-comparision-button.active.disabled {
            pointer-events: none;
            opacity: .35
        }

        .version-comparision-button.active::before, .version-comparision-button.active::after {
            background-color: rgba(0,0,0,0)
        }

        .version-comparision-button.active:hover::before, .version-comparision-button.active:hover::after {
            background-color: rgba(0,0,0,0)
        }

.version-comparision-aplication {
    scrollbar-width: thin
}

    .version-comparision-aplication::-webkit-scrollbar {
        width: 13px
    }

    .version-comparision-aplication::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .version-comparision-aplication::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.version-comparision-aplication {
    overflow: auto;
    grid-area: aplication;
    height: -webkit-fill-available;
    height: 100%;
    max-height: calc(100% - .001em);
    padding: 0 1.5em
}

.version-comparision-aplication-compare[style="display: flex;"], .version-comparision-aplication-container[style="display: flex;"] {
    display: grid !important;
    grid-template-columns: 1fr 1fr
}

.version-comparision-aplication-compare {
    display: grid
}

    .version-comparision-aplication-compare .version-comparision-aplication-version:has(.fixLegend) {
        padding: 4em 1em 0 1em
    }

        .version-comparision-aplication-compare .version-comparision-aplication-version:has(.fixLegend) .fixLegend {
            width: min(var(--dialog-width-xs)/2 - 1em,50%)
        }

@media(min-width: 576px) {
    .version-comparision-aplication-compare .version-comparision-aplication-version:has(.fixLegend) .fixLegend {
        width: min(var(--dialog-width-sm)/2 - 1em,50%)
    }
}

@media(min-width: 768px) {
    .version-comparision-aplication-compare .version-comparision-aplication-version:has(.fixLegend) .fixLegend {
        width: min(var(--dialog-width-md)/2 - 2em,50%)
    }
}

@media(min-width: 992px) {
    .version-comparision-aplication-compare .version-comparision-aplication-version:has(.fixLegend) .fixLegend {
        width: min(var(--dialog-width-lg)/2 - 2em,50%)
    }
}

@media(min-width: 1200px) {
    .version-comparision-aplication-compare .version-comparision-aplication-version:has(.fixLegend) .fixLegend {
        width: min(var(--dialog-width-xl)/2 - 2em,50%)
    }
}

@media(min-width: 1400px) {
    .version-comparision-aplication-compare .version-comparision-aplication-version:has(.fixLegend) .fixLegend {
        width: min(var(--dialog-width-xxl)/2 - 2em,50%)
    }
}

.version-comparision-aplication-compare .version-comparision-aplication-version:has(.fixLegend) .fixLegend {
    height: 4em;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: clip;
    background-color: #fff;
    line-height: 1.75em;
    margin-top: -4em;
    position: fixed
}

.version-comparision-aplication-version {
    padding: .5em
}

.version-comparision-aplication .fixLegend {
    color: var(--kg-complementary-color);
    font-weight: 500;
    border-bottom: var(--kg-border-default)
}

.version-comparision-aplication strong {
    font-weight: 500
}

.version-comparision-aplication del {
    background-color: var(--kg-revoke-background-color);
    color: var(--kg-delete-color);
    font-style: italic
}

    .version-comparision-aplication del + .cR, .version-comparision-aplication del + ins {
        margin: 0 0 0 .5em
    }

.version-comparision-aplication ins {
    background-color: var(--kg-insert-background-color);
    color: var(--kg-insert-text-color);
    text-decoration: none
}

.version-comparision-aplication #originalText {
    border-right: var(--kg-border-default)
}

.version-comparision-aplication #comparisonTextResult .textD {
    background-color: var(--kg-revoke-background-color);
    color: var(--kg-delete-color);
    font-style: italic;
    text-decoration: line-through
}

.version-comparision-legend {
    grid-area: legend;
    display: flex;
    justify-content: flex-end;
    gap: 1em;
    padding: 0 1.5em
}

.version-comparision-legend-text {
    display: flex;
    gap: .5em;
    align-items: center;
    margin-block: 0
}

    .version-comparision-legend-text::before {
        content: "";
        width: 1em;
        height: 1em
    }

    .version-comparision-legend-text.added::before {
        background-color: var(--kg-insert-background-color);
        color: var(--kg-insert-text-color)
    }

    .version-comparision-legend-text.deleted::before {
        background-color: var(--kg-revoke-background-color);
        color: var(--kg-delete-color);
        font-style: italic
    }

    .version-comparision-legend-text ins {
        background-color: var(--kg-insert-background-color);
        color: var(--kg-insert-text-color);
        text-decoration: none
    }

    .version-comparision-legend-text del {
        background-color: var(--kg-revoke-background-color);
        color: var(--kg-delete-color);
        font-style: italic
    }

.work-list-header {
    display: none
}

.work-list-tools {
    width: calc(var(--dialog-width-xs) - 1.5em)
}

@media(min-width: 768px) {
    .work-list-tools {
        width: caslc(var(--dialog-width-md)-1.5em)
    }
}

@media(min-width: 576px) {
    .work-list-tools {
        width: calc(var(--dialog-width-md) - 1.5em)
    }
}

@media(min-width: 992px) {
    .work-list-tools {
        width: calc(var(--dialog-width-lg) - 2.5em)
    }
}

@media(min-width: 1200px) {
    .work-list-tools {
        width: calc(var(--dialog-width-xl) - 2.5em)
    }
}

@media(min-width: 1400px) {
    .work-list-tools {
        width: calc(var(--dialog-width-xxl) - 4em)
    }
}

.work-list-tools {
    position: relative
}

@media(min-width: 576px) {
    .work-list-tools {
        position: fixed
    }
}

.work-list-tools {
    flex-direction: column-reverse
}

@media(min-width: 576px) {
    .work-list-tools {
        flex-direction: initial
    }
}

.work-list-tools {
    padding: 0
}

@media(min-width: 576px) {
    .work-list-tools {
        padding: 0 0 1em 0
    }
}

.work-list-tools {
    z-index: auto
}

@media(min-width: 992px) {
    .work-list-tools {
        z-index: 1100
    }
}

.work-list-tools {
    background: #fff;
    display: flex;
    justify-content: space-between
}

    .work-list-tools .toolbar-buttons {
        position: unset
    }

    .work-list-tools .toolbar-buttons-list {
        gap: 0
    }

@media(min-width: 576px) {
    .work-list-tools .toolbar-buttons-list {
        gap: .5
    }
}

.work-list-tools .toolbar-buttons-item .item-button {
    width: 24px
}

@media(min-width: 576px) {
    .work-list-tools .toolbar-buttons-item .item-button {
        width: 32px
    }
}

.work-list-checkbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5em
}

.work-list-content {
    padding: 0
}

@media(min-width: 576px) {
    .work-list-content {
        padding: 2em 0
    }
}

.work-list-content-actions {
    padding: 0
}

@media(min-width: 576px) {
    .work-list-content-actions {
        padding: 0 0 3em 0
    }
}

.work-list-info {
    border: 1px solid var(--kg-complementary-color);
    border-left-width: 48px;
    color: var(--kg-complementary-color);
    padding: 16px;
    position: relative;
    line-height: 16px;
    margin-bottom: 16px;
    font-size: 14px
}

    .work-list-info::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        font-size: 32px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        position: absolute;
        left: -40px;
        top: 8px;
        color: #fff
    }

.work-list:has(.work-list-content-actions) .work-list-tools {
    display: none
}

.work-list:has(.work-list-content-actions) .work-list-content {
    padding: 0
}

.work-list-buttons {
    position: fixed;
    bottom: 1em;
    right: 2em;
    display: flex;
    align-items: center;
    gap: 1em
}

.work-list-empty-header {
    color: var(--kg-complementary-color);
    font-weight: 600;
    margin-bottom: 2em
}

.work-list-empty-advices li {
    display: flex;
    align-items: center;
    margin-bottom: 1.5em;
    line-height: 1.5em
}

    .work-list-empty-advices li::before {
        font-size: 1.5em
    }

    .work-list-empty-advices li.sent-documents::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .work-list-empty-advices li.some-documents::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .work-list-empty-advices li.later::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .work-list-empty-advices li span {
        padding-left: 1.5em
    }

.work-list .checkbox {
    display: flex;
    align-items: center
}

    .work-list .checkbox label {
        font-size: .75em
    }

@media(min-width: 576px) {
    .work-list .checkbox label {
        font-size: 1em
    }
}

.c-content-list:has(#wcresultslist_noresults) {
    display: flex;
    margin: auto;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    font-size: 20px;
    padding: 3em 0 0 0
}

    .c-content-list:has(#wcresultslist_noresults) .c-criteria {
        display: none
    }

.c-content-list:not(:has(#wcresultslist_noresults)) {
    background-color: var(--kg-light-color);
    display: grid;
    grid-template-areas: "cCriteria cResults";
    grid-template-columns: 20em auto;
    gap: 1em;
    width: 100%
}

    .c-content-list:not(:has(#wcresultslist_noresults)) .c-criteria {
        grid-area: cCriteria
    }

    .c-content-list:not(:has(#wcresultslist_noresults)) .c-results {
        grid-area: cResults
    }

.c-results-content, .wk-shortList-content {
    margin: 0
}

.c-results-head, .wk-shortList-head {
    padding: 1rem
}

@media(min-width: 992px) {
    .c-results-head, .wk-shortList-head {
        padding: 1rem 1.5rem
    }
}

.c-results-head, .wk-shortList-head {
    background-color: #fff;
    border-left: 6px solid var(--kg-blue-200);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: var(--kg-complementary-color);
    display: flex;
    align-items: center;
    font-family: var(--kg-font-kg-display);
    font-size: 1.72em;
    margin-block-start: 0;
    margin-bottom: .5em
}

    .c-results-head .wk-link-vermas, .wk-shortList-head .wk-link-vermas {
        background-color: var(--kg-accent-color);
        color: #fff;
        border: 1px solid var(--kg-accent-color);
        border-radius: 5px;
        font-size: 14px;
        padding: .5em 1.5em
    }

        .c-results-head .wk-link-vermas:hover, .wk-shortList-head .wk-link-vermas:hover {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            color: #fff;
            border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
        }

            .c-results-head .wk-link-vermas:hover::before, .wk-shortList-head .wk-link-vermas:hover::before {
                background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
                font-weight: 400
            }

        .c-results-head .wk-link-vermas:hover, .wk-shortList-head .wk-link-vermas:hover {
            text-decoration: none !important
        }

    .c-results-head .wk-link-vermas, .wk-shortList-head .wk-link-vermas {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        .c-results-head .wk-link-vermas.disabled, .wk-shortList-head .wk-link-vermas.disabled {
            pointer-events: none;
            opacity: .35
        }

        .c-results-head .wk-link-vermas::before, .c-results-head .wk-link-vermas::after, .wk-shortList-head .wk-link-vermas::before, .wk-shortList-head .wk-link-vermas::after {
            background-color: rgba(0,0,0,0)
        }

        .c-results-head .wk-link-vermas:hover::before, .c-results-head .wk-link-vermas:hover::after, .wk-shortList-head .wk-link-vermas:hover::before, .wk-shortList-head .wk-link-vermas:hover::after {
            background-color: rgba(0,0,0,0)
        }

    .c-results-head .wk-link-vermas, .wk-shortList-head .wk-link-vermas {
        font-family: Roboto,sans-serif;
        margin-left: auto
    }

    .c-results-head .wk-text-vermas, .wk-shortList-head .wk-text-vermas {
        display: none
    }

.c-results dl, .c-results-item, .wk-shortList dl, .wk-shortList-item {
    padding: 1em
}

@media(min-width: 992px) {
    .c-results dl, .c-results-item, .wk-shortList dl, .wk-shortList-item {
        padding: 1em 1.5em
    }
}

.c-results dl, .c-results-item, .wk-shortList dl, .wk-shortList-item {
    background-color: #fff;
    border-left: 6px solid var(--kg-blue-200);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 1em;
    margin-bottom: .5em;
    position: relative
}

    .c-results dl:has(.visitedDocument):after, .c-results-item:has(.visitedDocument):after, .wk-shortList dl:has(.visitedDocument):after, .wk-shortList-item:has(.visitedDocument):after {
        font-family: var(--kg-font-family-icons);
        content: "";
        color: var(--kg-tertiary-color);
        font-size: 1.2em;
        position: absolute;
        right: .5em;
        top: .5em
    }

    .c-results dl:has(.visitedDocument) .wk-shortList-item-head, .c-results-item:has(.visitedDocument) .wk-shortList-item-head, .wk-shortList dl:has(.visitedDocument) .wk-shortList-item-head, .wk-shortList-item:has(.visitedDocument) .wk-shortList-item-head {
        padding-right: 2.5em
    }

.c-results-item-check, .c-results-item-matter, .c-results-item-head, .c-results-item-title, .c-results-item-data, .c-results-item-column, .c-results-item-row, .wk-shortList-item-check, .wk-shortList-item-matter, .wk-shortList-item-head, .wk-shortList-item-title, .wk-shortList-item-data, .wk-shortList-item-column, .wk-shortList-item-row {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    gap: .5em
}

    .c-results-item-check ul, .c-results-item-matter ul, .c-results-item-head ul, .c-results-item-title ul, .c-results-item-data ul, .c-results-item-column ul, .c-results-item-row ul, .wk-shortList-item-check ul, .wk-shortList-item-matter ul, .wk-shortList-item-head ul, .wk-shortList-item-title ul, .wk-shortList-item-data ul, .wk-shortList-item-column ul, .wk-shortList-item-row ul {
        margin-block: auto
    }

.c-results-item-data, .c-results-item-column, .c-results-item-row, .wk-shortList-item-data, .wk-shortList-item-column, .wk-shortList-item-row {
    flex-direction: column
}

@media(min-width: 1200px) {
    .c-results-item-data, .c-results-item-column, .c-results-item-row, .wk-shortList-item-data, .wk-shortList-item-column, .wk-shortList-item-row {
        flex-direction: row
    }
}

.c-results-item-data, .c-results-item-column, .c-results-item-row, .wk-shortList-item-data, .wk-shortList-item-column, .wk-shortList-item-row {
    flex-wrap: wrap
}

@media(min-width: 1200px) {
    .c-results-item-data, .c-results-item-column, .c-results-item-row, .wk-shortList-item-data, .wk-shortList-item-column, .wk-shortList-item-row {
        flex-wrap: nowrap
    }
}

.c-results-item-column, .wk-shortList-item-column {
    flex-direction: column
}

@media(min-width: 1200px) {
    .c-results-item-column, .wk-shortList-item-column {
        flex-direction: column
    }
}

.c-results-item-column, .wk-shortList-item-column {
    align-items: flex-start;
    flex-direction: column;
    gap: .5em
}

.c-results-item-footer, .wk-shortList-item-footer {
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .c-results-item-footer:not(:has(.wk-shortList-item-data)), .wk-shortList-item-footer:not(:has(.wk-shortList-item-data)) {
        justify-content: flex-end
    }

        .c-results-item-footer:not(:has(.wk-shortList-item-data)):has(.wk-shortList-item-metas), .wk-shortList-item-footer:not(:has(.wk-shortList-item-data)):has(.wk-shortList-item-metas) {
            justify-content: space-between
        }

.c-results-item-actions, .wk-shortList-item-actions {
    display: flex;
    gap: 1em;
    justify-content: flex-end
}

    .c-results-item-actions .addToMyDocuments, .wk-shortList-item-actions .addToMyDocuments {
        display: var(--kg-addToMyDocuments)
    }

.c-results .Highlight, .wk-shortList .Highlight {
    background-color: var(--kg-highlight-background-color);
    color: var(--kg-highlight-color);
    padding: 2px
}

.c-results dfn.historia_caso:before, .wk-shortList dfn.historia_caso:before {
    content: "H";
    display: inline-block;
    color: var(--kg-complementary-color);
    cursor: pointer;
    font-family: var(--kg-font-kg-display);
    font-weight: bolder;
    font-size: 1.25em
}

.c-results dfn.historia_caso:hover, .wk-shortList dfn.historia_caso:hover {
    position: relative
}

    .c-results dfn.historia_caso:hover::after, .wk-shortList dfn.historia_caso:hover::after {
        background-color: #fff;
        border: var(--kg-border-default);
        border-radius: 5px;
        color: var(--kg-secondary-color);
        content: "Historia del caso";
        font-size: .8em;
        min-width: max-content;
        padding: .5em;
        position: absolute;
        left: 0;
        top: -2.5em;
        z-index: 1
    }

.c-results span.titulo_DocEsencial, .c-results span.caso, .c-results span.titulo, .wk-shortList span.titulo_DocEsencial, .wk-shortList span.caso, .wk-shortList span.titulo {
    color: var(--kg-secondary-color);
    font-weight: 500
}

.c-results .font-size-sm, .c-results span.marginal, .wk-shortList .font-size-sm, .wk-shortList span.marginal {
    font-size: 14px
}

.c-results dd.summary > a, .c-results dd.addToMyDocuments > a, .c-results dl dd.myBasket > a, .c-results dd.vista-rapida > a, .wk-shortList dd.summary > a, .wk-shortList dd.addToMyDocuments > a, .wk-shortList dl dd.myBasket > a, .wk-shortList dd.vista-rapida > a {
    color: var(--kg-complementary-color);
    border: 1px solid var(--kg-complementary-color);
    border-radius: 5px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .c-results dd.summary > a:hover, .c-results dd.addToMyDocuments > a:hover, .c-results dl dd.myBasket > a:hover, .c-results dd.vista-rapida > a:hover, .wk-shortList dd.summary > a:hover, .wk-shortList dd.addToMyDocuments > a:hover, .wk-shortList dl dd.myBasket > a:hover, .wk-shortList dd.vista-rapida > a:hover {
        background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
        color: #fff;
        border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
    }

        .c-results dd.summary > a:hover::before, .c-results dd.addToMyDocuments > a:hover::before, .c-results dl dd.myBasket > a:hover::before, .c-results dd.vista-rapida > a:hover::before, .wk-shortList dd.summary > a:hover::before, .wk-shortList dd.addToMyDocuments > a:hover::before, .wk-shortList dl dd.myBasket > a:hover::before, .wk-shortList dd.vista-rapida > a:hover::before {
            font-weight: 400
        }

    .c-results dd.summary > a:hover, .c-results dd.addToMyDocuments > a:hover, .c-results dl dd.myBasket > a:hover, .c-results dd.vista-rapida > a:hover, .wk-shortList dd.summary > a:hover, .wk-shortList dd.addToMyDocuments > a:hover, .wk-shortList dl dd.myBasket > a:hover, .wk-shortList dd.vista-rapida > a:hover {
        text-decoration: none !important
    }

.c-results dd.summary > a, .c-results dd.addToMyDocuments > a, .c-results dl dd.myBasket > a, .c-results dd.vista-rapida > a, .wk-shortList dd.summary > a, .wk-shortList dd.addToMyDocuments > a, .wk-shortList dl dd.myBasket > a, .wk-shortList dd.vista-rapida > a {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 2.5em;
    width: 2.5em
}

    .c-results dd.summary > a.disabled, .c-results dd.addToMyDocuments > a.disabled, .c-results dl dd.myBasket > a.disabled, .c-results dd.vista-rapida > a.disabled, .wk-shortList dd.summary > a.disabled, .wk-shortList dd.addToMyDocuments > a.disabled, .wk-shortList dl dd.myBasket > a.disabled, .wk-shortList dd.vista-rapida > a.disabled {
        pointer-events: none;
        opacity: .35
    }

    .c-results dd.summary > a::before, .c-results dd.summary > a::after, .c-results dd.addToMyDocuments > a::before, .c-results dd.addToMyDocuments > a::after, .c-results dl dd.myBasket > a::before, .c-results dl dd.myBasket > a::after, .c-results dd.vista-rapida > a::before, .c-results dd.vista-rapida > a::after, .wk-shortList dd.summary > a::before, .wk-shortList dd.summary > a::after, .wk-shortList dd.addToMyDocuments > a::before, .wk-shortList dd.addToMyDocuments > a::after, .wk-shortList dl dd.myBasket > a::before, .wk-shortList dl dd.myBasket > a::after, .wk-shortList dd.vista-rapida > a::before, .wk-shortList dd.vista-rapida > a::after {
        background-color: rgba(0,0,0,0)
    }

    .c-results dd.summary > a:hover::before, .c-results dd.summary > a:hover::after, .c-results dd.addToMyDocuments > a:hover::before, .c-results dd.addToMyDocuments > a:hover::after, .c-results dl dd.myBasket > a:hover::before, .c-results dl dd.myBasket > a:hover::after, .c-results dd.vista-rapida > a:hover::before, .c-results dd.vista-rapida > a:hover::after, .wk-shortList dd.summary > a:hover::before, .wk-shortList dd.summary > a:hover::after, .wk-shortList dd.addToMyDocuments > a:hover::before, .wk-shortList dd.addToMyDocuments > a:hover::after, .wk-shortList dl dd.myBasket > a:hover::before, .wk-shortList dl dd.myBasket > a:hover::after, .wk-shortList dd.vista-rapida > a:hover::before, .wk-shortList dd.vista-rapida > a:hover::after {
        background-color: rgba(0,0,0,0)
    }

    .c-results dd.summary > a:before, .c-results dd.addToMyDocuments > a:before, .c-results dl dd.myBasket > a:before, .c-results dd.vista-rapida > a:before, .wk-shortList dd.summary > a:before, .wk-shortList dd.addToMyDocuments > a:before, .wk-shortList dl dd.myBasket > a:before, .wk-shortList dd.vista-rapida > a:before {
        font-size: 1.5em
    }

.c-results .despacho, .wk-shortList .despacho {
    font-weight: 500
}

    .c-results .despacho + .anio, .wk-shortList .despacho + .anio {
        margin-left: 10px !important
    }

.c-results a.summary::before, .wk-shortList a.summary::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.c-results dd.addToMyDocuments > a::before, .wk-shortList dd.addToMyDocuments > a::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.c-results dd.myBasket > a::before, .wk-shortList dd.myBasket > a::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.c-results dd.vista-rapida > a::before, .wk-shortList dd.vista-rapida > a::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.c-results dd.vista-rapida > a span.vista-rapida, .wk-shortList dd.vista-rapida > a span.vista-rapida {
    display: none
}

.c-results dd.TextoDoct, .c-results dd.cabecera, .wk-shortList dd.TextoDoct, .wk-shortList dd.cabecera {
    background-color: var(--kg-blue-100);
    border-radius: 5px;
    line-height: 1.3em;
    padding: 1em;
    font-size: .9em;
    text-align: justify;
    min-width: 100%
}

    .c-results dd.TextoDoct:has(.cabecera-linkmore) span.cabecera::after, .c-results dd.cabecera:has(.cabecera-linkmore) span.cabecera::after, .wk-shortList dd.TextoDoct:has(.cabecera-linkmore) span.cabecera::after, .wk-shortList dd.cabecera:has(.cabecera-linkmore) span.cabecera::after {
        content: "..."
    }

    .c-results dd.TextoDoct:has(.cabecera-linkmore) .cabecera-linkless, .c-results dd.cabecera:has(.cabecera-linkmore) .cabecera-linkless, .wk-shortList dd.TextoDoct:has(.cabecera-linkmore) .cabecera-linkless, .wk-shortList dd.cabecera:has(.cabecera-linkmore) .cabecera-linkless {
        display: none
    }

    .c-results dd.TextoDoct:has(.cabecera-linkmore.open) span.cabecera::after, .c-results dd.cabecera:has(.cabecera-linkmore.open) span.cabecera::after, .wk-shortList dd.TextoDoct:has(.cabecera-linkmore.open) span.cabecera::after, .wk-shortList dd.cabecera:has(.cabecera-linkmore.open) span.cabecera::after {
        content: ""
    }

    .c-results dd.TextoDoct:has(.cabecera-linkmore.open) .cabecera-linkmore, .c-results dd.cabecera:has(.cabecera-linkmore.open) .cabecera-linkmore, .wk-shortList dd.TextoDoct:has(.cabecera-linkmore.open) .cabecera-linkmore, .wk-shortList dd.cabecera:has(.cabecera-linkmore.open) .cabecera-linkmore {
        display: none
    }

    .c-results dd.TextoDoct:has(.cabecera-linkmore.open) .cabecera-linkless, .c-results dd.cabecera:has(.cabecera-linkmore.open) .cabecera-linkless, .wk-shortList dd.TextoDoct:has(.cabecera-linkmore.open) .cabecera-linkless, .wk-shortList dd.cabecera:has(.cabecera-linkmore.open) .cabecera-linkless {
        display: inline-flex
    }

    .c-results dd.TextoDoct .cabecera-linkmore, .c-results dd.TextoDoct .cabecera-linkless, .c-results dd.cabecera .cabecera-linkmore, .c-results dd.cabecera .cabecera-linkless, .wk-shortList dd.TextoDoct .cabecera-linkmore, .wk-shortList dd.TextoDoct .cabecera-linkless, .wk-shortList dd.cabecera .cabecera-linkmore, .wk-shortList dd.cabecera .cabecera-linkless {
        color: var(--kg-complementary-color);
        border: 1px solid var(--kg-complementary-color);
        border-radius: 5px;
        font-size: .9em;
        padding: .25em .5em
    }

        .c-results dd.TextoDoct .cabecera-linkmore:hover, .c-results dd.TextoDoct .cabecera-linkless:hover, .c-results dd.cabecera .cabecera-linkmore:hover, .c-results dd.cabecera .cabecera-linkless:hover, .wk-shortList dd.TextoDoct .cabecera-linkmore:hover, .wk-shortList dd.TextoDoct .cabecera-linkless:hover, .wk-shortList dd.cabecera .cabecera-linkmore:hover, .wk-shortList dd.cabecera .cabecera-linkless:hover {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            color: #fff;
            border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
        }

            .c-results dd.TextoDoct .cabecera-linkmore:hover::before, .c-results dd.TextoDoct .cabecera-linkless:hover::before, .c-results dd.cabecera .cabecera-linkmore:hover::before, .c-results dd.cabecera .cabecera-linkless:hover::before, .wk-shortList dd.TextoDoct .cabecera-linkmore:hover::before, .wk-shortList dd.TextoDoct .cabecera-linkless:hover::before, .wk-shortList dd.cabecera .cabecera-linkmore:hover::before, .wk-shortList dd.cabecera .cabecera-linkless:hover::before {
                font-weight: 400
            }

        .c-results dd.TextoDoct .cabecera-linkmore:hover, .c-results dd.TextoDoct .cabecera-linkless:hover, .c-results dd.cabecera .cabecera-linkmore:hover, .c-results dd.cabecera .cabecera-linkless:hover, .wk-shortList dd.TextoDoct .cabecera-linkmore:hover, .wk-shortList dd.TextoDoct .cabecera-linkless:hover, .wk-shortList dd.cabecera .cabecera-linkmore:hover, .wk-shortList dd.cabecera .cabecera-linkless:hover {
            text-decoration: none !important
        }

    .c-results dd.TextoDoct .cabecera-linkmore, .c-results dd.TextoDoct .cabecera-linkless, .c-results dd.cabecera .cabecera-linkmore, .c-results dd.cabecera .cabecera-linkless, .wk-shortList dd.TextoDoct .cabecera-linkmore, .wk-shortList dd.TextoDoct .cabecera-linkless, .wk-shortList dd.cabecera .cabecera-linkmore, .wk-shortList dd.cabecera .cabecera-linkless {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        .c-results dd.TextoDoct .cabecera-linkmore.disabled, .c-results dd.TextoDoct .cabecera-linkless.disabled, .c-results dd.cabecera .cabecera-linkmore.disabled, .c-results dd.cabecera .cabecera-linkless.disabled, .wk-shortList dd.TextoDoct .cabecera-linkmore.disabled, .wk-shortList dd.TextoDoct .cabecera-linkless.disabled, .wk-shortList dd.cabecera .cabecera-linkmore.disabled, .wk-shortList dd.cabecera .cabecera-linkless.disabled {
            pointer-events: none;
            opacity: .35
        }

        .c-results dd.TextoDoct .cabecera-linkmore::before, .c-results dd.TextoDoct .cabecera-linkmore::after, .c-results dd.TextoDoct .cabecera-linkless::before, .c-results dd.TextoDoct .cabecera-linkless::after, .c-results dd.cabecera .cabecera-linkmore::before, .c-results dd.cabecera .cabecera-linkmore::after, .c-results dd.cabecera .cabecera-linkless::before, .c-results dd.cabecera .cabecera-linkless::after, .wk-shortList dd.TextoDoct .cabecera-linkmore::before, .wk-shortList dd.TextoDoct .cabecera-linkmore::after, .wk-shortList dd.TextoDoct .cabecera-linkless::before, .wk-shortList dd.TextoDoct .cabecera-linkless::after, .wk-shortList dd.cabecera .cabecera-linkmore::before, .wk-shortList dd.cabecera .cabecera-linkmore::after, .wk-shortList dd.cabecera .cabecera-linkless::before, .wk-shortList dd.cabecera .cabecera-linkless::after {
            background-color: rgba(0,0,0,0)
        }

        .c-results dd.TextoDoct .cabecera-linkmore:hover::before, .c-results dd.TextoDoct .cabecera-linkmore:hover::after, .c-results dd.TextoDoct .cabecera-linkless:hover::before, .c-results dd.TextoDoct .cabecera-linkless:hover::after, .c-results dd.cabecera .cabecera-linkmore:hover::before, .c-results dd.cabecera .cabecera-linkmore:hover::after, .c-results dd.cabecera .cabecera-linkless:hover::before, .c-results dd.cabecera .cabecera-linkless:hover::after, .wk-shortList dd.TextoDoct .cabecera-linkmore:hover::before, .wk-shortList dd.TextoDoct .cabecera-linkmore:hover::after, .wk-shortList dd.TextoDoct .cabecera-linkless:hover::before, .wk-shortList dd.TextoDoct .cabecera-linkless:hover::after, .wk-shortList dd.cabecera .cabecera-linkmore:hover::before, .wk-shortList dd.cabecera .cabecera-linkmore:hover::after, .wk-shortList dd.cabecera .cabecera-linkless:hover::before, .wk-shortList dd.cabecera .cabecera-linkless:hover::after {
            background-color: rgba(0,0,0,0)
        }

        .c-results dd.TextoDoct .cabecera-linkmore::after, .c-results dd.cabecera .cabecera-linkmore::after, .wk-shortList dd.TextoDoct .cabecera-linkmore::after, .wk-shortList dd.cabecera .cabecera-linkmore::after {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

        .c-results dd.TextoDoct .cabecera-linkless::after, .c-results dd.cabecera .cabecera-linkless::after, .wk-shortList dd.TextoDoct .cabecera-linkless::after, .wk-shortList dd.cabecera .cabecera-linkless::after {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

    .c-results dd.TextoDoct #lyr-extended, .c-results dd.cabecera #lyr-extended, .wk-shortList dd.TextoDoct #lyr-extended, .wk-shortList dd.cabecera #lyr-extended {
        display: none
    }

        .c-results dd.TextoDoct #lyr-extended.open, .c-results dd.cabecera #lyr-extended.open, .wk-shortList dd.TextoDoct #lyr-extended.open, .wk-shortList dd.cabecera #lyr-extended.open {
            display: inline
        }

    .c-results dd.TextoDoct a.summaryitemmouseover, .c-results dd.TextoDoct a.summaryitemmouseout, .c-results dd.cabecera a.summaryitemmouseover, .c-results dd.cabecera a.summaryitemmouseout, .wk-shortList dd.TextoDoct a.summaryitemmouseover, .wk-shortList dd.TextoDoct a.summaryitemmouseout, .wk-shortList dd.cabecera a.summaryitemmouseover, .wk-shortList dd.cabecera a.summaryitemmouseout {
        color: var(--kg-complementary-link-color)
    }

.c-results dd.listPrecepts, .wk-shortList dd.listPrecepts {
    background-color: var(--kg-blue-100);
    border-radius: 5px;
    line-height: 1.3em;
    padding: 1em;
    font-size: .9em;
    text-align: justify;
    min-width: 100%;
    position: relative
}

    .c-results dd.listPrecepts .headListPrecepts, .wk-shortList dd.listPrecepts .headListPrecepts {
        display: block;
        font-weight: 500
    }

    .c-results dd.listPrecepts ul.otherPrecepts, .c-results dd.listPrecepts ul.ulListPreceptsIni, .wk-shortList dd.listPrecepts ul.otherPrecepts, .wk-shortList dd.listPrecepts ul.ulListPreceptsIni {
        margin-top: 0
    }

    .c-results dd.listPrecepts ul li, .wk-shortList dd.listPrecepts ul li {
        line-height: 1.7em
    }

        .c-results dd.listPrecepts ul li .linkPrecept, .wk-shortList dd.listPrecepts ul li .linkPrecept {
            display: inline-block;
            color: var(--kg-complementary-link-color)
        }

    .c-results dd.listPrecepts .mode-less, .wk-shortList dd.listPrecepts .mode-less {
        display: flex;
        justify-content: flex-end
    }

        .c-results dd.listPrecepts .mode-less .SeeMore, .c-results dd.listPrecepts .mode-less .SeeLess, .wk-shortList dd.listPrecepts .mode-less .SeeMore, .wk-shortList dd.listPrecepts .mode-less .SeeLess {
            color: var(--kg-complementary-color);
            border: 1px solid var(--kg-complementary-color);
            border-radius: 5px;
            font-size: .9em;
            padding: .25em .5em
        }

            .c-results dd.listPrecepts .mode-less .SeeMore:hover, .c-results dd.listPrecepts .mode-less .SeeLess:hover, .wk-shortList dd.listPrecepts .mode-less .SeeMore:hover, .wk-shortList dd.listPrecepts .mode-less .SeeLess:hover {
                background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
                color: #fff;
                border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
            }

                .c-results dd.listPrecepts .mode-less .SeeMore:hover::before, .c-results dd.listPrecepts .mode-less .SeeLess:hover::before, .wk-shortList dd.listPrecepts .mode-less .SeeMore:hover::before, .wk-shortList dd.listPrecepts .mode-less .SeeLess:hover::before {
                    font-weight: 400
                }

            .c-results dd.listPrecepts .mode-less .SeeMore:hover, .c-results dd.listPrecepts .mode-less .SeeLess:hover, .wk-shortList dd.listPrecepts .mode-less .SeeMore:hover, .wk-shortList dd.listPrecepts .mode-less .SeeLess:hover {
                text-decoration: none !important
            }

        .c-results dd.listPrecepts .mode-less .SeeMore, .c-results dd.listPrecepts .mode-less .SeeLess, .wk-shortList dd.listPrecepts .mode-less .SeeMore, .wk-shortList dd.listPrecepts .mode-less .SeeLess {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s
        }

            .c-results dd.listPrecepts .mode-less .SeeMore.disabled, .c-results dd.listPrecepts .mode-less .SeeLess.disabled, .wk-shortList dd.listPrecepts .mode-less .SeeMore.disabled, .wk-shortList dd.listPrecepts .mode-less .SeeLess.disabled {
                pointer-events: none;
                opacity: .35
            }

            .c-results dd.listPrecepts .mode-less .SeeMore::before, .c-results dd.listPrecepts .mode-less .SeeMore::after, .c-results dd.listPrecepts .mode-less .SeeLess::before, .c-results dd.listPrecepts .mode-less .SeeLess::after, .wk-shortList dd.listPrecepts .mode-less .SeeMore::before, .wk-shortList dd.listPrecepts .mode-less .SeeMore::after, .wk-shortList dd.listPrecepts .mode-less .SeeLess::before, .wk-shortList dd.listPrecepts .mode-less .SeeLess::after {
                background-color: rgba(0,0,0,0)
            }

            .c-results dd.listPrecepts .mode-less .SeeMore:hover::before, .c-results dd.listPrecepts .mode-less .SeeMore:hover::after, .c-results dd.listPrecepts .mode-less .SeeLess:hover::before, .c-results dd.listPrecepts .mode-less .SeeLess:hover::after, .wk-shortList dd.listPrecepts .mode-less .SeeMore:hover::before, .wk-shortList dd.listPrecepts .mode-less .SeeMore:hover::after, .wk-shortList dd.listPrecepts .mode-less .SeeLess:hover::before, .wk-shortList dd.listPrecepts .mode-less .SeeLess:hover::after {
                background-color: rgba(0,0,0,0)
            }

            .c-results dd.listPrecepts .mode-less .SeeMore[style*=block], .c-results dd.listPrecepts .mode-less .SeeLess[style*=block], .wk-shortList dd.listPrecepts .mode-less .SeeMore[style*=block], .wk-shortList dd.listPrecepts .mode-less .SeeLess[style*=block] {
                display: flex !important
            }

            .c-results dd.listPrecepts .mode-less .SeeMore::after, .wk-shortList dd.listPrecepts .mode-less .SeeMore::after {
                font-family: var(--kg-font-family-icons);
                content: ""
            }

            .c-results dd.listPrecepts .mode-less .SeeLess::after, .wk-shortList dd.listPrecepts .mode-less .SeeLess::after {
                font-family: var(--kg-font-family-icons);
                content: ""
            }

.c-results span.tdcpath, .wk-shortList span.tdcpath {
    margin-left: 1.75em;
    font-size: .9em
}

.c-results span.sector, .c-results span.empresa, .wk-shortList span.sector, .wk-shortList span.empresa {
    text-transform: uppercase;
    font-weight: 500
}

.c-results span.codconvenio, .wk-shortList span.codconvenio {
    font-weight: 400
}

.c-results span.afavor, .c-results span.encontra, .c-results span.Materia, .c-results span.Voz, .c-results span.tipo_juris, .c-results span.sentido, .c-results span.ponenteLink, .c-results span.ponenteNoLink, .c-results span.autor, .wk-shortList span.afavor, .wk-shortList span.encontra, .wk-shortList span.Materia, .wk-shortList span.Voz, .wk-shortList span.tipo_juris, .wk-shortList span.sentido, .wk-shortList span.ponenteLink, .wk-shortList span.ponenteNoLink, .wk-shortList span.autor {
    display: flex;
    align-items: center;
    gap: .5em;
    flex-wrap: nowrap
}

    .c-results span.afavor::before, .c-results span.encontra::before, .c-results span.Materia::before, .c-results span.Voz::before, .c-results span.tipo_juris::before, .c-results span.sentido::before, .c-results span.ponenteLink::before, .c-results span.ponenteNoLink::before, .c-results span.autor::before, .wk-shortList span.afavor::before, .wk-shortList span.encontra::before, .wk-shortList span.Materia::before, .wk-shortList span.Voz::before, .wk-shortList span.tipo_juris::before, .wk-shortList span.sentido::before, .wk-shortList span.ponenteLink::before, .wk-shortList span.ponenteNoLink::before, .wk-shortList span.autor::before {
        color: var(--kg-info-color);
        font-size: 1.4em
    }

.c-results dd.ponenteLink a, .wk-shortList dd.ponenteLink a {
    color: var(--kg-body-color)
}

.c-results span.afavor::before, .wk-shortList span.afavor::before {
    font-family: var(--kg-font-family-icons);
    content: "";
    color: var(--kg-ju-favor-color)
}

.c-results span.encontra::before, .wk-shortList span.encontra::before {
    font-family: var(--kg-font-family-icons);
    content: "";
    color: var(--kg-ju-contra-color)
}

.c-results span.autor::before, .wk-shortList span.autor::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.c-results span.ponenteLink::before, .c-results span.ponenteNoLink::before, .wk-shortList span.ponenteLink::before, .wk-shortList span.ponenteNoLink::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.c-results span.tipo_juris::before, .wk-shortList span.tipo_juris::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.c-results span.sentido::before, .wk-shortList span.sentido::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.c-results span.Voz, .wk-shortList span.Voz {
    font-weight: 500;
    padding-left: .5em
}

.c-results span.Materia, .wk-shortList span.Materia {
    border-right: var(--kg-border-default);
    font-weight: 500;
    padding-right: 1em
}

    .c-results span.Materia ul, .wk-shortList span.Materia ul {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: .5em;
        margin-block: 0
    }

        .c-results span.Materia ul li, .wk-shortList span.Materia ul li {
            display: flex;
            gap: .5em;
            flex-wrap: nowrap
        }

.c-results dd.bandera, .wk-shortList dd.bandera {
    position: relative
}

    .c-results dd.bandera:hover span.bandera, .wk-shortList dd.bandera:hover span.bandera {
        display: block
    }

    .c-results dd.bandera span.bandera, .wk-shortList dd.bandera span.bandera {
        display: none;
        background-color: #fff;
        border: var(--kg-border-default);
        border-radius: 5px;
        color: var(--kg-body-color);
        font-size: .8em;
        font-weight: 400;
        min-width: max-content;
        padding: .5em 1em;
        position: absolute;
        top: -1em;
        left: 2em;
        z-index: 1080
    }

.jcarousel-skin-tango {
    position: relative
}

    .jcarousel-skin-tango:not(:has(.jcarousel-clip)) {
        height: 45dvh
    }

@media(min-width: 1200px) {
    .jcarousel-skin-tango:not(:has(.jcarousel-clip)) {
        height: 38dvh
    }
}

.jcarousel-skin-tango:not(:has(.jcarousel-clip)) {
    visibility: hidden
}

.jcarousel-clip {
    overflow: hidden
}

.jcarousel-list {
    height: 200px
}

@media(min-width: 1200px) {
    .jcarousel-list {
        height: 100px
    }
}

.jcarousel-item {
    height: 100%;
    width: auto
}

.jcarousel-prev[style*="display:block"], .jcarousel-prev[style*="display: block"], .jcarousel-next[style*="display:block"], .jcarousel-next[style*="display: block"] {
    display: flex !important
}

.jcarousel-prev, .jcarousel-next {
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 100%;
    width: 2em
}

    .jcarousel-prev::before, .jcarousel-next::before {
        font-size: 40px;
        color: #9d9d9d
    }

    .jcarousel-prev:hover::before, .jcarousel-next:hover::before {
        color: #666
    }

.jcarousel-prev {
    left: -3em
}

    .jcarousel-prev::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

.jcarousel-prev-disabled-horizontal {
    visibility: hidden
}

.jcarousel-next {
    right: -3em
}

    .jcarousel-next::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

.jcarousel-next-disabled-horizontal {
    visibility: hidden
}

.carousel-home-news-container {
    width: 90dvw
}

@media(min-width: 992px) {
    .carousel-home-news-container {
        width: 60dvw
    }
}

.carousel-home-news-container {
    position: relative
}

    .carousel-home-news-container[style="visibility: hidden;"] {
        visibility: visible !important
    }

.carousel-home-news .jcarousel-list {
    height: 45dvh
}

@media(min-width: 1200px) {
    .carousel-home-news .jcarousel-list {
        height: 38dvh
    }
}

.carousel-home-news-item {
    background-color: #fff;
    border-radius: 7px;
    padding: 2em;
    position: relative;
    overflow: hidden
}

    .carousel-home-news-item:not(.item-photo) {
        display: flex;
        flex-direction: column;
        gap: .5em;
        height: 100%
    }

    .carousel-home-news-item:has(.item-photo), .carousel-home-news-item:has(.video) {
        grid-template-columns: 1fr
    }

@media(min-width: 1200px) {
    .carousel-home-news-item:has(.item-photo), .carousel-home-news-item:has(.video) {
        grid-template-columns: 1.2fr 1fr
    }
}

.carousel-home-news-item:has(.item-photo), .carousel-home-news-item:has(.video) {
    display: grid;
    grid-template-areas: "section photo" "title photo" "subtitle photo" "link photo" "summary photo" "author photo";
    grid-template-rows: repeat(50, minmax(auto, 1fr));
    row-gap: 0;
    column-gap: 1em
}

.carousel-home-news-item .classMedia:has(.audio), .carousel-home-news-item .classMedia:has(.video) {
    grid-area: photo;
    place-items: center;
    display: grid;
    grid-row: 1/50
}

    .carousel-home-news-item .classMedia:has(.audio) .mm, .carousel-home-news-item .classMedia:has(.video) .mm {
        display: none
    }

.carousel-home-news-item .classMedia .video p {
    display: none
}

.carousel-home-news-item .classMedia .video video {
    width: 100%
}

.carousel-home-news-item .classMedia .doc {
    display: none
}

.carousel-home-news-item-photo {
    grid-area: photo;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 7px;
    display: none
}

@media(min-width: 1200px) {
    .carousel-home-news-item-photo {
        display: initial
    }
}

.carousel-home-news-item-photo {
    grid-row: 1/50
}

.carousel-home-news-item-section {
    color: var(--kg-secondary-color);
    font-family: var(--kg-font-kg-display);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    margin-block: 0 .65em;
    overflow-wrap: break-word;
    line-height: 28px;
    hyphens: initial
}

@media(min-width: 992px) {
    .carousel-home-news-item-section {
        hyphens: auto
    }
}

.carousel-home-news-item-section {
    grid-area: section
}

.carousel-home-news-item-title {
    grid-area: title;
    font-size: 14px;
    font-weight: 500;
    color: #1d1d1b;
    padding-bottom: .5em
}

    .carousel-home-news-item-title ~ .carousel-home-news-item-summary {
        height: 6em;
        display: -webkit-box;
        line-clamp: 5;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: clip
    }

.carousel-home-news-item-link {
    grid-area: subtitle;
    font-size: 14px;
    padding-bottom: .5em
}

    .carousel-home-news-item-link ~ .carousel-home-news-item-summary {
        height: 6em;
        display: -webkit-box;
        line-clamp: 5;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: clip
    }

.carousel-home-news-item-link {
    display: none
}

.carousel-home-news-item-subtitle {
    grid-area: subtitle;
    font-size: 14px;
    padding-bottom: .5em
}

    .carousel-home-news-item-subtitle ~ .carousel-home-news-item-summary {
        height: 6em;
        display: -webkit-box;
        line-clamp: 5;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: clip
    }

.carousel-home-news-item-summary {
    grid-area: summary;
    font-size: 14px
}

.carousel-home-news-item-author {
    grid-area: author;
    font-size: 14px
}

.carousel-home-news .jcarousel-control-carouselHome {
    display: flex;
    flex-wrap: wrap;
    gap: .5em;
    justify-content: center;
    margin-block: 1em
}

    .carousel-home-news .jcarousel-control-carouselHome a {
        background-color: #fff;
        border: 1px solid #9d9d9d;
        border-radius: 50%;
        display: block;
        font-size: 0;
        min-width: 16px;
        height: 16px;
        transition: .3s
    }

        .carousel-home-news .jcarousel-control-carouselHome a:hover, .carousel-home-news .jcarousel-control-carouselHome a.active {
            background-color: var(--kg-secondary-color)
        }

.carousel-breaking-news-container {
    width: 80dvw
}

@media(min-width: 768px) {
    .carousel-breaking-news-container {
        width: 40dvw
    }
}

.carousel-breaking-news-container {
    overflow: hidden
}

.carousel-breaking-news:not(:has(.carousel-container)) {
    display: none;
    visibility: hidden
}

.carousel-breaking-news {
    position: relative;
    background-color: #fff;
    border-radius: 7px;
    border-left: .5em solid var(--kg-primary-color);
    display: flex;
    align-items: center;
    flex-direction: column
}

@media(min-width: 768px) {
    .carousel-breaking-news {
        flex-direction: initial
    }
}

.carousel-breaking-news-title {
    color: var(--kg-secondary-color);
    font-family: var(--kg-font-kg-display);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    margin-block: 0 .65em;
    overflow-wrap: break-word;
    line-height: 28px;
    hyphens: initial
}

@media(min-width: 992px) {
    .carousel-breaking-news-title {
        hyphens: auto
    }
}

.carousel-breaking-news-title {
    margin-block: 0;
    min-width: max-content;
    padding-inline: 1em;
    border-right: none
}

@media(min-width: 768px) {
    .carousel-breaking-news-title {
        border-right: 1px solid #9d9d9d
    }
}

.carousel-breaking-news .jcarousel-list {
    height: 6em
}

@media(min-width: 768px) {
    .carousel-breaking-news .jcarousel-list {
        height: 3em
    }
}

.carousel-breaking-news-item {
    padding: 0
}

@media(min-width: 768px) {
    .carousel-breaking-news-item {
        padding: 0 3em 0 1em
    }
}

.carousel-breaking-news-item {
    display: flex;
    align-items: center;
    height: 100%;
    width: auto;
    position: relative
}

    .carousel-breaking-news-item a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

.carousel-breaking-news-link {
    font-size: .9em
}

.carousel-breaking-news-button {
    color: var(--kg-secondary-color);
    display: flex;
    gap: 1em;
    align-items: center;
    min-width: max-content;
    padding: 1em;
    position: absolute;
    right: 0
}

.carousel-breaking-news-button-text {
    display: none
}

@media(min-width: 768px) {
    .carousel-breaking-news-button-text {
        display: block
    }
}

.carousel-breaking-news-button::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.carousel-breaking-news-button:hover {
    text-shadow: -0.01ex 0 0 currentColor,.01ex 0 0 currentColor;
    -webkit-text-stroke-width: .01ex
}

.cards {
    --card-size: 22em;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--card-size), 1fr));
    gap: 1em 2em
}

.cards-container {
    background-color: #fff;
    border-radius: 5px;
    display: grid;
    grid-template-rows: 3em 8em 2em;
    grid-template-areas: "title" "text" "button";
    margin: 2em auto;
    padding: 1.5em;
    min-width: var(--card-size);
    max-width: var(--card-size)
}

.cards-title {
    grid-area: title;
    border-bottom: 2px solid var(--kg-accent-color);
    line-height: 1em
}

.cards-title-accent {
    color: var(--kg-accent-color)
}

.cards-description {
    grid-area: text;
    line-height: 1.5em
}

.cards-buttons {
    grid-area: button;
    display: flex;
    justify-content: center;
    align-items: center
}

    .cards-buttons a {
        flex: 1
    }

.toast {
    border: var(--kg-border-default);
    display: flex;
    align-items: center;
    gap: 1em;
    font-size: .9em;
    padding-right: 1em
}

    .toast::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        border: .25em solid var(--kg-border-color);
        color: #fff;
        font-size: 2em
    }

.toast-info {
    border-color: var(--kg-accent-color)
}

    .toast-info::before {
        background-color: var(--kg-accent-color);
        border-color: var(--kg-accent-color)
    }

.toast-success {
    border-color: var(--kg-success-color)
}

    .toast-success::before {
        background-color: var(--kg-success-color);
        border-color: var(--kg-success-color)
    }

.toast-warning {
    border-color: var(--kg-warning-color)
}

    .toast-warning::before {
        background-color: var(--kg-warning-color);
        border-color: var(--kg-warning-color)
    }

.toast-error {
    border-color: var(--kg-error-color)
}

    .toast-error::before {
        background-color: var(--kg-error-color);
        border-color: var(--kg-error-color)
    }

.speech-container .recording-panel {
    display: flex;
    gap: 1em;
    margin: 0 1em
}

.speech-container:last-child {
    margin-right: 1em
}

.speech-container button {
    border: none;
    padding: 0;
    font: inherit;
    outline: inherit;
    width: 2em;
    height: 2em
}

.speech-button {
    background: none;
    color: inherit
}

    .speech-button::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        font-size: 1.5em
    }

.speech-button-confirm, .speech-button-cancel {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

    .speech-button-confirm::before, .speech-button-cancel::before {
        font-size: 1.5em
    }

.speech-button-confirm {
    background-color: #000;
    color: #fff
}

    .speech-button-confirm::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

.speech-button-cancel {
    background-color: #edecec
}

    .speech-button-cancel::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

.speech-modulator {
    display: flex;
    justify-content: center;
    align-items: center
}

.speech-modulator-bar {
    background: #00003c;
    bottom: 1px;
    height: 3px;
    width: 4px;
    margin: 0px 2px;
    border-radius: 2px;
    animation: sound 0ms -600ms linear infinite alternate
}

@keyframes sound {
    0% {
        opacity: .35;
        height: .1em
    }

    100% {
        opacity: 1;
        height: 2em
    }
}

.speech-modulator-bar:nth-child(1) {
    left: 1px;
    animation-duration: 474ms
}

.speech-modulator-bar:nth-child(2) {
    left: 15px;
    animation-duration: 433ms
}

.speech-modulator-bar:nth-child(3) {
    left: 29px;
    animation-duration: 407ms
}

.speech-modulator-bar:nth-child(4) {
    left: 43px;
    animation-duration: 458ms
}

.speech-modulator-bar:nth-child(5) {
    left: 57px;
    animation-duration: 400ms
}

.speech-modulator-bar:nth-child(6) {
    left: 71px;
    animation-duration: 427ms
}

.speech-modulator-bar:nth-child(7) {
    left: 85px;
    animation-duration: 441ms
}

.speech-modulator-bar:nth-child(8) {
    left: 99px;
    animation-duration: 419ms
}

.speech-modulator-bar:nth-child(9) {
    left: 113px;
    animation-duration: 487ms
}

.speech-modulator-bar:nth-child(10) {
    left: 127px;
    animation-duration: 442ms
}

.survey {
    width: 18em
}

@media(min-width: 576px) {
    .survey {
        width: 12.25em
    }
}

.survey {
    padding: .9em 1.2em;
    background-color: #fff;
    border-radius: 5px;
    text-align: center
}

.survey-close {
    color: var(--kg-primary-color);
    border: none;
    border-radius: 7px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .survey-close::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: .9em;
        color: var(--kg-secondary-color);
        background-color: initial
    }

    .survey-close:hover {
        background-color: rgb(227.97444,190.43648,.91556);
        color: #fff;
        border-color: rgb(227.97444,190.43648,.91556)
    }

        .survey-close:hover::before {
            background-color: inherit;
            font-weight: 400
        }

    .survey-close:hover {
        text-decoration: none !important
    }

.survey-close {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 32px;
    width: 32px
}

    .survey-close.disabled {
        pointer-events: none;
        opacity: .35
    }

    .survey-close::before, .survey-close::after {
        background-color: rgba(0,0,0,0)
    }

    .survey-close:hover::before, .survey-close:hover::after {
        background-color: rgba(0,0,0,0)
    }

.survey-close {
    box-shadow: var(--kg-box-shadow);
    position: absolute;
    top: -2.5em;
    right: 0
}

.survey-ask {
    color: var(--kg-brand-secondary-blue);
    margin-block-start: 0;
    font-size: 20px
}

.survey-cta {
    background-color: var(--kg-primary-color);
    color: var(--kg-brand-secondary-blue);
    border: 1px solid var(--kg-primary-color);
    border-radius: 7px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .survey-cta:hover {
        background-color: rgb(227.97444,190.43648,.91556);
        color: #fff;
        border-color: rgb(227.97444,190.43648,.91556)
    }

        .survey-cta:hover::before {
            background-color: inherit;
            font-weight: 400
        }

    .survey-cta:hover {
        text-decoration: none !important
    }

.survey-cta {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .survey-cta.disabled {
        pointer-events: none;
        opacity: .35
    }

    .survey-cta::before, .survey-cta::after {
        background-color: rgba(0,0,0,0)
    }

    .survey-cta:hover::before, .survey-cta:hover::after {
        background-color: rgba(0,0,0,0)
    }

.cBody:has(#cResults #wcresultslist_noresults) #cButtons {
    display: none
}

.calendar-container {
    border: var(--kg-border-black);
    border-radius: 10px
}

.calendar-header {
    display: flex;
    align-items: center;
    padding: 1em 1em 0 1em;
    justify-content: space-between
}

.calendar-header-date {
    cursor: pointer;
    user-select: none
}

    .calendar-header-date.prev {
        background-color: var(--kg-complementary-color);
        color: #fff;
        border: 1px solid var(--kg-complementary-color);
        border-radius: 5px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .calendar-header-date.prev::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: flex;
            justify-content: center;
            font-size: .8em;
            color: #fff;
            background-color: var(--kg-complementary-color)
        }

        .calendar-header-date.prev:hover {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            color: #fff;
            border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
        }

            .calendar-header-date.prev:hover::before {
                font-weight: 400
            }

        .calendar-header-date.prev:hover {
            text-decoration: none !important
        }

    .calendar-header-date.prev {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        .calendar-header-date.prev.disabled {
            pointer-events: none;
            opacity: .35
        }

        .calendar-header-date.prev::before, .calendar-header-date.prev::after {
            background-color: rgba(0,0,0,0)
        }

        .calendar-header-date.prev:hover::before, .calendar-header-date.prev:hover::after {
            background-color: rgba(0,0,0,0)
        }

    .calendar-header-date.next {
        background-color: var(--kg-complementary-color);
        color: #fff;
        border: 1px solid var(--kg-complementary-color);
        border-radius: 5px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .calendar-header-date.next::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: flex;
            justify-content: center;
            font-size: .8em;
            color: #fff;
            background-color: var(--kg-complementary-color)
        }

        .calendar-header-date.next:hover {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            color: #fff;
            border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
        }

            .calendar-header-date.next:hover::before {
                font-weight: 400
            }

        .calendar-header-date.next:hover {
            text-decoration: none !important
        }

    .calendar-header-date.next {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        .calendar-header-date.next.disabled {
            pointer-events: none;
            opacity: .35
        }

        .calendar-header-date.next::before, .calendar-header-date.next::after {
            background-color: rgba(0,0,0,0)
        }

        .calendar-header-date.next:hover::before, .calendar-header-date.next:hover::after {
            background-color: rgba(0,0,0,0)
        }

.calendar-current-currentDate {
    font-size: 1.5rem
}

.calendar-body {
    padding: 1em
}

    .calendar-body ul {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        text-align: center
    }

        .calendar-body ul li {
            color: var(--kg-body-color);
            width: 14.2857142857%;
            height: 2em;
            display: flex;
            align-items: center;
            justify-content: center
        }

.calendar-weekdays li {
    cursor: default;
    font-weight: 500
}

.calendar-dates li.inactive {
    color: var(--kg-disabled-color);
    cursor: default
}

.calendar-dates li:not(.inactive) {
    background-color: #fff;
    color: var(--kg-secondary-color);
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 1em;
    padding: 0
}

    .calendar-dates li:not(.inactive):hover {
        background-color: hsl(0,0%,93.9%);
        color: var(--kg-complementary-color);
        border-color: hsl(0,0%,93.9%)
    }

        .calendar-dates li:not(.inactive):hover::before {
            font-weight: 400
        }

    .calendar-dates li:not(.inactive):hover {
        text-decoration: none !important
    }

.calendar-dates li:not(.inactive) {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .calendar-dates li:not(.inactive).disabled {
        pointer-events: none;
        opacity: .35
    }

    .calendar-dates li:not(.inactive)::before, .calendar-dates li:not(.inactive)::after {
        background-color: rgba(0,0,0,0)
    }

    .calendar-dates li:not(.inactive):hover::before, .calendar-dates li:not(.inactive):hover::after {
        background-color: rgba(0,0,0,0)
    }

.calendar-dates li:not(.inactive) {
    border-radius: 50%;
    font-weight: 500
}

.calendar-dates li.active {
    background-color: var(--kg-complementary-color);
    color: #fff;
    border: 1px solid var(--kg-complementary-color);
    border-radius: 5px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .calendar-dates li.active:hover {
        background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
        color: #fff;
        border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
    }

        .calendar-dates li.active:hover::before {
            font-weight: 400
        }

    .calendar-dates li.active:hover {
        text-decoration: none !important
    }

.calendar-dates li.active {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .calendar-dates li.active.disabled {
        pointer-events: none;
        opacity: .35
    }

    .calendar-dates li.active::before, .calendar-dates li.active::after {
        background-color: rgba(0,0,0,0)
    }

    .calendar-dates li.active:hover::before, .calendar-dates li.active:hover::after {
        background-color: rgba(0,0,0,0)
    }

.calendar-dates li.active {
    border-radius: 50%
}

.sso-account .navbar {
    position: relative
}

.sso-account .navbar-header .navbar-toggle {
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 5px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .sso-account .navbar-header .navbar-toggle:hover {
        background-color: hsl(0,0%,70%);
        color: #fff;
        border-color: hsl(0,0%,70%)
    }

        .sso-account .navbar-header .navbar-toggle:hover::before {
            background-color: inherit;
            font-weight: 400
        }

    .sso-account .navbar-header .navbar-toggle:hover {
        text-decoration: none !important
    }

.sso-account .navbar-header .navbar-toggle {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .sso-account .navbar-header .navbar-toggle.disabled {
        pointer-events: none;
        opacity: .35
    }

    .sso-account .navbar-header .navbar-toggle::before, .sso-account .navbar-header .navbar-toggle::after {
        background-color: rgba(0,0,0,0)
    }

    .sso-account .navbar-header .navbar-toggle:hover::before, .sso-account .navbar-header .navbar-toggle:hover::after {
        background-color: rgba(0,0,0,0)
    }

.sso-account .navbar-header .navbar-toggle {
    padding: .375rem
}

@media(min-width: 992px) {
    .sso-account .navbar-header .navbar-toggle {
        padding: .375rem .75rem
    }
}

.sso-account .navbar-header .navbar-toggle {
    --bg: var(--kg-header-background-color);
    background: var(--bg);
    color: var(--kg-header-text-color)
}

    .sso-account .navbar-header .navbar-toggle::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        font-size: 24px
    }

    .sso-account .navbar-header .navbar-toggle #literal-micuenta {
        display: none
    }

@media(min-width: 992px) {
    .sso-account .navbar-header .navbar-toggle #literal-micuenta {
        display: initial
    }
}

.sso-account .navbar-collapse {
    background-color: #fff;
    border: var(--kg-border-medium);
    box-shadow: var(--kg-box-shadow-medium);
    display: none;
    font-size: .85em;
    line-height: 1.5em;
    position: absolute;
    right: 0;
    text-align: center;
    padding: 1em;
    min-width: 15em;
    z-index: 1020
}

    .sso-account .navbar-collapse .sso-dropdown-menu {
        list-style-type: none;
        font-weight: 500
    }

        .sso-account .navbar-collapse .sso-dropdown-menu .dropdown-button {
            background-color: var(--kg-complementary-color);
            color: #fff;
            border: 1px solid var(--kg-complementary-color);
            border-radius: 5px;
            font-size: 1em;
            padding: .375rem .75rem
        }

            .sso-account .navbar-collapse .sso-dropdown-menu .dropdown-button:hover {
                background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
                color: #fff;
                border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
            }

                .sso-account .navbar-collapse .sso-dropdown-menu .dropdown-button:hover::before {
                    font-weight: 400
                }

            .sso-account .navbar-collapse .sso-dropdown-menu .dropdown-button:hover {
                text-decoration: none !important
            }

        .sso-account .navbar-collapse .sso-dropdown-menu .dropdown-button {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s
        }

            .sso-account .navbar-collapse .sso-dropdown-menu .dropdown-button.disabled {
                pointer-events: none;
                opacity: .35
            }

            .sso-account .navbar-collapse .sso-dropdown-menu .dropdown-button::before, .sso-account .navbar-collapse .sso-dropdown-menu .dropdown-button::after {
                background-color: rgba(0,0,0,0)
            }

            .sso-account .navbar-collapse .sso-dropdown-menu .dropdown-button:hover::before, .sso-account .navbar-collapse .sso-dropdown-menu .dropdown-button:hover::after {
                background-color: rgba(0,0,0,0)
            }

        .sso-account .navbar-collapse .sso-dropdown-menu .dropdown-button {
            font-weight: 400;
            text-transform: uppercase
        }

.TabsListSpinner {
    grid-area: tabs-spinner
}

    .TabsListSpinner.invisibleTabContent {
        display: none
    }

.tabs-main {
    display: grid;
    grid-template-rows: auto 0 auto
}

@media(min-width: 992px) {
    .tabs-main {
        grid-template-rows: 3em 0 auto
    }
}

.tabs-main {
    grid-template-areas: "tabs-buttons" "tabs-spinner" "tabs-content"
}

    .tabs-main .tblCodesBooksClass {
        --width: calc(100% - var(--WorkArea-width));
        position: initial
    }

@media(min-width: 992px) {
    .tabs-main .tblCodesBooksClass {
        position: fixed
    }
}

.tabs-main .tblCodesBooksClass {
    background-color: var(--kg-light-color);
    grid-area: tabs-buttons;
    width: var(--width)
}

    .tabs-main .tblCodesBooksClass div > ul {
        display: flex;
        width: 100%
    }

        .tabs-main .tblCodesBooksClass div > ul li {
            border-bottom: .25em solid rgba(0,0,0,0);
            display: block;
            padding: 0 1.75em
        }

            .tabs-main .tblCodesBooksClass div > ul li.active {
                border-bottom-color: var(--kg-complementary-color)
            }

            .tabs-main .tblCodesBooksClass div > ul li a {
                display: flex;
                align-items: center;
                font-weight: 500;
                height: 2.75em;
                white-space: nowrap
            }

                .tabs-main .tblCodesBooksClass div > ul li a.selected {
                    font-weight: 600
                }

.tabs-main .tblCodesBooksAmbitoContent, .tabs-main .tblCodesBooksMateriaContent, .tabs-main .tblCodesBooksSectorContent {
    grid-area: tabs-content
}

.vue-select-menu {
    font-weight: 500;
    position: relative;
    text-transform: none
}

.vue-select-menu-button {
    display: flex;
    align-items: center;
    gap: .5em;
    padding: .34em
}

    .vue-select-menu-button::after {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

.vue-select-menu-list {
    background-color: #fff;
    border: var(--kg-border-default);
    box-shadow: var(--kg-box-shadow-medium);
    min-width: max-content;
    position: absolute;
    right: 0;
    z-index: 1020;
    width: 100%
}

.vue-select-menu-item {
    padding: .25em 1em;
    cursor: pointer
}

    .vue-select-menu-item:hover {
        background-color: var(--kg-light-color)
    }

.vue-tooltip {
    position: relative;
    min-width: max-content
}

    .vue-tooltip .tooltip-label {
        background-color: var(--kg-accent-color);
        border-radius: 5px;
        color: #fff;
        position: absolute;
        top: -2em;
        padding: .375rem .75rem;
        min-width: max-content
    }

    .vue-tooltip .slide-fade-enter-active, .vue-tooltip .slide-fade-leave-active {
        transition: all .3s ease
    }

    .vue-tooltip .slide-fade-enter, .vue-tooltip .slide-fade-leave-to {
        opacity: 0;
        top: 0
    }

.cApp-grid-container {
    background-color: var(--kg-body-background-color);
    height: inherit
}

@media(min-width: 992px) {
    .cApp-grid-container {
        height: 100vh
    }
}

.cApp-grid-container {
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "cHeader" "cMain" "cFooter";
    width: 100vw;
    min-height: 100vh
}

    .cApp-grid-container:has(.menu-nav-list) {
        grid-template-areas: "cHeader" "cMain" "cFooter"
    }

@media(min-width: 992px) {
    .cApp-grid-container:has(.menu-nav-list) {
        grid-template-areas: "cHeader cHeader" "cNav cMain" "cFooter cFooter"
    }
}

.cApp-grid-container:has(.menu-nav-list) {
    grid-template-columns: auto
}

@media(min-width: 992px) {
    .cApp-grid-container:has(.menu-nav-list) {
        grid-template-columns: 4em 1fr
    }
}

.cApp-grid-container:has(.menu-nav-list) {
    grid-template-rows: auto 1fr auto;
    transition: grid-template-columns .3s ease
}

    .cApp-grid-container:has(.menu-nav-list).op-nav {
        grid-template-columns: auto
    }

@media(min-width: 992px) {
    .cApp-grid-container:has(.menu-nav-list).op-nav {
        grid-template-columns: 18em 1fr
    }
}

.cApp-grid-container.op-nav:not(:has(.container--login))::after {
    display: flex
}

@media(min-width: 992px) {
    .cApp-grid-container.op-nav:not(:has(.container--login))::after {
        display: none
    }
}

.cApp-grid-container.op-nav:not(:has(.container--login))::after {
    content: "";
    width: 100vw;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    z-index: 2;
    transition: display .3s ease
}

.cApp-grid-container.op-nav:not(:has(.container--login)) {
    --WorkArea-width: 22em;
    --WorkArea-width-2: calc(22em / 2)
}

    .cApp-grid-container.op-nav:not(:has(.container--login)):has(.cBody-grid-container-fixed) .cBody-grid-container-fixed .document-tabs-list {
        width: calc(100dvw - 23em)
    }

.cApp-grid-container.folded-nav::after {
    display: none
}

.cApp-grid-container.folded-nav {
    --WorkArea-width: 8em;
    --WorkArea-width-2: calc(8em / 2)
}

.cApp-grid-container {
    --search-mask-main-column-xs-width: calc(80dvw - var(--WorkArea-width-2));
    --search-mask-main-column-md-width: calc(60dvw - var(--WorkArea-width-2))
}

.cHead {
    grid-area: cHeader;
    z-index: auto
}

.cNav {
    grid-area: cNav;
    z-index: 3
}

.cApp-grid-container:has(.ui-widget-overlay) .cNav {
    z-index: 0
}

.cMain {
    grid-area: cMain;
    z-index: 2
}

    .cMain:has(#kplus) {
        z-index: 3
    }

.cAside {
    transition: .3s ease-in-out;
    display: none
}

    .cAside.cAside-open {
        background-color: var(--kg-light-color);
        display: block;
        overflow: hidden;
        transition: .3s ease-in-out;
        min-width: 55vw;
        z-index: 1101
    }

.cFooter {
    grid-area: cFooter;
    position: relative;
    z-index: 50
}

.cBody-grid-container {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-areas: "fixed" "scrollable";
    height: 100%;
    width: 100%
}

.cBody-grid-container-fixed {
    padding: .5em 1em 0 1em
}

@media(min-width: 992px) {
    .cBody-grid-container-fixed {
        padding: .5em 2em 0 2em
    }
}

.cBody-grid-container-fixed {
    grid-area: fixed;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: var(--kg-light-color)
}

.cBody-grid-container-scrollable {
    padding: 0 1em
}

@media(min-width: 992px) {
    .cBody-grid-container-scrollable {
        padding: 0 2em
    }
}

.cBody-grid-container-scrollable {
    grid-area: scrollable
}

    .cBody-grid-container-scrollable:has(#cWorkArea.results) {
        padding-right: 1em
    }

@media(min-width: 992px) {
    .cBody-grid-container-scrollable:has(#cWorkArea.results) {
        padding-right: 3.3em
    }
}

.cBody-grid-container-scrollable:has(.kplus-analisis-doc-container) {
    padding: 0
}

.cBody-grid-container-document {
    display: grid;
    gap: 0
}

@media(min-width: 992px) {
    .cBody-grid-container-document {
        gap: 1em
    }
}

.cBody-grid-container-document {
    grid-template-columns: auto
}

@media(min-width: 992px) {
    .cBody-grid-container-document {
        grid-template-columns: auto 1em
    }
}

.cBody-grid-container-document {
    grid-template-rows: auto
}

@media(min-width: 992px) {
    .cBody-grid-container-document {
        grid-template-rows: auto
    }
}

.cBody-grid-container-document {
    grid-template-areas: "cButtons" "cDocument"
}

@media(min-width: 992px) {
    .cBody-grid-container-document {
        grid-template-areas: "cDocument cButtons"
    }
}

.cBody-grid-container-document:has(.cAside-open) {
    grid-template-rows: auto auto auto
}

@media(min-width: 992px) {
    .cBody-grid-container-document:has(.cAside-open) {
        grid-template-rows: auto auto auto
    }
}

.cBody-grid-container-document:has(.cAside-open) {
    grid-template-columns: auto
}

@media(min-width: 992px) {
    .cBody-grid-container-document:has(.cAside-open) {
        grid-template-columns: auto 0 55vw
    }
}

.cBody-grid-container-document:has(.cAside-open) {
    grid-template-areas: "cAside" "cButtons" "cDocument"
}

@media(min-width: 992px) {
    .cBody-grid-container-document:has(.cAside-open) {
        grid-template-areas: "cDocument cButtons cAside"
    }
}

.cBody-grid-container-document:has(.cAside-open) {
    position: relative;
    gap: 0
}

    .cBody-grid-container-document:has(.cAside-open) .wrapper-document {
        grid-area: cDocument
    }

    .cBody-grid-container-document:has(.cAside-open) .toolbar-buttons-docs {
        grid-area: cButtons;
        position: absolute;
        right: .75em
    }

        .cBody-grid-container-document:has(.cAside-open) .toolbar-buttons-docs .toolbar-buttons-list {
            position: fixed
        }

    .cBody-grid-container-document:has(.cAside-open) .cAside-open {
        grid-area: cAside;
        position: relative
    }

@media(min-width: 992px) {
    .cBody-grid-container-document:has(.cAside-open) .cAside-open {
        position: fixed
    }
}

.cBody-grid-container-document:has(.cAside-open) .cAside-open {
    right: initial
}

@media(min-width: 992px) {
    .cBody-grid-container-document:has(.cAside-open) .cAside-open {
        right: 1em
    }
}

.cHead {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0;
    background: var(--kg-header-background-color)
}

.cHead-wrapper {
    padding: 0
}

@media(min-width: 992px) {
    .cHead-wrapper {
        padding: .625em
    }
}

.cHead-wrapper {
    border-bottom: solid var(--kg-header-border-color)
}

@media(min-width: 992px) {
    .cHead-wrapper {
        border-bottom: .3125em solid var(--kg-header-border-color)
    }
}

.cHead-wrapper {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0;
    width: 100%
}

.cHead-left {
    --var-width-sm: calc(100% - 10em);
    --var-width-lg: auto;
    min-height: 3em;
    width: 3em
}

@media(min-width: 576px) {
    .cHead-left {
        width: var(--var-width-sm)
    }
}

@media(min-width: 992px) {
    .cHead-left {
        width: var(--var-width-lg)
    }
}

.cHead-left {
    padding: 0
}

@media(min-width: 992px) {
    .cHead-left {
        padding: 0 1em
    }
}

.cHead-center {
    order: 3
}

@media(min-width: 1200px) {
    .cHead-center {
        order: 2
    }
}

.cHead-center {
    min-width: 100%
}

@media(min-width: 1200px) {
    .cHead-center {
        min-width: 0
    }
}

.cHead-center {
    border-top: .0625em solid var(--kg-header-border-color)
}

@media(min-width: 992px) {
    .cHead-center {
        border-top: none
    }
}

.cHead-center {
    display: flex;
    align-items: center;
    gap: 1em
}

    .cHead-center:has(.search-mask-header) {
        flex: 1;
        padding: .5em 3em .5em 0
    }

.cHead-right {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0;
    order: 2
}

@media(min-width: 1200px) {
    .cHead-right {
        order: 2
    }
}

.cHead-right {
    padding: 0 1em 0 0
}

@media(min-width: 1200px) {
    .cHead-right {
        padding: 0
    }
}

.cHead-right #ssoac:has(.sso-login-box) {
    display: none
}

.cHead-right > .basketofdocumentsButtonClass[style="display:block"] {
    display: none !important
}

.cNav {
    position: fixed
}

@media(min-width: 992px) {
    .cNav {
        position: inherit
    }
}

.cNav {
    top: 0
}

@media(min-width: 992px) {
    .cNav {
        top: inherit
    }
}

.cNav {
    left: -81%
}

@media(min-width: 992px) {
    .cNav {
        left: inherit
    }
}

.cNav {
    width: 80%
}

@media(min-width: 992px) {
    .cNav {
        width: initial
    }
}

.cNav {
    height: 100%
}

@media(min-width: 992px) {
    .cNav {
        height: initial
    }
}

.cNav {
    scrollbar-width: thin
}

    .cNav::-webkit-scrollbar {
        width: 13px
    }

    .cNav::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .cNav::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.cNav {
    overflow-y: auto;
    overflow-x: hidden;
    white-space: nowrap;
    background: #fff;
    border-right: var(--kg-border-default);
    box-shadow: var(--kg-box-shadow-right);
    transition: all .3s ease
}

    .cNav:not(:has(.menu-nav-list)) {
        display: none
    }

    .cNav.op-nav {
        left: 0
    }

@media(min-width: 992px) {
    .cNav.op-nav {
        left: inherit
    }
}

.cNav.folded-nav {
    left: -81%
}

@media(min-width: 992px) {
    .cNav.folded-nav {
        left: inherit
    }
}

.cMain {
    scrollbar-width: thin
}

    .cMain::-webkit-scrollbar {
        width: 13px
    }

    .cMain::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .cMain::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.cMain {
    overflow: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    --cAside-overflow: hidden
}

    .cMain .cBody:has(.frameBOE) {
        height: 99%
    }

        .cMain .cBody:has(.frameBOE) .frameBOE {
            height: 100%
        }

    .cMain:has(.DocumentTabsControl .document-tabs-link[data-tab-type=text].active) {
        --tabs-document-text-active: initial
    }

    .cMain:has(.DocumentTabsControl .document-tabs-link[data-tab-type=text]:not(.active)) {
        --tabs-document-text-active: none
    }

    .cMain:has(.DocumentContentControl .dcc) {
        --document-text: initial;
        --toolbar-buttons-display: flex
    }

    .cMain:not(:has(.tBody)) {
        --document-text: none
    }

    .cMain:has(.DocumentContentControl .dcc.fBody) {
        --has-document-fich: initial
    }

    .cMain:not(:has(.DocumentContentControl .dcc.fBody)) {
        --has-document-fich: none
    }

    .cMain:has(.kg-ebook-aside-introduction) {
        --toolbar-buttons-display: none
    }

    .cMain:has(#liViewMyAlertedThematics.active) {
        --theme-options-visibility: visible
    }

    .cMain:has(.cAside-open) {
        overflow: var(--cAside-overflow)
    }

    .cMain:has(.LegaltecaSponsorControl,.sintesis) footer {
        display: none
    }

    .cMain:not(:has(#liViewMyAlertedThematics.active)) {
        --theme-options-visibility: hidden
    }

    .cMain #cCriteria, .cMain #cCx, .cMain .kg-ebook-aside, .cMain .c-tables-tree, .cMain .DDTreeControlTreediv, .cMain #dc1-versionesLE, .cMain #dc1-iter-procesal, .cMain .search-mask-thesaurus, .cMain .cAside-document, .cMain .AI-document-tool-layer.active, .cMain .AI-document-tool-container, .cMain .document-tab-aside, .cMain .document-aside {
        height: auto
    }

@media(min-width: 992px) {
    .cMain #cCriteria, .cMain #cCx, .cMain .kg-ebook-aside, .cMain .c-tables-tree, .cMain .DDTreeControlTreediv, .cMain #dc1-versionesLE, .cMain #dc1-iter-procesal, .cMain .search-mask-thesaurus, .cMain .cAside-document, .cMain .AI-document-tool-layer.active, .cMain .AI-document-tool-container, .cMain .document-tab-aside, .cMain .document-aside {
        height: var(--available-height)
    }
}

.kg-footer {
    display: flex;
    flex-direction: column
}

.kg-footer-info {
    background-color: var(--kg-footer-info-background-color);
    color: var(--kg-footer-info-text-color);
    padding: 4em;
    font-size: .9em
}

.kg-footer-legal {
    background-color: var(--kg-footer-legal-background-color);
    color: var(--kg-footer-legal-text-color);
    display: flex;
    flex-direction: column;
    padding: 1em 3em;
    font-size: .75em
}

    .kg-footer-legal.logged-in {
        padding: .5em
    }

.kg-footer-block-list {
    display: flex;
    gap: 4em;
    align-items: center
}

@media(min-width: 1200px) {
    .kg-footer-block-list {
        align-items: normal
    }
}

.kg-footer-block-list {
    display: block
}

@media(min-width: 576px) {
    .kg-footer-block-list {
        display: flex
    }
}

.kg-footer-block-list.logged-in {
    align-items: center;
    padding-inline-start: 0
}

@media(min-width: 992px) {
    .kg-footer-block-list.logged-in {
        padding-inline-start: 1em
    }
}

.kg-footer-block-list .kg-footer-note {
    display: none
}

@media(min-width: 1200px) {
    .kg-footer-block-list .kg-footer-note {
        display: block
    }
}

.kg-footer-list {
    display: flex;
    flex-wrap: wrap;
    gap: .5em;
    align-items: center
}

@media(min-width: 1200px) {
    .kg-footer-list {
        align-items: normal
    }
}

.kg-footer-list-row {
    align-items: center;
    gap: 1em;
    flex-direction: row
}

.kg-footer-list-brands {
    flex-direction: row;
    gap: 1em;
    font-size: 1.2em
}

.kg-footer-list .kg-footer-note--link {
    color: #fff;
    font-weight: 600
}

.kg-footer-item-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: .75em;
    text-align: center
}

@media(min-width: 1200px) {
    .kg-footer-item-title {
        text-align: left
    }
}

.kg-footer-logo {
    position: relative
}

    .kg-footer-logo::before {
        background-repeat: no-repeat;
        background-position: left center;
        background-size: auto;
        display: block;
        content: "";
        min-width: inherit;
        min-height: inherit
    }

.kg-footer-logo-landing::before {
    background-image: var(--kg-footer-logo);
    width: 13em;
    height: 8em
}

@media(min-width: 576px) {
    .kg-footer-logo-landing::before {
        width: 9em
    }
}

@media(min-width: 992px) {
    .kg-footer-logo-landing::before {
        width: 13em
    }
}

.kg-footer-logo-landing::before {
    display: none
}

@media(min-width: 576px) {
    .kg-footer-logo-landing::before {
        display: block
    }
}

.kg-footer-logo.logged-in::before {
    background-image: var(--kg-footer-logo-logged-in);
    background-size: cover;
    width: 24em;
    height: 2em
}

@media(min-width: 768px) {
    .kg-footer-logo.logged-in::before {
        width: 18em
    }
}

@media(min-width: 992px) {
    .kg-footer-logo.logged-in::before {
        width: 24em
    }
}

.kg-footer-logo.logged-in::before {
    display: none
}

@media(min-width: 768px) {
    .kg-footer-logo.logged-in::before {
        display: block
    }
}

.kg-footer-logo-link {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    min-height: calc(100% - 2px)
}

#PathDivPath {
    flex-wrap: wrap
}

@media(min-width: 1200px) {
    #PathDivPath {
        flex-wrap: nowrap
    }
}

#PathDivPath {
    color: gray;
    display: flex;
    align-items: center;
    font-weight: 500;
    gap: .25em;
    font-size: .85em
}

    #PathDivPath > a {
        white-space: nowrap
    }

        #PathDivPath > a[href] {
            color: gray
        }

        #PathDivPath > a:hover {
            text-decoration: underline
        }

    #PathDivPath #labelchar {
        font-size: .85em
    }

    #PathDivPath #lastpathid {
        color: #1d1d1b;
        font-size: .95em;
        font-weight: 700;
        white-space: nowrap
    }

#cTitle {
    flex-direction: column
}

@media(min-width: 768px) {
    #cTitle {
        flex-direction: row
    }
}

#cTitle {
    align-items: flex-start
}

@media(min-width: 768px) {
    #cTitle {
        align-items: center
    }
}

#cTitle {
    display: flex;
    justify-content: space-between
}

    #cTitle h3 {
        margin-block: 0 .25em
    }

#cTopBar {
    flex-direction: column
}

@media(min-width: 992px) {
    #cTopBar {
        flex-direction: row
    }
}

#cTopBar {
    align-items: flex-start
}

@media(min-width: 992px) {
    #cTopBar {
        align-items: center
    }
}

#cTopBar {
    display: flex;
    justify-content: space-between;
    gap: .25em;
    flex-wrap: wrap
}

.listado-popup-content {
    padding: 0;
    width: 100%
}

.listado-popup-intro {
    margin: 1.5em
}

.listado-popup-group {
    width: 100%
}

@media(min-width: 992px) {
    .listado-popup-group {
        width: 60%
    }
}

.listado-popup-group {
    margin: 0 auto
}

.listado-popup-list {
    margin: 0
}

@media(min-width: 992px) {
    .listado-popup-list {
        margin: 0 3em
    }
}

.listado-popup-item {
    border-bottom: var(--kg-border-medium);
    margin: 1.5em 0
}

    .listado-popup-item:last-child {
        border: none
    }

.menu-option {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))
}

.menu-option-group {
    border-bottom: var(--kg-border-medium);
    margin: 1.5em 0;
    padding: 0 0 1em
}

    .menu-option-group:last-child {
        border: none
    }

.menu-option-title-link {
    color: var(--kg-secondary-color);
    font-family: var(--kg-font-kg-display);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    margin-block: 0 0;
    overflow-wrap: break-word;
    line-height: 24px;
    hyphens: initial
}

@media(min-width: 992px) {
    .menu-option-title-link {
        hyphens: auto
    }
}

.menu-option-title-link {
    display: flex;
    gap: .5em;
    padding: 0 0 .5em 0
}

    .menu-option-title-link::after {
        font-family: var(--kg-font-family-icons);
        content: "";
        color: var(--kg-accent-color)
    }

.menu-option-title:has(.menu-option-role[style="display: block;"]) > a::after {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-option-title:has(.menu-option-role[style="display: none;"]) > a::after {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-option-item {
    width: max-content
}

.menu-option-item-link {
    color: var(--kg-body-color);
    display: flex;
    align-items: center;
    gap: .5em;
    padding: .5em
}

    .menu-option-item-link::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        color: var(--kg-accent-color);
        font-weight: 500
    }

    .menu-option-item-link:hover {
        text-shadow: -0.01ex 0 0 currentColor,.01ex 0 0 currentColor;
        -webkit-text-stroke-width: .01ex
    }

.menu-nav {
    background-color: var(--kg-menu-background-color);
    color: var(--kg-menu-text-color);
    display: flex;
    flex-direction: column;
    max-width: initial
}

.menu-nav-list {
    display: flex;
    align-content: center;
    flex-direction: column;
    justify-content: center
}

.menu-nav-item {
    width: 100%;
    border-bottom: var(--kg-border-default)
}

    .menu-nav-item:last-of-type {
        border-bottom: none
    }

    .menu-nav-item.active {
        --bg: #00003C;
        background: var(--bg);
        color: lch(from var(--bg) calc((49.44 - l) * infinity) 0 0);
        font-weight: 500
    }

.menu-nav-link {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: left;
    gap: 1em;
    padding: .35em 0 .35em .85em
}

    .menu-nav-link::before {
        background-color: var(--kg-menu-color);
        color: lch(from var(--kg-menu-color) calc((49.44 - l) * infinity) 0 0);
        border: 1px solid lch(from var(--kg-menu-color) calc((49.44 - l) * infinity) 0 0);
        border-radius: 7px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .menu-nav-link::before:hover {
            background-color: rgb(0,0,91.11);
            color: lch(from var(--kg-menu-color) calc((49.44 - l) * infinity) 0 0);
            border-color: rgb(0,0,91.11)
        }

            .menu-nav-link::before:hover::before {
                font-weight: 400
            }

        .menu-nav-link::before:hover {
            text-decoration: none !important
        }

    .menu-nav-link::before {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s;
        height: 2.1em;
        width: 2.1em
    }

        .menu-nav-link::before.disabled {
            pointer-events: none;
            opacity: .35
        }

        .menu-nav-link::before::before, .menu-nav-link::before::after {
            background-color: rgba(0,0,0,0)
        }

        .menu-nav-link::before:hover::before, .menu-nav-link::before:hover::after {
            background-color: rgba(0,0,0,0)
        }

    .menu-nav-link dfn {
        font-weight: 500
    }

    .menu-nav-link:hover, .menu-nav-link.current {
        background-color: var(--kg-menu-text-color);
        color: var(--kg-menu-background-color)
    }

        .menu-nav-link:hover::before, .menu-nav-link.current::before {
            background-color: var(--kg-menu-text-color);
            color: var(--kg-menu-background-color)
        }

.menu-nav-elinks-list {
    margin-top: 1em
}

.menu-nav-elinks-item {
    --bg: var(--kg-menu-elinks-background-color);
    background: var(--bg);
    color: lch(from var(--bg) calc((49.44 - l) * infinity) 0 0);
    border-bottom: var(--kg-border-default)
}

    .menu-nav-elinks-item:last-of-type {
        border-bottom: none
    }

.menu-nav-elinks-link {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: left;
    gap: 1em;
    padding: .35em 0 .35em .85em;
    position: relative
}

    .menu-nav-elinks-link::before {
        background-color: var(--kg-menu-color);
        color: lch(from var(--kg-menu-color) calc((49.44 - l) * infinity) 0 0);
        border: 1px solid lch(from var(--kg-menu-color) calc((49.44 - l) * infinity) 0 0);
        border-radius: 7px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .menu-nav-elinks-link::before:hover {
            background-color: rgb(0,0,91.11);
            color: lch(from var(--kg-menu-color) calc((49.44 - l) * infinity) 0 0);
            border-color: rgb(0,0,91.11)
        }

            .menu-nav-elinks-link::before:hover::before {
                font-weight: 400
            }

        .menu-nav-elinks-link::before:hover {
            text-decoration: none !important
        }

    .menu-nav-elinks-link::before {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s;
        height: 2.1em;
        width: 2.1em
    }

        .menu-nav-elinks-link::before.disabled {
            pointer-events: none;
            opacity: .35
        }

        .menu-nav-elinks-link::before::before, .menu-nav-elinks-link::before::after {
            background-color: rgba(0,0,0,0)
        }

        .menu-nav-elinks-link::before:hover::before, .menu-nav-elinks-link::before:hover::after {
            background-color: rgba(0,0,0,0)
        }

    .menu-nav-elinks-link::before {
        background-color: var(--kg-menu-elinks-color);
        border: 1px solid var(--kg-menu-elinks-color)
    }

    .menu-nav-elinks-link dfn {
        font-weight: 500
    }

    .menu-nav-elinks-link::after {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: flex-end;
        align-items: center;
        color: var(--kg-menu-elinks-color);
        min-width: 100%;
        min-height: 100%;
        padding-right: 1em;
        position: absolute;
        top: 0;
        left: 0
    }

    .menu-nav-elinks-link:hover, .menu-nav-elinks-link.current {
        background-color: var(--kg-menu-elinks-color);
        color: var(--kg-menu-elinks-background-color)
    }

        .menu-nav-elinks-link:hover::before, .menu-nav-elinks-link.current::before {
            background-color: var(--kg-menu-elinks-background-color);
            color: var(--kg-menu-elinks-color)
        }

        .menu-nav-elinks-link:hover::after, .menu-nav-elinks-link.current::after {
            color: var(--kg-menu-elinks-background-color)
        }

.menu-nav.folded-nav .menu-nav-elinks-link::after, .menu-nav.folded-nav .menu-nav-item::after {
    content: ""
}

.menu-nav.folded-nav .menu-nav-elinks-link:not(:last-child), .menu-nav.folded-nav .menu-nav-item:not(:last-child) {
    border-bottom: var(--kg-border-transparent)
}

.menu-nav.folded-nav .menu-nav-elinks-item {
    border-bottom: var(--kg-menu-elinks-background-color)
}

.menu-nav .ico-home::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-nav .ico-legis::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-nav .ico-juris::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-nav .ico-dtavda::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-nav .ico-opinion::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-nav .ico-forms::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-nav .ico-indices::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-nav .ico-consultancies::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-nav .ico-news::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-nav .ico-documentation::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-nav .ico-convenios::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-nav .ico-diccionary::before, .menu-nav .ico-dictionary::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-nav .ico-calculators::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-nav .ico-aldia::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.menu-nav .menu-nav-item.kplus {
    border-bottom: var(--kg-border-transparent);
    margin-bottom: .7em
}

.menu-nav .ico-kplus::before {
    background-image: url(/img/logos/logo_Kplus.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    background-color: #fff;
    border: none;
    padding: 1.2em
}

.menu-nav .ico-jurimetria::before {
    background-image: url(/img/logos/logo_symbol-J.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75%;
    content: "";
    padding: 1em
}

.menu-nav .ico-legalteca::before {
    background-image: url(/img/logos/logo_symbol-L.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75%;
    content: "";
    padding: 1em
}

.menu-nav .submenu {
    position: relative
}

.menu-nav .submenu-list {
    position: inherit
}

@media(min-width: 992px) {
    .menu-nav .submenu-list {
        position: fixed
    }
}

.menu-nav .submenu-list {
    border-radius: 0
}

@media(min-width: 992px) {
    .menu-nav .submenu-list {
        border-radius: 5px
    }
}

.menu-nav .submenu-list {
    padding: .5em
}

@media(min-width: 992px) {
    .menu-nav .submenu-list {
        padding: 1em
    }
}

.menu-nav .submenu-list {
    background-color: #fff;
    border: var(--kg-border-width) var(--kg-border-style) var(--kg-accent-color);
    display: none;
    min-width: 33dvw;
    margin-left: 4em;
    transition: margin-left .3s ease
}

    .menu-nav .submenu-list::after {
        display: none
    }

@media(min-width: 992px) {
    .menu-nav .submenu-list::after {
        display: block
    }
}

.menu-nav .submenu-list::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .7em .75em .7em 0;
    border-color: rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0);
    content: "";
    position: absolute;
    left: -0.76em;
    bottom: 10px
}

.cApp:has(.folded-nav) .menu-nav .submenu-list {
    margin-left: 0
}

@media(min-width: 992px) {
    .cApp:has(.folded-nav) .menu-nav .submenu-list {
        margin-left: 4em
    }
}

.menu-nav .submenu-list .cApp:has(.op-nav) {
    margin-left: 0
}

@media(min-width: 992px) {
    .menu-nav .submenu-list .cApp:has(.op-nav) {
        margin-left: 18em
    }
}

.menu-nav .submenu-item {
    width: 100%;
    border: none
}

.menu-nav .submenu a:not([class]), .menu-nav .submenu .submenu-link {
    color: var(--kg-secondary-color);
    display: flex;
    align-content: center;
    align-items: baseline;
    flex-wrap: nowrap;
    gap: .5em;
    padding: .5em;
    min-width: 2.1875em
}

    .menu-nav .submenu a:not([class])::before, .menu-nav .submenu .submenu-link::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        color: var(--kg-complementary-color)
    }

    .menu-nav .submenu a:not([class]):hover, .menu-nav .submenu .submenu-link:hover {
        text-shadow: -0.01ex 0 0 currentColor,.01ex 0 0 currentColor;
        -webkit-text-stroke-width: .01ex
    }

    .menu-nav .submenu a:not([class]):has(.disableControl), .menu-nav .submenu .submenu-link:has(.disableControl) {
        color: var(--kg-disabled-color);
        pointer-events: none
    }

    .menu-nav .submenu a:not([class]) dfn, .menu-nav .submenu .submenu-link dfn {
        font-size: .85em
    }

@media(min-width: 992px) {
    .menu-nav .submenu a:not([class]) dfn, .menu-nav .submenu .submenu-link dfn {
        font-size: 1em
    }
}

.menu-nav .submenu#ulimLeftConsultoria {
    min-width: 23dvw
}

.menu-nav .submenu#ulimLeftConsultoriaAd {
    margin-top: -170px !important;
    margin-left: 230px
}

    .menu-nav .submenu#ulimLeftConsultoriaAd::after {
        content: none
    }

.toolbar-buttons {
    display: flex
}

@media(min-width: 992px) {
    .toolbar-buttons {
        display: initial
    }
}

.toolbar-buttons {
    justify-content: flex-end
}

@media(min-width: 992px) {
    .toolbar-buttons {
        justify-content: initial
    }
}

.toolbar-buttons {
    position: initial
}

@media(min-width: 992px) {
    .toolbar-buttons {
        position: fixed
    }
}

.toolbar-buttons {
    right: initial
}

@media(min-width: 992px) {
    .toolbar-buttons {
        right: 1em
    }
}

.toolbar-buttons {
    z-index: auto
}

@media(min-width: 992px) {
    .toolbar-buttons {
        z-index: 1100
    }
}

.toolbar-buttons-docs {
    display: var(--toolbar-buttons-display);
    background-color: #fff
}

.toolbar-buttons-list {
    background-color: #fff;
    border-radius: 5px;
    padding: .5em .25em;
    display: flex;
    align-items: center;
    gap: .25em;
    margin-block: 0;
    border: none
}

@media(min-width: 992px) {
    .toolbar-buttons-list {
        border: var(--kg-border-width) var(--kg-border-style) var(--kg-border-color)
    }
}

.toolbar-buttons-list {
    box-shadow: none
}

@media(min-width: 992px) {
    .toolbar-buttons-list {
        box-shadow: 0 2px 4px 0 #c2c3c5
    }
}

.toolbar-buttons-list:not(.toolbar-buttons-list.dir-row) {
    flex-direction: row
}

@media(min-width: 992px) {
    .toolbar-buttons-list:not(.toolbar-buttons-list.dir-row) {
        flex-direction: column
    }
}

.toolbar-buttons-list:not(.toolbar-buttons-list.dir-row) .tooltip {
    padding: .25em 1em
}

@media(min-width: 992px) {
    .toolbar-buttons-list:not(.toolbar-buttons-list.dir-row) .tooltip {
        padding: .25em 3em .25em 1em
    }
}

.toolbar-buttons-list:not(.toolbar-buttons-list.dir-row) .tooltip {
    top: 2em
}

@media(min-width: 992px) {
    .toolbar-buttons-list:not(.toolbar-buttons-list.dir-row) .tooltip {
        top: -0.25em
    }
}

.toolbar-buttons-list.dir-row {
    flex-direction: row
}

    .toolbar-buttons-list.dir-row .tooltip {
        padding: .25em 1em;
        top: -2.5em
    }

    .toolbar-buttons-list.dir-row .tooltip-down {
        top: 2.5em
    }

.toolbar-buttons-item {
    position: relative;
    z-index: 1
}

    .toolbar-buttons-item .tooltip {
        display: none
    }

    .toolbar-buttons-item:not(:has(a)) {
        display: none
    }

    .toolbar-buttons-item:hover .tooltip {
        background-color: var(--kg-accent-color);
        border-radius: 5px;
        color: #fff;
        display: flex;
        align-items: center;
        align-content: center;
        min-height: 2.5em;
        min-width: max-content;
        position: absolute;
        right: -0.25em;
        z-index: 1080
    }

@media(min-width: 992px) {
    .toolbar-buttons-item:hover .tooltip {
        z-index: -1
    }
}

.toolbar-buttons-item:hover .tooltip-text {
    display: block;
    font-size: .8em
}

.toolbar-buttons-item > a[style*="display:block"], .toolbar-buttons-item > a[style*="display: block"] {
    display: flex !important
}

.toolbar-buttons-item a.addCommentButton, .toolbar-buttons-item #hrefSend, .toolbar-buttons-item #hrefprintCtrl, .toolbar-buttons-item #hrefexpCtrl, .toolbar-buttons-item #basket_of_documents, .toolbar-buttons-item #hrefprc, .toolbar-buttons-item #hrefec, .toolbar-buttons-item #show_odd_documents, .toolbar-buttons-item #add_favorites, .toolbar-buttons-item #hrefstf, .toolbar-buttons-item #mydocsButton, .toolbar-buttons-item #mySendToInfolexButton, .toolbar-buttons-item #hrefCargarExpediente, .toolbar-buttons-item #myalertedsearchesButton, .toolbar-buttons-item #myalerteddocsButton, .toolbar-buttons-item #hrefsendToInfolex, .toolbar-buttons-item #addToMyBasket, .toolbar-buttons-item .plusMinus, .toolbar-buttons-item .text-mas, .toolbar-buttons-item .text-menos, .toolbar-buttons-item .item-button {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em .25em
}

    .toolbar-buttons-item a.addCommentButton:hover, .toolbar-buttons-item #hrefSend:hover, .toolbar-buttons-item #hrefprintCtrl:hover, .toolbar-buttons-item #hrefexpCtrl:hover, .toolbar-buttons-item #basket_of_documents:hover, .toolbar-buttons-item #hrefprc:hover, .toolbar-buttons-item #hrefec:hover, .toolbar-buttons-item #show_odd_documents:hover, .toolbar-buttons-item #add_favorites:hover, .toolbar-buttons-item #hrefstf:hover, .toolbar-buttons-item #mydocsButton:hover, .toolbar-buttons-item #mySendToInfolexButton:hover, .toolbar-buttons-item #hrefCargarExpediente:hover, .toolbar-buttons-item #myalertedsearchesButton:hover, .toolbar-buttons-item #myalerteddocsButton:hover, .toolbar-buttons-item #hrefsendToInfolex:hover, .toolbar-buttons-item #addToMyBasket:hover, .toolbar-buttons-item .plusMinus:hover, .toolbar-buttons-item .text-mas:hover, .toolbar-buttons-item .text-menos:hover, .toolbar-buttons-item .item-button:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .toolbar-buttons-item a.addCommentButton:hover::before, .toolbar-buttons-item #hrefSend:hover::before, .toolbar-buttons-item #hrefprintCtrl:hover::before, .toolbar-buttons-item #hrefexpCtrl:hover::before, .toolbar-buttons-item #basket_of_documents:hover::before, .toolbar-buttons-item #hrefprc:hover::before, .toolbar-buttons-item #hrefec:hover::before, .toolbar-buttons-item #show_odd_documents:hover::before, .toolbar-buttons-item #add_favorites:hover::before, .toolbar-buttons-item #hrefstf:hover::before, .toolbar-buttons-item #mydocsButton:hover::before, .toolbar-buttons-item #mySendToInfolexButton:hover::before, .toolbar-buttons-item #hrefCargarExpediente:hover::before, .toolbar-buttons-item #myalertedsearchesButton:hover::before, .toolbar-buttons-item #myalerteddocsButton:hover::before, .toolbar-buttons-item #hrefsendToInfolex:hover::before, .toolbar-buttons-item #addToMyBasket:hover::before, .toolbar-buttons-item .plusMinus:hover::before, .toolbar-buttons-item .text-mas:hover::before, .toolbar-buttons-item .text-menos:hover::before, .toolbar-buttons-item .item-button:hover::before {
            font-weight: 700
        }

    .toolbar-buttons-item a.addCommentButton:hover, .toolbar-buttons-item #hrefSend:hover, .toolbar-buttons-item #hrefprintCtrl:hover, .toolbar-buttons-item #hrefexpCtrl:hover, .toolbar-buttons-item #basket_of_documents:hover, .toolbar-buttons-item #hrefprc:hover, .toolbar-buttons-item #hrefec:hover, .toolbar-buttons-item #show_odd_documents:hover, .toolbar-buttons-item #add_favorites:hover, .toolbar-buttons-item #hrefstf:hover, .toolbar-buttons-item #mydocsButton:hover, .toolbar-buttons-item #mySendToInfolexButton:hover, .toolbar-buttons-item #hrefCargarExpediente:hover, .toolbar-buttons-item #myalertedsearchesButton:hover, .toolbar-buttons-item #myalerteddocsButton:hover, .toolbar-buttons-item #hrefsendToInfolex:hover, .toolbar-buttons-item #addToMyBasket:hover, .toolbar-buttons-item .plusMinus:hover, .toolbar-buttons-item .text-mas:hover, .toolbar-buttons-item .text-menos:hover, .toolbar-buttons-item .item-button:hover {
        text-decoration: none !important
    }

.toolbar-buttons-item a.addCommentButton, .toolbar-buttons-item #hrefSend, .toolbar-buttons-item #hrefprintCtrl, .toolbar-buttons-item #hrefexpCtrl, .toolbar-buttons-item #basket_of_documents, .toolbar-buttons-item #hrefprc, .toolbar-buttons-item #hrefec, .toolbar-buttons-item #show_odd_documents, .toolbar-buttons-item #add_favorites, .toolbar-buttons-item #hrefstf, .toolbar-buttons-item #mydocsButton, .toolbar-buttons-item #mySendToInfolexButton, .toolbar-buttons-item #hrefCargarExpediente, .toolbar-buttons-item #myalertedsearchesButton, .toolbar-buttons-item #myalerteddocsButton, .toolbar-buttons-item #hrefsendToInfolex, .toolbar-buttons-item #addToMyBasket, .toolbar-buttons-item .plusMinus, .toolbar-buttons-item .text-mas, .toolbar-buttons-item .text-menos, .toolbar-buttons-item .item-button {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 32px;
    width: 32px
}

    .toolbar-buttons-item a.addCommentButton.disabled, .toolbar-buttons-item #hrefSend.disabled, .toolbar-buttons-item #hrefprintCtrl.disabled, .toolbar-buttons-item #hrefexpCtrl.disabled, .toolbar-buttons-item #basket_of_documents.disabled, .toolbar-buttons-item #hrefprc.disabled, .toolbar-buttons-item #hrefec.disabled, .toolbar-buttons-item #show_odd_documents.disabled, .toolbar-buttons-item #add_favorites.disabled, .toolbar-buttons-item #hrefstf.disabled, .toolbar-buttons-item #mydocsButton.disabled, .toolbar-buttons-item #mySendToInfolexButton.disabled, .toolbar-buttons-item #hrefCargarExpediente.disabled, .toolbar-buttons-item #myalertedsearchesButton.disabled, .toolbar-buttons-item #myalerteddocsButton.disabled, .toolbar-buttons-item #hrefsendToInfolex.disabled, .toolbar-buttons-item #addToMyBasket.disabled, .toolbar-buttons-item .plusMinus.disabled, .toolbar-buttons-item .text-mas.disabled, .toolbar-buttons-item .text-menos.disabled, .toolbar-buttons-item .item-button.disabled {
        pointer-events: none;
        opacity: .35
    }

    .toolbar-buttons-item a.addCommentButton::before, .toolbar-buttons-item a.addCommentButton::after, .toolbar-buttons-item #hrefSend::before, .toolbar-buttons-item #hrefSend::after, .toolbar-buttons-item #hrefprintCtrl::before, .toolbar-buttons-item #hrefprintCtrl::after, .toolbar-buttons-item #hrefexpCtrl::before, .toolbar-buttons-item #hrefexpCtrl::after, .toolbar-buttons-item #basket_of_documents::before, .toolbar-buttons-item #basket_of_documents::after, .toolbar-buttons-item #hrefprc::before, .toolbar-buttons-item #hrefprc::after, .toolbar-buttons-item #hrefec::before, .toolbar-buttons-item #hrefec::after, .toolbar-buttons-item #show_odd_documents::before, .toolbar-buttons-item #show_odd_documents::after, .toolbar-buttons-item #add_favorites::before, .toolbar-buttons-item #add_favorites::after, .toolbar-buttons-item #hrefstf::before, .toolbar-buttons-item #hrefstf::after, .toolbar-buttons-item #mydocsButton::before, .toolbar-buttons-item #mydocsButton::after, .toolbar-buttons-item #mySendToInfolexButton::before, .toolbar-buttons-item #mySendToInfolexButton::after, .toolbar-buttons-item #hrefCargarExpediente::before, .toolbar-buttons-item #hrefCargarExpediente::after, .toolbar-buttons-item #myalertedsearchesButton::before, .toolbar-buttons-item #myalertedsearchesButton::after, .toolbar-buttons-item #myalerteddocsButton::before, .toolbar-buttons-item #myalerteddocsButton::after, .toolbar-buttons-item #hrefsendToInfolex::before, .toolbar-buttons-item #hrefsendToInfolex::after, .toolbar-buttons-item #addToMyBasket::before, .toolbar-buttons-item #addToMyBasket::after, .toolbar-buttons-item .plusMinus::before, .toolbar-buttons-item .plusMinus::after, .toolbar-buttons-item .text-mas::before, .toolbar-buttons-item .text-mas::after, .toolbar-buttons-item .text-menos::before, .toolbar-buttons-item .text-menos::after, .toolbar-buttons-item .item-button::before, .toolbar-buttons-item .item-button::after {
        background-color: rgba(0,0,0,0)
    }

    .toolbar-buttons-item a.addCommentButton:hover::before, .toolbar-buttons-item a.addCommentButton:hover::after, .toolbar-buttons-item #hrefSend:hover::before, .toolbar-buttons-item #hrefSend:hover::after, .toolbar-buttons-item #hrefprintCtrl:hover::before, .toolbar-buttons-item #hrefprintCtrl:hover::after, .toolbar-buttons-item #hrefexpCtrl:hover::before, .toolbar-buttons-item #hrefexpCtrl:hover::after, .toolbar-buttons-item #basket_of_documents:hover::before, .toolbar-buttons-item #basket_of_documents:hover::after, .toolbar-buttons-item #hrefprc:hover::before, .toolbar-buttons-item #hrefprc:hover::after, .toolbar-buttons-item #hrefec:hover::before, .toolbar-buttons-item #hrefec:hover::after, .toolbar-buttons-item #show_odd_documents:hover::before, .toolbar-buttons-item #show_odd_documents:hover::after, .toolbar-buttons-item #add_favorites:hover::before, .toolbar-buttons-item #add_favorites:hover::after, .toolbar-buttons-item #hrefstf:hover::before, .toolbar-buttons-item #hrefstf:hover::after, .toolbar-buttons-item #mydocsButton:hover::before, .toolbar-buttons-item #mydocsButton:hover::after, .toolbar-buttons-item #mySendToInfolexButton:hover::before, .toolbar-buttons-item #mySendToInfolexButton:hover::after, .toolbar-buttons-item #hrefCargarExpediente:hover::before, .toolbar-buttons-item #hrefCargarExpediente:hover::after, .toolbar-buttons-item #myalertedsearchesButton:hover::before, .toolbar-buttons-item #myalertedsearchesButton:hover::after, .toolbar-buttons-item #myalerteddocsButton:hover::before, .toolbar-buttons-item #myalerteddocsButton:hover::after, .toolbar-buttons-item #hrefsendToInfolex:hover::before, .toolbar-buttons-item #hrefsendToInfolex:hover::after, .toolbar-buttons-item #addToMyBasket:hover::before, .toolbar-buttons-item #addToMyBasket:hover::after, .toolbar-buttons-item .plusMinus:hover::before, .toolbar-buttons-item .plusMinus:hover::after, .toolbar-buttons-item .text-mas:hover::before, .toolbar-buttons-item .text-mas:hover::after, .toolbar-buttons-item .text-menos:hover::before, .toolbar-buttons-item .text-menos:hover::after, .toolbar-buttons-item .item-button:hover::before, .toolbar-buttons-item .item-button:hover::after {
        background-color: rgba(0,0,0,0)
    }

    .toolbar-buttons-item a.addCommentButton dfn, .toolbar-buttons-item #hrefSend dfn, .toolbar-buttons-item #hrefprintCtrl dfn, .toolbar-buttons-item #hrefexpCtrl dfn, .toolbar-buttons-item #basket_of_documents dfn, .toolbar-buttons-item #hrefprc dfn, .toolbar-buttons-item #hrefec dfn, .toolbar-buttons-item #show_odd_documents dfn, .toolbar-buttons-item #add_favorites dfn, .toolbar-buttons-item #hrefstf dfn, .toolbar-buttons-item #mydocsButton dfn, .toolbar-buttons-item #mySendToInfolexButton dfn, .toolbar-buttons-item #hrefCargarExpediente dfn, .toolbar-buttons-item #myalertedsearchesButton dfn, .toolbar-buttons-item #myalerteddocsButton dfn, .toolbar-buttons-item #hrefsendToInfolex dfn, .toolbar-buttons-item #addToMyBasket dfn, .toolbar-buttons-item .plusMinus dfn, .toolbar-buttons-item .text-mas dfn, .toolbar-buttons-item .text-menos dfn, .toolbar-buttons-item .item-button dfn {
        display: none
    }

    .toolbar-buttons-item a.addCommentButton::before, .toolbar-buttons-item #hrefSend::before, .toolbar-buttons-item #hrefprintCtrl::before, .toolbar-buttons-item #hrefexpCtrl::before, .toolbar-buttons-item #basket_of_documents::before, .toolbar-buttons-item #hrefprc::before, .toolbar-buttons-item #hrefec::before, .toolbar-buttons-item #show_odd_documents::before, .toolbar-buttons-item #add_favorites::before, .toolbar-buttons-item #hrefstf::before, .toolbar-buttons-item #mydocsButton::before, .toolbar-buttons-item #mySendToInfolexButton::before, .toolbar-buttons-item #hrefCargarExpediente::before, .toolbar-buttons-item #myalertedsearchesButton::before, .toolbar-buttons-item #myalerteddocsButton::before, .toolbar-buttons-item #hrefsendToInfolex::before, .toolbar-buttons-item #addToMyBasket::before, .toolbar-buttons-item .plusMinus::before, .toolbar-buttons-item .text-mas::before, .toolbar-buttons-item .text-menos::before, .toolbar-buttons-item .item-button::before {
        font-size: 1.3em
    }

    .toolbar-buttons-item a.addCommentButton:hover::before, .toolbar-buttons-item #hrefSend:hover::before, .toolbar-buttons-item #hrefprintCtrl:hover::before, .toolbar-buttons-item #hrefexpCtrl:hover::before, .toolbar-buttons-item #basket_of_documents:hover::before, .toolbar-buttons-item #hrefprc:hover::before, .toolbar-buttons-item #hrefec:hover::before, .toolbar-buttons-item #show_odd_documents:hover::before, .toolbar-buttons-item #add_favorites:hover::before, .toolbar-buttons-item #hrefstf:hover::before, .toolbar-buttons-item #mydocsButton:hover::before, .toolbar-buttons-item #mySendToInfolexButton:hover::before, .toolbar-buttons-item #hrefCargarExpediente:hover::before, .toolbar-buttons-item #myalertedsearchesButton:hover::before, .toolbar-buttons-item #myalerteddocsButton:hover::before, .toolbar-buttons-item #hrefsendToInfolex:hover::before, .toolbar-buttons-item #addToMyBasket:hover::before, .toolbar-buttons-item .plusMinus:hover::before, .toolbar-buttons-item .text-mas:hover::before, .toolbar-buttons-item .text-menos:hover::before, .toolbar-buttons-item .item-button:hover::before {
        color: #fff;
        text-shadow: -0.01ex 0 0 #000,.01ex 0 0 #000;
        -webkit-text-stroke-width: .01ex
    }

.toolbar-buttons #BODOpenButton::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons #BODExportButton::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons #BODPrintButton::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons #BODSendButton::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons #BODSaveButton::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons #BODDeleteButton::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons #basket_of_documents::before, .toolbar-buttons #addToMyBasket a::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons #hrefprintCtrl::before, .toolbar-buttons #hrefprc::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons #hrefexpCtrl::before, .toolbar-buttons #hrefec::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons #show_odd_documents::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons #add_favorites::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons #hrefSend::before, .toolbar-buttons #hrefstf::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons #mydocsButton::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons #mySendToInfolexButton::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons #hrefCargarExpediente::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons a.addCommentButton::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons a.addCommentButton {
    position: relative
}

    .toolbar-buttons a.addCommentButton input.addCommentButton {
        background: rgba(0,0,0,0);
        border: none;
        position: absolute
    }

.toolbar-buttons .plusMinus::before {
    font-family: var(--kg-font-family-icons);
    content: "";
    font-size: .95em
}

.toolbar-buttons #myalertedsearchesButton::before, .toolbar-buttons #myalerteddocsButton::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons #hrefsendToInfolex::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons .lupa.close {
    display: none
}

.toolbar-buttons .lupa #textsizecontroldiv {
    background-color: var(--kg-cite-color);
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
    align-content: center;
    min-height: 2.5em;
    min-width: max-content;
    padding: .25em 3em .25em 1em;
    position: absolute;
    top: -0.25em;
    right: -0.25em;
    z-index: -1
}

.toolbar-buttons .lupa .text-mas, .toolbar-buttons .lupa .text-menos {
    font-size: .8em
}

    .toolbar-buttons .lupa .text-mas::before, .toolbar-buttons .lupa .text-menos::before {
        background-color: var(--kg-accent-color);
        border-radius: 5px;
        padding: .25em
    }

.toolbar-buttons .text-menos::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons .text-mas::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons .icon-select-all::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons .icon-clean::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons .icon-start::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons .icon-next::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons .icon-back::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons .icon-export::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.toolbar-buttons .icon-preview::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.cToolbar-container {
    display: flex;
    align-items: center;
    gap: 1em;
    font-size: .8em
}

.cToolbar-control {
    display: none
}

@media(min-width: 992px) {
    .cToolbar-control {
        display: flex
    }
}

.cToolbar-control {
    border-bottom: var(--kg-border-black);
    position: relative;
    align-items: center;
    gap: 1em
}

    .cToolbar-control:not(:has(option)) {
        display: none
    }

    .cToolbar-control select {
        background-color: rgba(0,0,0,0);
        border: none;
        max-width: 13em
    }

.cToolbar .cNavigationContainer {
    display: flex;
    align-items: center
}

    .cToolbar .cNavigationContainer .NavigationBar {
        display: flex;
        align-items: center
    }

    .cToolbar .cNavigationContainer .navigatorTitle {
        display: none
    }

    .cToolbar .cNavigationContainer #navigationcontrol_docbuttons {
        display: flex;
        align-items: center;
        gap: .25em;
        list-style: none;
        padding: 0;
        margin: 0
    }

        .cToolbar .cNavigationContainer #navigationcontrol_docbuttons li {
            display: flex
        }

        .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a {
            color: #666;
            text-decoration: none;
            min-width: 1.25em;
            min-height: 1.25em;
            display: flex;
            align-items: center;
            justify-content: center
        }

            .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a.navigationActualDoc {
                font-size: 1.2em
            }

            .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a#navigationcontrol_firstimage::before, .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a#navigationcontrol_previousimage::before, .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a#navigationcontrol_nextimage::before, .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a#navigationcontrol_lastimage::before {
                color: var(--kg-secondary-color)
            }

            .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a#navigationcontrol_firstimage.ncEnable::before, .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a#navigationcontrol_previousimage.ncEnable::before, .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a#navigationcontrol_nextimage.ncEnable::before, .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a#navigationcontrol_lastimage.ncEnable::before {
                font-weight: 700
            }

            .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a#navigationcontrol_firstimage.ncDisable, .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a#navigationcontrol_previousimage.ncDisable, .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a#navigationcontrol_nextimage.ncDisable, .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a#navigationcontrol_lastimage.ncDisable {
                color: var(--kg-disabled-color);
                cursor: default;
                opacity: .5
            }

            .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a#navigationcontrol_firstimage:hover::before, .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a#navigationcontrol_previousimage:hover::before, .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a#navigationcontrol_nextimage:hover::before, .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a#navigationcontrol_lastimage:hover::before {
                font-size: 1.25em
            }

            .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a#navigationcontrol_firstimage::before {
                font-family: var(--kg-font-family-icons);
                content: ""
            }

            .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a#navigationcontrol_previousimage::before {
                font-family: var(--kg-font-family-icons);
                content: ""
            }

            .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a#navigationcontrol_nextimage::before {
                font-family: var(--kg-font-family-icons);
                content: ""
            }

            .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a#navigationcontrol_lastimage::before {
                font-family: var(--kg-font-family-icons);
                content: ""
            }

            .cToolbar .cNavigationContainer #navigationcontrol_docbuttons a dfn {
                display: none
            }

#cTables:has(#cIzq) {
    grid-template-areas: "left-side" "right-side"
}

@media(min-width: 1200px) {
    #cTables:has(#cIzq) {
        grid-template-areas: "left-side right-side"
    }
}

#cTables:has(#cIzq) {
    grid-template-columns: auto
}

@media(min-width: 1200px) {
    #cTables:has(#cIzq) {
        grid-template-columns: 18em 1fr
    }
}

#cTables:has(#cIzq) {
    display: grid;
    gap: .5em
}

#cTables #cIzq:empty {
    display: none
}

#cTables #cIzq {
    scrollbar-width: thin
}

    #cTables #cIzq::-webkit-scrollbar {
        width: 13px
    }

    #cTables #cIzq::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    #cTables #cIzq::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

#cTables #cIzq {
    overflow: auto;
    width: 100%
}

@media(min-width: 1200px) {
    #cTables #cIzq {
        width: 18em
    }
}

#cTables #cIzq {
    position: inherit
}

@media(min-width: 1200px) {
    #cTables #cIzq {
        position: fixed
    }
}

#cTables #cIzq {
    background-color: #fff;
    border-radius: 5px;
    grid-area: left-side
}

#cTables #cDch {
    background-color: #fff;
    border-radius: 5px;
    overflow-x: auto;
    grid-area: right-side;
    width: 100%
}

.c-tables:has(.c-tables-tree) {
    grid-template-areas: "left-side" "right-side"
}

@media(min-width: 1200px) {
    .c-tables:has(.c-tables-tree) {
        grid-template-areas: "left-side right-side"
    }
}

.c-tables:has(.c-tables-tree) {
    grid-template-columns: auto
}

@media(min-width: 1200px) {
    .c-tables:has(.c-tables-tree) {
        grid-template-columns: 18em 1fr
    }
}

.c-tables:has(.c-tables-tree) {
    display: grid;
    gap: .5em
}

.c-tables-tree-hidden {
    display: none
}

.c-tables-tree {
    width: 100%
}

@media(min-width: 1200px) {
    .c-tables-tree {
        width: 18em
    }
}

.c-tables-tree {
    position: inherit
}

@media(min-width: 1200px) {
    .c-tables-tree {
        position: fixed
    }
}

.c-tables-tree {
    background-color: #fff;
    border-radius: 5px;
    grid-area: left-side
}

.c-tables-table {
    overflow-x: auto;
    grid-area: right-side;
    width: 100%
}

.c-tables-container {
    background-color: #fff;
    border-radius: var(--kg-border-radius);
    padding: 1em;
    margin-block-end: 1em
}

.c-tables-control {
    display: none
}

.c-tables .dt-layout-cell {
    padding: 0
}

.c-tables td.dt-empty {
    position: relative;
    font-size: 0
}

    .c-tables td.dt-empty:before {
        content: "No hay ninguna alerta creada";
        font-size: var(--kg-font-size-base)
    }

.c-tables div[class*=ViewMy] {
    min-height: calc(100% - var(--tbl-tabs-height))
}

.c-tables-table thead, #izqSup, #dchSup {
    background-color: var(--kg-blue-100);
    border-radius: var(--kg-border-radius)
}

    .c-tables-table thead tr, #izqSup tr, #dchSup tr {
        border: none
    }

        .c-tables-table thead tr td, .c-tables-table thead tr th, #izqSup tr td, #izqSup tr th, #dchSup tr td, #dchSup tr th {
            border: none;
            font-weight: 500;
            height: 3em;
            vertical-align: middle
        }

            .c-tables-table thead tr td:not(.empty):not(:empty):not(.dt-orderable-asc), .c-tables-table thead tr th:not(.empty):not(:empty):not(.dt-orderable-asc), #izqSup tr td:not(.empty):not(:empty):not(.dt-orderable-asc), #izqSup tr th:not(.empty):not(:empty):not(.dt-orderable-asc), #dchSup tr td:not(.empty):not(:empty):not(.dt-orderable-asc), #dchSup tr th:not(.empty):not(:empty):not(.dt-orderable-asc) {
                padding: .5em
            }

.c-tables div.dt-container div.dt-layout-cell {
    padding: 0
}

.c-tables table {
    width: 100%
}

    .c-tables table.dataTable > thead > tr > th {
        border: none
    }

.c-tables td.botones, .c-tables td.buttons {
    vertical-align: top
}

    .c-tables td.botones .buttons-main, .c-tables td.botones p, .c-tables td.buttons .buttons-main, .c-tables td.buttons p {
        display: flex;
        justify-content: flex-end;
        gap: .5em;
        margin-block-start: 0;
        margin-block-end: 0
    }

    .c-tables td.botones a, .c-tables td.buttons a {
        color: var(--kg-complementary-color);
        border: 1px solid var(--kg-complementary-color);
        border-radius: 5px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .c-tables td.botones a:hover, .c-tables td.buttons a:hover {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            color: #fff;
            border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
        }

            .c-tables td.botones a:hover::before, .c-tables td.buttons a:hover::before {
                font-weight: 400
            }

        .c-tables td.botones a:hover, .c-tables td.buttons a:hover {
            text-decoration: none !important
        }

    .c-tables td.botones a, .c-tables td.buttons a {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        .c-tables td.botones a.disabled, .c-tables td.buttons a.disabled {
            pointer-events: none;
            opacity: .35
        }

        .c-tables td.botones a::before, .c-tables td.botones a::after, .c-tables td.buttons a::before, .c-tables td.buttons a::after {
            background-color: rgba(0,0,0,0)
        }

        .c-tables td.botones a:hover::before, .c-tables td.botones a:hover::after, .c-tables td.buttons a:hover::before, .c-tables td.buttons a:hover::after {
            background-color: rgba(0,0,0,0)
        }

    .c-tables td.botones a, .c-tables td.buttons a {
        hyphens: none
    }

        .c-tables td.botones a dfn, .c-tables td.buttons a dfn {
            display: none
        }

        .c-tables td.botones a#delete, .c-tables td.botones a.suprimir, .c-tables td.buttons a#delete, .c-tables td.buttons a.suprimir {
            color: var(--kg-delete-color);
            border: 1px solid var(--kg-delete-color);
            border-radius: 5px;
            font-size: 1em;
            padding: .25rem .5rem
        }

            .c-tables td.botones a#delete:hover, .c-tables td.botones a.suprimir:hover, .c-tables td.buttons a#delete:hover, .c-tables td.buttons a.suprimir:hover {
                background-color: rgb(188.0722891566,21.9277108434,33.734939759);
                color: #fff;
                border-color: rgb(188.0722891566,21.9277108434,33.734939759)
            }

                .c-tables td.botones a#delete:hover::before, .c-tables td.botones a.suprimir:hover::before, .c-tables td.buttons a#delete:hover::before, .c-tables td.buttons a.suprimir:hover::before {
                    font-weight: 400
                }

            .c-tables td.botones a#delete:hover, .c-tables td.botones a.suprimir:hover, .c-tables td.buttons a#delete:hover, .c-tables td.buttons a.suprimir:hover {
                text-decoration: none !important
            }

        .c-tables td.botones a#delete, .c-tables td.botones a.suprimir, .c-tables td.buttons a#delete, .c-tables td.buttons a.suprimir {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s;
            height: 32px;
            width: 32px
        }

            .c-tables td.botones a#delete.disabled, .c-tables td.botones a.suprimir.disabled, .c-tables td.buttons a#delete.disabled, .c-tables td.buttons a.suprimir.disabled {
                pointer-events: none;
                opacity: .35
            }

            .c-tables td.botones a#delete::before, .c-tables td.botones a#delete::after, .c-tables td.botones a.suprimir::before, .c-tables td.botones a.suprimir::after, .c-tables td.buttons a#delete::before, .c-tables td.buttons a#delete::after, .c-tables td.buttons a.suprimir::before, .c-tables td.buttons a.suprimir::after {
                background-color: rgba(0,0,0,0)
            }

            .c-tables td.botones a#delete:hover::before, .c-tables td.botones a#delete:hover::after, .c-tables td.botones a.suprimir:hover::before, .c-tables td.botones a.suprimir:hover::after, .c-tables td.buttons a#delete:hover::before, .c-tables td.buttons a#delete:hover::after, .c-tables td.buttons a.suprimir:hover::before, .c-tables td.buttons a.suprimir:hover::after {
                background-color: rgba(0,0,0,0)
            }

            .c-tables td.botones a#delete:after, .c-tables td.botones a.suprimir:after, .c-tables td.buttons a#delete:after, .c-tables td.buttons a.suprimir:after {
                font-family: var(--kg-font-family-icons);
                content: ""
            }

        .c-tables td.botones a.modificarCriterios:after, .c-tables td.botones a#edit:after, .c-tables td.buttons a.modificarCriterios:after, .c-tables td.buttons a#edit:after {
            content: "Editar"
        }

        .c-tables td.botones a.showDetail:after, .c-tables td.botones a.verDetalle:after, .c-tables td.buttons a.showDetail:after, .c-tables td.buttons a.verDetalle:after {
            content: "Detalle"
        }

        .c-tables td.botones a.showLast:after, .c-tables td.buttons a.showLast:after {
            content: "Último"
        }

        .c-tables td.botones a.showHistorical:after, .c-tables td.buttons a.showHistorical:after {
            content: "Histórico"
        }

    .c-tables td.botones .modificarCriterios[href*="/Content/Voces_"], .c-tables td.buttons .modificarCriterios[href*="/Content/Voces_"] {
        visibility: hidden
    }

.c-tables .InfUserMyDossiersItemModel {
    text-align: center
}

    .c-tables .InfUserMyDossiersItemModel::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        color: var(--kg-complementary-color);
        font-weight: 300;
        font-size: 1.2em;
        padding: .5em;
        display: block
    }

.c-tables .InfUserMyBoxItemModel {
    text-align: center
}

    .c-tables .InfUserMyBoxItemModel::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        color: var(--kg-complementary-color);
        font-weight: 300;
        font-size: 1.2em;
        padding: .5em;
        display: block
    }

.c-tables .InfUserMyDocItemModel {
    text-align: center
}

    .c-tables .InfUserMyDocItemModel::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        color: var(--kg-complementary-color);
        font-weight: 300;
        font-size: 1.2em;
        padding: .5em;
        display: block
    }

.c-tables .suscription-switch input {
    height: 0;
    width: 0;
    visibility: hidden
}

    .c-tables .suscription-switch input:checked + label {
        background-color: rgb(248.8008,207.8336,.9992)
    }

        .c-tables .suscription-switch input:checked + label::after {
            left: calc(100% - 2px);
            transform: translateX(-100%)
        }

.c-tables .suscription-switch label {
    cursor: pointer;
    width: 40px;
    height: 22px;
    background-color: #666;
    display: block;
    border-radius: 100px;
    position: relative;
    margin-left: 0
}

    .c-tables .suscription-switch label::after {
        content: "";
        position: absolute;
        top: 2px;
        left: 2px;
        width: 18px;
        height: 18px;
        background-color: #fff;
        border-radius: 100px;
        transition: .3s
    }

.c-tables td:not(.empty):not(:empty) {
    border-bottom: var(--kg-border-default);
    vertical-align: top;
    padding: .5em
}

.c-tables td:not([class]):first-child:empty .c-tables td.empty, .c-tables td:empty, .c-tables td.dragHandle {
    width: 0;
    padding: 0
}

.c-tables td.title, .c-tables td.titulo {
    width: calc(100% - 44em)
}

    .c-tables td.title a, .c-tables td.titulo a {
        color: var(--kg-complementary-color);
        text-decoration: none
    }

        .c-tables td.title a:hover, .c-tables td.titulo a:hover {
            text-decoration: underline
        }

    .c-tables td.title .title-group, .c-tables td.titulo .title-group {
        font-weight: 500;
        margin-block-end: .3em
    }

    .c-tables td.title .title-alert, .c-tables td.titulo .title-alert {
        font-weight: 500;
        margin-block-end: .3em
    }

.c-tables td.hora, .c-tables td.fecha, .c-tables td.periodicidad, .c-tables td.detailDocType {
    text-align: center;
    width: 10em
}

.c-tables td.botones {
    width: 14em
}

.c-tables .section {
    width: 25%
}

.c-tables .suscription {
    text-align: center
}

    .c-tables .suscription label {
        margin: auto
    }

.c-tables p > .orden {
    display: none
}

.thematics-options {
    visibility: var(--theme-options-visibility)
}

    .thematics-options #alerts-number-selector {
        width: 40%
    }

        .thematics-options #alerts-number-selector select {
            margin: 0 10px
        }

.thematics-options-alerts {
    display: flex;
    gap: .5em;
    align-items: center;
    justify-content: flex-end
}

    .thematics-options-alerts .alerts-search {
        background: #fff;
        border: var(--kg-border-default);
        border-radius: 7px;
        display: flex;
        align-items: center;
        flex: 1;
        justify-content: flex-end;
        gap: .5em;
        max-width: 450px
    }

    .thematics-options-alerts .alerts-search-input {
        border: none
    }

    .thematics-options-alerts .alerts-search-button {
        background-color: var(--kg-primary-color);
        color: var(--kg-brand-secondary-blue);
        border: 1px solid var(--kg-primary-color);
        border-radius: 7px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .thematics-options-alerts .alerts-search-button::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: flex;
            justify-content: center;
            font-size: 1.25rem;
            color: inherit;
            background-color: var(--kg-primary-color)
        }

        .thematics-options-alerts .alerts-search-button:hover {
            background-color: rgb(227.97444,190.43648,.91556);
            color: #fff;
            border-color: rgb(227.97444,190.43648,.91556)
        }

            .thematics-options-alerts .alerts-search-button:hover::before {
                background-color: inherit;
                font-weight: 400
            }

        .thematics-options-alerts .alerts-search-button:hover {
            text-decoration: none !important
        }

    .thematics-options-alerts .alerts-search-button {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s;
        height: auto;
        width: auto
    }

        .thematics-options-alerts .alerts-search-button.disabled {
            pointer-events: none;
            opacity: .35
        }

        .thematics-options-alerts .alerts-search-button::before, .thematics-options-alerts .alerts-search-button::after {
            background-color: rgba(0,0,0,0)
        }

        .thematics-options-alerts .alerts-search-button:hover::before, .thematics-options-alerts .alerts-search-button:hover::after {
            background-color: rgba(0,0,0,0)
        }

    .thematics-options-alerts .alerts-create-button {
        background-color: var(--kg-complementary-color);
        color: #fff;
        border: 1px solid var(--kg-complementary-color);
        border-radius: 5px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .thematics-options-alerts .alerts-create-button:hover {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            color: #fff;
            border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
        }

            .thematics-options-alerts .alerts-create-button:hover::before {
                font-weight: 400
            }

        .thematics-options-alerts .alerts-create-button:hover {
            text-decoration: none !important
        }

    .thematics-options-alerts .alerts-create-button {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        .thematics-options-alerts .alerts-create-button.disabled {
            pointer-events: none;
            opacity: .35
        }

        .thematics-options-alerts .alerts-create-button::before, .thematics-options-alerts .alerts-create-button::after {
            background-color: rgba(0,0,0,0)
        }

        .thematics-options-alerts .alerts-create-button:hover::before, .thematics-options-alerts .alerts-create-button:hover::after {
            background-color: rgba(0,0,0,0)
        }

#MyDossiers_Detail td.imprimir {
    display: none
}

#MyDossiers_Head td:empty + .fecha, #MyDossiers_Head td.imprimir + .fecha {
    display: none
}

.personal-area-content #sesiones {
    display: flex;
    flex-direction: column;
    gap: .25em;
    padding: 0 1em
}

    .personal-area-content #sesiones li {
        border-bottom: var(--kg-border-default)
    }

        .personal-area-content #sesiones li:hover {
            border-bottom-color: var(--kg-complementary-color)
        }

        .personal-area-content #sesiones li a.eraseTraces {
            visibility: hidden;
            display: none
        }

    .personal-area-content #sesiones a {
        color: var(--kg-link-color);
        line-height: 1.75em;
        text-decoration: none;
        padding: 0
    }

        .personal-area-content #sesiones a:hover {
            text-decoration: none
        }

.personal-area-content #cDch td.titulo a {
    font-weight: 500
}

.personal-area-content #cDch td.titulo p:empty, .personal-area-content #cDch td.titulo dfn {
    display: none
}

.personal-area-content #cDch td.titulo h2 {
    color: #1d1d1b;
    font-family: var(--kg-font-family-sans-serif);
    font-size: 16px;
    font-style: initial;
    font-weight: 400;
    margin-block: 0 0;
    overflow-wrap: break-word;
    line-height: 16px;
    hyphens: initial
}

@media(min-width: 992px) {
    .personal-area-content #cDch td.titulo h2 {
        hyphens: auto
    }
}

.detail-page:has(.detail-page-head:empty) {
    display: none
}

.detail-page {
    margin: 0 1em
}

@media(min-width: 992px) {
    .detail-page {
        margin: 0 10em
    }
}

.detail-page {
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding: 1em
}

.detail-page-head {
    display: flex;
    justify-content: flex-end
}

    .detail-page-head:has(.detail-page-head-title) {
        justify-content: space-between
    }

.detail-page-head-title {
    display: block;
    font-weight: 500
}

.detail-page-body {
    border: var(--kg-border-default);
    border-left: none;
    border-right: none;
    padding: 1em
}

.detail-page-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5em;
    font-size: .9em;
    padding: 0 1em
}

    .detail-page-info:has(.detail-page-info-value:empty) {
        display: none
    }

.detail-page-info-value .labelmailsNumber::after {
    content: ": "
}

.detail-page-info-value .txtmailsNumber {
    font-weight: 500
}

.detail-page-info-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1em
}

    .detail-page-info-links .historical a {
        color: var(--kg-blue-600);
        border: var(--kg-border-medium);
        border-radius: 5px;
        font-size: 1em;
        padding: .25rem .5rem
    }

        .detail-page-info-links .historical a::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: flex;
            justify-content: center;
            font-size: 1.25rem;
            color: var(--kg-primary-color);
            background-color: initial
        }

        .detail-page-info-links .historical a:hover {
            background-color: var(--kg-brand-secondary-light-blue);
            color: var(--kg-blue-800);
            border-color: var(--kg-brand-secondary-light-blue)
        }

            .detail-page-info-links .historical a:hover::before {
                font-weight: 400
            }

        .detail-page-info-links .historical a:hover {
            text-decoration: none !important
        }

    .detail-page-info-links .historical a {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s;
        height: auto;
        width: auto
    }

        .detail-page-info-links .historical a.disabled {
            pointer-events: none;
            opacity: .35
        }

        .detail-page-info-links .historical a::before, .detail-page-info-links .historical a::after {
            background-color: rgba(0,0,0,0)
        }

        .detail-page-info-links .historical a:hover::before, .detail-page-info-links .historical a:hover::after {
            background-color: rgba(0,0,0,0)
        }

    .detail-page-info-links .lastEmail a {
        color: var(--kg-blue-600);
        border: var(--kg-border-medium);
        border-radius: 5px;
        font-size: 1em;
        padding: .25rem .5rem
    }

        .detail-page-info-links .lastEmail a::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: flex;
            justify-content: center;
            font-size: 1.25rem;
            color: var(--kg-primary-color);
            background-color: initial
        }

        .detail-page-info-links .lastEmail a:hover {
            background-color: var(--kg-brand-secondary-light-blue);
            color: var(--kg-blue-800);
            border-color: var(--kg-brand-secondary-light-blue)
        }

            .detail-page-info-links .lastEmail a:hover::before {
                font-weight: 400
            }

        .detail-page-info-links .lastEmail a:hover {
            text-decoration: none !important
        }

    .detail-page-info-links .lastEmail a {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s;
        height: auto;
        width: auto
    }

        .detail-page-info-links .lastEmail a.disabled {
            pointer-events: none;
            opacity: .35
        }

        .detail-page-info-links .lastEmail a::before, .detail-page-info-links .lastEmail a::after {
            background-color: rgba(0,0,0,0)
        }

        .detail-page-info-links .lastEmail a:hover::before, .detail-page-info-links .lastEmail a:hover::after {
            background-color: rgba(0,0,0,0)
        }

    .detail-page-info-links .delete a {
        background-color: #fff;
        color: #000;
        border: var(--kg-border-medium);
        border-radius: 5px;
        font-size: 1em;
        padding: .25rem .5rem
    }

        .detail-page-info-links .delete a::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: flex;
            justify-content: center;
            font-size: 1.25rem;
            color: var(--kg-delete-color);
            background-color: initial
        }

        .detail-page-info-links .delete a:hover {
            background-color: var(--kg-brand-secondary-light-blue);
            color: var(--kg-blue-800);
            border-color: var(--kg-brand-secondary-light-blue)
        }

            .detail-page-info-links .delete a:hover::before {
                font-weight: 400
            }

        .detail-page-info-links .delete a:hover {
            text-decoration: none !important
        }

    .detail-page-info-links .delete a {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s;
        height: auto;
        width: auto
    }

        .detail-page-info-links .delete a.disabled {
            pointer-events: none;
            opacity: .35
        }

        .detail-page-info-links .delete a::before, .detail-page-info-links .delete a::after {
            background-color: rgba(0,0,0,0)
        }

        .detail-page-info-links .delete a:hover::before, .detail-page-info-links .delete a:hover::after {
            background-color: rgba(0,0,0,0)
        }

.detail-page #lblDetalleAlertaDocumentos ~ #divDetailSearchDocument .detailModule, .detail-page #lblDetalleAlertaDocumentos ~ #divDetailSearchDocument .detailSearchCriteria {
    display: none
}

.detail-page .detailTitle, .detail-page .detailModule, .detail-page .detailCreationDate, .detail-page .detailLastAlertDate {
    display: flex;
    align-items: center;
    gap: 1em
}

.detail-page .labelFrequency, .detail-page .titleDescription, .detail-page .labelTitle, .detail-page .labelModule, .detail-page .labelCreationDate, .detail-page .LabelLastAlertDate, .detail-page .labelSearchCriteria {
    font-weight: 500
}

.detail-page .detailSearchCriteria {
    display: grid;
    grid-template-areas: "label text" ". list";
    grid-template-columns: 28% auto;
    align-items: center;
    gap: 1em
}

    .detail-page .detailSearchCriteria .labelSearchCriteria {
        grid-area: label
    }

    .detail-page .detailSearchCriteria .txtSearchCriteria {
        display: block;
        grid-area: text
    }

    .detail-page .detailSearchCriteria #ulSearchCriteria {
        grid-area: list
    }

.detail-page .description, .detail-page .frequency {
    display: flex;
    flex-direction: column;
    gap: .5em;
    margin-bottom: 1em
}

.detail-page .alertMailControlContainer {
    display: flex;
    justify-content: space-around;
    gap: .5em
}

    .detail-page .alertMailControlContainer li {
        display: flex;
        margin-top: .25em
    }

        .detail-page .alertMailControlContainer li input[type=radio], .detail-page .alertMailControlContainer li input[type=checkbox] {
            margin-right: .25em
        }

    .detail-page .alertMailControlContainer #emailList {
        display: none
    }

.detail-page .UpdateDetail {
    display: flex;
    flex-direction: row-reverse;
    gap: 1em
}

    .detail-page .UpdateDetail input[type=button].UpdateDetailAcceptButton {
        background-color: var(--kg-primary-color);
        color: var(--kg-brand-secondary-blue);
        border: 1px solid var(--kg-primary-color);
        border-radius: 7px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .detail-page .UpdateDetail input[type=button].UpdateDetailAcceptButton:hover {
            background-color: rgb(227.97444,190.43648,.91556);
            color: #fff;
            border-color: rgb(227.97444,190.43648,.91556)
        }

            .detail-page .UpdateDetail input[type=button].UpdateDetailAcceptButton:hover::before {
                background-color: inherit;
                font-weight: 400
            }

        .detail-page .UpdateDetail input[type=button].UpdateDetailAcceptButton:hover {
            text-decoration: none !important
        }

    .detail-page .UpdateDetail input[type=button].UpdateDetailAcceptButton {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        .detail-page .UpdateDetail input[type=button].UpdateDetailAcceptButton.disabled {
            pointer-events: none;
            opacity: .35
        }

        .detail-page .UpdateDetail input[type=button].UpdateDetailAcceptButton::before, .detail-page .UpdateDetail input[type=button].UpdateDetailAcceptButton::after {
            background-color: rgba(0,0,0,0)
        }

        .detail-page .UpdateDetail input[type=button].UpdateDetailAcceptButton:hover::before, .detail-page .UpdateDetail input[type=button].UpdateDetailAcceptButton:hover::after {
            background-color: rgba(0,0,0,0)
        }

    .detail-page .UpdateDetail input[type=button].UpdateDetailCancelButton {
        background-color: #fff;
        color: var(--kg-brand-secondary-blue);
        border: var(--kg-border-default);
        border-radius: 5px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .detail-page .UpdateDetail input[type=button].UpdateDetailCancelButton:hover {
            background-color: hsl(0,0%,70%);
            color: #fff;
            border-color: hsl(0,0%,70%)
        }

            .detail-page .UpdateDetail input[type=button].UpdateDetailCancelButton:hover::before {
                background-color: inherit;
                font-weight: 400
            }

        .detail-page .UpdateDetail input[type=button].UpdateDetailCancelButton:hover {
            text-decoration: none !important
        }

    .detail-page .UpdateDetail input[type=button].UpdateDetailCancelButton {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        .detail-page .UpdateDetail input[type=button].UpdateDetailCancelButton.disabled {
            pointer-events: none;
            opacity: .35
        }

        .detail-page .UpdateDetail input[type=button].UpdateDetailCancelButton::before, .detail-page .UpdateDetail input[type=button].UpdateDetailCancelButton::after {
            background-color: rgba(0,0,0,0)
        }

        .detail-page .UpdateDetail input[type=button].UpdateDetailCancelButton:hover::before, .detail-page .UpdateDetail input[type=button].UpdateDetailCancelButton:hover::after {
            background-color: rgba(0,0,0,0)
        }

.personal-area .tblMisAlertasClass {
    grid-area: tabs-buttons;
    background-color: var(--kg-light-color);
    z-index: 1100;
    width: 100vw
}

@media(min-width: 992px) {
    .personal-area .tblMisAlertasClass {
        width: calc(100dvw - var(--WorkArea-width))
    }
}

.personal-area .tblMisAlertasClass {
    position: relative
}

@media(min-width: 992px) {
    .personal-area .tblMisAlertasClass {
        position: fixed
    }
}

.personal-area .tblMisAlertasClass ul {
    display: flex;
    line-height: normal;
    margin-block: 0;
    flex-wrap: wrap
}

@media screen and (max-width: 599px) {
    .personal-area .tblMisAlertasClass ul {
        gap: .5em
    }
}

@media screen and (min-width: 991px)and (max-width: 1279px) {
    .personal-area .tblMisAlertasClass ul {
        gap: 2.5em
    }
}

.personal-area .tblMisAlertasClass ul li {
    padding: .25em 0
}

@media(min-width: 992px) {
    .personal-area .tblMisAlertasClass ul li {
        padding: 0
    }
}

.personal-area .tblMisAlertasClass ul li {
    overflow-wrap: initial
}

    .personal-area .tblMisAlertasClass ul li a {
        padding: 0 1em
    }

@media(min-width: 992px) {
    .personal-area .tblMisAlertasClass ul li a {
        padding: 1em 1em .375em 1em
    }
}

.personal-area .tblMisAlertasClass ul li a {
    border-bottom: .25em solid rgba(0,0,0,0);
    display: block;
    white-space: nowrap
}

    .personal-area .tblMisAlertasClass ul li a.selected {
        text-shadow: -0.01ex 0 0 currentColor,.01ex 0 0 currentColor;
        -webkit-text-stroke-width: .01ex;
        border-bottom-color: var(--kg-complementary-color)
    }

    .personal-area .tblMisAlertasClass ul li a:hover {
        border-bottom-color: var(--kg-accent-color)
    }

.personal-area .tblMisDosieresClass {
    display: none;
    visibility: hidden
}

.personal-area .tblAlDiaClass {
    grid-area: tabs-buttons;
    background-color: var(--kg-light-color);
    z-index: 1100;
    width: 100vw
}

@media(min-width: 992px) {
    .personal-area .tblAlDiaClass {
        width: calc(80dvw - var(--WorkArea-width))
    }
}

.personal-area .tblAlDiaClass {
    position: relative
}

@media(min-width: 992px) {
    .personal-area .tblAlDiaClass {
        position: fixed
    }
}

.personal-area .tblAlDiaClass ul {
    display: flex;
    line-height: normal;
    margin-block: 0;
    flex-wrap: wrap
}

@media screen and (max-width: 599px) {
    .personal-area .tblAlDiaClass ul {
        gap: .5em
    }
}

@media screen and (min-width: 991px)and (max-width: 1279px) {
    .personal-area .tblAlDiaClass ul {
        gap: 2.5em
    }
}

.personal-area .tblAlDiaClass ul li {
    padding: .25em 0
}

@media(min-width: 992px) {
    .personal-area .tblAlDiaClass ul li {
        padding: 0
    }
}

.personal-area .tblAlDiaClass ul li {
    overflow-wrap: initial
}

    .personal-area .tblAlDiaClass ul li a {
        padding: 0 1em
    }

@media(min-width: 992px) {
    .personal-area .tblAlDiaClass ul li a {
        padding: 1em 1em .375em 1em
    }
}

.personal-area .tblAlDiaClass ul li a {
    border-bottom: .25em solid rgba(0,0,0,0);
    display: block;
    white-space: nowrap
}

    .personal-area .tblAlDiaClass ul li a.selected {
        text-shadow: -0.01ex 0 0 currentColor,.01ex 0 0 currentColor;
        -webkit-text-stroke-width: .01ex;
        border-bottom-color: var(--kg-complementary-color)
    }

    .personal-area .tblAlDiaClass ul li a:hover {
        border-bottom-color: var(--kg-accent-color)
    }

.personal-area .ViewActualidadAlDiaContent, .personal-area .ViewMultimediaContent, .personal-area .ViewPodcastContent, .personal-area .ViewEncuentrosAlDiaContent, .personal-area .ViewMyAlertedThematicsContent, .personal-area .ViewMyAlertedSearchesContent, .personal-area .ViewMyAlertedDocumentsContent, .personal-area .ViewMyBoeDocsContent {
    grid-area: tabs-content
}

.personal-area-title-desc {
    display: flex;
    flex-direction: column
}

.personal-area-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 .5em
}

.personal-area-table {
    display: flex;
    flex-direction: column
}

.personal-area-body {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 1em
}

.cBody:has(.documentBrowserMessageLayer.wk-content-page) {
    height: calc(100dvh - 209px);
    align-content: center
}

.documentBrowserMessageLayer {
    border: var(--kg-border-default);
    color: var(--kg-secondary-color);
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    min-width: 50vw;
    margin: 0 auto;
    max-width: 95vw
}

@media(min-width: 992px) {
    .documentBrowserMessageLayer {
        max-width: 50vw
    }
}

.documentBrowserMessageLayer:not(.container--login) {
    background-color: #fff
}

    .documentBrowserMessageLayer:not(.container--login):has(.documentBrowserFootLabel:empty) .documentBrowserFootLabel {
        display: none
    }

.documentBrowserMessageLayer .logindiv {
    text-align: center
}

.documentBrowserMessageLayer .container--login {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 2em
}

.documentBrowserMessageLayer .documentBrowserHeadLayer {
    background-color: #fff;
    text-align: center
}

.documentBrowserMessageLayer .documentBrowserHeadLabel {
    color: #1d1d1b;
    font-family: var(--kg-font-kg-display);
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    margin-block: 0 1em;
    overflow-wrap: break-word;
    line-height: 32px;
    hyphens: initial
}

@media(min-width: 992px) {
    .documentBrowserMessageLayer .documentBrowserHeadLabel {
        hyphens: auto
    }
}

.documentBrowserMessageLayer .documentBrowserHeadLabel {
    display: block;
    line-height: 2em
}

.documentBrowserMessageLayer .documentBrowserBodyLayer {
    background-color: #fff;
    padding: 1em
}

.documentBrowserMessageLayer .documentBrowserBodyLabel {
    margin: 1em 0
}

.documentBrowserMessageLayer .documentBrowserLinkLayer {
    background-color: #fff;
    text-align: center
}

.documentBrowserMessageLayer .documentBrowserLinkLabel:not(:empty) {
    background-color: var(--kg-accent-color);
    color: #fff;
    border: 1px solid var(--kg-accent-color);
    font-size: 1em;
    padding: 0 0 0 .75rem
}

    .documentBrowserMessageLayer .documentBrowserLinkLabel:not(:empty)::after {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1em;
        color: #fff;
        background-color: var(--kg-secondary-color);
        padding: .75rem
    }

    .documentBrowserMessageLayer .documentBrowserLinkLabel:not(:empty):hover {
        background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
        color: #fff;
        border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
    }

        .documentBrowserMessageLayer .documentBrowserLinkLabel:not(:empty):hover::after {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            font-weight: 400
        }

    .documentBrowserMessageLayer .documentBrowserLinkLabel:not(:empty):hover {
        text-decoration: none !important
    }

.documentBrowserMessageLayer .documentBrowserLinkLabel:not(:empty) {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .documentBrowserMessageLayer .documentBrowserLinkLabel:not(:empty).disabled {
        pointer-events: none;
        opacity: .35
    }

    .documentBrowserMessageLayer .documentBrowserLinkLabel:not(:empty)::before, .documentBrowserMessageLayer .documentBrowserLinkLabel:not(:empty)::after {
        background-color: rgba(0,0,0,0)
    }

    .documentBrowserMessageLayer .documentBrowserLinkLabel:not(:empty):hover::before, .documentBrowserMessageLayer .documentBrowserLinkLabel:not(:empty):hover::after {
        background-color: rgba(0,0,0,0)
    }

.documentBrowserMessageLayer .sso-btn-login {
    background-color: var(--kg-accent-color);
    color: #fff;
    border: 1px solid var(--kg-accent-color);
    font-size: 1em;
    padding: 0 0 0 .75rem
}

    .documentBrowserMessageLayer .sso-btn-login::after {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1em;
        color: #fff;
        background-color: var(--kg-secondary-color);
        padding: .75rem
    }

    .documentBrowserMessageLayer .sso-btn-login:hover {
        background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
        color: #fff;
        border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
    }

        .documentBrowserMessageLayer .sso-btn-login:hover::after {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            font-weight: 400
        }

    .documentBrowserMessageLayer .sso-btn-login:hover {
        text-decoration: none !important
    }

.documentBrowserMessageLayer .sso-btn-login {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .documentBrowserMessageLayer .sso-btn-login.disabled {
        pointer-events: none;
        opacity: .35
    }

    .documentBrowserMessageLayer .sso-btn-login::before, .documentBrowserMessageLayer .sso-btn-login::after {
        background-color: rgba(0,0,0,0)
    }

    .documentBrowserMessageLayer .sso-btn-login:hover::before, .documentBrowserMessageLayer .sso-btn-login:hover::after {
        background-color: rgba(0,0,0,0)
    }

.logout {
    --msg-height: 80vh
}

.menssage {
    --msg-height: 60vh
}

.menssage, .logout {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    height: var(--msg-height);
    width: 100%;
    line-height: 1.5em
}

    .menssage .container--login, .menssage-content, .logout .container--login, .logout-content {
        background-color: #fff;
        border: var(--kg-border-default);
        color: var(--kg-secondary-color);
        min-width: 50%;
        min-height: 40vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-wrap: wrap
    }

    .menssage .thank-you, .logout .thank-you {
        margin: 2em
    }

    .menssage .new-session-link, .logout .new-session-link {
        background-color: var(--kg-accent-color);
        color: #fff;
        border: 1px solid var(--kg-accent-color);
        font-size: 1em;
        padding: 0 0 0 .75rem
    }

        .menssage .new-session-link::after, .logout .new-session-link::after {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: flex;
            justify-content: center;
            font-size: 1em;
            color: #fff;
            background-color: var(--kg-secondary-color);
            padding: .75rem
        }

        .menssage .new-session-link:hover, .logout .new-session-link:hover {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            color: #fff;
            border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
        }

            .menssage .new-session-link:hover::after, .logout .new-session-link:hover::after {
                background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
                font-weight: 400
            }

        .menssage .new-session-link:hover, .logout .new-session-link:hover {
            text-decoration: none !important
        }

    .menssage .new-session-link, .logout .new-session-link {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        .menssage .new-session-link.disabled, .logout .new-session-link.disabled {
            pointer-events: none;
            opacity: .35
        }

        .menssage .new-session-link::before, .menssage .new-session-link::after, .logout .new-session-link::before, .logout .new-session-link::after {
            background-color: rgba(0,0,0,0)
        }

        .menssage .new-session-link:hover::before, .menssage .new-session-link:hover::after, .logout .new-session-link:hover::before, .logout .new-session-link:hover::after {
            background-color: rgba(0,0,0,0)
        }

.kg-ebook:has(.TreeView) {
    grid-template-areas: "ebook-aside" "ebook-content"
}

@media(min-width: 992px) {
    .kg-ebook:has(.TreeView) {
        grid-template-areas: "ebook-aside ebook-content"
    }
}

.kg-ebook:has(.TreeView) {
    grid-template-columns: auto
}

@media(min-width: 992px) {
    .kg-ebook:has(.TreeView) {
        grid-template-columns: 2.75em 1fr
    }
}

.kg-ebook:has(.TreeView) {
    display: grid;
    transition: all .3s ease
}

.kg-ebook-introduction:has(.TreeView) {
    grid-template-columns: auto
}

@media(min-width: 992px) {
    .kg-ebook-introduction:has(.TreeView) {
        grid-template-columns: 20vw auto
    }
}

.kg-ebook-aside:has(.TreeView) {
    width: auto
}

@media(min-width: 992px) {
    .kg-ebook-aside:has(.TreeView) {
        width: 2.75em
    }
}

.kg-ebook-aside:has(.TreeView) {
    position: inherit
}

@media(min-width: 992px) {
    .kg-ebook-aside:has(.TreeView) {
        position: fixed
    }
}

.kg-ebook-aside:has(.TreeView) {
    grid-area: ebook-aside;
    z-index: 2;
    background-color: var(--kg-ebook-background-color);
    font-size: .95em;
    line-height: 1.8em;
    padding: .5em .75em
}

    .kg-ebook-aside:has(.TreeView) .TreeView {
        padding: .5em 0 0 .5em
    }

.aside-open .kg-ebook-aside:has(.TreeView) {
    width: auto
}

@media(min-width: 992px) {
    .aside-open .kg-ebook-aside:has(.TreeView) {
        width: 21em
    }
}

.kg-ebook-aside:has(.TreeView) #ebooktdc {
    display: block
}

@media(min-width: 992px) {
    .kg-ebook-aside:has(.TreeView) #ebooktdc {
        display: none
    }
}

.aside-open .kg-ebook-aside:has(.TreeView) #ebooktdc {
    display: block
}

.aside-open .kg-ebook-aside-introduction:has(.TreeView) {
    width: auto
}

@media(min-width: 992px) {
    .aside-open .kg-ebook-aside-introduction:has(.TreeView) {
        width: 20vw
    }
}

.kg-ebook-deploy {
    display: none
}

@media(min-width: 992px) {
    .kg-ebook-deploy {
        display: flex
    }
}

.kg-ebook-deploy {
    align-items: center;
    justify-content: flex-end
}

.kg-ebook-deploy-button {
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: 0 0 .5em 0
}

    .kg-ebook-deploy-button::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1.25rem;
        color: var(--kg-secondary-color);
        background-color: initial
    }

    .kg-ebook-deploy-button:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .kg-ebook-deploy-button:hover::before {
            font-weight: 700
        }

    .kg-ebook-deploy-button:hover {
        text-decoration: none !important
    }

.kg-ebook-deploy-button {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .kg-ebook-deploy-button.disabled {
        pointer-events: none;
        opacity: .35
    }

    .kg-ebook-deploy-button::before, .kg-ebook-deploy-button::after {
        background-color: rgba(0,0,0,0)
    }

    .kg-ebook-deploy-button:hover::before, .kg-ebook-deploy-button:hover::after {
        background-color: rgba(0,0,0,0)
    }

    .kg-ebook-deploy-button.aside-open {
        color: var(--kg-secondary-color);
        border: none;
        border-radius: 0;
        font-size: 1em;
        padding: 0 0 .5em 0
    }

        .kg-ebook-deploy-button.aside-open::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            display: flex;
            justify-content: center;
            font-size: 1.25rem;
            color: var(--kg-secondary-color);
            background-color: initial
        }

        .kg-ebook-deploy-button.aside-open:hover {
            background-color: rgba(0,0,0,0);
            color: #000;
            border-color: rgba(0,0,0,0)
        }

            .kg-ebook-deploy-button.aside-open:hover::before {
                font-weight: 700
            }

        .kg-ebook-deploy-button.aside-open:hover {
            text-decoration: none !important
        }

    .kg-ebook-deploy-button.aside-open {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        .kg-ebook-deploy-button.aside-open.disabled {
            pointer-events: none;
            opacity: .35
        }

        .kg-ebook-deploy-button.aside-open::before, .kg-ebook-deploy-button.aside-open::after {
            background-color: rgba(0,0,0,0)
        }

        .kg-ebook-deploy-button.aside-open:hover::before, .kg-ebook-deploy-button.aside-open:hover::after {
            background-color: rgba(0,0,0,0)
        }

.kg-ebook-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: fixed;
    right: 7em;
    top: 11em
}

.kg-ebook-content {
    min-height: var(--available-height);
    background-color: var(--kg-document-background-color);
    grid-area: ebook-content;
    position: relative;
    z-index: 1
}

.app-home #cTitle {
    padding: 0
}

@media(min-width: 576px) {
    .app-home #cTitle {
        padding: 5em 0 0 0
    }
}

.app-home #cTitle {
    max-width: 90dvw
}

@media(min-width: 992px) {
    .app-home #cTitle {
        max-width: 60dvw
    }
}

.app-home #cTitle {
    margin: 0 auto;
    width: 100%
}

.app-home:has(.home-carousel) #cTitle {
    padding: 1.5em 0 0 0
}

.home-survey {
    bottom: 11.5em
}

@media(min-width: 576px) {
    .home-survey {
        bottom: 4.25em
    }
}

.home-survey {
    right: 1em
}

@media(min-width: 576px) {
    .home-survey {
        right: 2em
    }
}

.home-survey {
    position: fixed
}

.home-carousel {
    display: flex;
    flex-direction: column;
    gap: 1em
}

.home-uptodate {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2em
}

.home-uptodate-title {
    color: var(--kg-secondary-color);
    font-family: var(--kg-font-kg-display);
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    margin-block: 0 .65em;
    overflow-wrap: break-word;
    line-height: 32px;
    hyphens: initial
}

@media(min-width: 992px) {
    .home-uptodate-title {
        hyphens: auto
    }
}

.home-uptodate-link {
    color: var(--kg-accent-color);
    border: 1px solid var(--kg-accent-color);
    border-radius: 5px;
    font-size: 1.4em;
    padding: .5em 1.5em
}

    .home-uptodate-link:hover {
        background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
        color: #fff;
        border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
    }

        .home-uptodate-link:hover::before {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            font-weight: 400
        }

    .home-uptodate-link:hover {
        text-decoration: none !important
    }

.home-uptodate-link {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .home-uptodate-link.disabled {
        pointer-events: none;
        opacity: .35
    }

    .home-uptodate-link::before, .home-uptodate-link::after {
        background-color: rgba(0,0,0,0)
    }

    .home-uptodate-link:hover::before, .home-uptodate-link:hover::after {
        background-color: rgba(0,0,0,0)
    }

.home-uptodate-link {
    background-color: #fff;
    border-width: 2px
}

    .home-uptodate-link::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .home-uptodate-link:hover::before {
        background: rgba(0,0,0,0)
    }

.training {
    max-width: 75em;
    margin: auto
}

.training__title {
    font-family: var(--kg-font-family-base);
    color: var(--kg-body-color);
    margin: .5em 0 1em 0
}

.training__title--courses {
    font-size: 2em
}

@media(min-width: 576px) {
    .training__title--courses {
        font-size: 2.5em
    }
}

.training__title--courses {
    color: inherit;
    font-weight: 500
}

.training__section {
    margin: 0 0 3em 0
}

.training-content {
    padding: 1em 2em
}

@media(min-width: 576px) {
    .training-content {
        padding: 3em 5em
    }
}

.training-content {
    background-color: var(--kg-complementary-color);
    border-radius: 5px;
    color: #fff
}

.training-content__text {
    font-weight: 300;
    font-size: 2em
}

.training-content__link {
    background-color: var(--kg-primary-color);
    border: 1px solid var(--kg-primary-color);
    border-radius: 7px;
    color: var(--kg-brand-secondary-blue);
    cursor: pointer;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: .9em;
    text-align: center;
    text-transform: uppercase;
    transition: background-color .3s,color .3s;
    height: 3em;
    width: 17em
}

    .training-content__link:hover {
        background-color: rgb(227.97444,190.43648,.91556);
        color: #fff
    }

.training-content__link {
    text-decoration: none
}

.training .menu-button {
    width: 75%
}

@media(min-width: 1200px) {
    .training .menu-button {
        width: 100%
    }
}

.training .menu-button {
    margin: 0 auto
}

    .training .menu-button ul {
        grid-template-columns: repeat(auto-fit, minmax(16em, 1fr))
    }

@media(min-width: 1200px) {
    .training .menu-button ul {
        grid-template-columns: repeat(4, 1fr)
    }
}

.training .menu-button ul {
    grid-gap: 1em
}

@media(min-width: 768px) {
    .training .menu-button ul {
        grid-gap: 1.5em
    }
}

.training .menu-button ul {
    display: grid
}

    .training .menu-button ul li {
        background-color: #fff;
        border: 1px solid var(--kg-complementary-color);
        border-radius: 5px;
        padding: 1.5em 0
    }

        .training .menu-button ul li a {
            display: flex;
            align-items: center;
            flex-direction: column;
            gap: 1em
        }

            .training .menu-button ul li a dfn {
                display: flex;
                align-items: center;
                gap: 1em
            }

                .training .menu-button ul li a dfn::before {
                    font-family: var(--kg-font-family-icons);
                    content: "";
                    color: var(--kg-complementary-color);
                    font-size: 2.5em
                }

            .training .menu-button ul li a::after {
                background-color: var(--kg-primary-color);
                border: 1px solid var(--kg-primary-color);
                border-radius: 7px;
                color: var(--kg-brand-secondary-blue);
                cursor: pointer;
                display: flex;
                align-content: center;
                justify-content: center;
                align-items: center;
                font-size: .9em;
                text-align: center;
                text-transform: uppercase;
                transition: background-color .3s,color .3s;
                height: 2em;
                width: 12em
            }

                .training .menu-button ul li a::after:hover {
                    background-color: rgb(227.97444,190.43648,.91556);
                    color: #fff
                }

            .training .menu-button ul li a::after {
                content: "Consultar PDF";
                text-transform: none
            }

        .training .menu-button ul li:hover {
            background-color: var(--kg-blue-100)
        }

#cWorkArea.results #cTabs {
    width: 100%;
    background-color: #fff;
    z-index: 1
}

    #cWorkArea.results #cTabs ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

        #cWorkArea.results #cTabs ul li {
            float: left
        }

            #cWorkArea.results #cTabs ul li div.center {
                text-align: center
            }

            #cWorkArea.results #cTabs ul li a {
                padding: 8px;
                display: block;
                text-decoration: none
            }

            #cWorkArea.results #cTabs ul li span {
                color: var(--kg-brand-secondary-blue);
                font-weight: 500
            }

                #cWorkArea.results #cTabs ul li span.titulo {
                    font-size: .9em
                }

                #cWorkArea.results #cTabs ul li span.cantidad {
                    display: table;
                    margin-left: auto;
                    font-size: .8em
                }

            #cWorkArea.results #cTabs ul li.on {
                background-color: var(--kg-brand-secondary-blue);
                border-radius: 5px
            }

                #cWorkArea.results #cTabs ul li.on div.center {
                    padding: 8px 16px
                }

                #cWorkArea.results #cTabs ul li.on span {
                    color: #fff
                }

#cWorkArea.results.listaResultadosBOE #wcresultslist_noresults span.first {
    margin-top: 5vh;
    display: block
}

#cWorkArea.results.listaResultadosBOE #wcresultslist_noresults span.second {
    display: none
}

#cWorkArea.results p#title-tab {
    display: block;
    font-size: 1.55em;
    padding: 18px 7px 18px 20px;
    margin-block-start: 0;
    font-family: var(--kg-font-kg-display);
    color: var(--kg-tertiary-color);
    border-left: 6px solid var(--kg-blue-200);
    background-color: #fff;
    margin-bottom: 8px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

#cContent:has(.listaResultadosBOE) #resultados #wcresultslist_noresults #hrefNewSearch {
    display: none
}

.c-results #wcresultslist_noresults {
    height: 50vw
}

@media(min-width: 992px) {
    .c-results #wcresultslist_noresults {
        height: 40vh
    }
}

.c-results #wcresultslist_noresults {
    width: 80vw
}

@media(min-width: 992px) {
    .c-results #wcresultslist_noresults {
        width: 50vw
    }
}

.c-results #wcresultslist_noresults {
    background-color: #fff;
    box-shadow: 1px 1px 11px 0px rgba(0,0,0,.16);
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    line-height: 2em;
    margin: auto;
    padding: 2em
}

    .c-results #wcresultslist_noresults #hrefNewSearch, .c-results #wcresultslist_noresults #sugerencia {
        color: var(--kg-complementary-link-color);
        text-decoration: none;
        font-style: normal
    }

        .c-results #wcresultslist_noresults #hrefNewSearch:hover, .c-results #wcresultslist_noresults #sugerencia:hover {
            text-decoration: underline
        }

.c-results .kg-legalteca-sponsor-warning {
    height: 50vw
}

@media(min-width: 992px) {
    .c-results .kg-legalteca-sponsor-warning {
        height: 40vh
    }
}

.c-results .kg-legalteca-sponsor-warning {
    width: 80vw
}

@media(min-width: 992px) {
    .c-results .kg-legalteca-sponsor-warning {
        width: 50vw
    }
}

.c-results .kg-legalteca-sponsor-warning {
    background-color: #fff;
    box-shadow: 1px 1px 11px 0px rgba(0,0,0,.16);
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    line-height: 2em;
    margin: auto;
    padding: 2em
}

#cContent.LQ #pestanias li:has([id="Mi Legalteca"]) {
    display: none
}

.c-criteria {
    position: relative
}

@media(min-width: 992px) {
    .c-criteria {
        position: fixed
    }
}

.c-criteria {
    width: 100%
}

@media(min-width: 992px) {
    .c-criteria {
        width: 20em
    }
}

.c-criteria {
    display: block;
    background-color: #fff;
    z-index: 10
}

    .c-criteria.filled {
        border-top-left-radius: 5px
    }

.c-criteria-return #rar {
    background-color: var(--kg-accent-color);
    color: #fff;
    padding: 1.5em 0;
    text-align: center;
    width: 100%
}

.c-criteria-filter {
    scrollbar-width: thin
}

    .c-criteria-filter::-webkit-scrollbar {
        width: 13px
    }

    .c-criteria-filter::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .c-criteria-filter::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.c-criteria-filter {
    overflow: auto;
    padding: 0 1em 5em 1em
}

.c-criteria-filter-title {
    font-weight: 500;
    margin: 1em 0
}

.c-criteria #divRefineSearchFree {
    border: var(--kg-border-default);
    border-radius: 5px;
    display: flex;
    padding: 1px 0;
    align-items: center
}

    .c-criteria #divRefineSearchFree #txtRefineSearchFree {
        width: calc(100% - 33px);
        height: 32px;
        line-height: 32px;
        padding-left: 8px;
        border: none
    }

    .c-criteria #divRefineSearchFree #lnkRefineSearchFree {
        background-color: var(--kg-complementary-color);
        border-radius: 5px;
        color: #fff;
        cursor: pointer;
        display: block;
        line-height: 32px;
        padding: 0;
        text-align: center;
        height: 30px;
        text-decoration: none;
        transition: background-color .1s ease-out;
        width: 30px
    }

        .c-criteria #divRefineSearchFree #lnkRefineSearchFree:hover {
            background-color: var(--kg-brand-secondary-blue)
        }

        .c-criteria #divRefineSearchFree #lnkRefineSearchFree::after {
            font-family: var(--kg-font-family-icons);
            content: "";
            font-size: 1em;
            font-weight: 500
        }

    .c-criteria #divRefineSearchFree a > dfn {
        display: none
    }

.c-criteria #pestanias #tabs {
    font-size: .9em
}

    .c-criteria #pestanias #tabs li {
        display: flex;
        gap: .25em;
        line-height: 1.5em
    }

        .c-criteria #pestanias #tabs li::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            font-size: .4em
        }

        .c-criteria #pestanias #tabs li.on {
            color: var(--kg-secondary-color);
            font-size: 1.1em;
            font-weight: 700
        }

        .c-criteria #pestanias #tabs li div.center, .c-criteria #pestanias #tabs li div.center > a > dfn {
            display: flex;
            gap: .5em
        }

        .c-criteria #pestanias #tabs li div[title="Mi Legalteca"] .cantidad {
            display: none
        }

        .c-criteria #pestanias #tabs li:has(div[title="Mi Legalteca"]) {
            display: var(--kg-legalteca)
        }

.c-criteria #grouping-summary .summaryPanelTitle {
    background-color: #dbdbdb;
    color: var(--kg-brand-secondary-blue);
    padding: .5em 1em
}

.c-criteria #grouping-summary .filter-applied-summary {
    display: flex;
    justify-content: start;
    align-items: center
}

    .c-criteria #grouping-summary .filter-applied-summary:has(>.unfoldSummaryButtonClass) {
        display: grid;
        align-items: baseline;
        grid-template-areas: "deleteSummaryButtonClass unfoldSummaryButtonClass filter-applied-summary-name" ". filter-applied-children filter-applied-children";
        grid-template-columns: 26px 26px auto
    }

        .c-criteria #grouping-summary .filter-applied-summary:has(>.unfoldSummaryButtonClass) + span + span {
            grid-area: filter-applied-summary-name
        }

    .c-criteria #grouping-summary .filter-applied-summary button {
        background: rgba(0,0,0,0);
        border: none;
        display: flex;
        align-items: center;
        width: 32px;
        height: 32px
    }

        .c-criteria #grouping-summary .filter-applied-summary button + span {
            flex: 1
        }

        .c-criteria #grouping-summary .filter-applied-summary button.deleteSummaryButtonClass dfn {
            display: none
        }

        .c-criteria #grouping-summary .filter-applied-summary button.deleteSummaryButtonClass::after {
            font-family: var(--kg-font-family-icons);
            content: "";
            color: var(--kg-delete-color);
            font-size: 20px;
            font-weight: 400
        }

        .c-criteria #grouping-summary .filter-applied-summary button.unfoldSummaryButtonClass::after {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

        .c-criteria #grouping-summary .filter-applied-summary button.unfoldSummaryButtonClass.unfolded::after {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

        .c-criteria #grouping-summary .filter-applied-summary button.unfoldSummaryButtonClass dfn {
            display: none
        }

.c-criteria #grouping-summary .filter-applied-children {
    grid-area: filter-applied-children;
    background-color: #fff;
    margin-block: 0;
    overflow: visible !important;
    padding-left: 1em
}

.c-criteria #agrupRow .agrup > li {
    border-bottom: var(--kg-border-default);
    display: flex;
    flex-direction: column;
    padding: .5em 0
}

    .c-criteria #agrupRow .agrup > li#li_gr_encontra {
        display: var(--kg-ju-contra)
    }

    .c-criteria #agrupRow .agrup > li#li_gr_afavor {
        display: var(--kg-ju-favor)
    }

    .c-criteria #agrupRow .agrup > li#li_gr_tipoform {
        display: var(--kg-fo-tipo-form)
    }

    .c-criteria #agrupRow .agrup > li#li_gr_voces {
        display: var(--kg-fo-voces)
    }

.c-criteria #agrupRow a.head {
    color: var(--kg-secondary-color);
    font-weight: 500;
    font-size: .9em;
    line-height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5em;
    flex: 1
}

    .c-criteria #agrupRow a.head::after {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: block;
        flex: 1;
        text-align: right
    }

    .c-criteria #agrupRow a.head:has(+.collapsible-panel[style^="display: block"])::after {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

.c-criteria #agrupRow div.collapsible-panel {
    font-size: .9em
}

.c-criteria #agrupRow .js-seeMore, .c-criteria #agrupRow .js-seeLess {
    background-color: var(--kg-brand-background-light-gray);
    margin: 1em 0 0 0;
    padding: .5em
}

    .c-criteria #agrupRow .js-seeMore::after, .c-criteria #agrupRow .js-seeLess::after {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

.c-criteria #agrupRow .js-seeMore {
    justify-content: space-between
}

    .c-criteria #agrupRow .js-seeMore[style="display: flex"], .c-criteria #agrupRow .js-seeMore[style="display:block"] {
        display: flex !important
    }

    .c-criteria #agrupRow .js-seeMore[style="display: none"] {
        display: none !important
    }

    .c-criteria #agrupRow .js-seeMore::after {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

.c-criteria #agrupRow .js-seeLess {
    display: flex;
    justify-content: space-between
}

    .c-criteria #agrupRow .js-seeLess[style="display:none"] {
        display: none !important
    }

    .c-criteria #agrupRow .js-seeLess::after {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

.c-criteria li.groupingNode {
    display: grid;
    grid-template-areas: "metadataFilterValue groupingValueLink";
    grid-template-columns: 2em auto;
    align-items: center;
    padding: .25em 0 0 .25em
}

    .c-criteria li.groupingNode:has(>.groupingParentNode) {
        grid-template-areas: "metadataFilterValue groupingParentNode groupingValueLink" "childNode childNode childNode";
        grid-template-columns: 1.5em 1.5em auto
    }

        .c-criteria li.groupingNode:has(>.groupingParentNode) > ul {
            grid-area: childNode;
            padding-left: 1.25em
        }

    .c-criteria li.groupingNode input[type=checkbox].metadataFilterValue {
        grid-area: metadataFilterValue
    }

    .c-criteria li.groupingNode .groupingParentNode {
        --grouping-icon-size: 1em;
        grid-area: groupingParentNode;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: .25em;
        width: var(--grouping-icon-size);
        height: var(--grouping-icon-size)
    }

        .c-criteria li.groupingNode .groupingParentNode.close::before {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

        .c-criteria li.groupingNode .groupingParentNode.open::before {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

        .c-criteria li.groupingNode .groupingParentNode dfn {
            display: none
        }

    .c-criteria li.groupingNode .groupingValueLink {
        align-self: baseline;
        grid-area: groupingValueLink
    }

        .c-criteria li.groupingNode .groupingValueLink .metadataFilterCount {
            padding: 0 0 0 .5em
        }

.c-criteria #agrupGoButton {
    background-color: #fff;
    bottom: 0;
    padding: 1em 0;
    position: absolute;
    width: calc(100% - 1.5em);
    z-index: 1100
}

.c-criteria a#groupingGoButton {
    background-color: var(--kg-primary-color);
    color: var(--kg-brand-secondary-blue);
    border: 1px solid var(--kg-primary-color);
    border-radius: 7px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .c-criteria a#groupingGoButton:hover {
        background-color: rgb(227.97444,190.43648,.91556);
        color: #fff;
        border-color: rgb(227.97444,190.43648,.91556)
    }

        .c-criteria a#groupingGoButton:hover::before {
            background-color: inherit;
            font-weight: 400
        }

    .c-criteria a#groupingGoButton:hover {
        text-decoration: none !important
    }

.c-criteria a#groupingGoButton {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .c-criteria a#groupingGoButton.disabled {
        pointer-events: none;
        opacity: .35
    }

    .c-criteria a#groupingGoButton::before, .c-criteria a#groupingGoButton::after {
        background-color: rgba(0,0,0,0)
    }

    .c-criteria a#groupingGoButton:hover::before, .c-criteria a#groupingGoButton:hover::after {
        background-color: rgba(0,0,0,0)
    }

.c-criteria a#groupingGoButton {
    width: inherit;
    opacity: .35;
    pointer-events: none
}

.c-criteria:has(input:checked) #groupingGoButton, .c-criteria:has(#rar) #groupingGoButton {
    opacity: 1;
    pointer-events: auto
}

.c-criteria:has(#calendar_boe) {
    padding: 1em
}

.c-criteria a.linkToDocFromResultList {
    color: var(--kg-complementary-link-color);
    text-decoration: none;
    font-style: normal
}

    .c-criteria a.linkToDocFromResultList:hover {
        text-decoration: underline
    }

#cMainSection.tdc {
    border-radius: 5px;
    background-color: #fff;
    margin: 1em auto 0 auto
}

#Consultas {
    background-color: #fff;
    border-radius: 5px;
    padding: 25px;
    max-width: 1000px;
    margin: auto
}

    #Consultas [id^=LblConsultas] {
        font-weight: bold;
        display: block;
        margin-bottom: 15px
    }

    #Consultas span {
        line-height: 1.2em
    }

    #Consultas #FormField a:not([class]) {
        color: var(--kg-complementary-link-color);
        text-decoration: none
    }

        #Consultas #FormField a:not([class]):hover {
            text-decoration: underline
        }

    #Consultas #FormField {
        margin-top: 20px;
        border: none;
        position: relative
    }

        #Consultas #FormField legend {
            display: none
        }

        #Consultas #FormField input {
            width: 80%;
            margin-bottom: 5px
        }

        #Consultas #FormField label {
            margin-bottom: 5px;
            width: 15%
        }

            #Consultas #FormField label[for$=comment] {
                width: 100%;
                margin-top: 10px
            }

                #Consultas #FormField label[for$=comment] ~ textarea, #Consultas #FormField label[for$=comment] ~ label {
                    width: 100%
                }

        #Consultas #FormField textarea {
            min-height: 80px
        }

        #Consultas #FormField .condiciones {
            display: flex;
            flex-direction: row-reverse;
            margin-top: 5px
        }

            #Consultas #FormField .condiciones label {
                width: 100%
            }

            #Consultas #FormField .condiciones input {
                width: inherit;
                margin-right: 5px
            }

        #Consultas #FormField .FormReset {
            background-color: #fff;
            border: var(--kg-border-default);
            border-radius: 5px;
            color: var(--kg-brand-secondary-blue);
            font-size: .9em;
            height: 50px;
            width: 150px;
            text-transform: uppercase;
            cursor: pointer;
            transition: background-color .3s,color .3s
        }

            #Consultas #FormField .FormReset:hover {
                background-color: hsl(0,0%,70%);
                color: #fff
            }

        #Consultas #FormField .FormReset {
            margin-right: 25px;
            margin-top: 25px;
            position: relative;
            left: calc(100% - 320px)
        }

        #Consultas #FormField .CreateUserAlta {
            background-color: var(--kg-primary-color);
            border: 1px solid var(--kg-primary-color);
            border-radius: 7px;
            color: var(--kg-brand-secondary-blue);
            cursor: pointer;
            display: flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            font-size: .9em;
            text-align: center;
            text-transform: uppercase;
            transition: background-color .3s,color .3s;
            height: 50px;
            width: 150px
        }

            #Consultas #FormField .CreateUserAlta:hover {
                background-color: rgb(227.97444,190.43648,.91556);
                color: #fff
            }

        #Consultas #FormField .CreateUserAlta {
            margin-top: 25px;
            position: absolute;
            right: 0;
            bottom: 0
        }

    #Consultas .suspension {
        color: #e5202e;
        font-weight: bold;
        text-align: center
    }

.search-mask {
    position: relative;
    width: 100%
}

.search-mask-head {
    max-width: 90dvw
}

@media(min-width: 992px) {
    .search-mask-head {
        max-width: var(--search-mask-main-column-md-width)
    }
}

.search-mask-head {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.search-mask-head-title {
    flex: 1
}

.search-mask-head-buttons {
    flex: 1;
    width: 100%
}

.search-mask-alert {
    max-width: 100%
}

.search-mask-home {
    max-width: 90dvw
}

@media(min-width: 992px) {
    .search-mask-home {
        max-width: 60dvw
    }
}

.search-mask-home {
    margin: auto
}

.search-mask-container {
    display: flex;
    flex-direction: column;
    gap: 1em
}

    .search-mask-container:has(.search-mask-options) {
        display: grid;
        grid-template-areas: "search-mask-main  search-mask-options";
        grid-template-columns: var(--search-mask-main-column-xs-width) auto
    }

@media(min-width: 768px) {
    .search-mask-container:has(.search-mask-options) {
        grid-template-columns: var(--search-mask-main-column-md-width) auto
    }
}

.search-mask-main {
    flex: 1;
    position: relative;
    grid-area: search-mask-main
}

.search-mask-options {
    padding: 1.75em 0 0 0
}

@media(min-width: 992px) {
    .search-mask-options {
        padding: 1.75em 0 0 2em
    }
}

.search-mask-options {
    grid-area: search-mask-options;
    transition: .3s
}

.search-mask-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1em
}

    .search-mask-buttons:not(.search-mask-head-buttons) {
        padding: 1em 0
    }

.search-mask-buttons-fixed {
    bottom: auto
}

@media(min-width: 992px) {
    .search-mask-buttons-fixed {
        bottom: 0
    }
}

.search-mask-buttons-fixed {
    padding: .5em
}

@media(min-width: 992px) {
    .search-mask-buttons-fixed {
        padding: 0 5.5em .5em 0
    }
}

.search-mask-buttons-fixed {
    position: relative
}

@media(min-width: 992px) {
    .search-mask-buttons-fixed {
        position: absolute
    }
}

.search-mask-buttons-fixed {
    width: 100%
}

.search-mask-fieldset {
    display: flex;
    gap: .5em;
    flex-direction: column;
    position: relative
}

.search-mask-group {
    flex-direction: column
}

@media(min-width: 1200px) {
    .search-mask-group {
        flex-direction: row
    }
}

.search-mask-group {
    display: flex;
    align-items: center;
    gap: 1em
}

.search-mask-group-label {
    margin: 0;
    display: inline-block;
    margin-right: 1em
}

.search-mask-group .DivTxtSearchclass {
    background-color: #fff;
    border: var(--kg-border-medium);
    border-radius: 5px;
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: .5em;
    width: 100%
}

@media(min-width: 1200px) {
    .search-mask-group .DivTxtSearchclass {
        width: 75%
    }
}

.search-mask-grid {
    display: flex;
    flex-direction: column;
    gap: 1em
}

.search-mask-grid-label {
    display: block;
    font-weight: 500;
    text-align: center;
    flex: 1
}

.search-mask-input {
    background-color: #fff;
    border: var(--kg-border-medium);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1em;
    min-height: 3em;
    padding: .25em;
    position: relative;
    width: 100%
}

    .search-mask-input[onclick] {
        cursor: pointer
    }

    .search-mask-input .tooltip {
        display: none
    }

    .search-mask-input:hover .tooltip {
        display: block;
        background-color: var(--kg-brand-secondary-blue);
        border-radius: .25rem;
        padding: .5em;
        color: #fff;
        font-size: .85em;
        line-height: 1em;
        max-width: 246px;
        text-align: center;
        position: absolute;
        bottom: -4em;
        right: -1em;
        z-index: 1080
    }

    .search-mask-input:has(+.search-mask-assistant-result) {
        border: none
    }

.search-mask-assistant {
    background-color: #fff;
    border: var(--kg-border-medium);
    border-color: var(--kg-accent-color);
    border-radius: 5px
}

.search-mask-assistant-result {
    border: 0
}

    .search-mask-assistant-result:has(.wk-addsElements-text) {
        background-color: #fff
    }

.search-mask-assistant-button {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em .25em
}

    .search-mask-assistant-button::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1.25rem;
        color: var(--kg-secondary-color);
        background-color: rgba(0,0,0,0)
    }

    .search-mask-assistant-button:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .search-mask-assistant-button:hover::before {
            font-weight: 700
        }

    .search-mask-assistant-button:hover {
        text-decoration: none !important
    }

.search-mask-assistant-button {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 2em;
    width: 2em
}

    .search-mask-assistant-button.disabled {
        pointer-events: none;
        opacity: .35
    }

    .search-mask-assistant-button::before, .search-mask-assistant-button::after {
        background-color: rgba(0,0,0,0)
    }

    .search-mask-assistant-button:hover::before, .search-mask-assistant-button:hover::after {
        background-color: rgba(0,0,0,0)
    }

.search-mask-input-label {
    display: flex;
    font-weight: 500;
    justify-content: space-between;
    align-items: center;
    gap: .25em
}

@media(min-width: 768px) {
    .search-mask-input-label {
        gap: 1em
    }
}

.search-mask-input-label {
    min-width: 0
}

@media(min-width: 768px) {
    .search-mask-input-label {
        min-width: 10em
    }
}

.search-mask-input-label {
    padding: 0
}

@media(min-width: 768px) {
    .search-mask-input-label {
        padding: 1em 0 1em 1em
    }
}

.search-mask-input-label::after {
    color: gray;
    content: " | ";
    font-size: 2em;
    font-weight: 300
}

.search-mask .search-mask-input-selection, .search-mask div[id]:has(>.search-mask-input-text) {
    flex: 1;
    display: flex;
    align-items: center
}

.search-mask-input-button {
    padding: 0
}

@media(min-width: 768px) {
    .search-mask-input-button {
        padding: 0 1em
    }
}

.search-mask-input-text {
    border: 0 !important;
    border-radius: 0 !important;
    height: 2.5em !important;
    flex: 1;
    width: 100%
}

    .search-mask-input-text:focus {
        background-color: var(--kg-light-color)
    }

.search-mask-input-selection > div {
    flex: 1
}

.search-mask-input-selection select {
    background-color: #fff;
    border: none;
    width: calc(100% - 1.5em);
    min-height: 2.5em
}

.search-mask-input-check {
    position: absolute
}

    .search-mask-input-check li {
        display: flex
    }

.search-mask-materias-container {
    max-width: 100dvw
}

@media(min-width: 576px) {
    .search-mask-materias-container {
        max-width: 100dvw
    }
}

@media(min-width: 768px) {
    .search-mask-materias-container {
        max-width: 90dvw
    }
}

@media(min-width: 992px) {
    .search-mask-materias-container {
        max-width: 90dvw
    }
}

@media(min-width: 1200px) {
    .search-mask-materias-container {
        max-width: 90dvw
    }
}

@media(min-width: 1400px) {
    .search-mask-materias-container {
        max-width: 90dvw
    }
}

.search-mask-materias-container {
    margin: auto 2em
}

#divMySearchesUpdateAlert {
    display: flex;
    flex-direction: row-reverse;
    gap: 1em;
    align-items: center
}

#btnCancelMySearchesUpdateAlert, .clear-assistant-control {
    background-color: #fff;
    color: var(--kg-brand-secondary-blue);
    border: var(--kg-border-default);
    border-radius: 5px;
    font-size: 1em;
    padding: .75em 2em
}

    #btnCancelMySearchesUpdateAlert:hover, .clear-assistant-control:hover {
        background-color: hsl(0,0%,70%);
        color: #fff;
        border-color: hsl(0,0%,70%)
    }

        #btnCancelMySearchesUpdateAlert:hover::before, .clear-assistant-control:hover::before {
            background-color: inherit;
            font-weight: 400
        }

    #btnCancelMySearchesUpdateAlert:hover, .clear-assistant-control:hover {
        text-decoration: none !important
    }

#btnCancelMySearchesUpdateAlert, .clear-assistant-control {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    #btnCancelMySearchesUpdateAlert.disabled, .clear-assistant-control.disabled {
        pointer-events: none;
        opacity: .35
    }

    #btnCancelMySearchesUpdateAlert::before, #btnCancelMySearchesUpdateAlert::after, .clear-assistant-control::before, .clear-assistant-control::after {
        background-color: rgba(0,0,0,0)
    }

    #btnCancelMySearchesUpdateAlert:hover::before, #btnCancelMySearchesUpdateAlert:hover::after, .clear-assistant-control:hover::before, .clear-assistant-control:hover::after {
        background-color: rgba(0,0,0,0)
    }

#btnAcceptMySearchesUpdateAlert, .search-button-control {
    background-color: var(--kg-primary-color);
    color: var(--kg-brand-secondary-blue);
    border: 1px solid var(--kg-primary-color);
    border-radius: 7px;
    font-size: 1em;
    padding: .75em 2em
}

    #btnAcceptMySearchesUpdateAlert:hover, .search-button-control:hover {
        background-color: rgb(227.97444,190.43648,.91556);
        color: #fff;
        border-color: rgb(227.97444,190.43648,.91556)
    }

        #btnAcceptMySearchesUpdateAlert:hover::before, .search-button-control:hover::before {
            background-color: inherit;
            font-weight: 400
        }

    #btnAcceptMySearchesUpdateAlert:hover, .search-button-control:hover {
        text-decoration: none !important
    }

#btnAcceptMySearchesUpdateAlert, .search-button-control {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    #btnAcceptMySearchesUpdateAlert.disabled, .search-button-control.disabled {
        pointer-events: none;
        opacity: .35
    }

    #btnAcceptMySearchesUpdateAlert::before, #btnAcceptMySearchesUpdateAlert::after, .search-button-control::before, .search-button-control::after {
        background-color: rgba(0,0,0,0)
    }

    #btnAcceptMySearchesUpdateAlert:hover::before, #btnAcceptMySearchesUpdateAlert:hover::after, .search-button-control:hover::before, .search-button-control:hover::after {
        background-color: rgba(0,0,0,0)
    }

.tblAlDiaTabs {
    margin: 0 auto;
    width: 100vw
}

@media(min-width: 992px) {
    .tblAlDiaTabs {
        width: 80vw
    }
}

.tblAlDiaTabs .aldia-tabs-content {
    background-color: #fff;
    padding: 2em
}

.tblAlDiaTabs .tti {
    color: #1d1d1b;
    font-family: var(--kg-font-kg-display);
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    margin-block: 0 1em;
    overflow-wrap: break-word;
    line-height: 32px;
    hyphens: initial
}

@media(min-width: 992px) {
    .tblAlDiaTabs .tti {
        hyphens: auto
    }
}

.tblAlDiaTabs .tti {
    border-bottom: 2px solid var(--kg-accent-color);
    display: block;
    line-height: 2em
}

.tblAlDiaTabs img.ce {
    display: none
}

.tblAlDiaTabs p:empty {
    display: none
}

.tblAlDiaTabs .mm .projekktor {
    max-width: 550px
}

.tblAlDiaTabs .mm iframe {
    border-radius: .5rem;
    width: 100%
}

h5 {
    font-family: var(--kg-font-family-base)
}

#Multimedia #lf {
    display: flex;
    flex-direction: column;
    gap: 1.5em
}

    #Multimedia #lf > ul {
        display: flex;
        flex-direction: column;
        gap: 1.5em
    }

    #Multimedia #lf ul.l1 {
        --item-size: 30em;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(var(--item-size), 1fr));
        gap: 4em
    }

    #Multimedia #lf li {
        display: flex;
        flex-direction: column;
        gap: 1em;
        justify-content: center
    }

    #Multimedia #lf .mm {
        max-width: 80dvw;
        margin: auto
    }

        #Multimedia #lf .mm .projekktor {
            max-width: unset
        }

    #Multimedia #lf a {
        color: var(--kg-complementary-color);
        text-decoration: none;
        font-style: normal
    }

    #Multimedia #lf > ul:first-child {
        display: flex;
        flex-direction: column;
        gap: 1.5em
    }

        #Multimedia #lf > ul:first-child li:has(>.mm) {
            display: flex;
            flex-direction: row;
            gap: 1.5em
        }

@media screen and (max-width: 599px) {
    #Multimedia #lf > ul:first-child li:has(>.mm) {
        flex-wrap: wrap
    }
}

#Multimedia #lf > ul:first-child .mm {
    width: 100%
}

    #Multimedia #lf > ul:first-child .mm div {
        max-width: none
    }

#Multimedia #lf > ul:first-child a.ab {
    display: block;
    font-size: 28px;
    font-weight: 600;
    padding: 1em
}

#Multimedia #lf ul .mm div {
    max-width: 500px
}

#Multimedia #lf em {
    hyphens: none
}

    #Multimedia #lf em:first-child:not(.co) {
        font-weight: 500;
        margin-bottom: 1em
    }

.aldia-podcast {
    padding: 0
}

    .aldia-podcast #lf {
        display: flex;
        flex-direction: column;
        gap: 1.5em;
        padding: 0 2em
    }

        .aldia-podcast #lf > ul + ul {
            border-top: 1px solid var(--kg-complementary-color);
            padding: 1.4em 0
        }

        .aldia-podcast #lf .tti {
            color: var(--kg-complementary-color);
            border-bottom: none;
            max-width: 100dvw
        }

@media(min-width: 992px) {
    .aldia-podcast #lf .tti {
        max-width: 40vw
    }
}

.aldia-podcast #lf a.ce, .aldia-podcast #lf a.ab {
    display: flex;
    flex-direction: column;
    color: var(--kg-body-color);
    line-height: 1em;
    gap: 1em
}

    .aldia-podcast #lf a.ce .tde, .aldia-podcast #lf a.ab .tde {
        display: block;
        color: var(--kg-secondary-color);
        font-size: 20px
    }

    .aldia-podcast #lf a.ce .co, .aldia-podcast #lf a.ab .co {
        display: block;
        font-size: 16px
    }

.aldia-podcast #lf ul.l1 {
    flex: 1
}

.aldia-podcast #lf li.l1 {
    display: flex;
    justify-content: center;
    gap: 6em;
    flex-direction: column
}

@media(min-width: 992px) {
    .aldia-podcast #lf li.l1 {
        flex-direction: row-reverse
    }
}

.aldia-podcast #lf li.l2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1em
}

    .aldia-podcast #lf li.l2 .mm {
        width: 100%;
        align-items: normal;
        flex-direction: column-reverse;
        gap: 1em
    }

        .aldia-podcast #lf li.l2 .mm div {
            width: 100%
        }

        .aldia-podcast #lf li.l2 .mm audio {
            border-radius: 50rem;
            box-shadow: var(--kg-box-shadow);
            width: 100%
        }

        .aldia-podcast #lf li.l2 .mm .tMM {
            color: var(--kg-complementary-color);
            display: block
        }

.aldia-encuentros {
    padding: 0;
    display: flex;
    gap: 2.4em;
    flex-direction: column
}

    .aldia-encuentros p:empty {
        display: none
    }

    .aldia-encuentros ul[class^=elm] {
        --item-size: 30em;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(var(--item-size), 1fr));
        gap: 0 4em
    }

        .aldia-encuentros ul[class^=elm] .s.l1 {
            grid-column: 1/-1
        }

        .aldia-encuentros ul[class^=elm] .l.l2 {
            display: grid;
            align-content: space-between
        }

            .aldia-encuentros ul[class^=elm] .l.l2 > a:not(.co) {
                display: flex;
                flex-direction: column-reverse;
                justify-content: flex-end
            }

            .aldia-encuentros ul[class^=elm] .l.l2 a.co, .aldia-encuentros ul[class^=elm] .l.l2 a tt {
                display: none
            }

            .aldia-encuentros ul[class^=elm] .l.l2 a em {
                color: var(--kg-complementary-color);
                font-size: larger;
                hyphens: none;
                margin-bottom: 1.2em
            }

            .aldia-encuentros ul[class^=elm] .l.l2 img {
                margin-bottom: .5em;
                border-radius: .5rem;
                max-width: 550px;
                margin: auto
            }

.tc-books {
    --item-width: 16em;
    --item-height: 22em;
    grid-template-areas: "tc-books-menu" "tc-books-body"
}

@media(min-width: 992px) {
    .tc-books {
        grid-template-areas: "tc-books-menu tc-books-body"
    }
}

.tc-books {
    grid-template-columns: auto
}

@media(min-width: 992px) {
    .tc-books {
        grid-template-columns: 22em 1fr
    }
}

.tc-books {
    display: grid;
    transition: all .3s ease
}

.tc-books-menu {
    width: auto
}

@media(min-width: 992px) {
    .tc-books-menu {
        width: 22em
    }
}

.tc-books-menu {
    position: inherit
}

@media(min-width: 992px) {
    .tc-books-menu {
        position: fixed
    }
}

.tc-books-menu {
    scrollbar-width: thin
}

    .tc-books-menu::-webkit-scrollbar {
        width: 13px
    }

    .tc-books-menu::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .tc-books-menu::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.tc-books-menu {
    background-color: #fff;
    grid-area: tc-books-menu;
    font-size: .95em;
    line-height: 1.8em;
    padding: .5em .75em;
    overflow-y: auto;
    overflow-x: hidden
}

.tc-books-menu-list {
    padding: 1em
}

.tc-books-menu-link {
    color: var(--kg-secondary-color)
}

    .tc-books-menu-link.anchor-actived {
        pointer-events: none;
        font-weight: 700
    }

.tc-books-menu-item {
    position: relative;
    padding-left: 1em
}

    .tc-books-menu-item::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        color: var(--kg-accent-color);
        font-size: .5em;
        font-weight: 500;
        position: absolute;
        left: 0;
        vertical-align: top
    }

.tc-books-menu-item {
    transition: all .3s ease
}

    .tc-books-menu-item:has(.anchor-actived) {
        text-shadow: -0.01ex 0 0 currentColor,.01ex 0 0 currentColor;
        -webkit-text-stroke-width: .01ex
    }

        .tc-books-menu-item:has(.anchor-actived)::before {
            font-weight: 700
        }

    .tc-books-menu-item:hover {
        background-color: var(--kg-cite-color);
        text-shadow: -0.01ex 0 0 currentColor,.01ex 0 0 currentColor;
        -webkit-text-stroke-width: .01ex
    }

.tc-books-body {
    grid-area: tc-books-body
}

.tc-books-body-list {
    display: flex;
    flex-wrap: wrap;
    justify-items: center
}

.tc-books-body-epigrafe {
    width: 0;
    height: 0;
    overflow: hidden
}

.tc-books-body-item {
    background-color: #fff;
    border: var(--kg-border-default);
    border-radius: .5em;
    max-width: var(--item-width);
    min-width: var(--item-width);
    max-height: fit-content;
    min-height: var(--item-height);
    padding: 1em;
    margin: 0 1em 1em 0
}

    .tc-books-body-item.anchor-actived {
        background-color: var(--kg-accent-color);
        color: #fff
    }

.tc-books-body-link {
    background-color: var(--kg-blue-100);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    padding: 2em;
    margin-bottom: 1em
}

.tc-books-body-cover {
    width: 10em;
    height: 10em
}

.tc-books-body-title {
    display: block;
    font-weight: 500;
    padding: .5em 0
}

.not-found__container {
    text-align: center;
    margin: 40px 0;
    padding: 16px
}

.not-found__text {
    font-size: 16px;
    line-height: 20px;
    margin-top: 8px;
    color: #000
}

.not-found__return {
    background-color: var(--kg-primary-color);
    color: var(--kg-brand-secondary-blue);
    border: 1px solid var(--kg-primary-color);
    border-radius: 7px;
    font-size: 1em;
    padding: .375rem .75rem;
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 2.5em;
    width: 16.5em
}

    .not-found__return:hover {
        background-color: rgb(227.97444,190.43648,.91556);
        color: #fff;
        border-color: rgb(227.97444,190.43648,.91556);
        text-decoration: none !important
    }

.vuemodal.hide {
    display: none !important
}

.vuemodal.show {
    display: block !important
}

.sintesis .kplus-analisis-doc {
    height: calc(100vh - 300px)
}

.kplus-title-top {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5em;
    padding: 0 0 1em 0
}

    .kplus-title-top h2, .kplus-title-top h3 {
        margin-block: 0
    }

    .kplus-title-top::before {
        background-image: url(/img/logos/logo_Kplus_IA.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        content: "";
        height: 3em;
        width: 6em
    }

.kplus-home {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.5em
}

.kplus-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1em;
    padding: 1.5em
}

.kplus-header-logo {
    display: flex;
    justify-content: center;
    margin-block: 0
}

    .kplus-header-logo dfn {
        display: none
    }

    .kplus-header-logo::before {
        background-image: url(/img/logos/logo_Kplus_IA.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        content: "";
        display: block;
        width: 10em;
        height: 4em
    }

    .kplus-header-logo .logo-header {
        display: block;
        width: 8em;
        height: 4m
    }

    .kplus-header-logo.modal-title-logo::before {
        display: block;
        width: 3em;
        height: 2em
    }

.kplus-header-title {
    font-size: 1.1em
}

.kplus-header-subtitle {
    font-size: 2em;
    margin-block: 0
}

.kplus-header .logo-header {
    width: 8em;
    height: 4em
}

.kplus-body {
    grid-template-columns: repeat(auto-fit, minmax(15em, 1fr));
    grid-gap: 1em
}

@media(min-width: 768px) {
    .kplus-body {
        grid-gap: 3em
    }
}

@media(min-width: 992px) {
    .kplus-body {
        grid-gap: 1em
    }
}

.kplus-body {
    display: grid
}

.kplus-footer {
    display: flex;
    justify-content: center;
    align-items: center
}

    .kplus-footer.generative {
        position: fixed;
        bottom: 2.4em;
        width: calc(100% - 30em);
        background-color: var(--kg-light-color);
        height: 2.1em;
        left: 28em
    }

@media screen and (max-width: 991px) {
    .kplus-footer.generative {
        position: initial;
        width: initial;
        height: initial
    }
}

.gen-assistant__content:not(:has(.gen-assistant__side)) + .kplus-footer.generative {
    position: initial;
    width: initial
}

.kplus-module {
    background-color: #fff;
    border: var(--kg-border-default);
    border-radius: 5px;
    display: grid;
    padding: 1.5em
}

    .kplus-module:has(.kplus-module-header) {
        grid-template-rows: 3.5em 5em auto 2.5em;
        grid-template-areas: "header" "title" "text" "button"
    }

    .kplus-module:not(:has(.kplus-module-header)) {
        grid-template-rows: 3.9em auto 2.5em;
        grid-template-areas: "title" "text" "button"
    }

.kplus-module-header {
    grid-area: header;
    text-align: center;
    font-size: 3em;
    color: var(--kg-checked-color)
}

    .kplus-module-header.assistant::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

.kplus-module-header--jurisprudence::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.kplus-module-header--jurisprudence::after {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.kplus-module-header--doctrine::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.kplus-module-header--doctrine::after {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.kplus-module-header.kplus-module--dual-icon {
    display: flex;
    justify-content: center;
    gap: .1em;
    font-size: 40px
}

.kplus-module-header.analysis::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.kplus-module-header.synthesize::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.kplus-module-header.translate::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.kplus-module-title {
    color: var(--kg-dark-color);
    border-bottom: 2px solid var(--kg-accent-color);
    grid-area: title;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5em;
    margin-block: 0;
    padding-bottom: .8em;
    line-height: 1em;
    hyphens: manual
}

.kplus-module-text {
    margin-block: 1em;
    grid-area: text;
    line-height: 1.5em
}

.kplus-module-buttons {
    grid-area: button
}

.kplus-module-button {
    background-color: var(--kg-primary-color);
    color: var(--kg-brand-secondary-blue);
    border: 1px solid var(--kg-primary-color);
    border-radius: 7px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .kplus-module-button:hover {
        background-color: rgb(227.97444,190.43648,.91556);
        color: #fff;
        border-color: rgb(227.97444,190.43648,.91556)
    }

        .kplus-module-button:hover::before {
            background-color: inherit;
            font-weight: 400
        }

    .kplus-module-button:hover {
        text-decoration: none !important
    }

.kplus-module-button {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 2.5em;
    width: 2.5em
}

    .kplus-module-button.disabled {
        pointer-events: none;
        opacity: .35
    }

    .kplus-module-button::before, .kplus-module-button::after {
        background-color: rgba(0,0,0,0)
    }

    .kplus-module-button:hover::before, .kplus-module-button:hover::after {
        background-color: rgba(0,0,0,0)
    }

.kplus-module-button {
    width: 100%
}

.kplus-module-button-dialog {
    color: var(--kg-complementary-color);
    border: 1px solid var(--kg-complementary-color);
    border-radius: 5px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .kplus-module-button-dialog:hover {
        background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
        color: #fff;
        border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
    }

        .kplus-module-button-dialog:hover::before {
            font-weight: 400
        }

    .kplus-module-button-dialog:hover {
        text-decoration: none !important
    }

.kplus-module-button-dialog {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 2.5em;
    width: 2.5em
}

    .kplus-module-button-dialog.disabled {
        pointer-events: none;
        opacity: .35
    }

    .kplus-module-button-dialog::before, .kplus-module-button-dialog::after {
        background-color: rgba(0,0,0,0)
    }

    .kplus-module-button-dialog:hover::before, .kplus-module-button-dialog:hover::after {
        background-color: rgba(0,0,0,0)
    }

.kplus-module-button-dialog {
    width: 100%
}

.kplus-module.disabled {
    background: rgba(0,0,0,0);
    border: 1px solid var(--kg-disabled-color)
}

.kplus-modal {
    margin: 0;
    text-align: justify
}

.kplus-modal-subheader {
    background: var(--kg-primary-color);
    padding: .75em;
    border-radius: 7px;
    margin-block: 1em
}

.kplus-module-button-list {
    display: flex;
    flex-direction: column;
    gap: 1em;
    margin: 3em
}

.kplus-module-button-item:hover {
    background-color: var(--kg-light-color)
}

.kplus-module-button-link {
    color: var(--kg-secondary-color);
    display: flex;
    align-items: center;
    gap: 1em;
    text-decoration: none
}

    .kplus-module-button-link::before {
        background-color: var(--kg-menu-color);
        color: lch(from var(--kg-menu-color) calc((49.44 - l) * infinity) 0 0);
        border: 1px solid lch(from var(--kg-menu-color) calc((49.44 - l) * infinity) 0 0);
        border-radius: 7px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .kplus-module-button-link::before:hover {
            background-color: rgb(0,0,91.11);
            color: lch(from var(--kg-menu-color) calc((49.44 - l) * infinity) 0 0);
            border-color: rgb(0,0,91.11)
        }

            .kplus-module-button-link::before:hover::before {
                font-weight: 400
            }

        .kplus-module-button-link::before:hover {
            text-decoration: none !important
        }

    .kplus-module-button-link::before {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s;
        height: 2em;
        width: 2em
    }

        .kplus-module-button-link::before.disabled {
            pointer-events: none;
            opacity: .35
        }

        .kplus-module-button-link::before::before, .kplus-module-button-link::before::after {
            background-color: rgba(0,0,0,0)
        }

        .kplus-module-button-link::before:hover::before, .kplus-module-button-link::before:hover::after {
            background-color: rgba(0,0,0,0)
        }

    .kplus-module-button-link.mJu::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .kplus-module-button-link.mDa::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .kplus-module-button-link.mOp::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .kplus-module-button-link.mIe::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .kplus-module-button-link.mMd::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

.kplus-aviso-legal-button {
    color: var(--kg-secondary-color);
    font-weight: 500;
    text-decoration: underline
}

.kplusIA #cHead .wk-psearch, .kplusIA #search_mobile {
    display: none
}

.kplusIA #cHead .wk-head-sup {
    row-gap: 0
}

.kplusIA img {
    vertical-align: middle;
    width: 8em;
    height: 4em;
    margin-right: 10px
}

.kplusIA .vue-container {
    height: 100%;
    width: 100%
}

.kplusIA #vue-generative-assistant-control {
    height: 100%;
    max-width: 100%;
    margin: 0
}

.kplusIA .restrictedAccess__footer img.logo, .kplusIA .restrictedAccess__footer img.slogan {
    margin-right: 0
}

#cHead #hrefConversa {
    background: var(--kg-success-color);
    display: flex;
    gap: 6px;
    text-transform: none;
    padding: 0 12px
}

    #cHead #hrefConversa:hover {
        background: var(--kg-success-color)
    }

    #cHead #hrefConversa::before {
        content: "";
        background-image: url(/img/generative-assistant/K-icon-chat.svg);
        background-repeat: no-repeat;
        background-size: 24px 24px;
        background-position: center;
        filter: invert(100%);
        width: 22px;
        height: 40px
    }

.kplus-analisis {
    padding: 1em
}

.kplus-title {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
    gap: 1em;
    min-width: 50%;
    padding: 2.5em
}

.kplus-title-h3, .kplus-title-h2 {
    margin-block: 0;
    color: #fff
}

.kplus-title-h3 {
    font-size: 2em
}

.kplus-title-h2 {
    font-size: 3em
}

.kplus-panel-main {
    background-color: var(--kg-secondary-color);
    color: #fff;
    display: flex;
    height: 13em
}

    .kplus-panel-main::after {
        background-image: url("/Img/kplus/kplus-analisis-title.jpg");
        display: block;
        content: "";
        width: 50%
    }

.kplus-panel-intro {
    display: flex;
    justify-content: center;
    padding: 1em
}

.kplus-panel-buttons {
    display: flex;
    justify-content: center;
    align-content: center
}

.kplus-list {
    display: grid;
    gap: .5em;
    margin: 0 1em
}

.kplus-item {
    display: flex;
    align-items: flex-start;
    gap: .8em;
    font-weight: 500;
    text-align: left
}

    .kplus-item::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        font-size: .6em
    }

#kplus-sintesis .kplus-sintesislegal {
    height: calc(100vh - 320px)
}

.kplus-analisis-doc .hide {
    display: none !important
}

.kplus-analisis-doc .show {
    display: block !important
}

.kplus-analisis-doc-title {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em
}

    .kplus-analisis-doc-title h3, .kplus-analisis-doc-title h2 {
        margin-block: 0
    }

    .kplus-analisis-doc-title::before {
        background-image: url(/img/logos/logo_Kplus_IA.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        content: "";
        height: 3em;
        width: 6em
    }

.kplus-analisis-doc-container {
    padding: 0 2em
}

.kplus-analisis-doc .vuemodal.Predictice, .kplus-analisis-doc .vuemodal.Lamylink, .kplus-analisis-doc .vuemodal.LoginLamylink {
    display: block;
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7)
}

    .kplus-analisis-doc .vuemodal.Predictice .vue-modal-content, .kplus-analisis-doc .vuemodal.Lamylink .vue-modal-content, .kplus-analisis-doc .vuemodal.LoginLamylink .vue-modal-content {
        padding: 0 1rem 0;
        max-width: 800px;
        z-index: 3;
        background-color: #fff;
        border: none;
        border-radius: 0;
        -webkit-box-shadow: 4px 6px 5px 0 #999699;
        -moz-box-shadow: 4px 6px 5px 0 #999699;
        box-shadow: 4px 6px 5px 0 #999699;
        position: relative;
        top: 8px;
        margin: 0 auto
    }

        .kplus-analisis-doc .vuemodal.Predictice .vue-modal-content h1, .kplus-analisis-doc .vuemodal.Lamylink .vue-modal-content h1, .kplus-analisis-doc .vuemodal.LoginLamylink .vue-modal-content h1 {
            color: #007ac3;
            font-size: 2.5rem;
            font-weight: 500;
            text-align: center
        }

        .kplus-analisis-doc .vuemodal.Predictice .vue-modal-content .close, .kplus-analisis-doc .vuemodal.Lamylink .vue-modal-content .close, .kplus-analisis-doc .vuemodal.LoginLamylink .vue-modal-content .close {
            color: #828282;
            font-size: 30px;
            font-weight: 500;
            float: right;
            margin: 12px 0
        }

            .kplus-analisis-doc .vuemodal.Predictice .vue-modal-content .close:hover, .kplus-analisis-doc .vuemodal.Lamylink .vue-modal-content .close:hover, .kplus-analisis-doc .vuemodal.LoginLamylink .vue-modal-content .close:hover {
                color: #828282
            }

        .kplus-analisis-doc .vuemodal.Predictice .vue-modal-content iframe, .kplus-analisis-doc .vuemodal.Lamylink .vue-modal-content iframe, .kplus-analisis-doc .vuemodal.LoginLamylink .vue-modal-content iframe {
            border: none;
            min-height: 480px;
            overflow: hidden;
            width: 100%
        }

            .kplus-analisis-doc .vuemodal.Predictice .vue-modal-content iframe .container .row .col-md-12, .kplus-analisis-doc .vuemodal.Lamylink .vue-modal-content iframe .container .row .col-md-12, .kplus-analisis-doc .vuemodal.LoginLamylink .vue-modal-content iframe .container .row .col-md-12 {
                padding-left: 0;
                padding-right: 0;
                text-align: left;
                font-size: 14px;
                color: #9d9c9c;
                line-height: 1.4
            }

            .kplus-analisis-doc .vuemodal.Predictice .vue-modal-content iframe .container .row .col-md-offset-2 i, .kplus-analisis-doc .vuemodal.Lamylink .vue-modal-content iframe .container .row .col-md-offset-2 i, .kplus-analisis-doc .vuemodal.LoginLamylink .vue-modal-content iframe .container .row .col-md-offset-2 i {
                color: #757575;
                font-size: 13px
            }

            .kplus-analisis-doc .vuemodal.Predictice .vue-modal-content iframe .container .row .form-group .label_mabox, .kplus-analisis-doc .vuemodal.Lamylink .vue-modal-content iframe .container .row .form-group .label_mabox, .kplus-analisis-doc .vuemodal.LoginLamylink .vue-modal-content iframe .container .row .form-group .label_mabox {
                text-align: center
            }

            .kplus-analisis-doc .vuemodal.Predictice .vue-modal-content iframe .container .row .form-group input, .kplus-analisis-doc .vuemodal.Lamylink .vue-modal-content iframe .container .row .form-group input, .kplus-analisis-doc .vuemodal.LoginLamylink .vue-modal-content iframe .container .row .form-group input {
                margin: 0 auto;
                display: block;
                width: 315px;
                height: 50px;
                border: 1px solid #007ac3;
                padding-left: 20px;
                font-size: 14px;
                color: rgba(71,71,71,.5019607843);
                background-color: #fff
            }

                .kplus-analisis-doc .vuemodal.Predictice .vue-modal-content iframe .container .row .form-group input [type=submit], .kplus-analisis-doc .vuemodal.Lamylink .vue-modal-content iframe .container .row .form-group input [type=submit], .kplus-analisis-doc .vuemodal.LoginLamylink .vue-modal-content iframe .container .row .form-group input [type=submit] {
                    width: 317px;
                    height: 50px;
                    background: #007ac3;
                    box-shadow: 0 3px 6px rgba(0,0,0,.1607843137);
                    border-radius: 3px;
                    border: none;
                    color: #fff;
                    text-transform: uppercase;
                    margin: 0 auto;
                    display: block
                }

.kplus-button::before {
    background-color: rgba(0,0,0,0);
    border: none;
    border-radius: 5px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .kplus-button::before:hover {
        background-color: rgba(0,0,0,0)
    }

        .kplus-button::before:hover::before {
            font-weight: 400
        }

    .kplus-button::before:hover {
        text-decoration: none !important
    }

.kplus-button::before {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 2em;
    width: 2em
}

    .kplus-button::before.disabled {
        pointer-events: none;
        opacity: .35
    }

    .kplus-button::before::before, .kplus-button::before::after {
        background-color: rgba(0,0,0,0)
    }

    .kplus-button::before:hover::before, .kplus-button::before:hover::after {
        background-color: rgba(0,0,0,0)
    }

.kplus-button::before {
    background-image: url(/img/logos/logo_Kplus.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    content: ""
}

.kplus-button dfn {
    display: none
}

.kplus-button-info {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em .25em
}

    .kplus-button-info::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1em;
        color: var(--kg-secondary-color);
        background-color: rgba(0,0,0,0)
    }

    .kplus-button-info:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .kplus-button-info:hover::before {
            font-weight: 700
        }

    .kplus-button-info:hover {
        text-decoration: none !important
    }

.kplus-button-info {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .kplus-button-info.disabled {
        pointer-events: none;
        opacity: .35
    }

    .kplus-button-info::before, .kplus-button-info::after {
        background-color: rgba(0,0,0,0)
    }

    .kplus-button-info:hover::before, .kplus-button-info:hover::after {
        background-color: rgba(0,0,0,0)
    }

.kplus-button-primary {
    background-color: var(--kg-neutral-dark-color);
    color: #fff;
    border: 1px solid var(--kg-neutral-dark-color);
    border-radius: 5px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .kplus-button-primary:hover {
        background-color: neutral-darken(#1D1D1B, 30%);
        color: #fff;
        border-color: neutral-darken(#1D1D1B, 30%)
    }

        .kplus-button-primary:hover::before {
            font-weight: 700
        }

    .kplus-button-primary:hover {
        text-decoration: none !important
    }

.kplus-button-primary {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .kplus-button-primary.disabled {
        pointer-events: none;
        opacity: .35
    }

    .kplus-button-primary::before, .kplus-button-primary::after {
        background-color: rgba(0,0,0,0)
    }

    .kplus-button-primary:hover::before, .kplus-button-primary:hover::after {
        background-color: rgba(0,0,0,0)
    }

.kplus-button-secondary {
    color: var(--kg-neutral-dark-color);
    border: 1px solid var(--kg-neutral-dark-color);
    border-radius: 5px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .kplus-button-secondary:hover {
        background-color: neutral-darken(#1D1D1B, 30%);
        color: #fff;
        border-color: neutral-darken(#1D1D1B, 30%)
    }

        .kplus-button-secondary:hover::before {
            font-weight: 700
        }

    .kplus-button-secondary:hover {
        text-decoration: none !important
    }

.kplus-button-secondary {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .kplus-button-secondary.disabled {
        pointer-events: none;
        opacity: .35
    }

    .kplus-button-secondary::before, .kplus-button-secondary::after {
        background-color: rgba(0,0,0,0)
    }

    .kplus-button-secondary:hover::before, .kplus-button-secondary:hover::after {
        background-color: rgba(0,0,0,0)
    }

.kplus-buttons-bar-list {
    background-color: #fff;
    border-radius: .25rem;
    box-shadow: var(--kg-box-shadow);
    border: var(--kg-border-default);
    display: flex;
    align-items: center;
    gap: .5em
}

    .kplus-buttons-bar-list .save {
        display: none
    }

.kplus-buttons-bar .inactive {
    cursor: default;
    opacity: .65;
    pointer-events: none
}

.icon-cloud {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em .25em
}

    .icon-cloud::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 2em;
        color: var(--kg-secondary-color);
        background-color: rgba(0,0,0,0)
    }

    .icon-cloud:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .icon-cloud:hover::before {
            font-weight: 700
        }

    .icon-cloud:hover {
        text-decoration: none !important
    }

.icon-cloud {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .icon-cloud.disabled {
        pointer-events: none;
        opacity: .35
    }

    .icon-cloud::before, .icon-cloud::after {
        background-color: rgba(0,0,0,0)
    }

    .icon-cloud:hover::before, .icon-cloud:hover::after {
        background-color: rgba(0,0,0,0)
    }

.icon-drive {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em .25em
}

    .icon-drive::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 2em;
        color: var(--kg-secondary-color);
        background-color: rgba(0,0,0,0)
    }

    .icon-drive:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .icon-drive:hover::before {
            font-weight: 700
        }

    .icon-drive:hover {
        text-decoration: none !important
    }

.icon-drive {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .icon-drive.disabled {
        pointer-events: none;
        opacity: .35
    }

    .icon-drive::before, .icon-drive::after {
        background-color: rgba(0,0,0,0)
    }

    .icon-drive:hover::before, .icon-drive:hover::after {
        background-color: rgba(0,0,0,0)
    }

    .icon-drive:before {
        font-family: var(--kg-font-fa-icons-brands) !important
    }

.icon-dropbox {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em .25em
}

    .icon-dropbox::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 2em;
        color: var(--kg-secondary-color);
        background-color: rgba(0,0,0,0)
    }

    .icon-dropbox:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .icon-dropbox:hover::before {
            font-weight: 700
        }

    .icon-dropbox:hover {
        text-decoration: none !important
    }

.icon-dropbox {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .icon-dropbox.disabled {
        pointer-events: none;
        opacity: .35
    }

    .icon-dropbox::before, .icon-dropbox::after {
        background-color: rgba(0,0,0,0)
    }

    .icon-dropbox:hover::before, .icon-dropbox:hover::after {
        background-color: rgba(0,0,0,0)
    }

    .icon-dropbox:before {
        font-family: var(--kg-font-fa-icons-brands) !important
    }

.icon-pdf {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em .25em
}

    .icon-pdf::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1.5em;
        color: var(--kg-secondary-color);
        background-color: rgba(0,0,0,0)
    }

    .icon-pdf:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .icon-pdf:hover::before {
            font-weight: 700
        }

    .icon-pdf:hover {
        text-decoration: none !important
    }

.icon-pdf {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .icon-pdf.disabled {
        pointer-events: none;
        opacity: .35
    }

    .icon-pdf::before, .icon-pdf::after {
        background-color: rgba(0,0,0,0)
    }

    .icon-pdf:hover::before, .icon-pdf:hover::after {
        background-color: rgba(0,0,0,0)
    }

.icon-docx, .icon-word {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em .25em
}

    .icon-docx::before, .icon-word::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1.5em;
        color: var(--kg-secondary-color);
        background-color: rgba(0,0,0,0)
    }

    .icon-docx:hover, .icon-word:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .icon-docx:hover::before, .icon-word:hover::before {
            font-weight: 700
        }

    .icon-docx:hover, .icon-word:hover {
        text-decoration: none !important
    }

.icon-docx, .icon-word {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .icon-docx.disabled, .icon-word.disabled {
        pointer-events: none;
        opacity: .35
    }

    .icon-docx::before, .icon-docx::after, .icon-word::before, .icon-word::after {
        background-color: rgba(0,0,0,0)
    }

    .icon-docx:hover::before, .icon-docx:hover::after, .icon-word:hover::before, .icon-word:hover::after {
        background-color: rgba(0,0,0,0)
    }

.icon-preview {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em .25em
}

    .icon-preview::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1.5em;
        color: var(--kg-secondary-color);
        background-color: rgba(0,0,0,0)
    }

    .icon-preview:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .icon-preview:hover::before {
            font-weight: 700
        }

    .icon-preview:hover {
        text-decoration: none !important
    }

.icon-preview {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .icon-preview.disabled {
        pointer-events: none;
        opacity: .35
    }

    .icon-preview::before, .icon-preview::after {
        background-color: rgba(0,0,0,0)
    }

    .icon-preview:hover::before, .icon-preview:hover::after {
        background-color: rgba(0,0,0,0)
    }

.icon-download {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em .25em
}

    .icon-download::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1.5em;
        color: var(--kg-secondary-color);
        background-color: rgba(0,0,0,0)
    }

    .icon-download:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .icon-download:hover::before {
            font-weight: 700
        }

    .icon-download:hover {
        text-decoration: none !important
    }

.icon-download {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .icon-download.disabled {
        pointer-events: none;
        opacity: .35
    }

    .icon-download::before, .icon-download::after {
        background-color: rgba(0,0,0,0)
    }

    .icon-download:hover::before, .icon-download:hover::after {
        background-color: rgba(0,0,0,0)
    }

.icon-save {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em .25em
}

    .icon-save::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1.5em;
        color: var(--kg-secondary-color);
        background-color: rgba(0,0,0,0)
    }

    .icon-save:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .icon-save:hover::before {
            font-weight: 700
        }

    .icon-save:hover {
        text-decoration: none !important
    }

.icon-save {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .icon-save.disabled {
        pointer-events: none;
        opacity: .35
    }

    .icon-save::before, .icon-save::after {
        background-color: rgba(0,0,0,0)
    }

    .icon-save:hover::before, .icon-save:hover::after {
        background-color: rgba(0,0,0,0)
    }

.icon-error {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em .25em
}

    .icon-error::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1.5em;
        color: var(--kg-error-color);
        background-color: rgba(0,0,0,0)
    }

    .icon-error:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .icon-error:hover::before {
            font-weight: 700
        }

    .icon-error:hover {
        text-decoration: none !important
    }

.icon-error {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .icon-error.disabled {
        pointer-events: none;
        opacity: .35
    }

    .icon-error::before, .icon-error::after {
        background-color: rgba(0,0,0,0)
    }

    .icon-error:hover::before, .icon-error:hover::after {
        background-color: rgba(0,0,0,0)
    }

.icon-eye {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em .25em
}

    .icon-eye::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1.5em;
        color: var(--kg-secondary-color);
        background-color: rgba(0,0,0,0)
    }

    .icon-eye:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .icon-eye:hover::before {
            font-weight: 700
        }

    .icon-eye:hover {
        text-decoration: none !important
    }

.icon-eye {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .icon-eye.disabled {
        pointer-events: none;
        opacity: .35
    }

    .icon-eye::before, .icon-eye::after {
        background-color: rgba(0,0,0,0)
    }

    .icon-eye:hover::before, .icon-eye:hover::after {
        background-color: rgba(0,0,0,0)
    }

.icon-delete {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em .25em
}

    .icon-delete::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1.5em;
        color: var(--kg-secondary-color);
        background-color: rgba(0,0,0,0)
    }

    .icon-delete:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .icon-delete:hover::before {
            font-weight: 700
        }

    .icon-delete:hover {
        text-decoration: none !important
    }

.icon-delete {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .icon-delete.disabled {
        pointer-events: none;
        opacity: .35
    }

    .icon-delete::before, .icon-delete::after {
        background-color: rgba(0,0,0,0)
    }

    .icon-delete:hover::before, .icon-delete:hover::after {
        background-color: rgba(0,0,0,0)
    }

.summ-assistant .disabled {
    cursor: default;
    opacity: .35;
    pointer-events: none
}

.summ-assistant-grid {
    display: grid;
    grid-template-rows: 3em auto 3em;
    grid-template-areas: "saHeader" "saBody" "saFooter";
    height: 100%;
    min-width: 100%
}

.summ-assistant-header {
    grid-area: saHeader;
    align-items: center;
    justify-content: space-between;
    padding: 0 2em
}

.summ-assistant-title {
    margin-block: 0;
    display: flex;
    align-items: center;
    gap: .5em
}

.summ-assistant-title-desc::after {
    content: "";
    display: block;
    border-bottom: var(--kg-border-width) var(--kg-border-style) var(--kg-accent-color);
    margin: 0;
    width: 4em
}

.summ-assistant-body {
    scrollbar-width: thin
}

    .summ-assistant-body::-webkit-scrollbar {
        width: 13px
    }

    .summ-assistant-body::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .summ-assistant-body::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.summ-assistant-body {
    overflow: auto;
    grid-area: saBody;
    display: flex;
    flex-direction: column;
    gap: 1em;
    height: 100%
}

.summ-assistant-footer {
    grid-area: saFooter;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2em
}

.summ-assistant-loading {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.summ-assistant-loading-text {
    margin: 0 auto
}

.summ-assistant-step-title {
    margin: 1em 2em
}

    .summ-assistant-step-title::after {
        content: "";
        display: block;
        border-bottom: var(--kg-border-width) var(--kg-border-style) var(--kg-accent-color);
        padding-bottom: .25em;
        margin: 0;
        width: 4em
    }

.summ-assistant-step-panel {
    padding: 0 2em
}

.summ-assistant-step-panel-center {
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.summ-assistant-step-panel-block {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "options";
    height: inherit;
    padding: 0 3em
}

.summ-assistant-step-panel-column-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "sections options";
    gap: 1em;
    height: inherit
}

.summ-assistant-step-panel-column-one {
    display: grid;
    grid-template-columns: 1fr;
    padding: 0 0 0 1em
}

.summ-assistant-list {
    padding: 0
}

.summ-assistant-item-title {
    font-weight: 500
}

.summ-assistant-item-content {
    border: var(--kg-border-default);
    border-radius: 5px;
    padding: 1em;
    font-size: .9em
}

.summ-assistant-form {
    display: flex;
    justify-content: center;
    gap: 1em
}

.summ-assistant-form-select {
    border-radius: 5px
}

.summ-assistant-tools {
    display: flex;
    gap: 1em
}

.summ-assistant-tools-selection {
    margin: 2em
}

.summ-assistant-tools-list {
    display: flex;
    justify-content: space-around;
    gap: 1em
}

.summ-assistant-tools-item {
    display: flex;
    justify-content: space-between;
    gap: 1em
}

.summ-assistant-summary-details {
    margin-bottom: 1em
}

.summ-assistant-summary-details-item::after {
    content: "";
    display: block;
    border-bottom: var(--kg-border-width) var(--kg-border-style) var(--kg-accent-color);
    padding-bottom: .25em;
    margin: 0;
    width: 4em
}

.summ-assistant-summary-header {
    line-height: 1.75em;
    text-wrap: pretty;
    text-align: justify
}

.summ-assistant-summary-list {
    margin: 1em 0
}

.summ-assistant-summary-item {
    margin: 1em 0
}

.summ-assistant-summary-title {
    margin-block: 0 1em
}

.summ-assistant-summary-content {
    background-color: var(--kg-light-color);
    line-height: 1.75em;
    padding: 1em;
    text-wrap: pretty;
    text-align: justify
}

.summ-assistant .summ-sections-list {
    padding: 0 0 1em 1em
}

.summ-assistant .summ-sections-item {
    padding: .5em 0
}

.summ-assistant .summ-sections-options {
    display: flex;
    align-items: center;
    gap: .5em
}

.summ-assistant .summ-sections-options-click::after {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.summ-assistant .summ-sections-options-clicked::after {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.summ-assistant .summ-sections-label {
    color: var(--kg-secondary-color)
}

.summ-assistant .summ-dropdown {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 1em
}

.summ-assistant .summ-dropdown-title {
    margin: 0
}

.summ-assistant .summ-dropdown-container {
    flex: 1
}

.summ-assistant .summ-table {
    width: 90%;
    margin: 0 auto;
    border-collapse: collapse
}

.gen-assistant__content {
    max-width: 100%;
    margin: 0 auto
}

.gen-assistant__header {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5em
}

    .gen-assistant__header h2 {
        margin-bottom: 0
    }

.gen-assistant__action {
    justify-content: right;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    padding-bottom: .5em
}

.gen-assistant__action-main {
    flex: 1;
    justify-content: center
}

.gen-assistant__chat:has(.gen-assistant__chat-box-request-text) .gen-assistant__action {
    width: 100%
}

.gen-assistant__new-conversation {
    background-color: var(--kg-primary-color);
    color: var(--kg-brand-secondary-blue);
    border: 1px solid var(--kg-primary-color);
    border-radius: 7px;
    font-size: .8em;
    padding: .8em .5em
}

    .gen-assistant__new-conversation::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1.25rem;
        color: inherit;
        background-color: var(--kg-primary-color)
    }

    .gen-assistant__new-conversation:hover {
        background-color: rgb(227.97444,190.43648,.91556);
        color: #fff;
        border-color: rgb(227.97444,190.43648,.91556)
    }

        .gen-assistant__new-conversation:hover::before {
            background-color: inherit;
            font-weight: 400
        }

    .gen-assistant__new-conversation:hover {
        text-decoration: none !important
    }

.gen-assistant__new-conversation {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .gen-assistant__new-conversation.disabled {
        pointer-events: none;
        opacity: .35
    }

    .gen-assistant__new-conversation::before, .gen-assistant__new-conversation::after {
        background-color: rgba(0,0,0,0)
    }

    .gen-assistant__new-conversation:hover::before, .gen-assistant__new-conversation:hover::after {
        background-color: rgba(0,0,0,0)
    }

    .gen-assistant__new-conversation[disabled] {
        pointer-events: none;
        opacity: .35
    }

.gen-assistant__conversation-page {
    display: grid;
    height: 100%;
    width: 100%;
    transition: all .3s ease;
    grid-template-areas: "conversation-chat" "conversation-side "
}

@media(min-width: 992px) {
    .gen-assistant__conversation-page {
        grid-template-areas: "conversation-side conversation-chat"
    }
}

.gen-assistant__conversation-page {
    --chat-input-size: calc(100% - var(--nav-size) - 20em - 1.5em - 4em)
}

@media screen and (max-width: 991px) {
    .gen-assistant__conversation-page:not(:has(.gen-assistant__button-arrow.collapsed)) {
        --chat-input-size: 100%
    }
}

.gen-assistant__conversation-page:not(:has(.gen-assistant__button-arrow.collapsed)) {
    grid-template-columns: auto
}

@media(min-width: 992px) {
    .gen-assistant__conversation-page:not(:has(.gen-assistant__button-arrow.collapsed)) {
        grid-template-columns: 21.5em 1fr
    }
}

@media screen and (max-width: 599px) {
    .gen-assistant__conversation-page:has(.gen-assistant__button-arrow.collapsed) {
        --chat-input-size: calc(100% - var(--nav-size) - 4em)
    }
}

@media screen and (min-width: 1280px)and (max-width: 1919px) {
    .gen-assistant__conversation-page:has(.gen-assistant__button-arrow.collapsed) {
        --chat-input-size: calc(100% - var(--nav-size) - 1.5em - 4em)
    }
}

.gen-assistant__conversation-page:has(.gen-assistant__button-arrow.collapsed) {
    grid-template-columns: auto
}

@media(min-width: 992px) {
    .gen-assistant__conversation-page:has(.gen-assistant__button-arrow.collapsed) {
        grid-template-columns: 1.5em 1fr
    }
}

.gen-assistant__conversation-page:has(.gen-assistant__button-arrow.collapsed) .gen-assistant__side {
    width: 1.5em
}

    .gen-assistant__conversation-page:has(.gen-assistant__button-arrow.collapsed) .gen-assistant__side .gen-assistant__side-content {
        display: none
    }

.gen-assistant__conversation-page.gen-assistant__legal {
    display: var(--kg-gen-conversation-page)
}

    .gen-assistant__conversation-page.gen-assistant__legal .gen-assistant__side {
        display: var(--kg-gen-history)
    }

    .gen-assistant__conversation-page.gen-assistant__legal .gen-assistant__chat {
        align-items: center
    }

.gen-assistant__conversation:not(:has(.gen-assistant__side)) .gen-assistant__conversation-page {
    grid-template-columns: auto;
    grid-template-areas: initial
}

    .gen-assistant__conversation:not(:has(.gen-assistant__side)) .gen-assistant__conversation-page .gen-assistant__chat {
        grid-area: initial
    }

.gen-assistant__side {
    grid-area: conversation-side;
    scrollbar-width: thin
}

    .gen-assistant__side::-webkit-scrollbar {
        width: 13px
    }

    .gen-assistant__side::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .gen-assistant__side::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.gen-assistant__side {
    position: inherit
}

@media(min-width: 992px) {
    .gen-assistant__side {
        position: fixed
    }
}

.gen-assistant__side {
    width: 100%
}

@media(min-width: 992px) {
    .gen-assistant__side {
        width: 21.5em
    }
}

.gen-assistant__side {
    height: auto
}

@media(min-width: 992px) {
    .gen-assistant__side {
        height: var(--available-height)
    }
}

.gen-assistant__side {
    border-right: none
}

@media(min-width: 992px) {
    .gen-assistant__side {
        border-right: var(--kg-border-medium)
    }
}

.gen-assistant__side {
    padding: 2em 0 3em 0
}

@media(min-width: 992px) {
    .gen-assistant__side {
        padding: 0
    }
}

.gen-assistant__side {
    overflow-y: auto;
    overflow-x: hidden;
    display: flex
}

    .gen-assistant__side:has(.collapsed) {
        border-right: none
    }

    .gen-assistant__side:has(.kplus-assistant-control-selector) .kplus-assistant-list-buttons .kplus-assistant-list-subtitle {
        display: none
    }

.gen-assistant__side-content {
    width: 100%
}

@media(min-width: 992px) {
    .gen-assistant__side-content {
        width: 20em
    }
}

.gen-assistant__side-content .kplus-assistant-title {
    display: none
}

.gen-assistant__side-content .kplus-assistant-list-items {
    display: flex;
    flex-direction: column
}

.gen-assistant__side-content .kplus-assistant-list-buttons {
    background-color: #fff;
    color: var(--kg-brand-secondary-blue);
    border: none;
    border-radius: 5px;
    font-size: 1em;
    padding: .8em .5em
}

    .gen-assistant__side-content .kplus-assistant-list-buttons:hover {
        background-color: hsl(0,0%,70%);
        color: #fff;
        border-color: hsl(0,0%,70%)
    }

        .gen-assistant__side-content .kplus-assistant-list-buttons:hover::before {
            background-color: inherit;
            font-weight: 400
        }

    .gen-assistant__side-content .kplus-assistant-list-buttons:hover {
        text-decoration: none !important
    }

.gen-assistant__side-content .kplus-assistant-list-buttons {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .gen-assistant__side-content .kplus-assistant-list-buttons.disabled {
        pointer-events: none;
        opacity: .35
    }

    .gen-assistant__side-content .kplus-assistant-list-buttons::before, .gen-assistant__side-content .kplus-assistant-list-buttons::after {
        background-color: rgba(0,0,0,0)
    }

    .gen-assistant__side-content .kplus-assistant-list-buttons:hover::before, .gen-assistant__side-content .kplus-assistant-list-buttons:hover::after {
        background-color: rgba(0,0,0,0)
    }

.gen-assistant__side-content .kplus-assistant-list-buttons {
    background-color: #fff;
    padding: 0
}

    .gen-assistant__side-content .kplus-assistant-list-buttons:hover, .gen-assistant__side-content .kplus-assistant-list-buttons.selected {
        --bg: var(--kg-cite-color);
        background: var(--bg);
        color: var(--kg-secondary-color)
    }

        .gen-assistant__side-content .kplus-assistant-list-buttons:hover h4, .gen-assistant__side-content .kplus-assistant-list-buttons.selected h4 {
            color: var(--kg-secondary-color)
        }

        .gen-assistant__side-content .kplus-assistant-list-buttons.selected h4 {
            font-weight: 600
        }

    .gen-assistant__side-content .kplus-assistant-list-buttons h4.kplus-assistant-list-items__title {
        font-family: Roboto,sans-serif;
        font-size: 1em;
        background-color: rgba(0,0,0,0);
        margin: 0;
        padding: 1em .5em;
        hyphens: none;
        line-height: 1.3em
    }

.gen-assistant__side .gen-assistant__history-container {
    margin-top: 2em;
    width: 100%
}

    .gen-assistant__side .gen-assistant__history-container .gen-assistant__history-suggestions-input {
        align-items: center;
        background-color: #fff;
        border: var(--kg-border-default);
        border-radius: 5px;
        display: flex;
        padding: 1px 0;
        width: calc(100% - 15px)
    }

        .gen-assistant__side .gen-assistant__history-container .gen-assistant__history-suggestions-input input {
            width: calc(100% - 33px);
            height: 35px;
            line-height: 32px;
            padding-left: 8px;
            border: none
        }

        .gen-assistant__side .gen-assistant__history-container .gen-assistant__history-suggestions-input button.search-btn {
            background-color: var(--kg-complementary-color);
            border-radius: 5px;
            border-color: rgba(0,0,0,0);
            color: #fff;
            cursor: pointer;
            display: block;
            padding: 0;
            text-align: center;
            height: 30px;
            text-decoration: none;
            transition: background-color .1s ease-out;
            width: 30px
        }

            .gen-assistant__side .gen-assistant__history-container .gen-assistant__history-suggestions-input button.search-btn::after {
                font-family: var(--kg-font-family-icons);
                content: "";
                font-size: 1em;
                font-weight: 500
            }

        .gen-assistant__side .gen-assistant__history-container .gen-assistant__history-suggestions-input button.clear-conv-search {
            background-color: rgba(0,0,0,0);
            margin-right: 10px;
            border: none
        }

            .gen-assistant__side .gen-assistant__history-container .gen-assistant__history-suggestions-input button.clear-conv-search::before {
                background-color: rgba(0,0,0,0);
                color: var(--kg-secondary-color);
                border: none;
                border-radius: 0;
                font-size: 1em;
                padding: .5em .25em
            }

                .gen-assistant__side .gen-assistant__history-container .gen-assistant__history-suggestions-input button.clear-conv-search::before::before {
                    font-family: var(--kg-font-family-icons);
                    content: "";
                    display: flex;
                    justify-content: center;
                    font-size: 1.25rem;
                    color: var(--kg-secondary-color);
                    background-color: rgba(0,0,0,0)
                }

                .gen-assistant__side .gen-assistant__history-container .gen-assistant__history-suggestions-input button.clear-conv-search::before:hover {
                    background-color: rgba(0,0,0,0);
                    color: #000;
                    border-color: rgba(0,0,0,0)
                }

                    .gen-assistant__side .gen-assistant__history-container .gen-assistant__history-suggestions-input button.clear-conv-search::before:hover::before {
                        font-weight: 700
                    }

                .gen-assistant__side .gen-assistant__history-container .gen-assistant__history-suggestions-input button.clear-conv-search::before:hover {
                    text-decoration: none !important
                }

            .gen-assistant__side .gen-assistant__history-container .gen-assistant__history-suggestions-input button.clear-conv-search::before {
                cursor: pointer;
                display: inline-flex;
                align-content: center;
                justify-content: center;
                align-items: center;
                gap: 8px;
                overflow-wrap: normal;
                text-align: center;
                text-decoration: none;
                transition: background-color .3s,color .3s;
                height: 2em;
                width: 2em
            }

                .gen-assistant__side .gen-assistant__history-container .gen-assistant__history-suggestions-input button.clear-conv-search::before.disabled {
                    pointer-events: none;
                    opacity: .35
                }

                .gen-assistant__side .gen-assistant__history-container .gen-assistant__history-suggestions-input button.clear-conv-search::before::before, .gen-assistant__side .gen-assistant__history-container .gen-assistant__history-suggestions-input button.clear-conv-search::before::after {
                    background-color: rgba(0,0,0,0)
                }

                .gen-assistant__side .gen-assistant__history-container .gen-assistant__history-suggestions-input button.clear-conv-search::before:hover::before, .gen-assistant__side .gen-assistant__history-container .gen-assistant__history-suggestions-input button.clear-conv-search::before:hover::after {
                    background-color: rgba(0,0,0,0)
                }

    .gen-assistant__side .gen-assistant__history-container .date-range {
        font-size: 1em;
        font-weight: 400;
        color: var(--kg-secondary-color);
        margin-top: 10px;
        margin-bottom: 10px;
        position: relative
    }

        .gen-assistant__side .gen-assistant__history-container .date-range::after {
            font-family: var(--kg-font-family-icons);
            content: "";
            cursor: pointer;
            display: inline-block;
            flex: 1;
            position: absolute;
            right: 10px;
            text-align: right;
            transition: transform .2s;
            transform: rotate(180deg)
        }

        .gen-assistant__side .gen-assistant__history-container .date-range.expanded2::after {
            transform: rotate(0deg)
        }

    .gen-assistant__side .gen-assistant__history-container .date-group.collapsed2 {
        display: none
    }

    .gen-assistant__side .gen-assistant__history-container .conversation-tool-selector {
        display: flex;
        position: relative;
        width: 18px;
        height: 30px
    }

        .gen-assistant__side .gen-assistant__history-container .conversation-tool-selector .toolbar_tooltip {
            background-color: rgba(0,0,0,0);
            border: none;
            visibility: hidden
        }

            .gen-assistant__side .gen-assistant__history-container .conversation-tool-selector .toolbar_tooltip::before {
                content: "...";
                color: var(--kg-secondary-color);
                display: flex;
                font-size: 1.8em;
                justify-content: center
            }

    .gen-assistant__side .gen-assistant__history-container .conversation-tool-selector-container {
        background-color: #fff;
        border: 1px solid var(--kg-border-medium);
        border-radius: 10px;
        position: absolute;
        z-index: 1;
        right: 0;
        display: flex;
        gap: .5em;
        padding: .5em;
        flex-direction: column;
        transition: border .1s ease-out
    }

        .gen-assistant__side .gen-assistant__history-container .conversation-tool-selector-container button {
            background: rgba(0,0,0,0);
            border: 1px solid var(--kg-border-medium);
            display: flex;
            align-items: center;
            gap: .5em
        }

            .gen-assistant__side .gen-assistant__history-container .conversation-tool-selector-container button span {
                display: inline-block;
                width: max-content;
                color: var(--kg-secondary-color);
                font-size: .8em
            }

            .gen-assistant__side .gen-assistant__history-container .conversation-tool-selector-container button::before {
                font-weight: 300;
                font-size: 1.2em;
                display: block
            }

        .gen-assistant__side .gen-assistant__history-container .conversation-tool-selector-container .edit::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            color: var(--kg-complementary-color)
        }

        .gen-assistant__side .gen-assistant__history-container .conversation-tool-selector-container .remove::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            color: var(--kg-delete-color)
        }

.gen-assistant-toast {
    background-color: var(--kg-blue-100);
    border-radius: 10px;
    color: var(--kg-brand-secondary-blue);
    display: none;
    padding: 20px;
    position: fixed;
    top: 65%;
    z-index: 10
}

.gen-assistant__button-conversation {
    display: flex;
    align-items: flex-start;
    flex-direction: row-reverse
}

.gen-assistant__button-arrow {
    border: none
}

    .gen-assistant__button-arrow::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .gen-assistant__button-arrow.collapsed::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

.gen-assistant__chat {
    flex: 1;
    padding-left: 1em;
    --space-assistant-bottom: 4em
}

.gen-assistant__chat-input {
    position: inherit
}

@media(min-width: 992px) {
    .gen-assistant__chat-input {
        position: fixed
    }
}

.gen-assistant__chat-input {
    bottom: 4.5em;
    width: var(--chat-input-size);
    z-index: 1050
}

.gen-assistant__chat-box .kplus-modal-container {
    display: none
}

.gen-assistant__chat-box-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.5em;
    padding: 1.5em 0
}

    .gen-assistant__chat-box-container:has(.kplus-assistant-title) {
        align-items: flex-start
    }

        .gen-assistant__chat-box-container:has(.kplus-assistant-title) .gen-assistant__chat-box-request-text {
            background-color: rgba(0,0,0,0)
        }

        .gen-assistant__chat-box-container:has(.kplus-assistant-title) .kplus-assistant-title {
            font-weight: 500
        }

    .gen-assistant__chat-box-container.assistant-legal {
        margin-block-end: var(--space-assistant-bottom)
    }

    .gen-assistant__chat-box-container .text-IA h1 {
        font-size: 1.5em
    }

    .gen-assistant__chat-box-container .text-IA h2 {
        font-size: 1em
    }

    .gen-assistant__chat-box-container .text-IA h3:first-child, .gen-assistant__chat-box-container .text-IA pre {
        display: none
    }

    .gen-assistant__chat-box-container .text-IA p {
        margin-bottom: 1.25em
    }

        .gen-assistant__chat-box-container .text-IA p:last-child {
            margin-bottom: 0
        }

        .gen-assistant__chat-box-container .text-IA p:first-child br:has(+meta,+title) {
            display: none
        }

    .gen-assistant__chat-box-container .text-IA h4 {
        font-weight: 500;
        margin-bottom: .8rem;
        margin-top: 1rem;
        font-size: 1.15em;
        line-height: 1.5em
    }

        .gen-assistant__chat-box-container .text-IA h4 + p {
            margin-left: 1.25em
        }

    .gen-assistant__chat-box-container .text-IA ul {
        padding-left: 1.625em;
        list-style: disc
    }

        .gen-assistant__chat-box-container .text-IA ul li {
            margin-top: .5em;
            margin-bottom: .5em
        }

        .gen-assistant__chat-box-container .text-IA ul + p {
            margin-top: 1em
        }

    .gen-assistant__chat-box-container .text-IA ol {
        margin: .8em 0 .8em 0 !important;
        list-style-type: none
    }

        .gen-assistant__chat-box-container .text-IA ol > li {
            margin-top: .5em;
            margin-bottom: .5em
        }

        .gen-assistant__chat-box-container .text-IA ol + ul {
            margin-left: 1em
        }

    .gen-assistant__chat-box-container .text-IA #normativaaplicable, .gen-assistant__chat-box-container .text-IA #jurisprudencia, .gen-assistant__chat-box-container .text-IA #jurisprudenciarelevante, .gen-assistant__chat-box-container .text-IA #consultasdeinters, .gen-assistant__chat-box-container .text-IA #referenciaslegislativas, .gen-assistant__chat-box-container .text-IA #normativaaplicable + ul, .gen-assistant__chat-box-container .text-IA #jurisprudencia + ul, .gen-assistant__chat-box-container .text-IA #jurisprudenciarelevante + ul, .gen-assistant__chat-box-container .text-IA #consultasdeinters + ul, .gen-assistant__chat-box-container .text-IA #referenciaslegislativas + ul {
        display: none
    }

    .gen-assistant__chat-box-container .text-IA a {
        color: var(--kg-complementary-link-color) !important
    }

        .gen-assistant__chat-box-container .text-IA a:hover {
            text-decoration: underline !important
        }

    .gen-assistant__chat-box-container .text-IA .doc-references {
        display: inline-flex;
        margin-bottom: 1em
    }

    .gen-assistant__chat-box-container .text-IA .doc-reference {
        background-color: var(--kg-accent-color);
        color: #fff;
        font-weight: 600;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        margin-right: .5em;
        position: relative
    }

        .gen-assistant__chat-box-container .text-IA .doc-reference .ref {
            color: #fff
        }

        .gen-assistant__chat-box-container .text-IA .doc-reference:hover {
            background-color: var(--kg-brand-secondary-blue);
            text-decoration: none
        }

            .gen-assistant__chat-box-container .text-IA .doc-reference:hover #title-popup {
                opacity: 1
            }

        .gen-assistant__chat-box-container .text-IA .doc-reference #title-popup {
            background-color: var(--kg-backdrop-color);
            width: 15em;
            color: #fff;
            text-align: center;
            border-radius: 6px;
            padding: 1em .5em;
            position: absolute;
            z-index: 1;
            bottom: 125%;
            left: 50%;
            margin-left: -8em;
            transition: opacity .3s;
            font-size: .8em;
            font-weight: 400;
            opacity: 0
        }

            .gen-assistant__chat-box-container .text-IA .doc-reference #title-popup a {
                color: #fff !important
            }

    .gen-assistant__chat-box-container.gen-assistant__chat-box-legal-info {
        padding-block-start: 0
    }

.gen-assistant__chat-box-question {
    display: flex;
    gap: 1.5em;
    width: 100%
}

    .gen-assistant__chat-box-question:has(+.gen-assistant__chat-box-translation), .gen-assistant__chat-box-question:has(+.gen-assistant__chat-box-history) {
        margin-block-end: 0
    }

    .gen-assistant__chat-box-question:has(+.kplus-assistant-mask-button) {
        margin-block-end: 2em
    }

.gen-assistant__chat-box-question-icon-content {
    background-color: var(--kg-accent-color);
    color: #fff;
    border: 1px solid var(--kg-accent-color);
    border-radius: 100%;
    font-size: 1em;
    padding: .375rem .75rem;
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 2em;
    width: 2em;
    cursor: default
}

    .gen-assistant__chat-box-question-icon-content.disabled {
        pointer-events: none;
        opacity: .35
    }

    .gen-assistant__chat-box-question-icon-content::before, .gen-assistant__chat-box-question-icon-content::after {
        background-color: rgba(0,0,0,0)
    }

    .gen-assistant__chat-box-question-icon-content:hover::before, .gen-assistant__chat-box-question-icon-content:hover::after {
        background-color: rgba(0,0,0,0)
    }

    .gen-assistant__chat-box-question-icon-content::before {
        font-family: var(--kg-font-family-icons);
        font-weight: 900;
        content: ""
    }

.gen-assistant__chat-box-question-text {
    flex: 1
}

.gen-assistant__chat-box-question-text-content {
    background: var(--kg-complementary-light-color);
    border: 1px solid var(--kg-complementary-light-color);
    border-radius: 5px;
    box-shadow: 0 0 0 3px var(--kg-light-color);
    display: inline-block;
    font-weight: 500;
    padding: 1em 1.5em;
    position: relative
}

    .gen-assistant__chat-box-question-text-content::before {
        content: "";
        position: absolute;
        left: -17px;
        top: 6px;
        width: 0;
        height: 0;
        border-top: 8px solid rgba(0,0,0,0);
        border-bottom: 8px solid rgba(0,0,0,0);
        border-right: 16px solid var(--kg-complementary-light-color);
        clear: both
    }

    .gen-assistant__chat-box-question-text-content::after {
        content: "";
        position: absolute;
        left: -15px;
        top: 6px;
        border-top: 8px solid rgba(0,0,0,0);
        border-bottom: 8px solid rgba(0,0,0,0);
        border-right: 16px solid var(--kg-complementary-light-color)
    }

    .gen-assistant__chat-box-question-text-content p {
        margin-bottom: 0
    }

    .gen-assistant__chat-box-question-text-content.suggest-interpretation {
        color: var(--kg-secondary-color);
        line-height: 2
    }

        .gen-assistant__chat-box-question-text-content.suggest-interpretation ul {
            padding-left: 1.5em;
            font-weight: normal
        }

            .gen-assistant__chat-box-question-text-content.suggest-interpretation ul li {
                cursor: pointer
            }

    .gen-assistant__chat-box-question-text-content:has(.gen-assistant--no-border) {
        margin-bottom: 0
    }

        .gen-assistant__chat-box-question-text-content:has(.gen-assistant--no-border) .gen-assistant--no-border {
            border: none
        }

    .gen-assistant__chat-box-question-text-content.gen-assistant--box-width {
        width: 100%
    }

        .gen-assistant__chat-box-question-text-content.gen-assistant--box-width input {
            width: inherit
        }

.gen-assistant__chat-box-question.interpretation {
    margin-block: 1.5em
}

.gen-assistant__chat-box-request {
    display: flex;
    gap: 1.5em;
    width: 100%;
    padding-left: 2em
}

    .gen-assistant__chat-box-request:has(+.kplus-assistant-mask-button) {
        margin-block-end: 2em
    }

    .gen-assistant__chat-box-request.suggest {
        margin-block-end: 0
    }

    .gen-assistant__chat-box-request ~ .gen-assistant__chat-box-request .voir-references {
        display: none
    }

.gen-assistant__chat-box-request-icon {
    width: 2em;
    height: 2em;
    background: var(--kg-success-color);
    border-radius: 50%
}

.gen-assistant__chat-box-request-icon-content::before {
    background-color: var(--kg-primary-color);
    color: var(--kg-brand-secondary-blue);
    border: 1px solid var(--kg-primary-color);
    border-radius: 100%;
    font-size: 1em;
    padding: .375rem .75rem;
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 2em;
    width: 2em;
    cursor: default
}

    .gen-assistant__chat-box-request-icon-content::before.disabled {
        pointer-events: none;
        opacity: .35
    }

    .gen-assistant__chat-box-request-icon-content::before::before, .gen-assistant__chat-box-request-icon-content::before::after {
        background-color: rgba(0,0,0,0)
    }

    .gen-assistant__chat-box-request-icon-content::before:hover::before, .gen-assistant__chat-box-request-icon-content::before:hover::after {
        background-color: rgba(0,0,0,0)
    }

.gen-assistant__chat-box-request-icon-content::before {
    background-image: url(/img/logos/logo_Kplus.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 65%;
    content: ""
}

.gen-assistant__chat-box-request-icon-content {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background-image: url(/img/generative-assistant/K-icon-chat.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
    background-color: var(--kg-primary-color)
}

.gen-assistant__chat-box-request-text {
    order: 1;
    flex: 1;
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    padding: 1em 1.5em 1.5em 1.5em
}

    .gen-assistant__chat-box-request-text .tabs {
        margin-bottom: 2em
    }

        .gen-assistant__chat-box-request-text .tabs .tab {
            background-color: #fff;
            border: none;
            color: var(--kg-secondary-color);
            font-size: 1em;
            padding: .5em 1em;
            margin-right: 1em
        }

            .gen-assistant__chat-box-request-text .tabs .tab.active {
                border-bottom: 4px solid var(--kg-primary-color)
            }

.gen-assistant__chat-box-request-text-actions {
    display: flex;
    justify-content: flex-end;
    gap: 1.2em;
    margin-bottom: .5em
}

.gen-assistant__chat-box-request-text-icons {
    display: flex;
    justify-content: space-between;
    text-align: end;
    margin-top: .5em;
    padding-top: 1em;
    border-top: 1px solid #dbdbdb
}

    .gen-assistant__chat-box-request-text-icons .choose-language {
        display: flex
    }

        .gen-assistant__chat-box-request-text-icons .choose-language select {
            border-radius: 4px;
            margin-right: 1em
        }

        .gen-assistant__chat-box-request-text-icons .choose-language .translation-button {
            border-radius: 4px;
            background-color: #fff;
            border: 1px solid var(--kg-secondary-color);
            color: var(--kg-secondary-color)
        }

            .gen-assistant__chat-box-request-text-icons .choose-language .translation-button:hover {
                background-color: var(--kg-secondary-color);
                color: #fff
            }

    .gen-assistant__chat-box-request-text-icons .options {
        position: relative
    }

        .gen-assistant__chat-box-request-text-icons .options .copy-text {
            background-color: rgba(0,0,0,0);
            border: none;
            border-radius: 5px;
            font-size: 1em;
            padding: .375rem .75rem
        }

            .gen-assistant__chat-box-request-text-icons .options .copy-text::before {
                font-family: var(--kg-font-family-icons);
                content: "";
                display: flex;
                justify-content: center;
                font-size: 1.25rem;
                color: var(--kg-brand-secondary-blue);
                background-color: #fff
            }

            .gen-assistant__chat-box-request-text-icons .options .copy-text:hover {
                background-color: rgba(0,0,0,0)
            }

                .gen-assistant__chat-box-request-text-icons .options .copy-text:hover::before {
                    background-color: inherit;
                    font-weight: 400
                }

            .gen-assistant__chat-box-request-text-icons .options .copy-text:hover {
                text-decoration: none !important
            }

        .gen-assistant__chat-box-request-text-icons .options .copy-text {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s;
            height: 2em;
            width: 2em
        }

            .gen-assistant__chat-box-request-text-icons .options .copy-text.disabled {
                pointer-events: none;
                opacity: .35
            }

            .gen-assistant__chat-box-request-text-icons .options .copy-text::before, .gen-assistant__chat-box-request-text-icons .options .copy-text::after {
                background-color: rgba(0,0,0,0)
            }

            .gen-assistant__chat-box-request-text-icons .options .copy-text:hover::before, .gen-assistant__chat-box-request-text-icons .options .copy-text:hover::after {
                background-color: rgba(0,0,0,0)
            }

        .gen-assistant__chat-box-request-text-icons .options .thumbs-up {
            background-color: rgba(0,0,0,0);
            border: none;
            border-radius: 5px;
            font-size: 1em;
            padding: .375rem .75rem
        }

            .gen-assistant__chat-box-request-text-icons .options .thumbs-up::before {
                font-family: var(--kg-font-family-icons);
                content: "";
                display: flex;
                justify-content: center;
                font-size: 1.25rem;
                color: var(--kg-success-color);
                background-color: #fff
            }

            .gen-assistant__chat-box-request-text-icons .options .thumbs-up:hover {
                background-color: rgba(0,0,0,0)
            }

                .gen-assistant__chat-box-request-text-icons .options .thumbs-up:hover::before {
                    background-color: inherit;
                    font-weight: 400
                }

            .gen-assistant__chat-box-request-text-icons .options .thumbs-up:hover {
                text-decoration: none !important
            }

        .gen-assistant__chat-box-request-text-icons .options .thumbs-up {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s;
            height: 2em;
            width: 2em
        }

            .gen-assistant__chat-box-request-text-icons .options .thumbs-up.disabled {
                pointer-events: none;
                opacity: .35
            }

            .gen-assistant__chat-box-request-text-icons .options .thumbs-up::before, .gen-assistant__chat-box-request-text-icons .options .thumbs-up::after {
                background-color: rgba(0,0,0,0)
            }

            .gen-assistant__chat-box-request-text-icons .options .thumbs-up:hover::before, .gen-assistant__chat-box-request-text-icons .options .thumbs-up:hover::after {
                background-color: rgba(0,0,0,0)
            }

        .gen-assistant__chat-box-request-text-icons .options .thumbs-down {
            background-color: rgba(0,0,0,0);
            border: none;
            border-radius: 5px;
            font-size: 1em;
            padding: .375rem .75rem
        }

            .gen-assistant__chat-box-request-text-icons .options .thumbs-down::before {
                font-family: var(--kg-font-family-icons);
                content: "";
                display: flex;
                justify-content: center;
                font-size: 1.25rem;
                color: var(--kg-error-color);
                background-color: #fff
            }

            .gen-assistant__chat-box-request-text-icons .options .thumbs-down:hover {
                background-color: rgba(0,0,0,0)
            }

                .gen-assistant__chat-box-request-text-icons .options .thumbs-down:hover::before {
                    background-color: inherit;
                    font-weight: 400
                }

            .gen-assistant__chat-box-request-text-icons .options .thumbs-down:hover {
                text-decoration: none !important
            }

        .gen-assistant__chat-box-request-text-icons .options .thumbs-down {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s;
            height: 2em;
            width: 2em
        }

            .gen-assistant__chat-box-request-text-icons .options .thumbs-down.disabled {
                pointer-events: none;
                opacity: .35
            }

            .gen-assistant__chat-box-request-text-icons .options .thumbs-down::before, .gen-assistant__chat-box-request-text-icons .options .thumbs-down::after {
                background-color: rgba(0,0,0,0)
            }

            .gen-assistant__chat-box-request-text-icons .options .thumbs-down:hover::before, .gen-assistant__chat-box-request-text-icons .options .thumbs-down:hover::after {
                background-color: rgba(0,0,0,0)
            }

        .gen-assistant__chat-box-request-text-icons .options button.active::before {
            font-weight: 600 !important
        }

.gen-assistant__chat-box-request-text-content {
    margin-bottom: 1em
}

    .gen-assistant__chat-box-request-text-content p:has(+.ref-documents) {
        display: inline
    }

    .gen-assistant__chat-box-request-text-content .gen-assistant__chat-box-title {
        display: flex;
        align-items: center;
        gap: .5em;
        font-size: 28px;
        margin: 0
    }

        .gen-assistant__chat-box-request-text-content .gen-assistant__chat-box-title::before {
            content: "";
            display: block;
            width: .4em;
            height: .4em;
            background-color: var(--kg-primary-color)
        }

    .gen-assistant__chat-box-request-text-content ul:not(:last-child) {
        margin-bottom: 1em
    }

    .gen-assistant__chat-box-request-text-content ul li:not(:last-child) {
        margin-bottom: .5em
    }

    .gen-assistant__chat-box-request-text-content a:not([onclick]):not([class]) {
        color: var(--kg-complementary-link-color)
    }

        .gen-assistant__chat-box-request-text-content a:not([onclick]):not([class]):hover {
            color: var(--kg-complementary-link-color);
            text-decoration: underline
        }

    .gen-assistant__chat-box-request-text-content.suggest-interpretation {
        color: var(--kg-secondary-color);
        line-height: 2
    }

        .gen-assistant__chat-box-request-text-content.suggest-interpretation ul {
            padding-left: 1.5em;
            font-weight: normal
        }

            .gen-assistant__chat-box-request-text-content.suggest-interpretation ul li {
                cursor: pointer
            }

    .gen-assistant__chat-box-request-text-content:has(.gen-assistant--no-border) {
        margin-bottom: 0
    }

        .gen-assistant__chat-box-request-text-content:has(.gen-assistant--no-border) .gen-assistant--no-border {
            border: none
        }

    .gen-assistant__chat-box-request-text-content::before {
        content: "";
        position: absolute;
        left: -17px;
        top: 6px;
        width: 0;
        height: 0;
        border-top: 8px solid rgba(0,0,0,0);
        border-bottom: 8px solid rgba(0,0,0,0);
        border-right: 16px solid #fff;
        clear: both
    }

    .gen-assistant__chat-box-request-text-content::after {
        content: "";
        position: absolute;
        left: -15px;
        top: 6px;
        border-top: 8px solid rgba(0,0,0,0);
        border-bottom: 8px solid rgba(0,0,0,0);
        border-right: 16px solid #fff
    }

    .gen-assistant__chat-box-request-text-content.request-text-error::before {
        display: none
    }

    .gen-assistant__chat-box-request-text-content.gen-assistant--box-width {
        width: 100%
    }

        .gen-assistant__chat-box-request-text-content.gen-assistant--box-width input {
            width: inherit
        }

.gen-assistant__chat-box-request-text .voir-references {
    border: none;
    background: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    font-weight: 600;
    margin-bottom: 1em;
    padding-left: 0;
    cursor: pointer;
    text-align: right;
    width: 100%
}

    .gen-assistant__chat-box-request-text .voir-references::after {
        font-family: var(--kg-font-family-icons);
        content: "";
        margin-left: .5em;
        color: var(--kg-brand-complementary-blue)
    }

.gen-assistant__chat-box-request-text-references-container {
    border-bottom: 1px solid #c2c3c5
}

.gen-assistant__chat-box-request-text .container-dots {
    overflow: hidden;
    padding: .5em 0;
    margin: 0 auto;
    margin-bottom: 16px;
    width: fit-content
}

.gen-assistant__chat-box-request-text-dots {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    display: flex;
    align-items: center
}

.gen-assistant__chat-box-request-text-dot {
    overflow: hidden;
    display: inline-block;
    flex-shrink: 0;
    animation: slide 10s linear infinite;
    width: 100%;
    color: var(--kg-secondary-color);
    font-style: italic
}

.gen-assistant__chat-box-request-text .gen-assistant__summary {
    margin-top: 2em
}

.gen-assistant__chat-box-translation {
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    width: calc(100% - 88px);
    margin-block-end: var(--space-assistant-bottom)
}

.gen-assistant__chat-box-translation-content {
    font-size: 1em;
    padding: 1.5em
}

    .gen-assistant__chat-box-translation-content .gen-assistant__chat-box-title {
        display: flex;
        align-items: center;
        gap: .5em;
        font-size: 28px;
        margin: 0
    }

        .gen-assistant__chat-box-translation-content .gen-assistant__chat-box-title::before {
            content: "";
            display: block;
            width: .4em;
            height: .4em;
            background-color: var(--kg-primary-color)
        }

    .gen-assistant__chat-box-translation-content ul:not(:last-child) {
        margin-bottom: 1em
    }

    .gen-assistant__chat-box-translation-content ul li:not(:last-child) {
        margin-bottom: .5em
    }

.gen-assistant__chat-box-translation-content-info {
    font-size: 1em;
    font-weight: 600;
    color: var(--kg-secondary-color)
}

.gen-assistant__chat-box-translation-content .doc-references, .gen-assistant__chat-box-translation-content .x_doc-references {
    visibility: hidden;
    margin-left: -0.8em
}

.gen-assistant__chat-content {
    margin: 0
}

.gen-assistant__chat .kplus-assistant-selector {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1.5em;
    background: #fff;
    border-radius: 8px;
    padding: 1.5em
}

    .gen-assistant__chat .kplus-assistant-selector .kplus-assistant-title {
        text-align: center;
        font-weight: 500;
        color: var(--kg-secondary-color);
        padding: .5em 1em .5em 1em;
        font-size: 20px
    }

.gen-assistant__chat .gen-assistant__action {
    position: sticky;
    background-color: var(--kg-light-color);
    top: 87px;
    z-index: 700;
    justify-content: flex-end
}

.gen-assistant__extra-info {
    padding: 8px;
    margin-bottom: 40px
}

.gen-assistant__initialpage-input .gen-assistant__input-form-container {
    width: 70%;
    margin: 0 auto
}

.gen-assistant__input {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    padding-top: 1.5em
}

.gen-assistant__input-box {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.gen-assistant__input-button {
    padding-top: 1px
}

    .gen-assistant__input-button button:disabled, .gen-assistant__input-button button[disabled] {
        pointer-events: none;
        opacity: .35
    }

.gen-assistant__input-characters {
    align-self: flex-end;
    font-size: 15px;
    font-weight: 600;
    color: var(--kg-secondary-color);
    margin-top: 8px
}

.gen-assistant__input-divider {
    height: 2px;
    background: var(--kg-complementary-light-color);
    margin: 0 16px
}

.gen-assistant__input-form {
    display: flex;
    flex-direction: row;
    border-radius: 5px;
    padding: 8px 10px;
    box-shadow: 0 0 25px -5px rgba(0,0,0,.21);
    background-color: #fff
}

    .gen-assistant__input-form input[type=text] {
        flex-grow: 2;
        border: none !important;
        font-size: 16px;
        height: inherit;
        line-height: inherit;
        padding: inherit;
        width: inherit;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

        .gen-assistant__input-form input[type=text]:focus {
            outline: none
        }

    .gen-assistant__input-form:focus-within {
        outline: 1px solid var(--kg-link-color)
    }

    .gen-assistant__input-form .gen-assistant__send-button {
        background-color: var(--kg-accent-color);
        color: #fff;
        border: 1px solid var(--kg-accent-color);
        border-radius: 100%;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .gen-assistant__input-form .gen-assistant__send-button::before {
            font-family: var(--kg-font-family-icons);
            font-weight: 900;
            content: "";
            display: flex;
            justify-content: center;
            font-size: 1.25rem;
            color: #fff;
            background-color: var(--kg-accent-color)
        }

        .gen-assistant__input-form .gen-assistant__send-button:hover {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            color: #fff;
            border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
        }

            .gen-assistant__input-form .gen-assistant__send-button:hover::before {
                background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
                font-weight: 400
            }

        .gen-assistant__input-form .gen-assistant__send-button:hover {
            text-decoration: none !important
        }

    .gen-assistant__input-form .gen-assistant__send-button {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s;
        height: 2em;
        width: 2em
    }

        .gen-assistant__input-form .gen-assistant__send-button.disabled {
            pointer-events: none;
            opacity: .35
        }

        .gen-assistant__input-form .gen-assistant__send-button::before, .gen-assistant__input-form .gen-assistant__send-button::after {
            background-color: rgba(0,0,0,0)
        }

        .gen-assistant__input-form .gen-assistant__send-button:hover::before, .gen-assistant__input-form .gen-assistant__send-button:hover::after {
            background-color: rgba(0,0,0,0)
        }

    .gen-assistant__input-form .gen-assistant__send-button {
        gap: 0
    }

        .gen-assistant__input-form .gen-assistant__send-button[disabled] {
            pointer-events: none;
            opacity: .35
        }

.gen-assistant__input-form-container {
    display: flex;
    width: 100%;
    margin: 0
}

.gen-assistant__welcome-page ~ .gen-assistant__content {
    height: auto
}

    .gen-assistant__welcome-page ~ .gen-assistant__content .gen-assistant__chat-content {
        overflow-y: visible
    }

.gen-assistant__new-conv-send-button {
    display: none
}

.gen-assistant__chat-box-history {
    display: flex;
    flex-direction: column;
    gap: 2em;
    padding: 1em 0 3em 0
}

.gen-assistant__chat-box-request .tb-copy-text {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em .25em
}

    .gen-assistant__chat-box-request .tb-copy-text::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1.25rem;
        color: var(--kg-secondary-color);
        background-color: rgba(0,0,0,0)
    }

    .gen-assistant__chat-box-request .tb-copy-text:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .gen-assistant__chat-box-request .tb-copy-text:hover::before {
            font-weight: 700
        }

    .gen-assistant__chat-box-request .tb-copy-text:hover {
        text-decoration: none !important
    }

.gen-assistant__chat-box-request .tb-copy-text {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 2em;
    width: 2em
}

    .gen-assistant__chat-box-request .tb-copy-text.disabled {
        pointer-events: none;
        opacity: .35
    }

    .gen-assistant__chat-box-request .tb-copy-text::before, .gen-assistant__chat-box-request .tb-copy-text::after {
        background-color: rgba(0,0,0,0)
    }

    .gen-assistant__chat-box-request .tb-copy-text:hover::before, .gen-assistant__chat-box-request .tb-copy-text:hover::after {
        background-color: rgba(0,0,0,0)
    }

.gen-assistant__chat-box-request .tb-thumbs-up {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em .25em
}

    .gen-assistant__chat-box-request .tb-thumbs-up::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1.25rem;
        color: var(--kg-success-color);
        background-color: rgba(0,0,0,0)
    }

    .gen-assistant__chat-box-request .tb-thumbs-up:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .gen-assistant__chat-box-request .tb-thumbs-up:hover::before {
            font-weight: 700
        }

    .gen-assistant__chat-box-request .tb-thumbs-up:hover {
        text-decoration: none !important
    }

.gen-assistant__chat-box-request .tb-thumbs-up {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 2em;
    width: 2em
}

    .gen-assistant__chat-box-request .tb-thumbs-up.disabled {
        pointer-events: none;
        opacity: .35
    }

    .gen-assistant__chat-box-request .tb-thumbs-up::before, .gen-assistant__chat-box-request .tb-thumbs-up::after {
        background-color: rgba(0,0,0,0)
    }

    .gen-assistant__chat-box-request .tb-thumbs-up:hover::before, .gen-assistant__chat-box-request .tb-thumbs-up:hover::after {
        background-color: rgba(0,0,0,0)
    }

.gen-assistant__chat-box-request .tb-thumbs-down {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em .25em
}

    .gen-assistant__chat-box-request .tb-thumbs-down::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1.25rem;
        color: var(--kg-error-color);
        background-color: rgba(0,0,0,0)
    }

    .gen-assistant__chat-box-request .tb-thumbs-down:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .gen-assistant__chat-box-request .tb-thumbs-down:hover::before {
            font-weight: 700
        }

    .gen-assistant__chat-box-request .tb-thumbs-down:hover {
        text-decoration: none !important
    }

.gen-assistant__chat-box-request .tb-thumbs-down {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 2em;
    width: 2em
}

    .gen-assistant__chat-box-request .tb-thumbs-down.disabled {
        pointer-events: none;
        opacity: .35
    }

    .gen-assistant__chat-box-request .tb-thumbs-down::before, .gen-assistant__chat-box-request .tb-thumbs-down::after {
        background-color: rgba(0,0,0,0)
    }

    .gen-assistant__chat-box-request .tb-thumbs-down:hover::before, .gen-assistant__chat-box-request .tb-thumbs-down:hover::after {
        background-color: rgba(0,0,0,0)
    }

.gen-assistant__chat-box-request referencedoc {
    display: inline-block;
    width: 36px;
    height: 20px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #666;
    line-height: 1em;
    transform: translateY(2px);
    border-radius: 3px;
    font-size: 12px;
    padding: .2em .5em;
    overflow: hidden;
    pointer-events: none
}

    .gen-assistant__chat-box-request referencedoc::before {
        content: "Ref.";
        color: #c2c3c5;
        line-height: 1.2em
    }

.gen-assistant__chat-box-request .doc-references {
    cursor: pointer;
    color: var(--kg-accent-color);
    border: 1px solid var(--kg-complementary-color);
    border-radius: 3px;
    font-size: 12px;
    padding: .2em .5em;
    display: inline-block
}

.gen-assistant__chat-box-request .doc-references-disabled {
    border: 1px solid #666;
    color: #c2c3c5;
    line-height: 1.2em;
    pointer-events: none
}

.gen-assistant__chat-box-request .doc-references:hover {
    background-color: var(--kg-complementary-color);
    color: #fff
}

.gen-assistant__history-title {
    color: var(--kg-secondary-color);
    font-weight: 500;
    margin: 1em 0;
    text-align: start
}

.gen-assistant__history-entries {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.gen-assistant__history-entry {
    border: none;
    width: 100%;
    padding: 0;
    background-color: rgba(0,0,0,0)
}

    .gen-assistant__history-entry:hover {
        background-color: hsla(0,0%,100%,.72);
        opacity: 1;
        visibility: visible
    }

        .gen-assistant__history-entry:hover .toolbar_tooltip {
            display: flex;
            opacity: 1;
            visibility: visible !important;
            transform: rotate(90deg)
        }

    .gen-assistant__history-entry .conversation-date {
        color: var(--kg-menu-color);
        font-size: .9em;
        font-weight: 500;
        padding-left: 1em;
        margin-block-start: .2em
    }

.gen-assistant__history-entry-title {
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 15px;
    line-height: 20px;
    padding: .5em 1em .5em 1em;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.gen-assistant__history-entry-title--question {
    display: flex
}

    .gen-assistant__history-entry-title--question::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        margin-right: 1em;
        font-size: .5em;
        font-weight: 600
    }

    .gen-assistant__history-entry-title--question p {
        text-align: start;
        text-wrap: unset;
        margin: 0;
        width: 100%
    }

    .gen-assistant__history-entry-title--question input {
        display: block;
        width: 100%
    }

.gen-assistant__history-entry.gen-assistant__history-entry__current {
    background-color: hsla(0,0%,100%,.72);
    opacity: 1;
    visibility: visible
}

.gen-assistant__chat-box-request-text-button {
    position: relative
}

.gen-assistant__chat-box-request-text-button-popover {
    position: absolute;
    background-color: #fff;
    padding: .75em;
    border-radius: .5rem;
    box-shadow: 1px 1px 11px 0px rgba(0,0,0,.16);
    top: -5em;
    left: -2.5em;
    max-width: 10em;
    text-align: center;
    border: var(--kg-border-medium)
}

    .gen-assistant__chat-box-request-text-button-popover::before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: .5rem solid rgba(0,0,0,0);
        border-right: .5rem solid rgba(0,0,0,0);
        border-top: var(--kg-border-medium);
        border-top-width: .75em;
        bottom: -0.85em;
        left: 50%;
        transform: translateX(-50%)
    }

    .gen-assistant__chat-box-request-text-button-popover::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: .5rem solid rgba(0,0,0,0);
        border-right: .5rem solid rgba(0,0,0,0);
        border-top-color: #fff;
        border-top-style: solid;
        border-top-width: .75em;
        bottom: -0.75em;
        left: 50%;
        transform: translateX(-50%)
    }

.gen-assistant__chat-box-request-data {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 1.5em;
    background-color: #fff;
    border-radius: 5px
}

.gen-assistant__chat-box-request-data-container {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.gen-assistant__chat-box-request-data-title {
    font-size: 15px;
    line-height: 21px;
    font-weight: 600
}

.gen-assistant__chat-box-request-data-content {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.gen-assistant__chat-box-request-data-content--documentation {
    gap: 8px;
    flex-wrap: wrap;
    flex-direction: row
}

.gen-assistant__chat-box-request-data-content--documentation__chat-box-request-data-link {
    padding: 8px 16px
}

    .gen-assistant__chat-box-request-data-content--documentation__chat-box-request-data-link:hover {
        text-decoration: none;
        background: #406e5e
    }

.gen-assistant__chat-box-suggest-data-item {
    background-color: #fff;
    color: var(--kg-brand-secondary-blue);
    border: none;
    border-radius: 5px;
    font-size: 1em;
    padding: .8em 1em
}

    .gen-assistant__chat-box-suggest-data-item:hover {
        background-color: hsl(0,0%,70%);
        color: #fff;
        border-color: hsl(0,0%,70%)
    }

        .gen-assistant__chat-box-suggest-data-item:hover::before {
            background-color: inherit;
            font-weight: 400
        }

    .gen-assistant__chat-box-suggest-data-item:hover {
        text-decoration: none !important
    }

.gen-assistant__chat-box-suggest-data-item {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .gen-assistant__chat-box-suggest-data-item.disabled {
        pointer-events: none;
        opacity: .35
    }

    .gen-assistant__chat-box-suggest-data-item::before, .gen-assistant__chat-box-suggest-data-item::after {
        background-color: rgba(0,0,0,0)
    }

    .gen-assistant__chat-box-suggest-data-item:hover::before, .gen-assistant__chat-box-suggest-data-item:hover::after {
        background-color: rgba(0,0,0,0)
    }

.gen-assistant__chat-box-suggest-data-item {
    background-color: var(--kg-blue-100);
    width: 32%;
    text-align: left;
    align-items: baseline
}

    .gen-assistant__chat-box-suggest-data-item:hover {
        --bg: var(--kg-secondary-color);
        background: var(--bg);
        color: #fff
    }

.gen-assistant__chat-box-suggest-data-content--documentation {
    gap: 8px;
    flex-wrap: wrap;
    flex-direction: row;
    display: flex;
    padding: 16px 16px 2em 16px;
    justify-content: center
}

    .gen-assistant__chat-box-suggest-data-content--documentation .gen-assistant__chat-box-suggest-data-link {
        padding: 8px 16px
    }

        .gen-assistant__chat-box-suggest-data-content--documentation .gen-assistant__chat-box-suggest-data-link:hover {
            text-decoration: none;
            background: #406e5e
        }

.gen-assistant__chat-box-suggest-data-container--documentation {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1.5em;
    background: #fff;
    border-radius: 8px
}

.gen-assistant__chat-box-suggest-data-container {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.gen-assistant__suggest-item-title {
    text-align: center;
    font-weight: 500;
    color: var(--kg-secondary-color);
    padding: 1.5em 1em .5em 1em;
    font-size: 20px
}

.gen-assistant__chat-box-request-data-item {
    background: #fff;
    border-radius: 5px
}

.gen-assistant__chat-box-request-data-link {
    display: flex;
    flex-direction: column;
    padding: 8px 2em 8px 16px;
    border-radius: 5px;
    text-decoration: none;
    color: var(--kg-secondary-color);
    font-size: 15px;
    line-height: 21px;
    font-weight: 500
}

    .gen-assistant__chat-box-request-data-link:hover {
        text-decoration: underline
    }

    .gen-assistant__chat-box-request-data-link .content {
        font-size: 13px;
        font-weight: 400
    }

.gen-assistant__chat-box-request-data-item--dropdown {
    position: relative
}

    .gen-assistant__chat-box-request-data-item--dropdown input[type=checkbox] {
        display: none
    }

        .gen-assistant__chat-box-request-data-item--dropdown input[type=checkbox]:checked ~ .gen-assistant__chat-box-request-data-source {
            display: block
        }

    .gen-assistant__chat-box-request-data-item--dropdown label {
        content: "";
        filter: invert(60%);
        cursor: pointer;
        position: absolute;
        right: 8px;
        top: 6px
    }

.gen-assistant__chat-box-request-data-source {
    display: none
}

    .gen-assistant__chat-box-request-data-source .content {
        display: flex;
        flex-direction: column;
        padding: 0 16px 16px 16px;
        border-radius: 5px;
        text-decoration: none;
        color: var(--kg-complementary-link-color);
        font-size: 14px;
        line-height: 21px;
        position: relative
    }

.gen-assistant__chat .gen-assistant__chat-content .gen-assistant__input-divider + .gen-assistant__welcome-working {
    margin-top: 40px
}

.gen-assistant__chat .gen-assistant__chat-box-request-data + .gen-assistant__input-divider {
    margin-top: 0
}

    .gen-assistant__chat .gen-assistant__chat-box-request-data + .gen-assistant__input-divider .divider {
        margin-top: 0;
        margin-bottom: 0
    }

.gen-assistant__chat-box-request-text-icons-popover {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    top: -4.6em;
    left: -66px;
    color: var(--kg-secondary-color);
    width: 165px;
    text-align: center;
    border: 1px solid #d3d3d3
}

    .gen-assistant__chat-box-request-text-icons-popover::before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 10px solid rgba(0,0,0,0);
        border-right: 10px solid rgba(0,0,0,0);
        border-top: 10px solid #d3d3d3;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%)
    }

    .gen-assistant__chat-box-request-text-icons-popover::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 10px solid rgba(0,0,0,0);
        border-right: 10px solid rgba(0,0,0,0);
        border-top: 10px solid #fff;
        bottom: -9px;
        left: 50%;
        transform: translateX(-50%)
    }

.gen-assistant__content .gen-assistant__chat {
    display: flex;
    flex-direction: column;
    padding-left: 1em
}

.gen-assistant__content .gen-assistant__chat-box {
    width: 100%
}

    .gen-assistant__content .gen-assistant__chat-box .answers-translations .gen-assistant__chat-box-title {
        align-items: center;
        color: var(--kg-secondary-color);
        display: flex;
        font-family: var(--kg-font-kg-display);
        font-size: 28px;
        font-weight: 100;
        gap: .5em;
        margin: 0
    }

    .gen-assistant__content .gen-assistant__chat-box .answers-translations h1, .gen-assistant__content .gen-assistant__chat-box .answers-translations h2, .gen-assistant__content .gen-assistant__chat-box .answers-translations h3 {
        color: var(--kg-body-color);
        font-family: var(--kg-font-family-base);
        font-size: 16px;
        font-weight: 600
    }

.gen-assistant__welcome-page ~ .gen-assistant__content .gen-assistant__chat {
    justify-content: normal;
    height: auto;
    margin-bottom: 40px
}

.gen-assistant__content .gen-assistant__chat-box-req .gen-assistant__chat-box-req-box {
    width: 100%;
    box-shadow: 0 0 0 3px var(--kg-light-color);
    border: 1px solid var(--kg-link-color);
    border-radius: 5px
}

.gen-assistant__content .gen-assistant__chat-box-req {
    display: flex;
    gap: 1.5em
}

.gen-assistant__chat-box-request-data-title::after {
    content: "";
    display: block;
    border-bottom: 2.5px solid var(--kg-primary-color);
    padding-bottom: 2px;
    margin: inherit;
    width: 50px
}

.gen-assistant__chat-box-request-data-container.gen-assistant__chat-box-request-data-container--documentation .gen-assistant__chat-box-request-data-item {
    background: #fff;
    font-size: 13px;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0 0 0 rgba(0,0,0,.19),0 2px 6px rgba(0,0,0,.23);
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.gen-assistant__chat-box-request-data-item--dropdown input[type=checkbox]:checked ~ label::before {
    content: "";
    font-family: "Font Awesome 6 Pro";
    font-size: 1.5em;
    font-weight: 300
}

.gen-assistant__chat-box-request-data-item--dropdown label::before {
    content: "";
    font-family: "Font Awesome 6 Pro";
    font-size: 1.5em;
    font-weight: 300
}

.gen-assistant__extra-questions-button {
    margin-top: 1em;
    margin-bottom: 1em;
    display: none
}

.gen-assistant__extra-questions-button-icon::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.gen-assistant__extra-questions-button-icon.minus::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.gen-assistant__extra-questions-button h4 {
    margin-bottom: 0
}

.gen-assistant__extra-questions-examples {
    margin: 0
}

.gen-assistant__extra-questions-list {
    display: flex;
    flex-direction: column;
    gap: 1em
}

.gen-assistant__extra-questions-item {
    border-radius: 5px;
    box-shadow: var(--kg-box-shadow-soft);
    cursor: pointer;
    padding: 1em;
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1);
    background-color: #fff
}

    .gen-assistant__extra-questions-item:hover {
        box-shadow: 0 0 15px rgba(0,0,0,.25),0 4px 8px rgba(0,0,0,.22)
    }

.gen-assistant__chat {
    grid-area: conversation-chat
}

.gen-assistant__chat-box-request-shortList {
    background: #fff;
    padding: 16px
}

    .gen-assistant__chat-box-request-shortList h4 {
        font-size: 16px;
        position: relative;
        font-weight: 700
    }

.gen-assistant__chat-box-request-shortList-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.gen-assistant__chat-box-request-shortList-content {
    margin: 16px 0;
    background: #fff;
    padding: 16px
}

    .gen-assistant__chat-box-request-shortList-content:last-child {
        margin-bottom: 0
    }

    .gen-assistant__chat-box-request-shortList-content > a:first-child {
        color: var(--kg-secondary-color);
        font-weight: 700
    }

.gen-assistant__chat-box-request-shortList-articulos {
    display: flex;
    flex-direction: column;
    padding: 16px 16px 0 16px
}

    .gen-assistant__chat-box-request-shortList-articulos a {
        color: var(--kg-link-color);
        text-decoration: underline;
        display: inline-block;
        line-height: 28px
    }

.gen-assistant__chat-box-request-tabs-otherdocs button {
    background-color: #fff;
    border: none;
    color: var(--kg-secondary-color);
    font-size: 1em;
    margin-right: 1em;
    margin: .5em;
    min-width: max-content
}

    .gen-assistant__chat-box-request-tabs-otherdocs button.active {
        border-bottom: 4px solid var(--kg-primary-color);
        font-size: 1.1em
    }

.gen-assistant__chat-box-request-tabs-otherdocs h4 {
    font-size: 15px;
    line-height: 21px;
    font-weight: 700;
    margin-bottom: 8px
}

    .gen-assistant__chat-box-request-tabs-otherdocs h4::after {
        content: "";
        display: block;
        border-bottom: 2.5px solid var(--amarilloKarnov);
        padding-bottom: 2px;
        margin: inherit;
        width: 50px
    }

.gen-assistant__chat-box-request-tabs-otherdocs-links {
    font-size: 1em;
    width: 100%
}

    .gen-assistant__chat-box-request-tabs-otherdocs-links a {
        margin-bottom: .5em;
        line-height: 1em;
        display: block
    }

        .gen-assistant__chat-box-request-tabs-otherdocs-links a:last-child {
            margin-bottom: 0
        }

        .gen-assistant__chat-box-request-tabs-otherdocs-links a:hover {
            text-decoration: underline;
            color: var(--kg-secondary-color)
        }

        .gen-assistant__chat-box-request-tabs-otherdocs-links a:first-child {
            font-weight: 600
        }

.gen-assistant__chat-box-request-tabs-otherdocs-fragments {
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 16px;
    margin-bottom: 16px
}

    .gen-assistant__chat-box-request-tabs-otherdocs-fragments:last-child {
        margin-bottom: 0
    }

    .gen-assistant__chat-box-request-tabs-otherdocs-fragments p:empty {
        display: none
    }

.gen-assistant__chat-box-request-tabs-otherdocs-link {
    border-bottom: 1px solid #c2c3c5;
    margin: .5em;
    padding: .5em;
    text-align: left
}

    .gen-assistant__chat-box-request-tabs-otherdocs-link:first-child {
        margin-top: 0
    }

    .gen-assistant__chat-box-request-tabs-otherdocs-link p {
        font-size: .9em;
        line-height: 1em;
        margin-top: 1.2em
    }

.gen-assistant__chat-box-request-tabs-container {
    display: flex
}

.gen-assistant__chat-box-request-tabs-prev::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.gen-assistant__chat-box-request-tabs-next::before {
    font-family: var(--kg-font-family-icons);
    content: ""
}

.gen-assistant__chat-box-request-tabs-selectors {
    display: flex;
    justify-content: space-between;
    overflow-x: hidden;
    scroll-snap-type: x mandatory
}

    .gen-assistant__chat-box-request-tabs-selectors button {
        scroll-snap-align: start;
        flex: none;
        font-weight: 600
    }

.gen-assistant__chat-box-request-activeTab {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 1.5em
}

.gen-assistant__chat-box-request-verMas {
    background-color: #fff;
    color: var(--kg-brand-secondary-blue);
    border: 1px solid var(--kg-brand-secondary-blue);
    border-radius: 5px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .gen-assistant__chat-box-request-verMas:hover {
        background-color: var(--kg-brand-secondary-blue);
        color: #fff;
        border-color: var(--kg-brand-secondary-blue)
    }

        .gen-assistant__chat-box-request-verMas:hover::before {
            font-weight: 700
        }

    .gen-assistant__chat-box-request-verMas:hover {
        text-decoration: none !important
    }

.gen-assistant__chat-box-request-verMas {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 100%;
    width: 100%
}

    .gen-assistant__chat-box-request-verMas.disabled {
        pointer-events: none;
        opacity: .35
    }

    .gen-assistant__chat-box-request-verMas::before, .gen-assistant__chat-box-request-verMas::after {
        background-color: rgba(0,0,0,0)
    }

    .gen-assistant__chat-box-request-verMas:hover::before, .gen-assistant__chat-box-request-verMas:hover::after {
        background-color: rgba(0,0,0,0)
    }

.gen-assistant__chat-box-request-verMas {
    margin: .5em
}

    .gen-assistant__chat-box-request-verMas:hover {
        background-color: var(--kg-secondary-color);
        color: #fff
    }

.gen-assistant__last-question-document {
    border-radius: 5px;
    box-shadow: 0 0 0 rgba(0,0,0,.19),0 2px 6px rgba(0,0,0,.23);
    padding: 1em;
    margin: 1em 0
}

.gen-assistant__last-question-document-reference {
    background-color: var(--kg-accent-color);
    color: #fff;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin-right: .5em;
    position: relative
}

    .gen-assistant__last-question-document-reference:hover {
        background-color: var(--kg-brand-secondary-blue)
    }

        .gen-assistant__last-question-document-reference:hover .gen-assistant__last-question-document-reference-tooltip {
            visibility: visible;
            opacity: 1
        }

.gen-assistant__last-question-document-reference-container {
    display: flex;
    margin-bottom: 1em
}

.gen-assistant__last-question-document-reference-tooltip {
    background-color: var(--kg-backdrop-color);
    visibility: hidden;
    width: 15em;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 1em .5em;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -8em;
    opacity: 0;
    transition: opacity .3s;
    font-size: .8em;
    font-weight: 400
}

.gen-assistant__last-question-document-summary {
    font-size: .9em;
    line-height: 1.5em;
    margin-top: .5em
}

.gen-assistant__last-question-see-more-documents {
    background-color: #fff;
    width: 100%
}

.gen-assistant__summary p b:only-child {
    position: relative;
    left: 12px
}

    .gen-assistant__summary p b:only-child::before {
        content: "•";
        position: absolute;
        left: -12px;
        top: -2px;
        font-weight: bold;
        font-size: 1.2em
    }

@media(max-width: 1199.98px) {
    .gen-assistant__content .gen-assistant__left-panel {
        width: 280px
    }
}

@media(max-width: 991.98px) {
    .gen-assistant__content .gen-assistant__welcome-working {
        flex-direction: column
    }

    .gen-assistant__content .gen-assistant__welcome-working-item-title {
        min-height: auto;
        display: block
    }

    .gen-assistant__content .gen-assistant__action-collapse {
        display: none
    }

    .gen-assistant__content .gen-assistant__chat-box-suggest-data-content--documentation {
        flex-direction: column
    }

    .gen-assistant__content .gen-assistant__chat-box-suggest-data-item {
        width: 100%
    }

    .gen-assistant__content .gen-assistant__conversation-page {
        flex-direction: column-reverse
    }

    .gen-assistant__content .gen-assistant__button-conversation {
        border: none;
        margin-top: 1em
    }

        .gen-assistant__content .gen-assistant__button-conversation:has(.expand) {
            flex-direction: row
        }

    .gen-assistant__content .gen-assistant__left-side {
        width: 100%;
        height: 100%;
        margin: 1.5em 0
    }

    .gen-assistant__content .gen-assistant__chat {
        height: auto
    }

    .gen-assistant__content .gen-assistant__chat-content, .gen-assistant__content .gen-assistant__chat-box-container {
        padding: 16px 0
    }

    .gen-assistant__content .gen-assistant__input-form-container {
        padding: 0;
        background-color: #fff
    }

    .gen-assistant__content .gen-assistant__popup {
        width: 75%;
        top: 55%
    }

    .gen-assistant__content .gen-assistant__history-container {
        height: auto
    }

    .gen-assistant__content .gen-assistant__side-content {
        display: flex;
        flex-direction: column-reverse
    }
}

@media(max-width: 767.98px) {
    .gen-assistant__header-title {
        flex-direction: column;
        align-items: center;
        gap: 16px
    }

    .gen-assistant__header-text {
        text-align: center
    }

    .gen-assistant__input-form-container {
        width: 100%
    }
}

@media(max-width: 600px) {
    .gen-assistant__title {
        text-align: center
    }

    .gen-assistant__header {
        flex-direction: column
    }

        .gen-assistant__header h2 {
            margin-bottom: .5em
        }

    .gen-assistant__input-form-container {
        width: unset;
        max-width: 270px
    }
}

@keyframes slide {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(-100%)
    }
}

.kplus-upload-file {
    scrollbar-width: thin
}

    .kplus-upload-file::-webkit-scrollbar {
        width: 13px
    }

    .kplus-upload-file::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .kplus-upload-file::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.kplus-upload-file {
    overflow: auto;
    display: grid;
    gap: 1em;
    grid-template-areas: "ufHeader" "ufBody" "ufActions";
    grid-template-rows: 3.5em auto 3em
}

.kplus-upload-file-header {
    grid-area: ufHeader
}

.kplus-upload-file-body {
    grid-area: ufBody
}

.kplus-upload-file-name {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1em
}

.kplus-upload-file-name-text {
    color: var(--kg-secondary-color);
    font-weight: 500
}

.kplus-upload-file-steps {
    --tw-bg-opacity: 1;
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-around;
    flex: 1;
    font-family: var(--kg-font-kg-display)
}

    .kplus-upload-file-steps:before {
        content: "";
        position: absolute;
        width: 100%
    }

.kplus-upload-file-steps-line {
    display: none
}

.kplus-upload-file-steps-container {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.kplus-upload-file-steps-item {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center
}

    .kplus-upload-file-steps-item:has(+.active):after, .kplus-upload-file-steps-item:has(+.active):before, .kplus-upload-file-steps-item.active:after, .kplus-upload-file-steps-item.active:before, .kplus-upload-file-steps-item:first-child:after, .kplus-upload-file-steps-item:first-child:before {
        background-color: var(--kg-primary-color)
    }

    .kplus-upload-file-steps-item:has(+.active):not(.active) .value, .kplus-upload-file-steps-item.active:not(.active) .value, .kplus-upload-file-steps-item:first-child:not(.active) .value {
        border-color: var(--kg-primary-color);
        color: var(--kg-primary-color)
    }

    .kplus-upload-file-steps-item:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        z-index: -1;
        height: 2px;
        width: 50%;
        background-color: rgb(211, 211, 211, var(--tw-bg-opacity, 1))
    }

    .kplus-upload-file-steps-item:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        z-index: -1;
        height: 2px;
        width: 50%;
        background-color: rgb(211, 211, 211, var(--tw-bg-opacity, 1))
    }

    .kplus-upload-file-steps-item .value {
        position: relative;
        display: flex;
        height: 2.25rem;
        width: 2.25rem;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        border: var(--kg-border-medium);
        border-color: rgb(211, 211, 211, var(--tw-border-opacity, 1));
        background-color: rgb(255, 255, 255, var(--tw-bg-opacity, 1));
        color: rgb(211, 211, 211, var(--tw-text-opacity, 1));
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: .1s
    }

    .kplus-upload-file-steps-item .tooltip {
        display: none;
        position: absolute;
        top: 100%;
        z-index: 1080;
        white-space: nowrap;
        border: var(--kg-border-medium);
        background-color: rgb(255, 255, 255, var(--tw-bg-opacity, 1));
        padding: .25rem .75rem;
        font-size: .875rem;
        line-height: 1.25rem;
        color: rgb(192, 192, 192, var(--tw-text-opacity, 1));
        transition-property: opacity;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: .3s
    }

    .kplus-upload-file-steps-item.active .value {
        height: 3.5rem;
        width: 3.5rem;
        border-style: none;
        color: var(--kg-body-color);
        background-color: var(--kg-primary-color);
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .kplus-upload-file-steps-item:hover .tooltip {
        display: block
    }

.kplus-upload-file-start {
    background-color: var(--kg-complementary-light-color);
    border: var(--kg-border-default)
}

    .kplus-upload-file-start:not(:has(.kplus-upload-file-show.hide)) {
        padding: 1.5em
    }

.kplus-upload-file-drag-drop {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 1.5em;
    line-height: 2.5em;
    width: 100%
}

.kplus-upload-file-drop .white_wrapper {
    border: var(--kg-border-default);
    background-color: var(--kg-insert-text)
}

.kplus-upload-file-drop .blue_wrapper {
    background-color: var(--kg-cite-color)
}

.kplus-upload-file-drop .inactiveDoc {
    opacity: .5
}

.kplus-upload-file-drop-spinner .kg-spinner {
    height: 10vh;
    overflow: hidden;
    position: relative !important;
    width: 100%
}

.kplus-upload-file-actions {
    grid-area: ufActions;
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: .5em;
    padding: 1em 0
}

.kplus-upload-file-info {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: .5em;
    font-weight: 500
}

.kplus-upload-file-info-message-format {
    color: var(--kg-disabled-color);
    font-size: .8em;
    text-align: center
}

.kplus-upload-file-info-message-error {
    color: var(--kg-error-color);
    font-size: .8em;
    font-style: italic;
    text-align: center
}

.kplus-upload-file-info-message-upload {
    color: var(--kg-info-color);
    font-size: .8em;
    text-align: center
}

.kplus-upload-file-info-message-analyze {
    color: var(--kg-info-color);
    text-align: center
}

.kplus-upload-file-info-message-success {
    color: var(--kg-success-color);
    text-align: center
}

.kplus-upload-file-info-list {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: .5em
}

.kplus-upload-file-info-item {
    font-weight: 500;
    margin: 0 .5em
}

    .kplus-upload-file-info-item.italic {
        font-style: italic;
        font-size: .8em
    }

.kplus-upload-file-info .list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: var(--kg-border-default)
}

    .kplus-upload-file-info .list .documents_toolbar {
        display: flex;
        align-items: center;
        gap: 1em;
        width: 9em
    }

    .kplus-upload-file-info .list .pdf {
        flex: 1;
        display: flex;
        gap: .5em;
        color: var(--kg-accent-color)
    }

        .kplus-upload-file-info .list .pdf::before {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

    .kplus-upload-file-info .list .docx, .kplus-upload-file-info .list .word {
        flex: 1;
        display: flex;
        gap: .5em;
        color: var(--kg-accent-color)
    }

        .kplus-upload-file-info .list .docx::before, .kplus-upload-file-info .list .word::before {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

.kplus-upload-file-info hr {
    display: none
}

.kplus-upload-file-result {
    background-color: var(--kg-complementary-light-color);
    border: var(--kg-border-default);
    padding: 0 1.5em 1.5em 1.5em
}

.kplus-upload-file-result-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1em 0
}

.kplus-upload-file-result-body {
    display: grid;
    grid-template-areas: "rLinks rDocument";
    grid-template-columns: 1fr 1fr;
    gap: 2em
}

.kplus-upload-file-result-title {
    padding-bottom: .5em;
    font-weight: 500
}

.kplus-upload-file-result-links {
    grid-area: rLinks;
    background-color: #fff;
    border: var(--kg-border-medium);
    padding: 1em
}

    .kplus-upload-file-result-links .results-dropdown-list {
        margin-block: 0
    }

    .kplus-upload-file-result-links .results-dropdown-item .results-dropdown-title {
        color: var(--kg-body-color);
        display: flex;
        align-items: center;
        gap: .25em;
        margin-bottom: 1em
    }

        .kplus-upload-file-result-links .results-dropdown-item .results-dropdown-title::before {
            background-color: #fff;
            color: var(--kg-brand-secondary-blue);
            border: var(--kg-border-default);
            border-radius: 5px;
            font-size: 1em;
            padding: .375rem .75rem
        }

            .kplus-upload-file-result-links .results-dropdown-item .results-dropdown-title::before:hover {
                background-color: hsl(0,0%,70%);
                color: #fff;
                border-color: hsl(0,0%,70%)
            }

                .kplus-upload-file-result-links .results-dropdown-item .results-dropdown-title::before:hover::before {
                    background-color: inherit;
                    font-weight: 400
                }

            .kplus-upload-file-result-links .results-dropdown-item .results-dropdown-title::before:hover {
                text-decoration: none !important
            }

        .kplus-upload-file-result-links .results-dropdown-item .results-dropdown-title::before {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s
        }

            .kplus-upload-file-result-links .results-dropdown-item .results-dropdown-title::before.disabled {
                pointer-events: none;
                opacity: .35
            }

            .kplus-upload-file-result-links .results-dropdown-item .results-dropdown-title::before::before, .kplus-upload-file-result-links .results-dropdown-item .results-dropdown-title::before::after {
                background-color: rgba(0,0,0,0)
            }

            .kplus-upload-file-result-links .results-dropdown-item .results-dropdown-title::before:hover::before, .kplus-upload-file-result-links .results-dropdown-item .results-dropdown-title::before:hover::after {
                background-color: rgba(0,0,0,0)
            }

        .kplus-upload-file-result-links .results-dropdown-item .results-dropdown-title::before {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

        .kplus-upload-file-result-links .results-dropdown-item .results-dropdown-title:hover {
            text-decoration: none
        }

    .kplus-upload-file-result-links .results-dropdown-item.show .results-dropdown-title::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .kplus-upload-file-result-links .results-dropdown-item-number {
        font-size: 1.3em;
        font-weight: 500
    }

    .kplus-upload-file-result-links .results-dropdown-item-name {
        font-size: 1.3em
    }

    .kplus-upload-file-result-links .results-dropdown-title {
        display: flex;
        margin-bottom: 1em
    }

    .kplus-upload-file-result-links .results-dropdown-summary-list {
        display: none;
        line-height: 1.5em;
        margin: 0 0 1em 1em;
        padding: 0 3em
    }

        .kplus-upload-file-result-links .results-dropdown-summary-list li {
            list-style: decimal
        }

        .kplus-upload-file-result-links .results-dropdown-summary-list.show {
            display: block
        }

.kplus-upload-file-result-links-message {
    margin-bottom: 1em
}

.kplus-upload-file-result-document {
    grid-area: rDocument;
    background-color: #fff;
    border: var(--kg-border-medium);
    padding: 1.5em
}

.kplus-upload-file-result-document-explanation {
    padding: 1em 0
}

.kplus-upload-file-result li a:not([class]), .kplus-upload-file-result p a:not([class]) {
    color: var(--kg-complementary-link-color);
    text-decoration: none
}

    .kplus-upload-file-result li a:not([class]):hover, .kplus-upload-file-result p a:not([class]):hover {
        text-decoration: underline
    }

.kplus-upload-file-retention-title {
    font-weight: 500;
    padding: 1em;
    text-align: center
}

.kplus-upload-file-retention .retention-period {
    border: var(--kg-border-medium)
}

.kplus-upload-file-retention .retention-period-title {
    font-weight: 500;
    padding: 1em 1em 0;
    font-size: 1em
}

.kplus-upload-file-retention .retention-period-desc {
    font-size: 14px;
    font-weight: 400
}

.kplus-upload-file-retention .retention-period-item-pln {
    font-size: .8em
}

.kplus-upload-file-retention .retention-period-list {
    margin: 1em
}

.kplus-upload-file-retention .retention-period-item {
    display: flex;
    align-items: center;
    margin: 0 0 1em 0
}

.AI-document-tool-layer {
    background-color: #fff;
    border-radius: 5px;
    border-left: .5em solid var(--kg-light-color);
    border-left-width: 0
}

@media(min-width: 992px) {
    .AI-document-tool-layer {
        border-left-width: .5em
    }
}

.AI-document-tool-layer {
    max-width: 100%
}

@media(min-width: 992px) {
    .AI-document-tool-layer {
        max-width: 55vw
    }
}

.AI-document-tool-layer {
    overflow: hidden;
    position: relative
}

    .AI-document-tool-layer .active {
        display: block
    }

.AI-document-tool-close {
    position: absolute;
    background-color: var(--kg-light-color);
    top: .5em;
    padding: .25em;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.AI-document-tool-close-button {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: 0
}

    .AI-document-tool-close-button::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1.25rem;
        color: var(--kg-secondary-color);
        background-color: rgba(0,0,0,0)
    }

    .AI-document-tool-close-button:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .AI-document-tool-close-button:hover::before {
            font-weight: 700
        }

    .AI-document-tool-close-button:hover {
        text-decoration: none !important
    }

.AI-document-tool-close-button {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .AI-document-tool-close-button.disabled {
        pointer-events: none;
        opacity: .35
    }

    .AI-document-tool-close-button::before, .AI-document-tool-close-button::after {
        background-color: rgba(0,0,0,0)
    }

    .AI-document-tool-close-button:hover::before, .AI-document-tool-close-button:hover::after {
        background-color: rgba(0,0,0,0)
    }

.AI-document-tool-button {
    border: none;
    background-color: rgba(0,0,0,0);
    border-bottom: .25em solid rgba(0,0,0,0);
    padding: 0 1em
}

@media(min-width: 992px) {
    .AI-document-tool-button {
        padding: 1em 1em .375em 1em
    }
}

.AI-document-tool-button {
    display: block;
    white-space: nowrap
}

    .AI-document-tool-button.active {
        text-shadow: -0.01ex 0 0 currentColor,.01ex 0 0 currentColor;
        -webkit-text-stroke-width: .01ex;
        border-bottom-color: var(--kg-complementary-color)
    }

    .AI-document-tool-button.disabled {
        color: var(--kg-disabled-color);
        cursor: not-allowed
    }

.AI-document-tool-container {
    scrollbar-width: thin
}

    .AI-document-tool-container::-webkit-scrollbar {
        width: 13px
    }

    .AI-document-tool-container::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .AI-document-tool-container::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.AI-document-tool-container {
    overflow: auto;
    display: grid;
    grid-template-areas: "aiHeader" "aiBody";
    grid-template-rows: 3em auto
}

    .AI-document-tool-container.home {
        grid-template-rows: 0 auto
    }

.AI-document-tool-header {
    grid-area: aiHeader;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0 3em
}

.AI-document-tool-body {
    scrollbar-width: thin
}

    .AI-document-tool-body::-webkit-scrollbar {
        width: 13px
    }

    .AI-document-tool-body::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .AI-document-tool-body::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.AI-document-tool-body {
    overflow: auto;
    grid-area: aiBody
}

    .AI-document-tool-body.chat {
        padding: 0 .5em
    }

.AI-document-tool-home {
    padding: 1em 0
}

@media(min-width: 992px) {
    .AI-document-tool-home {
        padding: 2em 0
    }
}

.AI-document-tool-home {
    justify-content: center
}

.AI-document-tool-modules {
    grid-template-columns: repeat(auto-fit, minmax(16em, 1fr));
    display: grid;
    gap: 2em;
    padding: 2em
}

.AI-document-tool-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em
}

.AI-document-tool-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5em;
    margin: 0;
    padding: 0
}

.AI-document-tool-title-desc::after {
    content: "";
    display: block;
    border-bottom: var(--kg-border-width) var(--kg-border-style) var(--kg-accent-color);
    margin: 0;
    width: 4em
}

body:has(.AI-document-tool-layer.active) {
    --display-element: none;
    --visibility-element: none
}

    body:has(.AI-document-tool-layer.active) .highlight {
        background-color: var(--kg-highlight-chat)
    }

    body:has(.AI-document-tool-layer.active) a.highlight {
        color: var(--kg-link-color)
    }

    body:has(.AI-document-tool-layer.active) .ContextualMenuControl, body:has(.AI-document-tool-layer.active) #textClips, body:has(.AI-document-tool-layer.active) a.cJU, body:has(.AI-document-tool-layer.active) a.cLE, body:has(.AI-document-tool-layer.active) a.cIF, body:has(.AI-document-tool-layer.active) a.cDT, body:has(.AI-document-tool-layer.active) a.cFO, body:has(.AI-document-tool-layer.active) a.cCS, body:has(.AI-document-tool-layer.active) a.bc, body:has(.AI-document-tool-layer.active) a.btnConsultas, body:has(.AI-document-tool-layer.active) .wrapper-icons, body:has(.AI-document-tool-layer.active) .kg-ebook-aside, body:has(.AI-document-tool-layer.active) .document-tabs-link:not(.active), body:has(.AI-document-tool-layer.active) .document-tabs-item.versionesLE, body:has(.AI-document-tool-layer.active) .LE-versions, body:has(.AI-document-tool-layer.active) .toolbar-buttons, body:has(.AI-document-tool-layer.active) .textEditorDoc, body:has(.AI-document-tool-layer.active) #cCn .docLoadedNote, body:has(.AI-document-tool-layer.active) .cCn .docLoadedNote, body:has(.AI-document-tool-layer.active) #cCx {
        display: var(--display-element);
        visibility: var(--visibility-element)
    }

    body:has(.AI-document-tool-layer.active) .wrapper-document {
        height: var(--available-height);
        overflow-y: auto;
        scrollbar-width: thin;
        margin-right: 8px
    }

    body:has(.AI-document-tool-layer.active) .document-tabs-link[data-tab-type=text] {
        display: block;
        text-shadow: -0.01ex 0 0 currentColor,.01ex 0 0 currentColor;
        -webkit-text-stroke-width: .01ex;
        border-bottom-color: var(--kg-complementary-color)
    }

    body:has(.AI-document-tool-layer.active) .kg-ebook:has(.TreeView), body:has(.AI-document-tool-layer.active) .wrapper-grid, body:has(.AI-document-tool-layer.active) .tBody {
        display: block
    }

    body:has(.AI-document-tool-layer.active) #cCn:has(.wrapper-icons) {
        padding: 1em
    }

    body:has(.AI-document-tool-layer.active) .document-tabs-content {
        display: var(--display-element)
    }

@media(min-width: 992px) {
    body:has(.AI-document-tool-layer.active) .document-tabs-content {
        display: initial
    }
}

body:has(.AI-document-tool-layer.active) .cBody-grid-container-scrollable {
    padding: 0 1em
}

@media(min-width: 992px) {
    body:has(.AI-document-tool-layer.active) .cBody-grid-container-scrollable {
        padding: 0 .5em 0 2em
    }
}

body:has(.AI-document-tool-layer.active) .cBody-grid-container-document {
    padding: 0
}

body:has(.AI-document-tool-layer.active) .DocumentContentControl:has(.versionesLE:not(.hidden)) {
    display: block
}

body:has(.AI-document-tool-layer.active) .icon-scrollup {
    right: 56.5vw
}

body:has(.AI-document-tool-layer.active) table.tPb {
    scrollbar-width: thin
}

    body:has(.AI-document-tool-layer.active) table.tPb::-webkit-scrollbar {
        width: 13px
    }

    body:has(.AI-document-tool-layer.active) table.tPb::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    body:has(.AI-document-tool-layer.active) table.tPb::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

body:has(.AI-document-tool-layer.active) table.tPb {
    overflow: auto;
    display: grid
}

body:has(.AI-document-tool-layer.active) #cCn {
    padding: 1em;
    overflow-x: auto
}

body:not(:has(.document-tabs-link[data-tab-type=text])) .AIDocumentToolsButton {
    display: none
}

body:has(.mm>video):has(.projekktor) .AIDocumentToolsButton, body:has(.document-tabs-link[data-tab-type=text]:not(.active)) .AIDocumentToolsButton {
    cursor: default;
    opacity: .35;
    pointer-events: none
}

    body:has(.mm>video):has(.projekktor) .AIDocumentToolsButton:hover .tooltip, body:has(.document-tabs-link[data-tab-type=text]:not(.active)) .AIDocumentToolsButton:hover .tooltip {
        display: none
    }

.kplus-assistant-selector {
    padding: 2em 0
}

.kplus-assistant-list-info {
    margin-bottom: 1em
}

.kplus-assistant-list-items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
}

@media(min-width: 992px) {
    .kplus-assistant-list-items {
        grid-template-columns: repeat(2, 1fr)
    }
}

.kplus-assistant-list-items {
    grid-gap: 1em
}

@media(min-width: 768px) {
    .kplus-assistant-list-items {
        grid-gap: 1.5em
    }
}

.kplus-assistant-list-buttons {
    background-color: #fff;
    color: var(--kg-brand-secondary-blue);
    border: none;
    border-radius: 5px;
    font-size: 1em;
    padding: .9em .5em
}

    .kplus-assistant-list-buttons:hover {
        background-color: hsl(0,0%,70%);
        color: #fff;
        border-color: hsl(0,0%,70%)
    }

        .kplus-assistant-list-buttons:hover::before {
            background-color: inherit;
            font-weight: 400
        }

    .kplus-assistant-list-buttons:hover {
        text-decoration: none !important
    }

.kplus-assistant-list-buttons {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .kplus-assistant-list-buttons.disabled {
        pointer-events: none;
        opacity: .35
    }

    .kplus-assistant-list-buttons::before, .kplus-assistant-list-buttons::after {
        background-color: rgba(0,0,0,0)
    }

    .kplus-assistant-list-buttons:hover::before, .kplus-assistant-list-buttons:hover::after {
        background-color: rgba(0,0,0,0)
    }

.kplus-assistant-list-buttons {
    display: flex;
    flex-direction: column;
    justify-content: normal;
    gap: 0;
    background-color: var(--kg-cite-color)
}

    .kplus-assistant-list-buttons:hover {
        --bg: var(--kg-secondary-color);
        background: var(--bg);
        color: #fff
    }

        .kplus-assistant-list-buttons:hover h4, .kplus-assistant-list-buttons:hover p {
            color: #fff;
            transition: color .3s
        }

.kplus-assistant-mask {
    position: relative;
    width: 100%;
    height: 100%
}

.kplus-assistant-mask-button {
    display: flex;
    justify-content: flex-end;
    margin-block-end: 3em
}

    .kplus-assistant-mask-button:has(+.gen-assistant__chat-box-history) {
        margin-block-end: .3em
    }

.kplus-assistant-fieldset {
    display: flex;
    gap: .5em;
    flex-direction: column;
    position: relative;
    margin-bottom: 1em
}

    .kplus-assistant-fieldset:has(.disabled) {
        opacity: .35;
        pointer-events: none;
        cursor: not-allowed
    }

.kplus-assistant-fieldset-label {
    font-weight: 500;
    margin-bottom: .3em
}

    .kplus-assistant-fieldset-label.required::before {
        content: "* ";
        color: var(--kg-error-color)
    }

.kplus-assistant-fieldset-input .kplus-embedded-assistant-control:has(.kplus-embedded-assistant-selected) {
    border: var(--kg-border-medium);
    border-radius: 5px
}

    .kplus-assistant-fieldset-input .kplus-embedded-assistant-control:has(.kplus-embedded-assistant-selected) .kplus-embedded-assistant-fieldset {
        border: none
    }

    .kplus-assistant-fieldset-input .kplus-embedded-assistant-control:has(.kplus-embedded-assistant-selected) .kplus-embedded-assistant-selected {
        border-top: var(--kg-border-medium);
        margin-inline: .5em;
        padding: .5em .8em 1em .5em
    }

    .kplus-assistant-fieldset-input .kplus-embedded-assistant-control:has(.kplus-embedded-assistant-selected) .kplus-embedded-assistant-grid-footer .kplus-embedded-assistant-selected {
        border-top: none
    }

.kplus-assistant-fieldset-sublabel {
    font-size: .9em;
    color: var(--kg-disabled-color)
}

.kplus-assistant-fieldset-error {
    color: var(--kg-error-color)
}

.kplus-assistant-fieldset-select {
    border: var(--kg-border-medium);
    border-radius: 5px;
    min-height: 3em;
    padding: .25em
}

    .kplus-assistant-fieldset-select#jurisdictionSelect {
        color: var(--kg-brand-background-dark-gray)
    }

.kplus-assistant-fieldset .row {
    display: flex;
    flex-direction: row
}

    .kplus-assistant-fieldset .row .tooltip {
        font-size: .8em;
        height: 18px;
        margin-left: 5px;
        position: relative;
        text-align: center;
        width: 18px
    }

        .kplus-assistant-fieldset .row .tooltip:hover {
            cursor: pointer
        }

            .kplus-assistant-fieldset .row .tooltip:hover::before {
                font-weight: 600
            }

        .kplus-assistant-fieldset .row .tooltip::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            font-size: 1.2em
        }

        .kplus-assistant-fieldset .row .tooltip button {
            visibility: hidden
        }

        .kplus-assistant-fieldset .row .tooltip .tooltiptext {
            background-color: var(--kg-secondary-color);
            border-radius: 6px;
            bottom: 125%;
            color: #fff;
            left: 50%;
            margin-left: -150px;
            padding: 5px 0;
            position: absolute;
            text-align: center;
            visibility: hidden;
            width: 500px;
            z-index: 1
        }

        .kplus-assistant-fieldset .row .tooltip:hover .tooltiptext {
            visibility: visible
        }

.kplus-assistant-textarea {
    border: var(--kg-border-medium);
    border-radius: 5px;
    min-width: 100%;
    min-height: 8em;
    padding: .75em
}

.kplus-embedded-assistant-fieldset {
    border: var(--kg-border-medium);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
    line-height: 1em;
    min-height: 3em;
    padding: .25em;
    position: relative;
    cursor: pointer
}

    .kplus-embedded-assistant-fieldset:hover {
        background-color: var(--kg-complementary-light-color)
    }

    .kplus-embedded-assistant-fieldset.disabled {
        cursor: not-allowed;
        pointer-events: none
    }

    .kplus-embedded-assistant-fieldset:has(.kplus-embedded-assistant-label:empty) .kplus-embedded-assistant-label {
        padding: 0
    }

.kplus-embedded-assistant-label {
    border-right: var(--kg-border-medium);
    padding: 0 1em
}

    .kplus-embedded-assistant-label.required::before {
        content: "* ";
        color: var(--kg-error-color)
    }

.kplus-embedded-assistant-button {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em .25em
}

    .kplus-embedded-assistant-button::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1.25rem;
        color: var(--kg-secondary-color);
        background-color: rgba(0,0,0,0)
    }

    .kplus-embedded-assistant-button:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .kplus-embedded-assistant-button:hover::before {
            font-weight: 700
        }

    .kplus-embedded-assistant-button:hover {
        text-decoration: none !important
    }

.kplus-embedded-assistant-button {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 2em;
    width: 2em
}

    .kplus-embedded-assistant-button.disabled {
        pointer-events: none;
        opacity: .35
    }

    .kplus-embedded-assistant-button::before, .kplus-embedded-assistant-button::after {
        background-color: rgba(0,0,0,0)
    }

    .kplus-embedded-assistant-button:hover::before, .kplus-embedded-assistant-button:hover::after {
        background-color: rgba(0,0,0,0)
    }

    .kplus-embedded-assistant-button dfn {
        display: none
    }

.kplus-embedded-assistant-grid {
    display: flex;
    flex-direction: column;
    gap: .5em;
    width: 100%;
    height: 100%
}

.kplus-embedded-assistant-grid-main {
    border: var(--kg-border-medium);
    border-radius: 5px;
    padding: 0 0 0 .5em;
    max-height: 40svh;
    min-height: 39svh
}

.kplus-embedded-assistant-grid-list {
    min-height: inherit;
    max-height: 100%;
    scrollbar-width: thin
}

    .kplus-embedded-assistant-grid-list::-webkit-scrollbar {
        width: 13px
    }

    .kplus-embedded-assistant-grid-list::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .kplus-embedded-assistant-grid-list::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.kplus-embedded-assistant-grid-list {
    overflow: auto
}

.kplus-embedded-assistant-grid-list-item {
    position: relative;
    line-height: 1.75em;
    padding-left: 2.5em
}

    .kplus-embedded-assistant-grid-list-item > [type=checkbox] {
        position: absolute;
        left: 0;
        margin: .35em 0
    }

    .kplus-embedded-assistant-grid-list-item > [class*=wk-icon] {
        cursor: pointer;
        position: absolute;
        left: 1.5em
    }

    .kplus-embedded-assistant-grid-list-item > .wk-icon-folderClose:after {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .kplus-embedded-assistant-grid-list-item > .wk-icon-folderOpen:after {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .kplus-embedded-assistant-grid-list-item > .wk-icon-doc {
        display: inline-block
    }

    .kplus-embedded-assistant-grid-list-item > .wk-tree-text {
        display: inline-block
    }

.kplus-embedded-assistant-grid-footer {
    scrollbar-width: thin
}

    .kplus-embedded-assistant-grid-footer::-webkit-scrollbar {
        width: 13px
    }

    .kplus-embedded-assistant-grid-footer::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .kplus-embedded-assistant-grid-footer::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.kplus-embedded-assistant-grid-footer {
    overflow: auto;
    background-color: var(--kg-light-color);
    padding: .5em 0;
    max-height: 17svh;
    min-height: 15svh
}

.kplus-embedded-assistant-selected {
    flex: 1;
    padding-block: .5em
}

.kplus-embedded-assistant-selected-list {
    display: flex;
    flex-direction: column;
    gap: .5em
}

.kplus-embedded-assistant-selected-list-item {
    display: flex;
    gap: .5em
}

.kplus-embedded-assistant-selected-item {
    display: flex;
    gap: .5em
}

.gen-assistant-strategy-listToDocuments li {
    display: flex;
    gap: .5em
}

    .gen-assistant-strategy-listToDocuments li::before {
        content: "-"
    }

.gen-assistant-strategy#jurisprudentialTrend p a {
    color: var(--kg-complementary-link-color)
}

    .gen-assistant-strategy#jurisprudentialTrend p a:hover {
        text-decoration: underline
    }

.gen-assistant-strategy h1, .gen-assistant-strategy h2 {
    line-height: 1.25;
    margin-block-end: .2em
}

.gen-assistant-strategy h1 {
    font-size: 24px
}

.gen-assistant-strategy h2 {
    font-size: 20px;
    margin-block-start: 1em
}

.gen-assistant-strategy ul li a {
    color: var(--kg-complementary-link-color);
    margin-block-end: .3em;
    display: block
}

    .gen-assistant-strategy ul li a:hover {
        text-decoration: underline
    }

.gen-assistant-strategy-list {
    list-style: disc;
    padding: 0 0 0 3em
}

.gen-assistant-strategy-item {
    padding: .5em
}

.gen-assistant-strategy-wrapper {
    display: contents
}

.gen-assistant-strategy-table {
    display: grid;
    border: var(--kg-border-medium)
}

    .gen-assistant-strategy-table + .gen-assistant-strategy-table {
        position: relative;
        margin-top: 4em
    }

        .gen-assistant-strategy-table + .gen-assistant-strategy-table::before {
            content: "";
            position: absolute;
            top: -2.2em;
            left: 0;
            right: 0;
            height: 3px;
            background-color: var(--kg-primary-color)
        }

    .gen-assistant-strategy-table .strategy-header {
        padding: 1em;
        text-align: center;
        border-bottom: var(--kg-border-medium)
    }

        .gen-assistant-strategy-table .strategy-header .strategy-title {
            font-weight: 600;
            margin-bottom: .4em
        }

        .gen-assistant-strategy-table .strategy-header .link-to-document {
            font-weight: normal;
            color: var(--kg-complementary-link-color);
            cursor: pointer
        }

            .gen-assistant-strategy-table .strategy-header .link-to-document:hover {
                text-decoration: underline
            }

    .gen-assistant-strategy-table .strategy-row {
        display: grid;
        grid-template-columns: 220px 1fr;
        border-bottom: var(--kg-border-medium)
    }

        .gen-assistant-strategy-table .strategy-row:last-child {
            border-bottom: none
        }

        .gen-assistant-strategy-table .strategy-row .strategy-label {
            padding: 1em;
            font-weight: 500;
            border-right: var(--kg-border-medium)
        }

        .gen-assistant-strategy-table .strategy-row .strategy-text {
            padding: 1em
        }

            .gen-assistant-strategy-table .strategy-row .strategy-text a {
                color: var(--kg-complementary-link-color)
            }

                .gen-assistant-strategy-table .strategy-row .strategy-text a:hover {
                    text-decoration: underline
                }

        .gen-assistant-strategy-table .strategy-row .strategy-content.two-columns {
            display: grid;
            grid-template-columns: 1fr 1fr;
            padding: 1em
        }

        .gen-assistant-strategy-table .strategy-row .strategy-content .strategy-box {
            display: flex;
            flex-direction: column;
            padding: 1em;
            border: var(--kg-border-medium)
        }

        .gen-assistant-strategy-table .strategy-row .strategy-content .strategy-box-title {
            font-weight: 600;
            margin-bottom: .5em;
            text-align: center
        }

    .gen-assistant-strategy-table .strategy-body {
        padding: 1em
    }

@media(max-width: 767.98px) {
    .gen-assistant-strategy-table .strategy-row {
        grid-template-columns: 1fr
    }

        .gen-assistant-strategy-table .strategy-row .strategy-label {
            border-right: none;
            border-bottom: var(--kg-border-medium)
        }

    .gen-assistant-strategy-table .strategy-content.two-columns {
        grid-template-columns: 1fr
    }
}

.gen-assistant-legal-interpretation-data .gen-assistant__chat-box-request-text .suggest input {
    width: 100%
}

.gen-assistant-legal-interpretation-data .gen-assistant__chat-box-request-text .gen-assistant__chat-box-request-text-content, .gen-assistant-legal-interpretation-data .gen-assistant__chat-box-request-text .request-text-content-jurisdiction {
    margin-block-end: 0
}

.gen-assistant-legal-interpretation-data .gen-assistant__chat-box-request-text .gen-assistant__chat-box-request-text-content--type, .gen-assistant-legal-interpretation-data .gen-assistant__chat-box-request-text .request-text-content-jurisdiction--type {
    text-transform: lowercase
}

.gen-assistant-legal-interpretation-data .gen-assistant__chat-box-request-text .gen-assistant__chat-box-request-text-content .gen-assistant-legal-interpretation-data-result a {
    display: block;
    color: var(--kg-complementary-link-color);
    margin-block-end: .5em
}

    .gen-assistant-legal-interpretation-data .gen-assistant__chat-box-request-text .gen-assistant__chat-box-request-text-content .gen-assistant-legal-interpretation-data-result a:hover {
        text-decoration: underline
    }

.gen-assistant-legal-interpretation-data .gen-assistant__chat-box-request-text .gen-assistant__chat-box-request-text-content .gen-assistant-legal-interpretation-data:not(:first-child) {
    margin-block-start: 1.5em
}

#vue-container, #vue-interactive-table-control {
    height: 100%
}

.kg-interactive-table .hidden {
    display: none
}

.kg-interactive-table .enabled {
    display: block
}

.kg-interactive-table-container {
    width: 100%
}

.kg-interactive-table-filter-actions {
    display: flex;
    align-items: center;
    gap: 1em;
    margin-top: -1.5em
}

.kg-interactive-table-filter-selector {
    margin: 0
}

.kg-interactive-table-filter-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .5em
}

.kg-interactive-table-filter-item {
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.kg-interactive-table-filter-item-button {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em .25em
}

    .kg-interactive-table-filter-item-button:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .kg-interactive-table-filter-item-button:hover::before {
            font-weight: 700
        }

    .kg-interactive-table-filter-item-button:hover {
        text-decoration: none !important
    }

.kg-interactive-table-filter-item-button {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 1.5em;
    width: 1.5em
}

    .kg-interactive-table-filter-item-button.disabled {
        pointer-events: none;
        opacity: .35
    }

    .kg-interactive-table-filter-item-button::before, .kg-interactive-table-filter-item-button::after {
        background-color: rgba(0,0,0,0)
    }

    .kg-interactive-table-filter-item-button:hover::before, .kg-interactive-table-filter-item-button:hover::after {
        background-color: rgba(0,0,0,0)
    }

    .kg-interactive-table-filter-item-button.open::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

    .kg-interactive-table-filter-item-button.close::before {
        font-family: var(--kg-font-family-icons);
        content: ""
    }

.kg-interactive-table-filter-item-title {
    display: flex;
    align-items: center;
    gap: .5em;
    padding: 0 0 0 2em
}

    .kg-interactive-table-filter-item-title.parent {
        padding: 0
    }

.kg-interactive-table-filter-item-checkbox {
    width: 1.5em
}

.kg-interactive-table-filter-item-text {
    flex: 1
}

.kg-interactive-table-filter-item-children {
    padding: .5em 0 .5em 1.75em
}

    .kg-interactive-table-filter-item-children.close {
        display: none
    }

.kg-interactive-table-filter-elements {
    display: grid;
    grid-template-areas: "button-group" "list-elements"
}

.kg-interactive-table-filter-first-order {
    display: grid;
    grid-template-areas: "button-group" "listed-elements"
}

.kg-interactive-table-data-actions {
    display: flex;
    align-items: center;
    gap: 1em;
    margin-top: -1.5em
}

.kg-interactive-table-data-body {
    margin: 0
}

.kg-interactive-table-data-results {
    width: 100%
}

    .kg-interactive-table-data-results:has(tbody:empty)::after {
        content: "No se han seleccionado criterios";
        color: var(--kg-info-color);
        padding: 2em
    }

    .kg-interactive-table-data-results table.tPb {
        margin: 0;
        padding: 0
    }

        .kg-interactive-table-data-results table.tPb p {
            overflow-wrap: anywhere
        }

        .kg-interactive-table-data-results table.tPb th {
            background-color: var(--kg-secondary-color);
            color: #fff
        }

        .kg-interactive-table-data-results table.tPb td {
            vertical-align: top
        }

.kg-interactive-table-item {
    padding: .5em 0
}

.kg-interactive-table-link {
    color: var(--kg-body-color);
    display: flex;
    align-items: center;
    gap: .5em
}

    .kg-interactive-table-link::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        color: var(--kg-accent-color)
    }

    .kg-interactive-table-link:hover {
        text-shadow: -0.01ex 0 0 currentColor,.01ex 0 0 currentColor;
        -webkit-text-stroke-width: .01ex
    }

:root {
    --dialog-height: 100vh;
    --dialog-width: 42vw;
    --dialog-width-xs: 100vw;
    --dialog-width-sm: 90vw;
    --dialog-width-md: 80vw;
    --dialog-width-lg: 70vw;
    --dialog-width-xl: 60vw;
    --dialog-width-xxl: 55vw;
    --dialog-background-color: #fff;
    --dialog-header-height: 4em;
    --dialog-content-height: calc(100% - 4em - 4em);
    --dialog-button-height: 4em
}

.btn-cancel {
    background-color: #fff;
    color: var(--kg-brand-secondary-blue);
    border: var(--kg-border-default);
    border-radius: 5px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .btn-cancel:hover {
        background-color: hsl(0,0%,70%);
        color: #fff;
        border-color: hsl(0,0%,70%)
    }

        .btn-cancel:hover::before {
            background-color: inherit;
            font-weight: 400
        }

    .btn-cancel:hover {
        text-decoration: none !important
    }

.btn-cancel {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .btn-cancel.disabled {
        pointer-events: none;
        opacity: .35
    }

    .btn-cancel::before, .btn-cancel::after {
        background-color: rgba(0,0,0,0)
    }

    .btn-cancel:hover::before, .btn-cancel:hover::after {
        background-color: rgba(0,0,0,0)
    }

.btn-accept {
    background-color: var(--kg-primary-color);
    color: var(--kg-brand-secondary-blue);
    border: 1px solid var(--kg-primary-color);
    border-radius: 7px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .btn-accept:hover {
        background-color: rgb(227.97444,190.43648,.91556);
        color: #fff;
        border-color: rgb(227.97444,190.43648,.91556)
    }

        .btn-accept:hover::before {
            background-color: inherit;
            font-weight: 400
        }

    .btn-accept:hover {
        text-decoration: none !important
    }

.btn-accept {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

    .btn-accept.disabled {
        pointer-events: none;
        opacity: .35
    }

    .btn-accept::before, .btn-accept::after {
        background-color: rgba(0,0,0,0)
    }

    .btn-accept:hover::before, .btn-accept:hover::after {
        background-color: rgba(0,0,0,0)
    }

#popup_message_alert, #popup_container_alert {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    min-height: 100%;
    padding: 3em
}

.ui-dialog:not([aria-describedby=editor]):not([aria-describedby=popupNote]):not(.ui-draggable.ui-resizable) #popup_container_alert #popup_message_alert {
    align-content: baseline;
    padding: .8em;
    align-items: baseline
}

.ui-widget-overlay:not(:has(+.ui-dialog.ui-draggable.ui-resizable)) {
    background-color: var(--kg-backdrop-color);
    height: 100svh !important;
    left: 0;
    opacity: .3;
    position: fixed;
    top: 0;
    width: 100vw !important;
    z-index: 1050
}

body[contenteditable] {
    font-family: var(--kg-font-family-sans-serif) !important;
    font-size: 16px !important
}

.ui-dialog {
    background-color: var(--dialog-background-color);
    border: var(--kg-border-black);
    box-shadow: var(--kg-box-shadow);
    display: grid;
    grid-template-areas: "dialog-header" "dialog-content" "dialog-button";
    z-index: 1055
}

    .ui-dialog:not([aria-describedby=editor]):not([aria-describedby=popupNote]):not([aria-describedby=CustomerNotification]) {
        min-width: 100vw
    }

@media(min-width: 576px) {
    .ui-dialog:not([aria-describedby=editor]):not([aria-describedby=popupNote]):not([aria-describedby=CustomerNotification]) {
        min-width: 90vw
    }
}

@media(min-width: 768px) {
    .ui-dialog:not([aria-describedby=editor]):not([aria-describedby=popupNote]):not([aria-describedby=CustomerNotification]) {
        min-width: 80vw
    }
}

@media(min-width: 992px) {
    .ui-dialog:not([aria-describedby=editor]):not([aria-describedby=popupNote]):not([aria-describedby=CustomerNotification]) {
        min-width: 70vw
    }
}

@media(min-width: 1200px) {
    .ui-dialog:not([aria-describedby=editor]):not([aria-describedby=popupNote]):not([aria-describedby=CustomerNotification]) {
        min-width: 60vw
    }
}

@media(min-width: 1400px) {
    .ui-dialog:not([aria-describedby=editor]):not([aria-describedby=popupNote]):not([aria-describedby=CustomerNotification]) {
        min-width: 55vw
    }
}

.ui-dialog:not([aria-describedby=editor]):not([aria-describedby=popupNote]):not([aria-describedby=CustomerNotification]):not(.ui-draggable.ui-resizable) {
    height: var(--dialog-height) !important;
    width: var(--dialog-width) !important;
    position: fixed;
    top: 0 !important;
    right: 0 !important;
    left: initial !important
}

.ui-dialog:not([aria-describedby=editor]):not([aria-describedby=popupNote]):not([aria-describedby=CustomerNotification]):has(.ui-dialog-buttonpane) {
    --dialog-content-height: calc(100% - 4em - 4em);
    grid-template-rows: var(--dialog-header-height) var(--dialog-content-height) var(--dialog-button-height)
}

.ui-dialog:not([aria-describedby=editor]):not([aria-describedby=popupNote]):not([aria-describedby=CustomerNotification]):not(:has(.ui-dialog-buttonpane)) {
    --dialog-content-height: calc(100% - 4em);
    grid-template-rows: var(--dialog-header-height) var(--dialog-content-height) 0
}

.ui-dialog:not([aria-describedby=editor]):not([aria-describedby=popupNote]):not([aria-describedby=CustomerNotification]).comparador-versiones-dialog {
    min-width: 100vw
}

@media(min-width: 768px) {
    .ui-dialog:not([aria-describedby=editor]):not([aria-describedby=popupNote]):not([aria-describedby=CustomerNotification]).comparador-versiones-dialog {
        min-width: 55vw
    }
}

.ui-dialog .ui-dialog-titlebar {
    grid-area: dialog-header;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5em .5em .5em 1.5em
}

@media(min-width: 992px) {
    .ui-dialog .ui-dialog-titlebar {
        padding: .5em .5em .5em 1.5em
    }
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    color: var(--kg-secondary-color);
    font-family: var(--kg-font-kg-display);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    margin-block: 0 0;
    overflow-wrap: break-word;
    line-height: 28px;
    hyphens: initial
}

@media(min-width: 992px) {
    .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
        hyphens: auto
    }
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    flex: 1
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    background-color: rgba(0,0,0,0);
    color: var(--kg-secondary-color);
    border: none;
    border-radius: 0;
    font-size: 1em;
    padding: .5em .25em
}

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        display: flex;
        justify-content: center;
        font-size: 1.75em;
        color: var(--kg-secondary-color);
        background-color: rgba(0,0,0,0)
    }

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
        background-color: rgba(0,0,0,0);
        color: #000;
        border-color: rgba(0,0,0,0)
    }

        .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover::before {
            font-weight: 700
        }

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
        text-decoration: none !important
    }

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 2em;
    width: 2em
}

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.disabled {
        pointer-events: none;
        opacity: .35
    }

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close::before, .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close::after {
        background-color: rgba(0,0,0,0)
    }

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover::before, .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover::after {
        background-color: rgba(0,0,0,0)
    }

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus-visible {
        outline: none
    }

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span {
        display: none
    }

.ui-dialog .ui-dialog-content {
    grid-area: dialog-content;
    padding: .5em
}

@media(min-width: 768px) {
    .ui-dialog .ui-dialog-content {
        padding: 1em
    }
}

@media(min-width: 992px) {
    .ui-dialog .ui-dialog-content {
        padding: 0 1.5em
    }
}

@media(min-width: 1200px) {
    .ui-dialog .ui-dialog-content {
        padding: 0 2em
    }
}

.ui-dialog .ui-dialog-content {
    scrollbar-width: thin
}

    .ui-dialog .ui-dialog-content::-webkit-scrollbar {
        width: 13px
    }

    .ui-dialog .ui-dialog-content::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .ui-dialog .ui-dialog-content::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.ui-dialog .ui-dialog-content {
    overflow: auto
}

    .ui-dialog .ui-dialog-content:has(.popup-content) {
        padding: 0
    }

.ui-dialog .ui-dialog-buttonpane {
    grid-area: dialog-button;
    height: var(--dialog-button-height)
}

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        display: flex;
        align-items: center;
        min-height: var(--dialog-button-height);
        justify-content: flex-start;
        flex-direction: row-reverse;
        gap: 1em;
        padding: 0 1em
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:only-child {
            background-color: var(--kg-primary-color);
            color: var(--kg-brand-secondary-blue);
            border: 1px solid var(--kg-primary-color);
            border-radius: 7px;
            font-size: 1em;
            padding: .75em 2em
        }

            .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child:hover, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:only-child:hover {
                background-color: rgb(227.97444,190.43648,.91556);
                color: #fff;
                border-color: rgb(227.97444,190.43648,.91556)
            }

                .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child:hover::before, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:only-child:hover::before {
                    background-color: inherit;
                    font-weight: 400
                }

            .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child:hover, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:only-child:hover {
                text-decoration: none !important
            }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:only-child {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s
        }

            .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child.disabled, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:only-child.disabled {
                pointer-events: none;
                opacity: .35
            }

            .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child::before, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:only-child::before, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:only-child::after {
                background-color: rgba(0,0,0,0)
            }

            .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child:hover::before, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child:hover::after, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:only-child:hover::before, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:only-child:hover::after {
                background-color: rgba(0,0,0,0)
            }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:not(:only-child):not(:first-child) {
            background-color: #fff;
            color: var(--kg-brand-secondary-blue);
            border: var(--kg-border-default);
            border-radius: 5px;
            font-size: 1em;
            padding: .75em 2em
        }

            .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:not(:only-child):not(:first-child):hover {
                background-color: hsl(0,0%,70%);
                color: #fff;
                border-color: hsl(0,0%,70%)
            }

                .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:not(:only-child):not(:first-child):hover::before {
                    background-color: inherit;
                    font-weight: 400
                }

            .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:not(:only-child):not(:first-child):hover {
                text-decoration: none !important
            }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:not(:only-child):not(:first-child) {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s
        }

            .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:not(:only-child):not(:first-child).disabled {
                pointer-events: none;
                opacity: .35
            }

            .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:not(:only-child):not(:first-child)::before, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:not(:only-child):not(:first-child)::after {
                background-color: rgba(0,0,0,0)
            }

            .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:not(:only-child):not(:first-child):hover::before, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:not(:only-child):not(:first-child):hover::after {
                background-color: rgba(0,0,0,0)
            }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
            background-color: #fff;
            color: var(--kg-brand-secondary-blue);
            border: var(--kg-border-default);
            border-radius: 5px;
            font-size: 1em;
            padding: .75em 2em
        }

            .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover {
                background-color: hsl(0,0%,70%);
                color: #fff;
                border-color: hsl(0,0%,70%)
            }

                .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover::before {
                    background-color: inherit;
                    font-weight: 400
                }

            .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover {
                text-decoration: none !important
            }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s
        }

            .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.disabled {
                pointer-events: none;
                opacity: .35
            }

            .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button::before, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button::after {
                background-color: rgba(0,0,0,0)
            }

            .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover::before, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover::after {
                background-color: rgba(0,0,0,0)
            }

            .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:has(.ui-button-text:empty) {
                display: none
            }

.ui-dialog[aria-describedby^=doc-references] li {
    color: var(--kg-complementary-link-color);
    cursor: pointer;
    margin-block-end: .5em
}

    .ui-dialog[aria-describedby^=doc-references] li:hover {
        text-decoration: underline
    }

    .ui-dialog[aria-describedby^=doc-references] li:focus {
        outline: none
    }

.ui-dialog[aria-describedby=infolexRequestDialog] {
    top: 2em;
    left: 2em;
    overflow: auto;
    min-width: 25vw !important;
    max-width: 35vw !important;
    max-height: 80vh !important
}

    .ui-dialog[aria-describedby=infolexRequestDialog] .ui-dialog-titlebar {
        cursor: move
    }

    .ui-dialog[aria-describedby=infolexRequestDialog] .ui-dialog {
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
        position: relative !important
    }

    .ui-dialog[aria-describedby=infolexRequestDialog] #popup-traerInfolex-ayuda {
        border-bottom: var(--kg-border-medium);
        padding: 10px
    }

        .ui-dialog[aria-describedby=infolexRequestDialog] #popup-traerInfolex-ayuda span.infolexInfo-ayuda::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            color: var(--kg-accent-color);
            padding-right: 6px
        }

    .ui-dialog[aria-describedby=infolexRequestDialog] .titulo {
        font-weight: 500
    }

    .ui-dialog[aria-describedby=infolexRequestDialog] ul .jstree-icon {
        cursor: pointer
    }

    .ui-dialog[aria-describedby=infolexRequestDialog] ul ul {
        display: block
    }

    .ui-dialog[aria-describedby=infolexRequestDialog] .jstree-researchspace ul:first-child {
        padding-top: 1em
    }

    .ui-dialog[aria-describedby=infolexRequestDialog] .jstree-researchspace ul li {
        padding-block: .2em
    }

        .ui-dialog[aria-describedby=infolexRequestDialog] .jstree-researchspace ul li .data {
            cursor: pointer;
            display: inline-block
        }

            .ui-dialog[aria-describedby=infolexRequestDialog] .jstree-researchspace ul li .data:hover {
                background-color: var(--kg-secondary-color);
                color: #fff
            }

        .ui-dialog[aria-describedby=infolexRequestDialog] .jstree-researchspace ul li.jstree-open > .jstree-icon::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            font-size: 13px
        }

        .ui-dialog[aria-describedby=infolexRequestDialog] .jstree-researchspace ul li.jstree-closed > .jstree-icon::before {
            font-family: var(--kg-font-family-icons);
            content: "";
            font-size: 13px
        }

        .ui-dialog[aria-describedby=infolexRequestDialog] .jstree-researchspace ul li.jstree-leaf {
            font-size: 14px
        }

        .ui-dialog[aria-describedby=infolexRequestDialog] .jstree-researchspace ul li li {
            font-size: 14px;
            margin-left: 0
        }

    .ui-dialog[aria-describedby=infolexRequestDialog] .jstree ins {
        display: inline-block;
        text-decoration: none;
        width: 18px;
        height: 18px;
        margin: 0;
        padding: 0
    }

.ui-dialog[aria-describedby=infolexLoadDialog] .ui-dialog-buttonLoad {
    background-color: var(--kg-primary-color);
    color: var(--kg-brand-secondary-blue);
    border: 1px solid var(--kg-primary-color);
    border-radius: 7px;
    font-size: 1em;
    padding: .375rem .75rem
}

    .ui-dialog[aria-describedby=infolexLoadDialog] .ui-dialog-buttonLoad:hover {
        background-color: rgb(227.97444,190.43648,.91556);
        color: #fff;
        border-color: rgb(227.97444,190.43648,.91556)
    }

        .ui-dialog[aria-describedby=infolexLoadDialog] .ui-dialog-buttonLoad:hover::before {
            background-color: inherit;
            font-weight: 400
        }

    .ui-dialog[aria-describedby=infolexLoadDialog] .ui-dialog-buttonLoad:hover {
        text-decoration: none !important
    }

.ui-dialog[aria-describedby=infolexLoadDialog] .ui-dialog-buttonLoad {
    cursor: pointer;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-wrap: normal;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s,color .3s;
    height: 200px;
    width: 200px
}

    .ui-dialog[aria-describedby=infolexLoadDialog] .ui-dialog-buttonLoad.disabled {
        pointer-events: none;
        opacity: .35
    }

    .ui-dialog[aria-describedby=infolexLoadDialog] .ui-dialog-buttonLoad::before, .ui-dialog[aria-describedby=infolexLoadDialog] .ui-dialog-buttonLoad::after {
        background-color: rgba(0,0,0,0)
    }

    .ui-dialog[aria-describedby=infolexLoadDialog] .ui-dialog-buttonLoad:hover::before, .ui-dialog[aria-describedby=infolexLoadDialog] .ui-dialog-buttonLoad:hover::after {
        background-color: rgba(0,0,0,0)
    }

.ui-dialog[aria-describedby=popupNote] {
    min-width: 30vw;
    min-height: 12vw;
    position: absolute !important
}

    .ui-dialog[aria-describedby=popupNote] .ui-dialog-title:before {
        content: "Ver la anotación del "
    }

.ui-dialog[aria-describedby=editor] {
    min-width: 30vw
}

    .ui-dialog[aria-describedby=editor] #wysiwyg_div_textEditor {
        min-width: 100%
    }

.ui-dialog #popup_container_mySendToInfolex.ui-dialog-content {
    height: auto !important
}

.ui-dialog .ui-resizable-n {
    cursor: n-resize;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-dialog[aria-describedby=sendToInfolexForm] > .sendToInfolexForm::before {
    content: "Seleccione la opción deseada:"
}

.ui-dialog[aria-describedby=sendToInfolexForm] .ui-dialog-buttonset {
    justify-content: flex-end;
    flex-direction: row
}

    .ui-dialog[aria-describedby=sendToInfolexForm] .ui-dialog-buttonset .ui-button:first-child {
        background-color: #fff;
        color: var(--kg-brand-secondary-blue);
        border: var(--kg-border-default);
        border-radius: 5px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .ui-dialog[aria-describedby=sendToInfolexForm] .ui-dialog-buttonset .ui-button:first-child:hover {
            background-color: hsl(0,0%,70%);
            color: #fff;
            border-color: hsl(0,0%,70%)
        }

            .ui-dialog[aria-describedby=sendToInfolexForm] .ui-dialog-buttonset .ui-button:first-child:hover::before {
                background-color: inherit;
                font-weight: 400
            }

        .ui-dialog[aria-describedby=sendToInfolexForm] .ui-dialog-buttonset .ui-button:first-child:hover {
            text-decoration: none !important
        }

    .ui-dialog[aria-describedby=sendToInfolexForm] .ui-dialog-buttonset .ui-button:first-child {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        .ui-dialog[aria-describedby=sendToInfolexForm] .ui-dialog-buttonset .ui-button:first-child.disabled {
            pointer-events: none;
            opacity: .35
        }

        .ui-dialog[aria-describedby=sendToInfolexForm] .ui-dialog-buttonset .ui-button:first-child::before, .ui-dialog[aria-describedby=sendToInfolexForm] .ui-dialog-buttonset .ui-button:first-child::after {
            background-color: rgba(0,0,0,0)
        }

        .ui-dialog[aria-describedby=sendToInfolexForm] .ui-dialog-buttonset .ui-button:first-child:hover::before, .ui-dialog[aria-describedby=sendToInfolexForm] .ui-dialog-buttonset .ui-button:first-child:hover::after {
            background-color: rgba(0,0,0,0)
        }

    .ui-dialog[aria-describedby=sendToInfolexForm] .ui-dialog-buttonset .ui-button:last-child {
        background-color: var(--kg-primary-color);
        color: var(--kg-brand-secondary-blue);
        border: none;
        border-radius: 7px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .ui-dialog[aria-describedby=sendToInfolexForm] .ui-dialog-buttonset .ui-button:last-child:hover {
            background-color: rgb(227.97444,190.43648,.91556);
            color: #fff;
            border-color: rgb(227.97444,190.43648,.91556)
        }

            .ui-dialog[aria-describedby=sendToInfolexForm] .ui-dialog-buttonset .ui-button:last-child:hover::before {
                background-color: inherit;
                font-weight: 400
            }

        .ui-dialog[aria-describedby=sendToInfolexForm] .ui-dialog-buttonset .ui-button:last-child:hover {
            text-decoration: none !important
        }

    .ui-dialog[aria-describedby=sendToInfolexForm] .ui-dialog-buttonset .ui-button:last-child {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        .ui-dialog[aria-describedby=sendToInfolexForm] .ui-dialog-buttonset .ui-button:last-child.disabled {
            pointer-events: none;
            opacity: .35
        }

        .ui-dialog[aria-describedby=sendToInfolexForm] .ui-dialog-buttonset .ui-button:last-child::before, .ui-dialog[aria-describedby=sendToInfolexForm] .ui-dialog-buttonset .ui-button:last-child::after {
            background-color: rgba(0,0,0,0)
        }

        .ui-dialog[aria-describedby=sendToInfolexForm] .ui-dialog-buttonset .ui-button:last-child:hover::before, .ui-dialog[aria-describedby=sendToInfolexForm] .ui-dialog-buttonset .ui-button:last-child:hover::after {
            background-color: rgba(0,0,0,0)
        }

.ui-dialog.popupContainerParentClass {
    z-index: 1056
}

.ui-dialog.printPreview .ui-dialog-content {
    height: 96% !important
}

.ui-dialog:has(#popup_message_url:empty) {
    display: none !important
}

.ui-dialog.update-alert-ju .wrapper-operator-selector {
    cursor: not-allowed
}

    .ui-dialog.update-alert-ju .wrapper-operator-selector .operator-selector {
        pointer-events: none;
        opacity: .35
    }

@keyframes popup-right-to-left {
    0% {
        transform: translateX(60vw)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes popup-left-to-right {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(60vw)
    }
}

.popup-content[style*="display: block"] {
    display: grid !important
}

.popup-content {
    scrollbar-width: thin
}

    .popup-content::-webkit-scrollbar {
        width: 13px
    }

    .popup-content::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .popup-content::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.popup-content {
    overflow: auto;
    display: grid;
    grid-template-areas: "p-header" "p-body" "p-footer";
    grid-template-rows: 4em auto 4em;
    height: -webkit-fill-available;
    height: 100%
}

.popup-content-main, .popup-content-global {
    height: -webkit-fill-available;
    height: 100%
}

.popup-content > div:has(input[type=hidden][name*=__VIEWSTATE]) {
    display: none
}

.popup-content:has(.popup-content-header:empty) {
    grid-template-rows: 0 auto 4em
}

.popup-content:has(.popup-content-footer:empty) {
    grid-template-rows: 4em auto 0
}

.popup-content:has(.popup-content-header:empty):has(.popup-content-footer:empty) {
    grid-template-rows: 0 auto 0
}

.popup-content-header {
    grid-area: p-header;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 1.5em
}

    .popup-content-header:empty {
        display: none
    }

.popup-content-title {
    color: var(--kg-secondary-color);
    font-family: var(--kg-font-kg-display);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    margin-block: 0 0;
    overflow-wrap: break-word;
    line-height: 28px;
    hyphens: initial
}

@media(min-width: 992px) {
    .popup-content-title {
        hyphens: auto
    }
}

.popup-content-title {
    flex: 1
}

.popup-content-body {
    scrollbar-width: thin
}

    .popup-content-body::-webkit-scrollbar {
        width: 13px
    }

    .popup-content-body::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .popup-content-body::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.popup-content-body {
    overflow: auto;
    padding: 0 1em 1em 1em
}

@media(min-width: 992px) {
    .popup-content-body {
        padding: 0 1em 0 1em
    }
}

@media(min-width: 1400px) {
    .popup-content-body {
        padding: 0 2em 0 2em
    }
}

.popup-content-body {
    grid-area: p-body;
    height: -webkit-fill-available;
    height: 100%;
    max-height: calc(100% - .0001em)
}

    .popup-content-body:has(.version-comparision) {
        padding: 0;
        overflow: hidden
    }

.popup-content-body-message {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 100%;
    padding: 3em
}

.popup-content-footer {
    grid-area: p-footer;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
    gap: 1em;
    padding: 0 1.5em
}

    .popup-content-footer[style*="display:block"], .popup-content-footer[style*="display: block"] {
        display: flex !important
    }

    .popup-content-footer:empty {
        display: none
    }

.popup-buttons[style*="display:block"], .popup-buttons[style*="display: block"] {
    display: flex !important
}

.popup-buttons {
    display: flex;
    gap: 1em;
    align-items: center;
    justify-content: flex-end;
    margin: 1em 0 0 0
}

.popup-buttons-fixed {
    position: fixed;
    bottom: 2em;
    right: 2em
}

.popupContainer {
    background-color: var(--dialog-background-color);
    border: var(--kg-border-black);
    box-shadow: var(--kg-box-shadow);
    display: grid;
    grid-template-areas: "dialog-header" "dialog-content" "dialog-button";
    z-index: 1055;
    min-width: 100vw
}

@media(min-width: 576px) {
    .popupContainer {
        min-width: 90vw
    }
}

@media(min-width: 768px) {
    .popupContainer {
        min-width: 80vw
    }
}

@media(min-width: 992px) {
    .popupContainer {
        min-width: 70vw
    }
}

@media(min-width: 1200px) {
    .popupContainer {
        min-width: 60vw
    }
}

@media(min-width: 1400px) {
    .popupContainer {
        min-width: 55vw
    }
}

.popupContainer:not(.ui-draggable.ui-resizable) {
    height: var(--dialog-height) !important;
    width: var(--dialog-width) !important;
    position: fixed;
    top: 0 !important;
    right: 0 !important;
    left: initial !important
}

.popupContainer:has(.ui-dialog-buttonpane) {
    --dialog-content-height: calc(100% - 4em - 4em);
    grid-template-rows: var(--dialog-header-height) var(--dialog-content-height) var(--dialog-button-height)
}

.popupContainer:not(:has(.ui-dialog-buttonpane)) {
    --dialog-content-height: calc(100% - 4em);
    grid-template-rows: var(--dialog-header-height) var(--dialog-content-height) 0
}

.popupContainer.comparador-versiones-dialog {
    min-width: 100vw
}

@media(min-width: 768px) {
    .popupContainer.comparador-versiones-dialog {
        min-width: 55vw
    }
}

.popupContainer .popupHeader {
    grid-area: dialog-header;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5em .5em .5em 1.5em
}

@media(min-width: 992px) {
    .popupContainer .popupHeader {
        padding: .5em .5em .5em 1.5em
    }
}

.popupContainer .popupHeader .divTitle {
    color: var(--kg-secondary-color);
    font-family: var(--kg-font-kg-display);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    margin-block: 0 0;
    overflow-wrap: break-word;
    line-height: 28px;
    hyphens: initial
}

@media(min-width: 992px) {
    .popupContainer .popupHeader .divTitle {
        hyphens: auto
    }
}

.popupContainer .popupHeader .divTitle {
    flex: 1
}

.popupContainer .popupContent {
    grid-area: dialog-content;
    padding: .5em
}

@media(min-width: 768px) {
    .popupContainer .popupContent {
        padding: 1em
    }
}

@media(min-width: 992px) {
    .popupContainer .popupContent {
        padding: 0 1.5em
    }
}

@media(min-width: 1200px) {
    .popupContainer .popupContent {
        padding: 0 2em
    }
}

.popupContainer .popupContent {
    scrollbar-width: thin
}

    .popupContainer .popupContent::-webkit-scrollbar {
        width: 13px
    }

    .popupContainer .popupContent::-webkit-scrollbar-track {
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-soft)
    }

    .popupContainer .popupContent::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        box-shadow: var(--kg-box-shadow-inset-medium)
    }

.popupContainer .popupContent {
    overflow: auto
}

    .popupContainer .popupContent:has(.popup-content) {
        padding: 0
    }

.popupContainer .ppglobaldiv {
    background-color: #fff;
    padding: 1em
}

.popupContainer .ppprincipaldiv {
    display: flex;
    flex-direction: column;
    gap: 4em
}

    .popupContainer .ppprincipaldiv .divButtons {
        display: flex;
        justify-content: flex-end
    }

        .popupContainer .ppprincipaldiv .divButtons input[value=Aceptar] {
            background-color: var(--kg-complementary-color);
            color: #fff;
            border: 1px solid var(--kg-complementary-color);
            border-radius: 5px;
            font-size: 1em;
            padding: .375rem .75rem
        }

            .popupContainer .ppprincipaldiv .divButtons input[value=Aceptar]:hover {
                background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
                color: #fff;
                border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
            }

                .popupContainer .ppprincipaldiv .divButtons input[value=Aceptar]:hover::before {
                    font-weight: 400
                }

            .popupContainer .ppprincipaldiv .divButtons input[value=Aceptar]:hover {
                text-decoration: none !important
            }

        .popupContainer .ppprincipaldiv .divButtons input[value=Aceptar] {
            cursor: pointer;
            display: inline-flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 8px;
            overflow-wrap: normal;
            text-align: center;
            text-decoration: none;
            transition: background-color .3s,color .3s
        }

            .popupContainer .ppprincipaldiv .divButtons input[value=Aceptar].disabled {
                pointer-events: none;
                opacity: .35
            }

            .popupContainer .ppprincipaldiv .divButtons input[value=Aceptar]::before, .popupContainer .ppprincipaldiv .divButtons input[value=Aceptar]::after {
                background-color: rgba(0,0,0,0)
            }

            .popupContainer .ppprincipaldiv .divButtons input[value=Aceptar]:hover::before, .popupContainer .ppprincipaldiv .divButtons input[value=Aceptar]:hover::after {
                background-color: rgba(0,0,0,0)
            }

.disableDiv {
    background-color: var(--kg-backdrop-color);
    height: 100svh !important;
    left: 0;
    opacity: .3;
    position: fixed;
    top: 0;
    width: 100vw !important;
    z-index: 1050
}

.popupRight {
    animation: popup-right-to-left .6s ease-out forwards;
    left: initial !important
}

    .popupRight.popupOff {
        display: block;
        animation: popup-left-to-right .6s ease-out forwards
    }

    .popupRight#generic {
        animation: popup-right-to-left .6s ease-out forwards
    }

        .popupRight#generic[style*=hidden] {
            visibility: visible !important;
            animation: popup-left-to-right .6s ease-out forwards
        }

    .popupRight .ppprincipaldiv {
        display: grid;
        height: calc(100% - 40px);
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        padding: 12px
    }

        .popupRight .ppprincipaldiv .documentBrowserBodyLabel {
            grid-column: span 2
        }

        .popupRight .ppprincipaldiv .divButtons {
            grid-column: 2/3;
            grid-row: -1;
            justify-self: end
        }

            .popupRight .ppprincipaldiv .divButtons #wcAlert_btnCancel {
                height: 44px;
                width: 90px
            }

        .popupRight .ppprincipaldiv #wcAlert_btnCancel {
            background-color: var(--kg-primary-color);
            border: 1px solid var(--kg-primary-color);
            border-radius: 7px;
            color: var(--kg-brand-secondary-blue);
            cursor: pointer;
            display: flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            font-size: .9em;
            text-align: center;
            text-transform: uppercase;
            transition: background-color .3s,color .3s;
            height: 50px;
            width: 133px
        }

            .popupRight .ppprincipaldiv #wcAlert_btnCancel:hover {
                background-color: rgb(227.97444,190.43648,.91556);
                color: #fff
            }

    .popupRight .quickViewDocument input {
        cursor: pointer;
        border: 0;
        font: inherit;
        font-size: .9em;
        padding: 0 16px;
        text-transform: uppercase;
        line-height: 42px;
        margin: 6px 0 0 16px;
        border-radius: 5px;
        color: #fff;
        background-color: var(--kg-accent-color)
    }

        .popupRight .quickViewDocument input:hover {
            background-color: var(--kg-brand-secondary-blue)
        }

.alert-mask {
    display: flex;
    gap: 1em;
    flex-direction: column
}

    .alert-mask .datasend, .alert-mask-fieldset {
        display: flex;
        gap: .5em;
        flex-direction: column
    }

.alert-mask-info {
    display: block
}

.alert-mask-label {
    display: block;
    font-weight: 500
}

.alert-mask-label-selected {
    color: var(--kg-secondary-color)
}

.alert-mask-input {
    background-color: #fff;
    border: none;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1em;
    position: relative;
    min-height: 3em;
    min-width: 100%
}

    .alert-mask-input[onclick] {
        cursor: pointer
    }

.alert-mask-checkbox {
    display: flex;
    align-items: center
}

.alert-mask-group {
    display: grid;
    gap: .5em;
    grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
    margin-bottom: 1em
}

.alert-mask-group-title {
    font-weight: 500
}

.alert-mask-info {
    color: #666
}

.alert-mask .clearfix {
    display: none
}

.sendToInfolexForm, .ui-dialog-content div[class*=Form] {
    display: flex;
    flex-direction: column;
    gap: 1em
}

    .sendToInfolexForm #checkToMe, .sendToInfolexForm fieldset, .ui-dialog-content div[class*=Form] #checkToMe, .ui-dialog-content div[class*=Form] fieldset {
        --input-radio-size-width: 2.5em;
        --input-radio-size-height: 2.4em;
        --gap-element: 1em;
        display: flex;
        flex-direction: column;
        gap: var(--gap-element)
    }

        .sendToInfolexForm #checkToMe input[type=checkbox], .sendToInfolexForm #checkToMe input[type=radio], .sendToInfolexForm fieldset input[type=checkbox], .sendToInfolexForm fieldset input[type=radio], .ui-dialog-content div[class*=Form] #checkToMe input[type=checkbox], .ui-dialog-content div[class*=Form] #checkToMe input[type=radio], .ui-dialog-content div[class*=Form] fieldset input[type=checkbox], .ui-dialog-content div[class*=Form] fieldset input[type=radio] {
            grid-area: check;
            background-color: var(--kg-light-color);
            border-radius: 5px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            width: var(--input-radio-size-width);
            height: var(--input-radio-size-height)
        }

            .sendToInfolexForm #checkToMe input[type=checkbox] + span, .sendToInfolexForm #checkToMe input[type=checkbox] + label, .sendToInfolexForm #checkToMe input[type=radio] + span, .sendToInfolexForm #checkToMe input[type=radio] + label, .sendToInfolexForm fieldset input[type=checkbox] + span, .sendToInfolexForm fieldset input[type=checkbox] + label, .sendToInfolexForm fieldset input[type=radio] + span, .sendToInfolexForm fieldset input[type=radio] + label, .ui-dialog-content div[class*=Form] #checkToMe input[type=checkbox] + span, .ui-dialog-content div[class*=Form] #checkToMe input[type=checkbox] + label, .ui-dialog-content div[class*=Form] #checkToMe input[type=radio] + span, .ui-dialog-content div[class*=Form] #checkToMe input[type=radio] + label, .ui-dialog-content div[class*=Form] fieldset input[type=checkbox] + span, .ui-dialog-content div[class*=Form] fieldset input[type=checkbox] + label, .ui-dialog-content div[class*=Form] fieldset input[type=radio] + span, .ui-dialog-content div[class*=Form] fieldset input[type=radio] + label {
                grid-area: label;
                border: var(--kg-border-medium);
                border-radius: 0 5px 5px 0;
                border-left: none;
                display: flex;
                align-items: center;
                min-width: 5em;
                padding: 0 .35em;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                margin-left: 0
            }

            .sendToInfolexForm #checkToMe input[type=checkbox] ~ select, .sendToInfolexForm #checkToMe input[type=radio] ~ select, .sendToInfolexForm fieldset input[type=checkbox] ~ select, .sendToInfolexForm fieldset input[type=radio] ~ select, .ui-dialog-content div[class*=Form] #checkToMe input[type=checkbox] ~ select, .ui-dialog-content div[class*=Form] #checkToMe input[type=radio] ~ select, .ui-dialog-content div[class*=Form] fieldset input[type=checkbox] ~ select, .ui-dialog-content div[class*=Form] fieldset input[type=radio] ~ select {
                grid-area: select;
                padding: .14em .35em;
                margin-left: 1.75em;
                border-radius: 5px
            }

            .sendToInfolexForm #checkToMe input[type=checkbox] + label ~ select, .sendToInfolexForm #checkToMe input[type=radio] + label ~ select, .sendToInfolexForm fieldset input[type=checkbox] + label ~ select, .sendToInfolexForm fieldset input[type=radio] + label ~ select, .ui-dialog-content div[class*=Form] #checkToMe input[type=checkbox] + label ~ select, .ui-dialog-content div[class*=Form] #checkToMe input[type=radio] + label ~ select, .ui-dialog-content div[class*=Form] fieldset input[type=checkbox] + label ~ select, .ui-dialog-content div[class*=Form] fieldset input[type=radio] + label ~ select {
                grid-area: select;
                padding: .14em .35em;
                margin-left: 1.75em;
                border-radius: 5px
            }

            .sendToInfolexForm #checkToMe input[type=checkbox]:checked + span, .sendToInfolexForm #checkToMe input[type=checkbox]:checked + label, .sendToInfolexForm #checkToMe input[type=radio]:checked + span, .sendToInfolexForm #checkToMe input[type=radio]:checked + label, .sendToInfolexForm fieldset input[type=checkbox]:checked + span, .sendToInfolexForm fieldset input[type=checkbox]:checked + label, .sendToInfolexForm fieldset input[type=radio]:checked + span, .sendToInfolexForm fieldset input[type=radio]:checked + label, .ui-dialog-content div[class*=Form] #checkToMe input[type=checkbox]:checked + span, .ui-dialog-content div[class*=Form] #checkToMe input[type=checkbox]:checked + label, .ui-dialog-content div[class*=Form] #checkToMe input[type=radio]:checked + span, .ui-dialog-content div[class*=Form] #checkToMe input[type=radio]:checked + label, .ui-dialog-content div[class*=Form] fieldset input[type=checkbox]:checked + span, .ui-dialog-content div[class*=Form] fieldset input[type=checkbox]:checked + label, .ui-dialog-content div[class*=Form] fieldset input[type=radio]:checked + span, .ui-dialog-content div[class*=Form] fieldset input[type=radio]:checked + label {
                background-color: var(--kg-complementary-color);
                color: #fff
            }

            .sendToInfolexForm #checkToMe input[type=checkbox][disabled=disabled], .sendToInfolexForm #checkToMe input[type=radio][disabled=disabled], .sendToInfolexForm fieldset input[type=checkbox][disabled=disabled], .sendToInfolexForm fieldset input[type=radio][disabled=disabled], .ui-dialog-content div[class*=Form] #checkToMe input[type=checkbox][disabled=disabled], .ui-dialog-content div[class*=Form] #checkToMe input[type=radio][disabled=disabled], .ui-dialog-content div[class*=Form] fieldset input[type=checkbox][disabled=disabled], .ui-dialog-content div[class*=Form] fieldset input[type=radio][disabled=disabled] {
                cursor: default;
                opacity: .65;
                pointer-events: none;
                background-color: var(--kg-disabled-color)
            }

                .sendToInfolexForm #checkToMe input[type=checkbox][disabled=disabled]::before, .sendToInfolexForm #checkToMe input[type=radio][disabled=disabled]::before, .sendToInfolexForm fieldset input[type=checkbox][disabled=disabled]::before, .sendToInfolexForm fieldset input[type=radio][disabled=disabled]::before, .ui-dialog-content div[class*=Form] #checkToMe input[type=checkbox][disabled=disabled]::before, .ui-dialog-content div[class*=Form] #checkToMe input[type=radio][disabled=disabled]::before, .ui-dialog-content div[class*=Form] fieldset input[type=checkbox][disabled=disabled]::before, .ui-dialog-content div[class*=Form] fieldset input[type=radio][disabled=disabled]::before {
                    color: var(--kg-disabled-color)
                }

            .sendToInfolexForm #checkToMe input[type=checkbox]::before, .sendToInfolexForm fieldset input[type=checkbox]::before, .ui-dialog-content div[class*=Form] #checkToMe input[type=checkbox]::before, .ui-dialog-content div[class*=Form] fieldset input[type=checkbox]::before {
                font-family: var(--kg-font-family-icons);
                content: "";
                color: var(--kg-light-color)
            }

            .sendToInfolexForm #checkToMe input[type=checkbox]:checked::before, .sendToInfolexForm fieldset input[type=checkbox]:checked::before, .ui-dialog-content div[class*=Form] #checkToMe input[type=checkbox]:checked::before, .ui-dialog-content div[class*=Form] fieldset input[type=checkbox]:checked::before {
                color: var(--kg-complementary-color);
                font-size: 1.3em;
                font-weight: 700
            }

            .sendToInfolexForm #checkToMe input[type=radio]::before, .sendToInfolexForm fieldset input[type=radio]::before, .ui-dialog-content div[class*=Form] #checkToMe input[type=radio]::before, .ui-dialog-content div[class*=Form] fieldset input[type=radio]::before {
                border-radius: 50%;
                content: "";
                height: 1.5em;
                width: 1.5em
            }

            .sendToInfolexForm #checkToMe input[type=radio]:checked::before, .sendToInfolexForm fieldset input[type=radio]:checked::before, .ui-dialog-content div[class*=Form] #checkToMe input[type=radio]:checked::before, .ui-dialog-content div[class*=Form] fieldset input[type=radio]:checked::before {
                background-color: var(--kg-complementary-color)
            }

    .sendToInfolexForm #checkToMe, .ui-dialog-content div[class*=Form] #checkToMe {
        flex-direction: row
    }

    .sendToInfolexForm #emailListUl > li:has(>input), .sendToInfolexForm .optionsFrequency > li:has(>input), .sendToInfolexForm .radio-row > div:has(>input), .sendToInfolexForm .checkbox:has(>input), .sendToInfolexForm .radio:has(>input), .sendToInfolexForm .check:has(>input), .ui-dialog-content div[class*=Form] #emailListUl > li:has(>input), .ui-dialog-content div[class*=Form] .optionsFrequency > li:has(>input), .ui-dialog-content div[class*=Form] .radio-row > div:has(>input), .ui-dialog-content div[class*=Form] .checkbox:has(>input), .ui-dialog-content div[class*=Form] .radio:has(>input), .ui-dialog-content div[class*=Form] .check:has(>input) {
        display: grid;
        grid-template-areas: "check label" "select select";
        grid-template-columns: 2em auto;
        line-height: 1.5em
    }

    .sendToInfolexForm .tabItemLayer, .sendToInfolexForm .tabItemSection, .sendToInfolexForm .tabIsisSection, .ui-dialog-content div[class*=Form] .tabItemLayer, .ui-dialog-content div[class*=Form] .tabItemSection, .ui-dialog-content div[class*=Form] .tabIsisSection {
        display: grid;
        line-height: 1.5em
    }

        .sendToInfolexForm .tabItemLayer:not(:has(>input~.tabItemLayers)), .sendToInfolexForm .tabItemSection:not(:has(>input~.tabItemLayers)), .sendToInfolexForm .tabIsisSection:not(:has(>input~.tabItemLayers)), .ui-dialog-content div[class*=Form] .tabItemLayer:not(:has(>input~.tabItemLayers)), .ui-dialog-content div[class*=Form] .tabItemSection:not(:has(>input~.tabItemLayers)), .ui-dialog-content div[class*=Form] .tabIsisSection:not(:has(>input~.tabItemLayers)) {
            grid-template-areas: "icon check label";
            grid-template-columns: 2em 2em auto
        }

            .sendToInfolexForm .tabItemLayer:not(:has(>input~.tabItemLayers))::before, .sendToInfolexForm .tabItemSection:not(:has(>input~.tabItemLayers))::before, .sendToInfolexForm .tabIsisSection:not(:has(>input~.tabItemLayers))::before, .ui-dialog-content div[class*=Form] .tabItemLayer:not(:has(>input~.tabItemLayers))::before, .ui-dialog-content div[class*=Form] .tabItemSection:not(:has(>input~.tabItemLayers))::before, .ui-dialog-content div[class*=Form] .tabIsisSection:not(:has(>input~.tabItemLayers))::before {
                font-family: var(--kg-font-family-icons);
                content: "";
                font-size: .5em;
                grid-area: icon;
                display: flex;
                justify-content: center;
                align-items: center
            }

        .sendToInfolexForm .tabItemLayer:has(>input~.tabItemLayers), .sendToInfolexForm .tabItemSection:has(>input~.tabItemLayers), .sendToInfolexForm .tabIsisSection:has(>input~.tabItemLayers), .ui-dialog-content div[class*=Form] .tabItemLayer:has(>input~.tabItemLayers), .ui-dialog-content div[class*=Form] .tabItemSection:has(>input~.tabItemLayers), .ui-dialog-content div[class*=Form] .tabIsisSection:has(>input~.tabItemLayers) {
            grid-template-areas: "icon check label" "select select select";
            grid-template-columns: 2em 2em auto
        }

            .sendToInfolexForm .tabItemLayer:has(>input~.tabItemLayers) > .tabItemLayers, .sendToInfolexForm .tabItemSection:has(>input~.tabItemLayers) > .tabItemLayers, .sendToInfolexForm .tabIsisSection:has(>input~.tabItemLayers) > .tabItemLayers, .ui-dialog-content div[class*=Form] .tabItemLayer:has(>input~.tabItemLayers) > .tabItemLayers, .ui-dialog-content div[class*=Form] .tabItemSection:has(>input~.tabItemLayers) > .tabItemLayers, .ui-dialog-content div[class*=Form] .tabIsisSection:has(>input~.tabItemLayers) > .tabItemLayers {
                display: flex;
                gap: .5em
            }

        .sendToInfolexForm .tabItemSection:has(input[value=cuadros-comparativos-relacionados],input[value=comentario-fuente-oficial],input[value=comentario-sentencia],input[value=doctrina-administrativa],input[value=bibliografia-relacionada-legis],input[value=contenidos-practicos],input[value=formularios-relacionados],input[value=conceptos-enciclopedia],input[value=maximas-relacionadas],input[value=videos-comentarios]), .ui-dialog-content div[class*=Form] .tabItemSection:has(input[value=cuadros-comparativos-relacionados],input[value=comentario-fuente-oficial],input[value=comentario-sentencia],input[value=doctrina-administrativa],input[value=bibliografia-relacionada-legis],input[value=contenidos-practicos],input[value=formularios-relacionados],input[value=conceptos-enciclopedia],input[value=maximas-relacionadas],input[value=videos-comentarios]) {
            display: var(--kg-print-export-tabs)
        }

    .sendToInfolexForm .tabItemSection, .sendToInfolexForm .tabItemLayers, .ui-dialog-content div[class*=Form] .tabItemSection, .ui-dialog-content div[class*=Form] .tabItemLayers {
        margin: .5em 0 0 2em
    }

    .sendToInfolexForm #isisSection, .ui-dialog-content div[class*=Form] #isisSection {
        gap: .5em
    }

        .sendToInfolexForm #isisSection > .tabItemSection, .ui-dialog-content div[class*=Form] #isisSection > .tabItemSection {
            margin: .5em 0;
            gap: .5em
        }

            .sendToInfolexForm #isisSection > .tabItemSection::before, .ui-dialog-content div[class*=Form] #isisSection > .tabItemSection::before {
                content: ""
            }

    .sendToInfolexForm #analysisSections > .tabItemSection, .ui-dialog-content div[class*=Form] #analysisSections > .tabItemSection {
        margin: .5em 0 0 0
    }

    .sendToInfolexForm .tabItemSection, .sendToInfolexForm .tabItemLayers, .sendToInfolexForm #isisSection, .sendToInfolexForm #analysisSections, .ui-dialog-content div[class*=Form] .tabItemSection, .ui-dialog-content div[class*=Form] .tabItemLayers, .ui-dialog-content div[class*=Form] #isisSection, .ui-dialog-content div[class*=Form] #analysisSections {
        grid-area: select;
        display: flex;
        flex-direction: column
    }

    .sendToInfolexForm #warnings, .sendToInfolexForm .selection, .ui-dialog-content div[class*=Form] #warnings, .ui-dialog-content div[class*=Form] .selection {
        border: 0;
        flex-direction: column;
        min-width: auto;
        padding: 0 1.5em
    }

        .sendToInfolexForm #warnings span, .sendToInfolexForm .selection span, .ui-dialog-content div[class*=Form] #warnings span, .ui-dialog-content div[class*=Form] .selection span {
            color: var(--kg-checked-color);
            margin-block-start: .2em;
            display: inline-block
        }

    .sendToInfolexForm #analysisSections, .sendToInfolexForm #isisSection, .ui-dialog-content div[class*=Form] #analysisSections, .ui-dialog-content div[class*=Form] #isisSection {
        max-height: 40dvh;
        scrollbar-width: thin
    }

        .sendToInfolexForm #analysisSections::-webkit-scrollbar, .sendToInfolexForm #isisSection::-webkit-scrollbar, .ui-dialog-content div[class*=Form] #analysisSections::-webkit-scrollbar, .ui-dialog-content div[class*=Form] #isisSection::-webkit-scrollbar {
            width: 13px
        }

        .sendToInfolexForm #analysisSections::-webkit-scrollbar-track, .sendToInfolexForm #isisSection::-webkit-scrollbar-track, .ui-dialog-content div[class*=Form] #analysisSections::-webkit-scrollbar-track, .ui-dialog-content div[class*=Form] #isisSection::-webkit-scrollbar-track {
            border-radius: 5px;
            box-shadow: var(--kg-box-shadow-inset-soft)
        }

        .sendToInfolexForm #analysisSections::-webkit-scrollbar-thumb, .sendToInfolexForm #isisSection::-webkit-scrollbar-thumb, .ui-dialog-content div[class*=Form] #analysisSections::-webkit-scrollbar-thumb, .ui-dialog-content div[class*=Form] #isisSection::-webkit-scrollbar-thumb {
            cursor: pointer;
            border-radius: 5px;
            box-shadow: var(--kg-box-shadow-inset-medium)
        }

    .sendToInfolexForm #analysisSections, .sendToInfolexForm #isisSection, .ui-dialog-content div[class*=Form] #analysisSections, .ui-dialog-content div[class*=Form] #isisSection {
        overflow: auto
    }

    .sendToInfolexForm .documentConditions, .ui-dialog-content div[class*=Form] .documentConditions {
        display: none
    }

    .sendToInfolexForm .label, .ui-dialog-content div[class*=Form] .label {
        font-weight: 500
    }

    .sendToInfolexForm .labelDatasend, .sendToInfolexForm .datasend, .sendToInfolexForm .labelFrequency, .ui-dialog-content div[class*=Form] .labelDatasend, .ui-dialog-content div[class*=Form] .datasend, .ui-dialog-content div[class*=Form] .labelFrequency {
        font-weight: 500;
        display: block;
        margin: .5em 0
    }

    .sendToInfolexForm ul.optionsFrequency, .ui-dialog-content div[class*=Form] ul.optionsFrequency {
        display: flex;
        gap: .5em;
        flex-direction: column
    }

        .sendToInfolexForm ul.optionsFrequency legend, .ui-dialog-content div[class*=Form] ul.optionsFrequency legend {
            text-transform: uppercase
        }

        .sendToInfolexForm ul.optionsFrequency .radio-row, .ui-dialog-content div[class*=Form] ul.optionsFrequency .radio-row {
            display: flex;
            flex-direction: column;
            gap: 1em
        }

    .sendToInfolexForm fieldset#formats, .ui-dialog-content div[class*=Form] fieldset#formats {
        flex-direction: row
    }

        .sendToInfolexForm fieldset#formats div#rtf, .sendToInfolexForm fieldset#formats div#excel, .ui-dialog-content div[class*=Form] fieldset#formats div#rtf, .ui-dialog-content div[class*=Form] fieldset#formats div#excel {
            display: none
        }

#options {
    align-items: center;
    flex-direction: row;
    gap: 0
}

    #options span {
        border: var(--kg-border-medium);
        border-radius: 0 5px 5px 0;
        border-left: none;
        white-space: nowrap;
        margin-right: .5em;
        min-height: 31px
    }

#Selection {
    display: flex;
    flex-direction: column;
    gap: 1em
}

#checkToMe {
    border: var(--kg-border-medium);
    border-radius: 5px;
    align-items: center
}

    #checkToMe:has(:checked) {
        background-color: var(--kg-complementary-color);
        color: #fff
    }

    #checkToMe .check {
        border: none;
        border-right: var(--kg-border-medium);
        margin-right: .5em;
        display: inline-flex
    }

#to .text {
    width: 100%
}

#comments textarea {
    width: 100%;
    height: 8em
}

.summaryPopupContainerClass {
    padding: 0
}

    .summaryPopupContainerClass .popup-content-body {
        height: initial
    }

    .summaryPopupContainerClass #sumary {
        scrollbar-width: thin
    }

        .summaryPopupContainerClass #sumary::-webkit-scrollbar {
            width: 13px
        }

        .summaryPopupContainerClass #sumary::-webkit-scrollbar-track {
            border-radius: 5px;
            box-shadow: var(--kg-box-shadow-inset-soft)
        }

        .summaryPopupContainerClass #sumary::-webkit-scrollbar-thumb {
            cursor: pointer;
            border-radius: 5px;
            box-shadow: var(--kg-box-shadow-inset-medium)
        }

    .summaryPopupContainerClass #sumary {
        overflow: auto;
        padding: 0 1em 1em 1em
    }

@media(min-width: 992px) {
    .summaryPopupContainerClass #sumary {
        padding: 0 2em 2em 2em
    }
}

.summaryPopupContainerClass #sumary {
    height: auto
}

.summaryPopupContainerClass a {
    color: inherit;
    text-decoration: none
}

.summaryPopupContainerClass #capaEnlaces {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: calc(100% - 4em)
}

    .summaryPopupContainerClass #capaEnlaces span, .summaryPopupContainerClass #capaEnlaces a {
        color: var(--kg-complementary-color);
        border: 1px solid var(--kg-complementary-color);
        border-radius: 5px;
        font-size: 1em;
        padding: .375rem .75rem
    }

        .summaryPopupContainerClass #capaEnlaces span:hover, .summaryPopupContainerClass #capaEnlaces a:hover {
            background-color: rgb(53.4806629834,98.2099447514,122.5193370166);
            color: #fff;
            border-color: rgb(53.4806629834,98.2099447514,122.5193370166)
        }

            .summaryPopupContainerClass #capaEnlaces span:hover::before, .summaryPopupContainerClass #capaEnlaces a:hover::before {
                font-weight: 400
            }

        .summaryPopupContainerClass #capaEnlaces span:hover, .summaryPopupContainerClass #capaEnlaces a:hover {
            text-decoration: none !important
        }

    .summaryPopupContainerClass #capaEnlaces span, .summaryPopupContainerClass #capaEnlaces a {
        cursor: pointer;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 8px;
        overflow-wrap: normal;
        text-align: center;
        text-decoration: none;
        transition: background-color .3s,color .3s
    }

        .summaryPopupContainerClass #capaEnlaces span.disabled, .summaryPopupContainerClass #capaEnlaces a.disabled {
            pointer-events: none;
            opacity: .35
        }

        .summaryPopupContainerClass #capaEnlaces span::before, .summaryPopupContainerClass #capaEnlaces span::after, .summaryPopupContainerClass #capaEnlaces a::before, .summaryPopupContainerClass #capaEnlaces a::after {
            background-color: rgba(0,0,0,0)
        }

        .summaryPopupContainerClass #capaEnlaces span:hover::before, .summaryPopupContainerClass #capaEnlaces span:hover::after, .summaryPopupContainerClass #capaEnlaces a:hover::before, .summaryPopupContainerClass #capaEnlaces a:hover::after {
            background-color: rgba(0,0,0,0)
        }

        .summaryPopupContainerClass #capaEnlaces span.enlaceAnterior::before, .summaryPopupContainerClass #capaEnlaces a.enlaceAnterior::before {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

        .summaryPopupContainerClass #capaEnlaces span.enlaceSiguiente::after, .summaryPopupContainerClass #capaEnlaces a.enlaceSiguiente::after {
            font-family: var(--kg-font-family-icons);
            content: ""
        }

        .summaryPopupContainerClass #capaEnlaces span.enlaceAnteriorDisable, .summaryPopupContainerClass #capaEnlaces span.enlaceSiguienteDisable, .summaryPopupContainerClass #capaEnlaces a.enlaceAnteriorDisable, .summaryPopupContainerClass #capaEnlaces a.enlaceSiguienteDisable {
            border-color: var(--kg-disabled-color);
            color: var(--kg-disabled-color);
            cursor: default
        }

.summaryPopupContainerClass #tituloSumario {
    color: var(--kg-secondary-color);
    font-family: var(--kg-font-kg-display);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    margin-block: 0 .65em;
    overflow-wrap: break-word;
    line-height: 24px;
    hyphens: initial
}

@media(min-width: 992px) {
    .summaryPopupContainerClass #tituloSumario {
        hyphens: auto
    }
}

.summaryPopupContainerClass #tituloSumario {
    display: flex;
    gap: .5em;
    padding: 2.5em 0 0
}

    .summaryPopupContainerClass #tituloSumario #numeroDocumento {
        display: inline-block
    }

        .summaryPopupContainerClass #tituloSumario #numeroDocumento::after {
            content: "-"
        }

.summaryPopupContainerClass #resumenDinamico {
    text-align: justify;
    margin-bottom: 1em
}

    .summaryPopupContainerClass #resumenDinamico hr {
        width: 100% !important;
        margin: 1em 0
    }

    .summaryPopupContainerClass #resumenDinamico a:hover {
        color: var(--kg-complementary-link-color)
    }

    .summaryPopupContainerClass #resumenDinamico a:has(img)::before {
        font-family: var(--kg-font-family-icons);
        content: "";
        color: var(--kg-complementary-color);
        font-weight: 600;
        margin-right: .25em
    }

    .summaryPopupContainerClass #resumenDinamico a.summaryitemmouseover, .summaryPopupContainerClass #resumenDinamico a.summaryitemmouseout {
        color: var(--kg-complementary-link-color)
    }

    .summaryPopupContainerClass #resumenDinamico a .Highlight {
        background-color: var(--kg-highlight-background-color);
        color: var(--kg-highlight-color);
        padding: 2px
    }

.summaryPopupContainerClass #cFooterPopupSummary, .summaryPopupContainerClass #checkLayer, .summaryPopupContainerClass .visitedForSummary, .summaryPopupContainerClass .ui-dialog-buttonpane {
    display: none
}

#fullPreviewLayer {
    padding-inline-end: 0
}

    #fullPreviewLayer .vue-modal-content {
        height: 89dvh;
        scrollbar-width: thin
    }

        #fullPreviewLayer .vue-modal-content::-webkit-scrollbar {
            width: 13px
        }

        #fullPreviewLayer .vue-modal-content::-webkit-scrollbar-track {
            border-radius: 5px;
            box-shadow: var(--kg-box-shadow-inset-soft)
        }

        #fullPreviewLayer .vue-modal-content::-webkit-scrollbar-thumb {
            cursor: pointer;
            border-radius: 5px;
            box-shadow: var(--kg-box-shadow-inset-medium)
        }

        #fullPreviewLayer .vue-modal-content .close {
            display: none
        }

        #fullPreviewLayer .vue-modal-content #docPreview {
            width: 100%;
            height: 100%;
            scrollbar-width: thin
        }

            #fullPreviewLayer .vue-modal-content #docPreview::-webkit-scrollbar {
                width: 13px
            }

            #fullPreviewLayer .vue-modal-content #docPreview::-webkit-scrollbar-track {
                border-radius: 5px;
                box-shadow: var(--kg-box-shadow-inset-soft)
            }

            #fullPreviewLayer .vue-modal-content #docPreview::-webkit-scrollbar-thumb {
                cursor: pointer;
                border-radius: 5px;
                box-shadow: var(--kg-box-shadow-inset-medium)
            }

            #fullPreviewLayer .vue-modal-content #docPreview html {
                padding-right: 10px
            }
/*# sourceMappingURL=main.min.css.map */