@font-face {
        font-family: 'Quicksand';
        src: url('../fonts/Quicksand-Regular.ttf');
        font-weight: 400;
        font-style: normal;
    }
    @font-face {
        font-family: 'Quicksand';
        src: url('../fonts/Quicksand-Light.ttf');
        font-weight: 300;
        font-style: normal;
    }
    @font-face {
        font-family: 'Quicksand';
        src: url('../fonts/Quicksand-Medium.ttf');
        font-weight: 500;
        font-style: normal;
    }
    @font-face {
        font-family: 'Quicksand';
        src: url('../fonts/Quicksand-SemiBold.ttf');
        font-weight: 600;
        font-style: normal;
    }
    @font-face {
        font-family: 'Quicksand';
        src: url('../fonts/Quicksand-Bold.ttf');
        font-weight: 700;
        font-style: normal;
    }
    :root {
        --size-global: 11px;
        --size-icon: 2px;

        /* Variables base para usuarios sin accesibilidad personalizada */
        --size-2xs: 5.5px;
        --size-xs: 8.25px;
        --size-sm: 13.75px;
        --size-md: 16.5px;
        --size-lg: 33px;
        --size-xl: 33px;
        --size-2xl: 38.5px;
        --size-3xl: 44px;

        /* Variables base para colores personalizados */
		--custom-gray: #6C757D;
		--custom-blue: #064E96;
		--custom-red: #DD352E;
		--custom-menu: #DFE3E9;
    }
*, ::before, ::after {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x:  ;
        --tw-pan-y:  ;
        --tw-pinch-zoom:  ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position:  ;
        --tw-gradient-via-position:  ;
        --tw-gradient-to-position:  ;
        --tw-ordinal:  ;
        --tw-slashed-zero:  ;
        --tw-numeric-figure:  ;
        --tw-numeric-spacing:  ;
        --tw-numeric-fraction:  ;
        --tw-ring-inset:  ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgb(59 130 246 / 0.5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur:  ;
        --tw-brightness:  ;
        --tw-contrast:  ;
        --tw-grayscale:  ;
        --tw-hue-rotate:  ;
        --tw-invert:  ;
        --tw-saturate:  ;
        --tw-sepia:  ;
        --tw-drop-shadow:  ;
        --tw-backdrop-blur:  ;
        --tw-backdrop-brightness:  ;
        --tw-backdrop-contrast:  ;
        --tw-backdrop-grayscale:  ;
        --tw-backdrop-hue-rotate:  ;
        --tw-backdrop-invert:  ;
        --tw-backdrop-opacity:  ;
        --tw-backdrop-saturate:  ;
        --tw-backdrop-sepia:  ;
}
::backdrop {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x:  ;
        --tw-pan-y:  ;
        --tw-pinch-zoom:  ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position:  ;
        --tw-gradient-via-position:  ;
        --tw-gradient-to-position:  ;
        --tw-ordinal:  ;
        --tw-slashed-zero:  ;
        --tw-numeric-figure:  ;
        --tw-numeric-spacing:  ;
        --tw-numeric-fraction:  ;
        --tw-ring-inset:  ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgb(59 130 246 / 0.5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur:  ;
        --tw-brightness:  ;
        --tw-contrast:  ;
        --tw-grayscale:  ;
        --tw-hue-rotate:  ;
        --tw-invert:  ;
        --tw-saturate:  ;
        --tw-sepia:  ;
        --tw-drop-shadow:  ;
        --tw-backdrop-blur:  ;
        --tw-backdrop-brightness:  ;
        --tw-backdrop-contrast:  ;
        --tw-backdrop-grayscale:  ;
        --tw-backdrop-hue-rotate:  ;
        --tw-backdrop-invert:  ;
        --tw-backdrop-opacity:  ;
        --tw-backdrop-saturate:  ;
        --tw-backdrop-sepia:  ;
}
.tw-pointer-events-none {
        pointer-events: none;
}
.tw-fixed {
        position: fixed;
}
.tw-absolute {
        position: absolute;
}
.tw-relative {
        position: relative;
}
.tw-inset-y-0 {
        top: 0px;
        bottom: 0px;
}
.-tw-top-16 {
        top: -4rem;
}
.tw-left-0 {
        left: 0px;
}
.tw-left-1\/2 {
        left: 50%;
}
.tw-right-0 {
        right: 0px;
}
.tw-right-4 {
        right: 1rem;
}
.tw-top-0 {
        top: 0px;
}
.tw-top-1\/2 {
        top: 50%;
}
.tw-top-4 {
        top: 1rem;
}
.tw-top-px {
        top: 1px;
}
.tw-z-10000 {
        z-index: 10000;
}
.tw-z-40 {
        z-index: 40;
}
.tw-z-50 {
        z-index: 50;
}
.tw-order-2 {
        order: 2;
}
.tw-col-span-6 {
        grid-column: span 6 / span 6;
}
.tw-float-left {
        float: left;
}
.tw-m-0 {
        margin: 0px;
}
.tw-m-4 {
        margin: 1rem;
}
.tw-m-5 {
        margin: 1.25rem;
}
.tw-mx-0 {
        margin-left: 0px;
        margin-right: 0px;
}
.tw-mx-2 {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
}
.tw-mx-4 {
        margin-left: 1rem;
        margin-right: 1rem;
}
.tw-mx-\[30\%\] {
        margin-left: 30%;
        margin-right: 30%;
}
.tw-mx-auto {
        margin-left: auto;
        margin-right: auto;
}
.tw-my-0 {
        margin-top: 0px;
        margin-bottom: 0px;
}
.tw-my-3 {
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
}
.tw-my-4 {
        margin-top: 1rem;
        margin-bottom: 1rem;
}
.tw-my-5 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
}
.tw-my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
}
.-tw-ml-4 {
        margin-left: -1rem;
}
.-tw-mt-8 {
        margin-top: -2rem;
}
.tw-mb-1 {
        margin-bottom: 0.25rem;
}
.tw-mb-2 {
        margin-bottom: 0.5rem;
}
.tw-mb-3 {
        margin-bottom: 0.75rem;
}
.tw-mb-4 {
        margin-bottom: 1rem;
}
.tw-mb-6 {
        margin-bottom: 1.5rem;
}
.tw-mb-8 {
        margin-bottom: 2rem;
}
.tw-ml-2 {
        margin-left: 0.5rem;
}
.tw-ml-4 {
        margin-left: 1rem;
}
.tw-ml-8 {
        margin-left: 2rem;
}
.tw-ml-\[80px\] {
        margin-left: 80px;
}
.tw-ml-auto {
        margin-left: auto;
}
.tw-mr-2 {
        margin-right: 0.5rem;
}
.tw-mr-3 {
        margin-right: 0.75rem;
}
.tw-mr-4 {
        margin-right: 1rem;
}
.tw-mr-8 {
        margin-right: 2rem;
}
.tw-mt-10 {
        margin-top: 2.5rem;
}
.tw-mt-2 {
        margin-top: 0.5rem;
}
.tw-mt-4 {
        margin-top: 1rem;
}
.tw-mt-5 {
        margin-top: 1.25rem;
}
.tw-mt-6 {
        margin-top: 1.5rem;
}
.tw-box-content {
        box-sizing: content-box;
}
.tw-block {
        display: block;
}
.tw-inline-block {
        display: inline-block;
}
.tw-flex {
        display: flex;
}
.tw-inline-flex {
        display: inline-flex;
}
.tw-grid {
        display: grid;
}
.tw-hidden {
        display: none;
}
.tw-h-0 {
        height: 0px;
}
.tw-h-10 {
        height: 2.5rem;
}
.tw-h-12 {
        height: 3rem;
}
.tw-h-20 {
        height: 5rem;
}
.tw-h-8 {
        height: 2rem;
}
.tw-h-\[10\%\] {
        height: 10%;
}
.tw-h-\[200px\] {
        height: 200px;
}
.tw-h-\[235px\] {
        height: 235px;
}
.tw-h-\[28vh\] {
        height: 28vh;
}
.tw-h-\[80\%\] {
        height: 80%;
}
.tw-h-\[calc\(\(315_\/_560\)_\*_\(90vw\+2rem\)\)\] {
        height: calc((315 / 560) * (90vw + 2rem));
}
.tw-h-\[calc\(2\.25rem_\+_2px\)\] {
        height: calc(2.25rem + 2px);
}
.tw-h-fit {
        height: -moz-fit-content;
        height: fit-content;
}
.tw-h-full {
        height: 100%;
}
.tw-h-screen {
        height: 100vh;
}
.tw-max-h-80 {
        max-height: 20rem;
}
.tw-max-h-\[200px\] {
        max-height: 200px;
}
.tw-max-h-\[50vh\] {
        max-height: 50vh;
}
.tw-w-1\/12 {
        width: 8.333333%;
}
.tw-w-1\/2 {
        width: 50%;
}
.tw-w-1\/4 {
        width: 25%;
}
.tw-w-1\/5 {
        width: 20%;
}
.tw-w-10 {
        width: 2.5rem;
}
.tw-w-11\/12 {
        width: 91.666667%;
}
.tw-w-12 {
        width: 3rem;
}
.tw-w-2\/12 {
        width: 16.666667%;
}
.tw-w-2\/5 {
        width: 40%;
}
.tw-w-20 {
        width: 5rem;
}
.tw-w-3\/12 {
        width: 25%;
}
.tw-w-3\/4 {
        width: 75%;
}
.tw-w-3\/5 {
        width: 60%;
}
.tw-w-4\/12 {
        width: 33.333333%;
}
.tw-w-4\/5 {
        width: 80%;
}
.tw-w-5\/12 {
        width: 41.666667%;
}
.tw-w-64 {
        width: 16rem;
}
.tw-w-8 {
        width: 2rem;
}
.tw-w-\[200px\] {
        width: 200px;
}
.tw-w-\[90\%\] {
        width: 90%;
}
.tw-w-\[90vw\] {
        width: 90vw;
}
.tw-w-\[calc\(100\%_-_2em\)\] {
        width: calc(100% - 2em);
}
.tw-w-auto {
        width: auto;
}
.tw-w-fit {
        width: -moz-fit-content;
        width: fit-content;
}
.tw-w-full {
        width: 100%;
}
.tw-w-screen {
        width: 100vw;
}
.tw-w-1\/3 {
        width: 33.333333%;
}
.tw-max-w-2xl {
        max-width: 42rem;
}
.tw-max-w-\[350px\] {
        max-width: 350px;
}
.tw-max-w-full {
        max-width: 100%;
}
.tw-flex-initial {
        flex: 0 1 auto;
}
.tw-flex-shrink-0 {
        flex-shrink: 0;
}
.tw-flex-grow {
        flex-grow: 1;
}
.tw-grow {
        flex-grow: 1;
}
.tw-border-separate {
        border-collapse: separate;
}
.-tw-translate-x-1\/2 {
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-tw-translate-x-full {
        --tw-translate-x: -100%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-tw-translate-y-1\/2 {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-tw-translate-y-full {
        --tw-translate-y: -100%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw--translate-x-1\/2 {
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw--translate-y-1\/2 {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-translate-x-0 {
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-transform {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes tw-pulse {
        50% {
                opacity: .5;
        }
}
.tw-animate-pulse {
        animation: tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.tw-cursor-auto {
        cursor: auto;
}
.tw-cursor-pointer {
        cursor: pointer;
}
.tw-list-inside {
        list-style-position: inside;
}
.\!tw-list-disc {
        list-style-type: disc !important;
}
.tw-list-disc {
        list-style-type: disc;
}
.tw-appearance-none {
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
}
.tw-grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
}
.tw-grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
}
.tw-flex-col {
        flex-direction: column;
}
.tw-flex-col-reverse {
        flex-direction: column-reverse;
}
.tw-flex-wrap {
        flex-wrap: wrap;
}
.tw-content-center {
        align-content: center;
}
.tw-items-start {
        align-items: flex-start;
}
.tw-items-center {
        align-items: center;
}
.tw-justify-end {
        justify-content: flex-end;
}
.tw-justify-center {
        justify-content: center;
}
.tw-justify-between {
        justify-content: space-between;
}
.tw-gap-2 {
        gap: 0.5rem;
}
.tw-gap-4 {
        gap: 1rem;
}
.tw-gap-6 {
        gap: 1.5rem;
}
.tw-gap-8 {
        gap: 2rem;
}
.tw-gap-y-4 {
        row-gap: 1rem;
}
.tw-gap-y-8 {
        row-gap: 2rem;
}
.tw-space-x-2 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0.5rem * var(--tw-space-x-reverse));
        margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.tw-space-x-4 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem * var(--tw-space-x-reverse));
        margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.tw-space-y-1 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.tw-space-y-2 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.tw-self-start {
        align-self: flex-start;
}
.tw-overflow-auto {
        overflow: auto;
}
.tw-overflow-hidden {
        overflow: hidden;
}
.tw-overflow-x-auto {
        overflow-x: auto;
}
.tw-overflow-y-auto {
        overflow-y: auto;
}
.tw-overflow-x-hidden {
        overflow-x: hidden;
}
.tw-overflow-ellipsis {
        text-overflow: ellipsis;
}
.tw-text-ellipsis {
        text-overflow: ellipsis;
}
.tw-whitespace-nowrap {
        white-space: nowrap;
}
.tw-break-all {
        word-break: break-all;
}
.tw-rounded {
        border-radius: 0.25rem;
}
.tw-rounded-2xl {
        border-radius: 1rem;
}
.tw-rounded-3xl {
        border-radius: 1.5rem;
}
.tw-rounded-full {
        border-radius: 9999px;
}
.tw-rounded-lg {
        border-radius: 0.5rem;
}
.tw-rounded-md {
        border-radius: 0.375rem;
}
.tw-rounded-xl {
        border-radius: 0.75rem;
}
.tw-rounded-b-lg {
        border-bottom-right-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
}
.tw-rounded-t-lg {
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
}
.tw-border {
        border-width: 1px;
}
.tw-border-0 {
        border-width: 0px;
}
.tw-border-2 {
        border-width: 2px;
}
.tw-border-4 {
        border-width: 4px;
}
.tw-border-b {
        border-bottom-width: 1px;
}
.tw-border-b-2 {
        border-bottom-width: 2px;
}
.tw-border-l-0 {
        border-left-width: 0px;
}
.tw-border-l-4 {
        border-left-width: 4px;
}
.tw-border-r-0 {
        border-right-width: 0px;
}
.tw-border-t-0 {
        border-top-width: 0px;
}
.tw-border-solid {
        border-style: solid;
}
.tw-border-dashed {
        border-style: dashed;
}
.tw-border-none {
        border-style: none;
}
.tw-border-arrGreen {
        --tw-border-opacity: 1;
        border-color: rgb(100 166 123 / var(--tw-border-opacity));
}
.tw-border-arrRed {
        --tw-border-opacity: 1;
        border-color: rgb(254 74 73 / var(--tw-border-opacity));
}
.tw-border-black {
        --tw-border-opacity: 1;
        border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.tw-border-blue-500 {
        --tw-border-opacity: 1;
        border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
.tw-border-gray-100 {
        --tw-border-opacity: 1;
        border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.tw-border-gray-200 {
        --tw-border-opacity: 1;
        border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.tw-border-gray-300 {
        --tw-border-opacity: 1;
        border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.tw-border-gray-400 {
        --tw-border-opacity: 1;
        border-color: rgb(156 163 175 / var(--tw-border-opacity));
}
.tw-border-gray-600 {
        --tw-border-opacity: 1;
        border-color: rgb(75 85 99 / var(--tw-border-opacity));
}
.tw-border-white {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.tw-bg-\[\#50b96d\] {
        --tw-bg-opacity: 1;
        background-color: rgb(80 185 109 / var(--tw-bg-opacity));
}
.tw-bg-\[\#518C66\] {
        --tw-bg-opacity: 1;
        background-color: rgb(81 140 102 / var(--tw-bg-opacity));
}
.tw-bg-\[\#DCDCDC\] {
        --tw-bg-opacity: 1;
        background-color: rgb(220 220 220 / var(--tw-bg-opacity));
}
.tw-bg-\[\#d9d8da\] {
        --tw-bg-opacity: 1;
        background-color: rgb(217 216 218 / var(--tw-bg-opacity));
}
.tw-bg-\[\#d9d9d9\] {
        --tw-bg-opacity: 1;
        background-color: rgb(217 217 217 / var(--tw-bg-opacity));
}
.tw-bg-\[var\(--custom-menu\)\] {
        background-color: var(--custom-menu);
}
.tw-bg-arrBlue {
        --tw-bg-opacity: 1;
        background-color: rgb(0 116 169 / var(--tw-bg-opacity));
}
.tw-bg-arrGreen {
        --tw-bg-opacity: 1;
        background-color: rgb(100 166 123 / var(--tw-bg-opacity));
}
.tw-bg-arrWhite {
        --tw-bg-opacity: 1;
        background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}
.tw-bg-black {
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.tw-bg-blue-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(191 219 254 / var(--tw-bg-opacity));
}
.tw-bg-gray-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.tw-bg-gray-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.tw-bg-neutral-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}
.tw-bg-nubyBlue {
        --tw-bg-opacity: 1;
        background-color: rgb(6 78 150 / var(--tw-bg-opacity));
}
.tw-bg-orange-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(255 237 213 / var(--tw-bg-opacity));
}
.tw-bg-red-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.tw-bg-stone-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(245 245 244 / var(--tw-bg-opacity));
}
.tw-bg-stone-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(231 229 228 / var(--tw-bg-opacity));
}
.tw-bg-transparent {
        background-color: transparent;
}
.tw-bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.tw-bg-white\/80 {
        background-color: rgb(255 255 255 / 0.8);
}
.tw-bg-opacity-50 {
        --tw-bg-opacity: 0.5;
}
.tw-bg-opacity-60 {
        --tw-bg-opacity: 0.6;
}
.tw-bg-center {
        background-position: center;
}
.tw-object-cover {
        -o-object-fit: cover;
           object-fit: cover;
}
.tw-p-0 {
        padding: 0px;
}
.tw-p-1 {
        padding: 0.25rem;
}
.tw-p-1\.5 {
        padding: 0.375rem;
}
.tw-p-2 {
        padding: 0.5rem;
}
.tw-p-4 {
        padding: 1rem;
}
.tw-p-5 {
        padding: 1.25rem;
}
.tw-p-6 {
        padding: 1.5rem;
}
.tw-p-8 {
        padding: 2rem;
}
.tw-px-0 {
        padding-left: 0px;
        padding-right: 0px;
}
.tw-px-12 {
        padding-left: 3rem;
        padding-right: 3rem;
}
.tw-px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
}
.tw-px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
}
.tw-px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
}
.tw-px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
}
.tw-px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
}
.tw-px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
}
.tw-py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem;
}
.tw-py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
}
.tw-py-2\.5 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
}
.tw-py-3 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
}
.tw-py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem;
}
.tw-py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
}
.tw-py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
}
.tw-py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem;
}
.tw-pb-3 {
        padding-bottom: 0.75rem;
}
.tw-pb-4 {
        padding-bottom: 1rem;
}
.tw-pb-5 {
        padding-bottom: 1.25rem;
}
.tw-pb-6 {
        padding-bottom: 1.5rem;
}
.tw-pl-6 {
        padding-left: 1.5rem;
}
.tw-pl-8 {
        padding-left: 2rem;
}
.tw-pr-4 {
        padding-right: 1rem;
}
.tw-pr-8 {
        padding-right: 2rem;
}
.tw-pt-4 {
        padding-top: 1rem;
}
.tw-pt-8 {
        padding-top: 2rem;
}
.tw-pt-2 {
        padding-top: 0.5rem;
}
.tw-text-left {
        text-align: left;
}
.tw-text-center {
        text-align: center;
}
.tw-text-right {
        text-align: right;
}
.tw-text-justify {
        text-align: justify;
}
.tw-align-middle {
        vertical-align: middle;
}
.tw-font-nubyFont {
        font-family: "Quicksand", sans-serif;
}
.tw-text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
}
.tw-text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
}
.tw-text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
}
.tw-text-6xl {
        font-size: 3.75rem;
        line-height: 1;
}
.tw-text-8xl {
        font-size: 6rem;
        line-height: 1;
}
.tw-text-base {
        font-size: 1rem;
        line-height: 1.5rem;
}
.tw-text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
}
.tw-text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
}
.tw-text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
}
.tw-text-xs {
        font-size: 0.75rem;
        line-height: 1rem;
}
.tw-font-bold {
        font-weight: 700;
}
.tw-font-medium {
        font-weight: 500;
}
.tw-font-normal {
        font-weight: 400;
}
.tw-font-semibold {
        font-weight: 600;
}
.tw-uppercase {
        text-transform: uppercase;
}
.tw-italic {
        font-style: italic;
}
.tw-leading-normal {
        line-height: 1.5;
}
.tw-leading-tight {
        line-height: 1.25;
}
.tw-tracking-tight {
        letter-spacing: -0.025em;
}
.\!tw-text-white {
        --tw-text-opacity: 1 !important;
        color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.tw-text-\[\#378C8C\] {
        --tw-text-opacity: 1;
        color: rgb(55 140 140 / var(--tw-text-opacity));
}
.tw-text-\[var\(--custom-gray\)\] {
        color: var(--custom-gray);
}
.tw-text-arrBlack {
        --tw-text-opacity: 1;
        color: rgb(68 68 68 / var(--tw-text-opacity));
}
.tw-text-arrBlue {
        --tw-text-opacity: 1;
        color: rgb(0 116 169 / var(--tw-text-opacity));
}
.tw-text-arrRed {
        --tw-text-opacity: 1;
        color: rgb(254 74 73 / var(--tw-text-opacity));
}
.tw-text-black {
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity));
}
.tw-text-blue-500 {
        --tw-text-opacity: 1;
        color: rgb(59 130 246 / var(--tw-text-opacity));
}
.tw-text-gray-500 {
        --tw-text-opacity: 1;
        color: rgb(107 114 128 / var(--tw-text-opacity));
}
.tw-text-gray-600 {
        --tw-text-opacity: 1;
        color: rgb(75 85 99 / var(--tw-text-opacity));
}
.tw-text-gray-700 {
        --tw-text-opacity: 1;
        color: rgb(55 65 81 / var(--tw-text-opacity));
}
.tw-text-gray-800 {
        --tw-text-opacity: 1;
        color: rgb(31 41 55 / var(--tw-text-opacity));
}
.tw-text-green-600 {
        --tw-text-opacity: 1;
        color: rgb(22 163 74 / var(--tw-text-opacity));
}
.tw-text-green-800 {
        --tw-text-opacity: 1;
        color: rgb(22 101 52 / var(--tw-text-opacity));
}
.tw-text-nubyBlue {
        --tw-text-opacity: 1;
        color: rgb(6 78 150 / var(--tw-text-opacity));
}
.tw-text-nubyYellow {
        --tw-text-opacity: 1;
        color: rgb(248 174 21 / var(--tw-text-opacity));
}
.tw-text-red-500 {
        --tw-text-opacity: 1;
        color: rgb(239 68 68 / var(--tw-text-opacity));
}
.tw-text-red-600 {
        --tw-text-opacity: 1;
        color: rgb(220 38 38 / var(--tw-text-opacity));
}
.tw-text-red-800 {
        --tw-text-opacity: 1;
        color: rgb(153 27 27 / var(--tw-text-opacity));
}
.tw-text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}
.tw-opacity-0 {
        opacity: 0;
}
.tw-opacity-50 {
        opacity: 0.5;
}
.tw-shadow {
        --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-lg {
        --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-md {
        --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-filter {
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.tw-transition-all {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
}
.tw-duration-300 {
        transition-duration: 300ms;
}
.tw-ease-in-out {
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/*  =============================================================
    Instancia de estilos para personalización de tamaño de iconos
    =============================================================   */

/* Variables base para iconos responsive */
@media (min-width: 640px) {
    :root {
        --size-icon: 4px;
    }
}
@media (min-width: 1024px) {
    :root {
        --size-icon: 8px;
    }
}
@media (min-width: 1200px) {
    :root {
        --size-icon: 11px;
    }
}

/* Variables base para accesibilidad */
.a11y_fontSize_small {
    --size-global: 10px;
}
.a11y_fontSize_medium {
    --size-global: 11px;
}
.a11y_fontSize_large{
    --size-global: 12px;
}

.a11y_iconSize_small {
    --size-2xs: 2.75px;
    --size-xs: 5.5px;
    --size-sm: 11px;
    --size-md: 16.5px;
    --size-lg: 22px;
    --size-xl: 30.25px;
    --size-2xl: 33px;
    --size-3xl: 38.5px;
}
.a11y_iconSize_medium {
    --size-2xs: 5.5px;
    --size-xs: 8.25px;
    --size-sm: 13.75px;
    --size-md: 16.5px;
    --size-lg: 33px;
    --size-xl: 33px;
    --size-2xl: 38.5px;
    --size-3xl: 44px;
}
.a11y_iconSize_large {
    --size-2xs: 8.25px;
    --size-xs: 11px;
    --size-sm: 16.5px;
    --size-md: 27.5px;
    --size-lg: 38.5px;
    --size-xl: 35.75px;
    --size-2xl: 44px;
    --size-3xl: 55px;
}

/* Instancia de clases fontSize para variables */
.tw-fontSize-global {
    font-size: var(--size-global);
}

/* Instancia de clases iconSize para variables */
.tw-iconSize-2xs {
    font-size: calc(var(--size-icon) + var(--size-2xs));
}
.tw-iconSize-xs {
    font-size: calc(var(--size-icon) + var(--size-xs));
}
.tw-iconSize-sm {
    font-size: calc(var(--size-icon) + var(--size-sm));
}
.tw-iconSize-md {
    font-size: calc(var(--size-icon) + var(--size-md));
}
.tw-iconSize-lg {
    font-size: calc(var(--size-icon) + var(--size-lg));
}
.tw-iconSize-xl {
    font-size: calc(var(--size-icon) + var(--size-xl));
}
.tw-iconSize-2xl {
    font-size: calc(var(--size-icon) + var(--size-2xl));
}
.tw-iconSize-3xl {
    font-size: calc(var(--size-icon) + var(--size-3xl));
}

/* Instancia de clases widthSize para variables */
.tw-widthSize-sm {
    width: calc(var(--size-icon) + var(--size-sm));
}
.tw-widthSize-md {
    width: calc(var(--size-icon) + var(--size-md));
}
.tw-widthSize-2xl {
    width: calc(var(--size-icon) + var(--size-2xl));
}
.tw-widthSize-3xl {
    width: calc(var(--size-icon) + var(--size-3xl));
}

/* Instancia de clases inputSize para variables de input con icono */
.tw-inputSize {
    width: calc(100% - 1rem - var(--size-icon) - var(--size-xs));
}

/*  =============================================================
                    Inicio TailwindCSS Personalizado
    =============================================================   */

/* Estilos a etiquetas generales de sistema */

html {
    font-size: var(--size-global);
}

h {
        font-size: 1.2rem;
    font-weight: 700;
}

/*  =============================================================
                    Estilos para Master Login/Logout
    =============================================================   */

/*  ------------------ Estilos para el login --------------------   */

.masterLoginContainer {
    background-image: url(../images/background_login.jpg);
    background-size: cover;
}

.masterLoginImageBlock {
    background-size: cover;
    height: 100vh;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    justify-content: center;
    display: flex;
}

.masterLoginImageBlock::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(6, 78, 150, 0.8); 
    z-index: 0;
    background-image: url(../images/shapes_nuby.png);
    background-size: cover;
    background-position-x: center;
}

.masterLoginInfoBlock {
    z-index: 1;
    position: relative;
}

.masterLoginInfoBlock p, 
.masterLoginInfoBlock h3 {
    color: #FFFFFF;
}

.masterLoginFormBlock {
    background: rgba(255, 255, 255, 0.85);
}

#masterLoginButton {
        cursor: pointer;
        border-radius: 0.375rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 1.75rem;
        padding-right: 1.75rem;
        font-family: "Quicksand", sans-serif;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 400;
        text-transform: capitalize;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.masterNavLinks a.masterHovMenuOption#masterLoginButton:visited,
.masterNavLinks a.masterHovMenuOption#masterLoginButton:link, 
.masterNavLinks a.masterHovMenuOption#masterLoginButton:active {
    font-weight: 400;
    color: white;
}

.tw-buttonYellow#masterLoginButton, a#masterLoginButton {
    color: #FFFFFF;
}

#masterLoginButton  {
    cursor: pointer;
    border-radius: 0.375rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

#masterLoginButton:hover {
    background: #cd8e12;
}

#masterLoginFooter a,
#masterLoginForgot,
#masterLoginBack {
        --tw-text-opacity: 1;
        color: rgb(6 78 150 / var(--tw-text-opacity));
    font-weight: 600;
}

/*  ------------------ Estilos para el logout --------------------   */

.masterLogoutImageBlock {
    background-image: url(../images/background_login.jpg);
    background-size: cover;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
}

.masterLogoutImageBlock::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(6, 78, 150, 0.7); /* Azul con 50% de opacidad */
    z-index: 0;
}

#masterLogoutButton {
        cursor: pointer;
        border-radius: 0.375rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 1.75rem;
        padding-right: 1.75rem;
        font-family: "Quicksand", sans-serif;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 400;
        text-transform: capitalize;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.masterNavLinks a.masterHovMenuOption#masterLogoutButton:visited,
.masterNavLinks a.masterHovMenuOption#masterLogoutButton:link, 
.masterNavLinks a.masterHovMenuOption#masterLogoutButton:active {
    font-weight: 400;
    color: white;
}

.tw-buttonYellow#masterLogoutButton, a#masterLogoutButton {
    color: #FFFFFF;
}

#masterLogoutButton  {
    cursor: pointer;
    border-radius: 0.375rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

#masterLogoutButton:hover {
    background: #138A73;
}

#masterLogoutInfo a,
#masterLogoutInfo a:link,
#masterLogoutInfo a:visited,
#masterLogoutInfo a:active 
#masterLogoutInfo a:hover {
        font-weight: 600;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}

.masterNavLinks a.masterHovMenuOption#masterLogoutInfo a:visited,
.masterNavLinks a.masterHovMenuOption#masterLogoutInfo a:link, 
.masterNavLinks a.masterHovMenuOption#masterLogoutInfo a:active,.masterNavLinks a.masterHovMenuOption
#masterLogoutInfo a:link:visited,
.masterNavLinks a.masterHovMenuOption
#masterLogoutInfo a:link:link, 
.masterNavLinks a.masterHovMenuOption
#masterLogoutInfo a:link:active,.masterNavLinks a.masterHovMenuOption
#masterLogoutInfo a:visited:visited,
.masterNavLinks a.masterHovMenuOption
#masterLogoutInfo a:visited:link, 
.masterNavLinks a.masterHovMenuOption
#masterLogoutInfo a:visited:active,.masterNavLinks a.masterHovMenuOption
#masterLogoutInfo a:active 
#masterLogoutInfo a:hover:visited,
.masterNavLinks a.masterHovMenuOption
#masterLogoutInfo a:active 
#masterLogoutInfo a:hover:link, 
.masterNavLinks a.masterHovMenuOption
#masterLogoutInfo a:active 
#masterLogoutInfo a:hover:active {
    font-weight: 400;
    color: white;
}

.tw-buttonYellow#masterLogoutInfo a, a#masterLogoutInfo a,.tw-buttonYellow
#masterLogoutInfo a:link, a
#masterLogoutInfo a:link,.tw-buttonYellow
#masterLogoutInfo a:visited, a
#masterLogoutInfo a:visited,.tw-buttonYellow
#masterLogoutInfo a:active 
#masterLogoutInfo a:hover, a
#masterLogoutInfo a:active 
#masterLogoutInfo a:hover {
    color: #FFFFFF;
}

#masterLogoutInfo a,
#masterLogoutInfo a:link,
#masterLogoutInfo a:visited,
#masterLogoutInfo a:active 
#masterLogoutInfo a:hover  {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

/*  =============================================================
                    Estilos para Master Header
    =============================================================   */

/*  ------------- Estilos para el header principal --------------   */

#masterHeader {
        height: auto;
        min-height: calc(20px + 1.5rem);
        width: calc(100vw - 6px);
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {
        #masterHeader {
                height: 10vh;
                padding-left: 0.75rem;
                padding-right: 0.75rem;
                padding-top: 0.75rem;
                padding-bottom: 0.75rem;
        }
}

@media (min-width: 1024px) {
        #masterHeader {
                padding-left: 1rem;
                padding-right: 1rem;
                padding-top: 1rem;
                padding-bottom: 1rem;
        }
}

#masterHeader {
    box-shadow: 0px 0px 5px 3px #d9d9d9;
}

#masterMenuStatic {
        max-width: 100%;
        gap: 1.25rem;
    z-index: 10;
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
}

.masterLogotipos {
        flex-wrap: nowrap;
        gap: 2rem;
    display: flex;
    height: 100%;
    justify-content: space-between;
}

.masterSistema {
    display: flex;
    align-items: center;
}

.masterVersion {
        align-content: flex-end;
        vertical-align: bottom;
    display: none;
    height: 100%;
}

@media (min-width: 1024px) {
        .masterVersion {
                display: inline-block;
        }
}

.masterVersion span {
        --tw-text-opacity: 1;
        color: rgb(6 78 150 / var(--tw-text-opacity));
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
}

@media (min-width: 768px) {
        .masterVersion span {
                font-size: 1rem;
                line-height: 1.5rem;
        }
}

@media (min-width: 1024px) {
        .masterVersion span {
                font-size: 1.125rem;
                line-height: 1.75rem;
        }
}

.masterVersionNav {
    margin-top: auto;
}

.masterVersionNav span {
        font-weight: 400;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}

.masterNavLinks a.masterHovMenuOption.masterVersionNav span:visited,
.masterNavLinks a.masterHovMenuOption.masterVersionNav span:link, 
.masterNavLinks a.masterHovMenuOption.masterVersionNav span:active {
    font-weight: 400;
    color: white;
}

.tw-buttonYellow.masterVersionNav span, a.masterVersionNav span {
    color: #FFFFFF;
}

.masterVersionNav span  {
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

img.masterLogoSistema {
        height: auto;
        max-height: 6vh;
        min-height: 20px;
        width: auto;
        max-width: 35vw;
}

@media (min-width: 1024px) {
        img.masterLogoSistema {
                max-height: calc(10vh - 2rem);
                max-width: 15vw;
        }
}

.masterEntidad {
        height: auto;
    display: flex;
    align-items: center;
    gap: 1rem;
}

@media (min-width: 768px) {
        .masterEntidad {
                gap: 2rem;
        }
}

img.masterLogoEntidad {
        height: auto;
        max-height: 6vh;
        min-height: 20px;
        width: auto;
        max-width: 35vw;
        -o-object-position: center;
           object-position: center;
}

@media (min-width: 1024px) {
        img.masterLogoEntidad {
                max-height: calc(10vh - 2rem);
        }
}

#masterMenuNavResponsive {
    display: block;
    align-items: center;
}

@media (min-width: 1024px)  {

    #masterMenuNavResponsive  {
        display: none;
    }

}

@media (min-width: 768px) {
        #masterMenuNavResponsive {
                order: 1;
                border-width: 0px;
                border-left-width: 1px;
                border-style: solid;
                --tw-border-opacity: 1;
                border-left-color: rgb(163 163 163 / var(--tw-border-opacity));
                padding-left: 1rem;
        }
}

@media (min-width: 1024px) {
        #masterMenuNavResponsive {
                display: none;
        }
}

#masterMenuToggle {
    display: block;
    cursor: pointer;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    font-size: 1.25rem;
    line-height: 1.75rem;
}

@media (min-width: 1024px)  {

    #masterMenuToggle  {
        display: none;
    }

}

#masterMenuNav {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10;
    display: flex;
    height: 100vh;
    width: 100%;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
    transition-duration: 300ms;
}

button[type=button].masterCloseIcono {
        top: 1.25rem;
        right: 1.25rem;
        outline: 2px solid transparent;
        outline-offset: 2px;
    position: absolute;
    display: block;
    cursor: pointer;
    border-width: 0px;
    border-style: none;
    background-color: transparent;
}

@media (min-width: 1024px)  {

    button[type=button].masterCloseIcono  {
        display: none;
    }

}

button[type=button].masterCloseIcono:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
    border-width: 0px;
    border-style: none;
    background-color: transparent;
}

button[type=button].masterCloseIcono .tw-faIconMenu {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}

.masterNavLinks abutton.masterHovMenuOption[type=button].masterCloseIcono .tw-faIconMenu:visited,
.masterNavLinks abutton.masterHovMenuOption[type=button].masterCloseIcono .tw-faIconMenu:link, 
.masterNavLinks abutton.masterHovMenuOption[type=button].masterCloseIcono .tw-faIconMenu:active {
    font-weight: 400;
    color: white;
}

button.tw-buttonYellow[type=button].masterCloseIcono .tw-faIconMenu, abutton[type=button].masterCloseIcono .tw-faIconMenu {
    color: #FFFFFF;
}

button[type=button].masterCloseIcono .tw-faIconMenu  {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

ul.masterNavLinks {
        min-height: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

ul.masterNavLinks li {
        margin-right: 1.25rem;
        margin-bottom: 1.25rem;
}

.masterHovMenuOption {
        font-size: 1.125rem;
        line-height: 1.75rem;
        text-decoration-line: none;
}

@media (min-width: 1280px) {
        .masterHovMenuOption {
                font-size: 1.25rem;
                line-height: 1.75rem;
        }
}

a.masterHovMenuOption {
    font-weight: 400;
}

.masterNavLinks a.masterHovMenuOption.tw-text-white:visited,
.masterNavLinks a.masterHovMenuOption.tw-text-white:link, 
.masterNavLinks a.masterHovMenuOption.tw-text-white:active {
    font-weight: 400;
    color: white;
}

.masterIconosAcciones {
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
        gap: 1.25rem;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {
        .masterIconosAcciones {
                margin: 0px;
                width: auto;
                flex-grow: 1;
                justify-content: flex-end;
        }
}

@media (min-width: 1024px) {
        .masterIconosAcciones {
                flex-grow: 0;
                justify-content: center;
        }
}

.masterIconosAcciones > a {
    display: flex;
    cursor: pointer;
    align-items: center;
}

button[type=button].masterIconButton {
        outline: 2px solid transparent;
        outline-offset: 2px;
    display: flex;
    height: 100%;
    cursor: pointer;
    align-items: center;
    border-width: 0px;
    border-style: none;
    background-color: transparent;
}

button[type=button].masterIconButton:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
    border-width: 0px;
    border-style: none;
    background-color: transparent;
}

.masterDropdown {
        top: calc(100% + 10px);
        right: 50%;
        width: -moz-max-content;
        width: max-content;
        min-width: 200px;
        max-width: 80vw;
        --tw-translate-x: 33.333333%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        border-bottom-right-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
    position: absolute;
    z-index: 10;
    flex-direction: column;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1.25rem;
}

@media (min-width: 768px) {
        .masterDropdown {
                top: calc(10vh - 1rem);
                left: auto;
                right: 0px;
                max-width: 300px;
                --tw-translate-x: 0px;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
}

.masterDropdown {
    box-shadow: 0 0 4px rgba(126, 126, 126, 0.25);
}

.masterDropdown > a {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        padding-left: 0px;
        padding-right: 0px;
        color: var(--custom-gray);
        text-decoration-line: none;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.masterDropdown > a > .tw-faIconMenuDropdownOption > i {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.masterDropdown > a > span {
        display: inline;
    font-size: 1.25rem;
    line-height: 1.75rem;
}

/* .masterInputToggle:checked ~ .masterDropdown {
    @apply tw-flex
} */

.masterIcon {
    display: flex;
    cursor: pointer;
    align-items: center;
}

#masterMenuNavWeb {
    display: none;
}

@media (min-width: 1024px)  {

    #masterMenuNavWeb  {
        display: block;
    }

}

#masterMenuNavWeb {
    background: var(--custom-menu);
}

.masterMenu {
        width: calc(100vw - 6px);
        padding-left: 2.25rem;
        padding-right: 2.25rem;
    display: flex;
    justify-content: space-between;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.masterMenu a {
        color: var(--custom-gray);
}

.masterMenu a:hover {
        --tw-text-opacity: 1;
        color: rgb(6 78 150 / var(--tw-text-opacity));
}

.masterPiePagina {
    position: fixed;
    bottom: 0px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 0.5rem;
    text-align: center;
    font-size: 10px;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
}

/*  =============================================================
                    Estilos de Utilidad General
    =============================================================   */

/*  ------------------- Estilos para enlaces --------------------   */

a.tw-linkBlue,
a.tw-linkBlue:link,
a.tw-linkBlue:visited,
a.tw-linkBlue:active {
    cursor: pointer;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 116 169 / var(--tw-text-opacity));
}

a.tw-linkBlue:hover,
a.tw-linkBlue:link:hover,
a.tw-linkBlue:visited:hover,
a.tw-linkBlue:active:hover {
        --tw-text-opacity: 1;
        color: rgb(6 78 150 / var(--tw-text-opacity));
}

/* Clases de estilos para menú de navegación */

.tw-hovMenuOption:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(0 116 169 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
        .tw-hovMenuOption {
                padding-top: 0.75rem;
                padding-bottom: 0.75rem;
                padding-left: 0.5rem;
                padding-right: 0.5rem;
        }
}

.tw-subMenuOption {
        display: inline;
        height: 1.5rem;
    font-weight: 400;
}

.tw-subMenuOption:hover {
        --tw-text-opacity: 1;
        color: rgb(0 116 169 / var(--tw-text-opacity));
}

.tw-hovSubMenu:hover {
        overflow: visible;
        --tw-bg-opacity: 1;
        background-color: rgb(238 238 238 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(0 116 169 / var(--tw-text-opacity));
}

.tw-hovSubMenuOption:hover {
        overflow: visible;
}

.tw-footBorderSeparate {
        margin: auto;
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    width: 100%;
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

@media (min-width: 390px)  {

    .tw-footBorderSeparate  {
        display: inline;
    }
}

@media (min-width: 640px)  {

    .tw-footBorderSeparate  {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0.25rem;
        margin-right: 0.25rem;
        display: inline;
        height: 100%;
        width: 0.5rem;
        border-bottom-width: 0px;
        border-left-width: 2px;
    }
}

.tw-widgetAcceso-contenedor {
    display: grid;
    gap: 1.5rem;
}

@media (min-width: 768px)  {

    .tw-widgetAcceso-contenedor  {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1280px)  {

    .tw-widgetAcceso-contenedor  {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
        .tw-widgetAcceso-contenedor {
                grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}

@media (min-width: 1280px) {
        .tw-widgetAcceso-contenedor {
                grid-template-columns: repeat(4, minmax(0, 1fr));
        }
}

.tw-widget-logo {
    display: grid;
}

@media (min-width: 768px)  {

    .tw-widget-logo  {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.tw-widget-contenido-datos {
    display: grid;
}

@media (min-width: 768px) {
        .tw-widget-contenido-datos {
                grid-template-columns: repeat(12, minmax(0, 1fr));
        }
}

.tw-widget-ayuda {
    display: grid;
}

@media (min-width: 768px) {
        .tw-widget-ayuda {
                grid-template-columns: repeat(1, minmax(0, 1fr));
        }
}

/* Establece las clases para las diferentes categorías de iconos FontAwesome */

.tw-faIconLogin {
        vertical-align: baseline;
    font-size: calc(var(--size-icon) + var(--size-sm));
    --tw-text-opacity: 1;
    color: rgb(0 116 169 / var(--tw-text-opacity));
}

.tw-faIconModule {
        border-width: 0.2rem;
        --tw-border-opacity: 1;
        border-color: rgb(0 116 169 / var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgb(238 238 238 / var(--tw-text-opacity));
    font-size: calc(var(--size-icon) + var(--size-3xl));
    width: calc(var(--size-icon) + var(--size-3xl));
    border-color: #0074A9;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 116 169 / var(--tw-bg-opacity));
}

.tw-faIconModule svg {
        aspect-ratio: 1 / 1;
}

.tw-faIconModuleAction {
        aspect-ratio: 1 / 1;
        border-width: 0.2rem;
        --tw-border-opacity: 1;
        border-color: rgb(0 116 169 / var(--tw-border-opacity));
    font-size: calc(var(--size-icon) + var(--size-lg));
    width: calc(var(--size-icon) + var(--size-2xl));
    border-color: #0074A9;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-style: solid;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 116 169 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
        .tw-faIconModuleAction {
                display: inline-flex;
        }
}

.tw-faIconModuleAction + p {
        overflow-wrap: normal;
        word-break: normal;
    display: block;
}

@media (min-width: 1024px) {
        .tw-faIconModuleAction + p {
                max-width: calc(var(--size-icon) + var(--size-2xl) + 3rem);
        }
}

.tw-faIconModuleAction + p {
    text-wrap: wrap;
}

.tw-faIconEmbedWhite {
        min-height: 14px;
        --tw-text-opacity: 1;
        color: rgb(238 238 238 / var(--tw-text-opacity));
    font-size: calc(var(--size-icon) + var(--size-xs));
    cursor: pointer;
}

.tw-faIconEmbedGray {
        min-height: 14px;
        --tw-text-opacity: 1;
        color: rgb(68 68 68 / var(--tw-text-opacity));
    font-size: calc(var(--size-icon) + var(--size-xs));
    border-color: #444444;
    cursor: pointer;
}

.tw-faIconEmbedBlue {
        min-height: 14px;
        --tw-text-opacity: 1;
        color: rgb(55 140 140 / var(--tw-text-opacity));
    font-size: calc(var(--size-icon) + var(--size-xs));
    cursor: pointer;
    vertical-align: middle;
}

.tw-faIconEmbedGreen {
        min-height: 14px;
        --tw-text-opacity: 1;
        color: rgb(100 166 123 / var(--tw-text-opacity));
    font-size: calc(var(--size-icon) + var(--size-xs));
    color: #64A67B;
    cursor: pointer;
}

.tw-faIconEmbedRed {
        min-height: 14px;
        --tw-text-opacity: 1;
        color: rgb(254 74 73 / var(--tw-text-opacity));
    font-size: calc(var(--size-icon) + var(--size-xs));
    cursor: pointer;
}

.tw-faIconEmbedYellow {
        min-height: 14px;
        --tw-text-opacity: 1;
        color: rgb(223 180 27 / var(--tw-text-opacity));
    font-size: calc(var(--size-icon) + var(--size-xs));
    cursor: pointer;
}

.tw-faIconEmbedDarkBlue {
        min-height: 14px;
    font-size: calc(var(--size-icon) + var(--size-xs));
    cursor: pointer;
    --tw-text-opacity: 1;
    color: rgb(0 116 169 / var(--tw-text-opacity));
}

.tw-faIconTableAction {
        --tw-text-opacity: 1;
        color: rgb(68 68 68 / var(--tw-text-opacity));
    font-size: calc(var(--size-icon) + var(--size-xs));
    border-color: #444444;
    display: inline-block;
    cursor: pointer;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

div.tw-faIconTableAction > a {
        --tw-text-opacity: 1;
        color: rgb(68 68 68 / var(--tw-text-opacity));
    font-size: calc(var(--size-icon) + var(--size-xs));
    border-color: #444444;
}

.tw-faIconTableAction svg {
        min-height: 14px;
}

@media (min-width: 1024px) {
        .tw-faIconTableAction svg {
                min-height: 16px;
        }
}

.tw-faIconMenu {
        --tw-text-opacity: 1;
        color: rgb(6 78 150 / var(--tw-text-opacity));
    font-size: calc(var(--size-icon) + var(--size-sm));
    vertical-align: middle;
}

.tw-faIconMenu svg {
    vertical-align: middle;
}

.tw-faIconMenuCounter {
        top: -5px;
        right: -5px;
        --tw-bg-opacity: 1;
        background-color: rgb(254 74 73 / var(--tw-bg-opacity));
    font-size: calc(var(--size-icon) + var(--size-xl));
    background-color: #FE4A49;
}

.tw-faIconMenuDropDown {
    font-size: calc(var(--size-icon) + var(--size-sm));
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    gap: 1rem;
}

@media (min-width: 1024px)  {

    .tw-faIconMenuDropDown  {
        
        /* Es necesario establecer esta clase en el root para evitar error al ejecutar comando dev */
        font-size: calc(var(--size-icon) + var(--size-2xs));
        gap: 0.5rem;
        border-radius: 9999px;
        border-width: 1px;
        border-style: solid;
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

}

.tw-faIconMenuDropdownText {
    display: none;
    font-size: 1.25rem;
    line-height: 1.75rem;
}

@media (min-width: 1024px) {
        .tw-faIconMenuDropdownText {
                display: inline;
        }
}

.tw-faIconMenuDropdownOption {
        aspect-ratio: 1 / 1;
    font-size: calc(var(--size-icon) + var(--size-sm));
    width: calc(var(--size-icon) + var(--size-sm));
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.tw-faIconMenuDropdownOption svg {
        max-width: calc(var(--size-icon) + var(--size-sm));
}

.tw-faIconSubMenu svg:first-of-type {
        min-width: calc(var(--size-icon) + var(--size-sm));
        max-width: calc(var(--size-icon) + var(--size-sm));
    font-size: calc(var(--size-icon) + var(--size-sm));
    --tw-text-opacity: 1;
    color: rgb(0 116 169 / var(--tw-text-opacity));
    vertical-align: middle;
}

@media (min-width: 1280px) {
        .tw-faIconSubMenu svg:first-of-type {
                margin-right: 1rem;
        }
}

.tw-faIconSubMenu span {
    display: none;
}

@media (min-width: 1280px) {
        .tw-faIconSubMenu span {
                display: inline-block;
        }
}

.tw-faIconSubMenu svg.tw-dropDownArrow {
        right: 1rem;
        top: 1rem;
    position: absolute;
    display: none;
}

@media (min-width: 1280px) {
        .tw-faIconSubMenu svg.tw-dropDownArrow {
                display: block;
        }
}

.tw-faIconExportFile svg {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    font-size: calc(var(--size-icon) + var(--size-xs));
}

.masterNavLinks a.masterHovMenuOption.tw-faIconExportFile svg:visited,
.masterNavLinks a.masterHovMenuOption.tw-faIconExportFile svg:link, 
.masterNavLinks a.masterHovMenuOption.tw-faIconExportFile svg:active {
    font-weight: 400;
    color: white;
}

.tw-buttonYellow.tw-faIconExportFile svg, a.tw-faIconExportFile svg {
    color: #FFFFFF;
}

.tw-faIconExportFile svg  {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tw-faIconDisplay {
        float: right;
    margin-right: 1rem;
}

.tw-faIconTab {
        --tw-text-opacity: 1;
        color: rgb(238 238 238 / var(--tw-text-opacity));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    vertical-align: middle;
    font-size: calc(var(--size-icon) + var(--size-md) + 4px);
}

.tw-faIconTab svg {
        aspect-ratio: 1 / 1;
}

#param_dropdown_tab, .details_dropdown_tab {
    position: relative;
    cursor: pointer;
}

#param_dropdown_opt, .details_dropdown_opt {
        left: 100%;
    position: absolute;
    top: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1280px) {
        #param_dropdown_opt, .details_dropdown_opt {
                position: static;
                background-color: transparent;
        }
}

.details_dropdown_tab {
        --tw-bg-opacity: 1;
        background-color: rgb(229 229 229 / var(--tw-bg-opacity));
    border-radius: 0.375rem;
    padding: 1rem;
}

.details_dropdown_tab svg:first-of-type {
    vertical-align: middle;
}

@media (min-width: 1280px) {
        .details_dropdown_tab svg:first-of-type {
                margin-right: 1rem;
        }
}

.details_dropdown_tab span {
    display: none;
}

@media (min-width: 1280px) {
        .details_dropdown_tab span {
                display: inline-block;
        }
}

.details_dropdown_tab svg.tw-dropDownArrow {
        right: 1rem;
        top: 50%;
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    position: absolute;
    display: none;
}

@media (min-width: 1280px) {
        .details_dropdown_tab svg.tw-dropDownArrow {
                display: block;
        }
}

/* Estilos TailwindCss para nuevas clases de secciones de títulos, tabs y contenido de los módulos */

.tw-sectionTitle {
        margin-bottom: 5px;
        border-radius: 5px;
        --tw-shadow: 0px 0px 10px -3px rgba(0,0,0,0.6);
        --tw-shadow-colored: 0px 0px 10px -3px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1rem;
    flex-wrap: wrap;
    gap: 1rem;
}

@media (min-width: 1024px)  {

    .tw-sectionTitle  {
        flex-wrap: nowrap;
        justify-content: space-between;
    }

}

.tw-masterSimple .tw-sectionTitle {
    display: none;
}

.tw-title {
        padding: 3px;
        font-family: 'Open Sans Light';
        letter-spacing: 6px;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(0 116 169 / var(--tw-text-opacity));
    gap: 1rem;
}

@media (min-width: 640px) {
        .tw-title {
                font-size: 2.25rem;
                line-height: 2.5rem;
        }
}

.tw-buttons {
        justify-content: space-around;
        padding: 2px;
    display: flex;
    width: 100%;
    text-align: center;
    gap: 1rem;
}

@media (min-width: 1024px) {
        .tw-buttons {
                width: auto;
                justify-content: flex-end;
        }
}

.tw-buttons a {
        font-family: 'Open Sans Light';
    display: inline-block;
    font-weight: 700;
}

.tw-newsButton {
        cursor: pointer;
        border-radius: 9999px;
        border-width: 1px;
        border-style: solid;
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        background-color: transparent;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}

.masterNavLinks a.masterHovMenuOption.tw-newsButton:visited,
.masterNavLinks a.masterHovMenuOption.tw-newsButton:link, 
.masterNavLinks a.masterHovMenuOption.tw-newsButton:active {
    font-weight: 400;
    color: white;
}

.tw-buttonYellow.tw-newsButton, a.tw-newsButton {
    color: #FFFFFF;
}

.tw-newsButton  {
    cursor: pointer;
    border-radius: 9999px;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    background-color: transparent;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
        .tw-newsButton {
                font-size: 1.125rem;
                line-height: 1.75rem;
        }
}

@media (min-width: 1024px) {
        .tw-newsButton {
                padding-left: 1rem;
                padding-right: 1rem;
                padding-top: 0.5rem;
                padding-bottom: 0.5rem;
                font-size: 1.25rem;
                line-height: 1.75rem;
        }
}

.tw-dropDown {
        width: 200px;
        gap: 2rem;
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: 10;
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1rem;
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 640px) {
        .tw-dropDown {
                margin-right: 2rem;
                width: 250px;
        }
}

.tw-dropDownOption {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.tw-dropDownOption span {
    font-weight: 400;
}

.tw-verticalTabs li {
    padding: 0.75rem;
}

.tw-verticalTabs li:last-child {
        border-style: none;
}

.tw-verticalTabs li:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(228 228 228 / var(--tw-bg-opacity));
}

.tw-verticalTabs li{
    border-bottom: 1px #6699ff groove;
}

.tw-verticalTabs a {
        width: 99.8%;
        line-height: 1.2;
    display: inline-block;
}

.tw-verticalTabs li:hover a {
    --tw-text-opacity: 1;
    color: rgb(0 116 169 / var(--tw-text-opacity));
}

.tw-configTabs > li {
    padding: 0.75rem;
}

.tw-configTabs > li:last-child {
        border-style: none;
}

.tw-configTabs > li:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(228 228 228 / var(--tw-bg-opacity));
}

.tw-configTabs > li {
    border-bottom: 1px #6699ff groove;
}

.tw-configTabs a {
        width: 99.8%;
        line-height: 1.2;
    display: inline-block;
}

.tw-configTabs li:hover > a {
    --tw-text-opacity: 1;
    color: rgb(0 116 169 / var(--tw-text-opacity));
}

.tw-configTabs li > ul > li {
        padding-left: 2rem;
        padding-right: 2rem;
}

@media (min-width: 1280px) {
        .tw-configTabs li > ul > li {
                padding-right: 0px;
                padding-left: 3.25rem;
        }
}

.tw-tabsDropDownOptions {
        padding-top: 0.5rem;
}

.tw-tabsDropDownOptions li {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.tw-internalContainer {
        display: table;
        border-radius: 3px;
        padding-top: 10px;
        padding-bottom: 10px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {
        .tw-internalContainer {
                padding: 10px;
        }
}

.tw-internalContainer {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.24);
}

.tw-internalContainerInformes {
        border-radius: 3px;
        padding-top: 10px;
        padding-bottom: 10px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {
        .tw-internalContainerInformes {
                padding: 10px;
        }
}

.tw-internalContainerInformes {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.24);
}

.tw-contentTabs {
        align-content: flex-start;
    display: flex;
    width: 100%;
    gap: 1.5rem;
}

.tw-onlyContent {
    width: 100%;
}

.tw-tabs {
        margin-top: 0.75rem;
        height: fit-content;
        width: auto;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1280px) {
        .tw-tabs {
                width: 16vw;
        }
}

.tw-tabs {
    box-shadow: 3px 3px 10px 0 #BABABA;
}

.tw-masterSimple .tw-tabs {
    display: none;
}

.tw-content {
        margin-bottom: 5rem;
        width: 85vw;
        padding-right: 1rem;
}

@media (min-width: 1024px) {
        .tw-content {
                padding-right: 0px;
        }
}

@media (min-width: 1280px) {
        .tw-content {
                width: 80vw;
        }
}

.tw-masterSimple .tw-content {
        width: 97vw;
}

.tw-tabPanel {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.tw-inputSelect label, .tw-inputSelect input, .tw-inputSelect a {
    vertical-align: middle;
}

.tw-selectFile {
        gap: 0.5rem;
    display: flex;
    align-items: center;
}

.tw-gridActions {
        margin-bottom: 10px;
        flex-direction: row-reverse;
    display: flex;
    width: 100%;
    justify-content: space-between;
    text-align: right;
    margin-top: 10px;
    flex-wrap: wrap;
}

.tw-legendIconAction {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tw-navList {
    padding: 2rem;
}

.tw-navList li {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.nav-tabs .tw-navDisabled {
        cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
}

.tw-comodin_token {
    width: 100%;
    cursor: pointer;
    font-weight: 700;
}

.tw-comodin_token:hover {
        --tw-text-opacity: 1;
        color: rgb(41 37 36 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
        .tw-comodin_token {
                width: 40%;
        }
}

.tw-alertWarning a.tw-alertLink[target="_blank"] {
        --tw-border-opacity: 1;
        border-color: rgb(138 109 59 / var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgb(138 109 59 / var(--tw-text-opacity));
    border-width: 0px;
    border-bottom-width: 1px;
    border-style: solid;
    font-weight: 700;
}

.tw-alertWarning a.tw-alertLink[target="_blank"]:hover {
        --tw-border-opacity: 1;
        border-color: rgb(68 68 68 / var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgb(68 68 68 / var(--tw-text-opacity));
}

ul.tw-alertList {
        list-style-type: disc !important;
        padding-left: 2rem;
}

/* Estilos TailwindCss para tooltips de estado de email */

.tw-tdStates:hover .tw-tooltipBox {
    display: block;
}

.tw-tooltipBox {
        left: -25%;
        z-index: 10000;
    position: absolute;
    top: 100%;
    margin-top: 0.5rem;
    display: none;
}

.tw-tooltipHdr {
        padding: 0.5rem;
        text-align: center;
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 700;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}

.masterNavLinks a.masterHovMenuOption.tw-tooltipHdr:visited,
.masterNavLinks a.masterHovMenuOption.tw-tooltipHdr:link, 
.masterNavLinks a.masterHovMenuOption.tw-tooltipHdr:active {
    font-weight: 400;
    color: white;
}

.tw-buttonYellow.tw-tooltipHdr, a.tw-tooltipHdr {
    color: #FFFFFF;
}

.tw-tooltipHdr  {
    padding: 0.5rem;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    letter-spacing: 0.1rem;
    border-radius: 0.5rem 0.5rem 0 0;
}

.tw-tooltipBdy {
        width: 200px;
        font-size: 1.125rem;
        line-height: 1.75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 0.5rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    text-wrap: wrap;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-radius: 0px 0px 5px 5px;
}

.tw-tooltipBdy p {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        --tw-text-opacity: 1;
        color: rgb(68 68 68 / var(--tw-text-opacity));
    border-color: #444444;
    font-size: 1rem;
    line-height: 1.5rem;
}

/* Estilos TailwindCss para submenu de accesibilidad */

#myDropdownAccessibility {
        right: -25px;
        margin: 0px;
        width: 300px;
    gap: 0px;
}

@media (min-width: 640px) {
        #myDropdownAccessibility {
                right: 0px;
                margin-right: 2rem;
        }
}

.tw-accessibilitySubmenu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
    gap: 1rem;
}

legend.tw-accessibilityTitle {
        margin: 0px;
        width: 100%;
        background-image: linear-gradient(to right, var(--tw-gradient-stops));
        --tw-gradient-from: #1c7bb6 var(--tw-gradient-from-position);
        --tw-gradient-to: rgb(28 123 182 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
        --tw-gradient-to: #1c7bb699 var(--tw-gradient-to-position);
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: 1.25rem;
        line-height: 1.75rem;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}

.masterNavLinks alegend.masterHovMenuOption.tw-accessibilityTitle:visited,
.masterNavLinks alegend.masterHovMenuOption.tw-accessibilityTitle:link, 
.masterNavLinks alegend.masterHovMenuOption.tw-accessibilityTitle:active {
    font-weight: 400;
    color: white;
}

legend.tw-buttonYellow.tw-accessibilityTitle, alegend.tw-accessibilityTitle {
    color: #FFFFFF;
}

legend.tw-accessibilityTitle  {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
        legend.tw-accessibilityTitle {
                --tw-gradient-to: rgb(28 123 182 / 0)  var(--tw-gradient-to-position);
                --tw-gradient-stops: var(--tw-gradient-from), #1c7bb699 var(--tw-gradient-via-position), var(--tw-gradient-to);
                --tw-gradient-to: transparent var(--tw-gradient-to-position);
        }
}

.tw-accessibilityText {
        margin-top: 2rem;
        margin-bottom: 2rem;
        font-size: 1.125rem;
        line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.tw-accessibilityOption {
        --tw-text-opacity: 1;
        color: rgb(29 29 29 / var(--tw-text-opacity));
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(238 238 238 / var(--tw-bg-opacity));
    padding: 0.5rem;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 400;
}

.tw-accessibilityOption svg {
        margin: 1rem;
        --tw-text-opacity: 1;
        color: rgb(68 68 68 / var(--tw-text-opacity));
    font-size: calc(var(--size-icon) + var(--size-md));
    border-color: #444444;
}

.tw-accessibilityOption input {
        margin: 0px;
        padding: 0px;
        accent-color: #0074A9;
    width: 100%;
}

/* Estilos TailwindCss para nuevas clases de botones */

.tw-buttonYellow.tw-text-white, a.tw-text-white {
    color: #FFFFFF;
}

input.tw-buttonBlueTiny {
        margin: 0px;
        width: -moz-fit-content;
        width: fit-content;
        font-size: 1rem;
}

@media (min-width: 640px) {
        input.tw-buttonBlueTiny {
                font-size: 0.875rem;
                line-height: 1.25rem;
        }
}

input.tw-buttonBlueTiny {
    background: #378C8C;
}

.tw-buttonBlue input[type=button], .tw-buttonBlue input[type=submit], a.tw-buttonBlue {
        margin: 0px;
    background: #0074A9;
}

.tw-buttonGreen input[type=submit][data-type='success'], .tw-buttonGreen input[type=button][data-type='success'], .tw-buttonGreen input[type=reset][data-type='success'], a.tw-buttonGreen {
        margin: 0px;
    background: #64A67B;
}

.tw-buttonRed input[type=button][data-type='cancel'] {
        margin: 0px;
    background: #FE4A49;
}

.tw-buttonYellow input[type=button], .tw-buttonYellow input[type=submit], a.tw-buttonYellow {
        margin: 0px;
    background: #f8ae15;
}

.tw-buttonEmerald input[type=button], .tw-buttonEmerald input[type=submit] {
        margin: 0px;
    background: #1ABC9C;
}

a.tw-buttonGray {
        margin: 0px;
        --tw-border-opacity: 1;
        border-color: rgb(68 68 68 / var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgb(68 68 68 / var(--tw-text-opacity));
    border-color: #444444;
    display: inline-block;
    cursor: pointer;
    border-radius: 0.375rem;
    border-style: solid;
    background-color: transparent;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 700;
    border-width: 2px;
}

a.tw-buttonGray:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(68 68 68 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}

a.tw-buttonGray:hover svg {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}

.masterNavLinks aa.masterHovMenuOption.tw-buttonGray:hover svg:visited,
.masterNavLinks aa.masterHovMenuOption.tw-buttonGray:hover svg:link, 
.masterNavLinks aa.masterHovMenuOption.tw-buttonGray:hover svg:active {
    font-weight: 400;
    color: white;
}

a.tw-buttonYellow.tw-buttonGray:hover svg, aa.tw-buttonGray:hover svg {
    color: #FFFFFF;
}

a.tw-buttonGray:hover svg  {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* Estilos TailwindCss para nuevas clases de formularios flexbox e inputs */

.tw-sectionForm {
        overflow-x: hidden;
}

@media (min-width: 640px) {
        .tw-sectionForm {
                margin: 1rem;
                width: calc(100% - 2rem);
        }
}

.tw-formContainer {
        margin-top: 2rem;
        margin-bottom: 2rem;
        row-gap: 2rem;
        -moz-column-gap: 5%;
             column-gap: 5%;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

@media (min-width: 640px) {
        .tw-formContainer {
                margin-left: 1rem;
                margin-right: 1rem;
                row-gap: 1rem;
        }
}

@media (min-width: 768px) {
        .tw-formContainer {
                margin: 2rem;
        }
}

.tw-formTitleContainer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media (min-width: 640px) {
        .tw-formTitleContainer {
                margin: 1rem;
        }
}

.tw-formRowInput {
        gap: 2rem;
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
}

@media (min-width: 640px) {
        .tw-formRowInput {
                width: 47.5%;
        }
}

@media (min-width: 1024px) {
        .tw-formRowInput {
                width: 30%;
        }
}

.tw-formColTitle {
        margin: 0px;
        padding: 0px;
    width: 100%;
}

@media (min-width: 640px) {
        .tw-formColTitle {
                width: 80%;
        }
}

.tw-formColTitle legend {
        margin: 0px;
        background-image: linear-gradient(to right, var(--tw-gradient-stops));
        --tw-gradient-from: #1c7bb6 var(--tw-gradient-from-position);
        --tw-gradient-to: rgb(28 123 182 / 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
        --tw-gradient-to: #1c7bb699 var(--tw-gradient-to-position);
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
}

@media (min-width: 640px) {
        .tw-formColTitle legend {
                --tw-gradient-to: rgb(28 123 182 / 0)  var(--tw-gradient-to-position);
                --tw-gradient-stops: var(--tw-gradient-from), #1c7bb699 var(--tw-gradient-via-position), var(--tw-gradient-to);
                --tw-gradient-to: transparent var(--tw-gradient-to-position);
                text-align: left;
        }
}

.tw-formColTitleId {
        margin: 0px;
        padding: 0px;
    width: 100%;
}

@media (min-width: 640px) {
        .tw-formColTitleId {
                width: 20%;
        }
}

.tw-formColTitleId p {
        margin: 1rem;
        font-size: 1.5rem;
        --tw-text-opacity: 1;
        color: rgb(109 0 0 / var(--tw-text-opacity));
    text-align: center;
    font-weight: 700;
}

@media (min-width: 640px) {
        .tw-formColTitleId p {
                margin-left: 1rem;
                margin-right: 1rem;
                margin-top: 0px;
                margin-bottom: 0px;
                text-align: right;
        }
}

.tw-formColInput {
        margin: 0px;
        padding: 0px;
    width: 100%;
}

@media (min-width: 640px) {
        .tw-formColInput {
                width: 47.5%;
        }
}

@media (min-width: 1024px) {
        .tw-formColInput {
                width: 30%;
        }
}

.tw-formColInputInline {
        margin: 0px;
        padding: 0px;
    width: 100%;
}

.tw-formColInputSmall {
    width: 100%;
}

@media (min-width: 640px) {
        .tw-formColInputSmall {
                width: 30%;
        }
}

.tw-formColInputMedium {
    width: 100%;
}

@media (min-width: 640px) {
        .tw-formColInputMedium {
                width: 47.5%;
        }
}

.tw-formColInputLarge {
    width: 100%;
}

@media (min-width: 640px) {
        .tw-formColInputLarge {
                width: 60%;
        }
}

.tw-formColInput label, .tw-formColInputLarge label, .tw-formColInputSmall label, .tw-formColInputIcon label {
    display: block;
}

.tw-formControl, .tw-formControlSelect2 a.select2-choice.select2-default {
        margin: 0px;
        height: calc(2.25rem + 2px);
        --tw-border-opacity: 1;
        border-color: rgb(206 212 218 / var(--tw-border-opacity));
        background-image: none;
        padding-top: .375rem;
        padding-bottom: .375rem;
        --tw-text-opacity: 1;
        color: rgb(73 80 87 / var(--tw-text-opacity));
        outline-width: 0px;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-duration: 150ms;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
    border-radius: 0.25rem;
    border-width: 1px;
    border-style: solid;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
}

.tw-formControl:focus, .tw-formControlSelect2 a.select2-choice.select2-default:focus {
        --tw-border-opacity: 1;
        border-color: rgb(128 189 255 / var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgb(73 80 87 / var(--tw-text-opacity));
        --tw-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
        --tw-shadow-colored: 0 0 0 0.2rem var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* Oculta las flechas de los inputs numéricos en navegadores WebKit */
.tw-formControl[type=number]::-webkit-outer-spin-button,
.tw-formControl[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Para Firefox */
.tw-formControl[type=number] {
    -moz-appearance: textfield;
}

input.tw-formInput, .tw-formInput, .tw-formInput .select2-choices, input[type=text].tw-formInput {
        margin: 0px;
    width: 100%;
}

.select2-container .select2-choice{
    border: 1px solid #d1d2d3;
}

.tw-inputFitIcon, .tw-inputFitDoubleIcon {
    position: relative;
}

.tw-formColInputIcon {
        margin: 0px;
        width: calc(100% - 1.5rem);
        padding: 0px;
    position: relative;
}

@media (min-width: 640px) {
        .tw-formColInputIcon {
                width: 47.5%;
        }
}

@media (min-width: 1024px) {
        .tw-formColInputIcon {
                width: 30%;
        }
}

.tw-inputFitIcon > a, .tw-inputFitIcon > button:not(.ui-button), .tw-inputFitDoubleIcon > a, .tw-inputFitDoubleIcon > button:not(.ui-button) {
        bottom: 0.5rem;
    position: absolute;
    margin-left: 0.5rem;
}

.tw-inputFitDoubleIcon > a {
        margin-left: 2.5rem;
}

.tw-inputFitIcon div.popover, .tw-formColInputIcon div.popover , .tw-inputFitDoubleIcon div.popover {
    width: 100%;
}

.tw-inputFindIcon > button.ui-datepicker-trigger {
    margin-left: 0.5rem;
}

.tw-inputFindDoubleIcon > button.ui-datepicker-trigger {
    margin-right: 0.5rem;
}

.tw-formColInputIcon a, .tw-formColInputIcon button {
        bottom: 0.5rem;
    position: absolute;
    margin-left: 0.5rem;
}

.tw-formInputCheck input {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0.75rem;
        margin-right: 0.75rem;
    vertical-align: middle;
}

.tw-formInputCheck label {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.tw-formSelect .tw-selectFile > .input-upload {
        margin: 0px;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    width: 100%;
}

.tw-formSelect .tw-selectFile > .fileUploadAjax {
        overflow: visible;
}

.tw-borderInput {
    border-bottom: 1px solid #D1D2D3;
    border-radius: 5px;
}

.tw-tooltipImage {
        top: 50%;
        left: 100%;
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    position: absolute;
}

#icono_ayuda .tw-tooltipImage img {
    display: none;
}

#icono_ayuda:hover .tw-tooltipImage img {
    display: block;
}

.dataTable .tw-inputFilter {
    text-wrap: nowrap;
}
.tw-inputFilter select {
    width: 100%;
}

.dataTable th .tw-dhtmlXComboDependInput {
    height: 2.5rem;
}

.dataTable th .tw-dhtmlXComboDependButton {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        line-height: normal;
        color: var(--custom-gray);
    top: 0px;
    border-width: 0px;
    border-style: none;
    height: 2.5rem;
}

table.dataTable th {
        vertical-align: bottom;
}

/* Estilos para tabla responsiva de email múltiple en formularios */

.tw-tdIcons {
        width: -moz-min-content;
        width: min-content;
        -moz-column-gap: 0.25rem;
             column-gap: 0.25rem;
    display: flex;
    text-align: center;
    vertical-align: middle;
}

.tw-tdIcons > span {
    display: none;
}

@media (min-width: 768px) {
        .tw-tdIcons > span {
                display: inline-block;
        }
}

.tw-tdIcons span:first-child {
    display: inline-block;
}

@media (min-width: 768px) {
        .tw-tdIcons span:first-child {
                display: none;
        }
        .tw-tdResponsive {
                display: none;
        }
}

.tw-responsiveMoreInfo {
        --tw-bg-opacity: 1;
        background-color: rgb(214 211 209 / var(--tw-bg-opacity));
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    flex-wrap: wrap;
}

.tw-responsiveMoreInfo > .tw-tdIcons span {
    display: inline-block;
}

.tw-responsiveMoreInfo > .tw-tdStates {
        height: auto;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
}

.tw-responsiveMoreInfo > .tw-tooltipBdy {
        padding-top: 1rem;
    width: 100%;
    border-width: 0px;
    background-color: transparent;
}

.tw-tdStates {
        display: inline-block;
        height: 2rem;
        white-space: nowrap;
        border-radius: 1rem;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        vertical-align: middle;
        font-size: 0;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}

.masterNavLinks a.masterHovMenuOption.tw-tdStates:visited,
.masterNavLinks a.masterHovMenuOption.tw-tdStates:link, 
.masterNavLinks a.masterHovMenuOption.tw-tdStates:active {
    font-weight: 400;
    color: white;
}

.tw-buttonYellow.tw-tdStates, a.tw-tdStates {
    color: #FFFFFF;
}

.tw-tdStates  {
    display: inline-block;
    height: 2rem;
    white-space: nowrap;
    border-radius: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    vertical-align: middle;
}

@media (min-width: 768px)  {

    .tw-tdStates  {
        height: auto;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

.tw-tdEmails {
        max-width: 0;
        text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    font-size: 1rem;
    line-height: 1.5rem;
}

@media (min-width: 640px) {
        .tw-tdEmails {
                font-size: 1.125rem;
                line-height: 1.75rem;
        }
}

/* Estilos para elementos de la sección de configuración de comunicaciones y mensajería */

.tw-serviceTagParam {
        width: -moz-fit-content;
        width: fit-content;
        --tw-bg-opacity: 1;
        background-color: rgb(231 229 228 / var(--tw-bg-opacity));
    border-radius: 0.5rem;
    padding: 0.75rem;
    vertical-align: middle;
}

.tw-serviceTagParam span, .tw-serviceTagParam label {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    vertical-align: middle;
}

/* Estilos para alineación y posicionamiento de imágenes tumbnails */

.tw-gallery {
        --tw-bg-opacity: 1;
        background-color: rgb(214 211 209 / var(--tw-bg-opacity));
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.tw-tumbnail {
        top: 50%;
        left: 50%;
        height: auto;
        max-height: 100%;
        width: auto;
        max-width: 100%;
        --tw-translate-x: -50%;
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    position: absolute;
}

/* Estilos adicionales TailwindCss para clases ya existentes */

button.ui-datepicker-trigger {
    border-style: none;
}

.driver-popover {
        max-height: 90vh;
        overflow: auto;
}

div.popover.fade:not(.show) {
        opacity: 1;
}

/* Estilos del módulo de ayuda */

/* Botones en el menú de inicio de nubyBot */
.tw-btn-lg-menu-chat {
    border: 0;
    width: 100%;
    color: white;
    padding: 0.5rem 1rem; /* Equivalente a tw-px-4 tw-py-2 */
    border-radius: 0.25rem; /* Equivalente a tw-rounded */
}

.tw-btn-lg-menu-chat:hover {
    background-color: #1e3a8a; /* Equivalente a tw-bg-blue-900 */
}

/* Botones en la sección de calificación de mensajes cuando se presiona dislike */
.tw-btn-md-calification-chat {
    color: white; /* Equivalente a tw-text-white */
    border: 0; /* Equivalente a tw-border-0 */
    padding: 1rem; /* Equivalente a tw-px-4 tw-py-2 */
    border-radius: 0.25rem; /* Equivalente a tw-rounded */
    flex: 1; /* Equivalente a tw-flex-1 */
    opacity: 1; /* Equivalente a tw-opacity-100 */
}


/* Botón de enviar mensaje a nubyBot*/

.tw-btn-enviar {
    color: white; /* Equivalente a tw-text-white */
    border: 0; /* Equivalente a tw-border-0 */
    padding: 0.5rem 1rem; /* Equivalente a tw-px-4 y tw-py-2 */
    border-radius: 0.5rem; /* Equivalente a tw-rounded-lg */
    display: flex; /* Equivalente a tw-flex */
    align-items: center; /* Equivalente a tw-items-center */
    transition: background-color 0.3s ease; /* Suaviza el cambio de color al hacer hover */
}

.tw-btn-enviar:hover {
    background-color: #1e3a8a; /* Equivalente a hover:tw-bg-blue-900 */
}

.tw-btn-enviar i {
    margin-right: 0.5rem; /* Equivalente a tw-mr-2 */
}

/* Media queries para manejo responsivo */
@media (min-width: 768px) { /* Equivalente a md:tw-px-2 */
    .tw-btn-enviar {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

@media (min-width: 1024px) { /* Equivalente a lg:tw-px-4 */
    .tw-btn-enviar {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Botón de limpiar chat en nubyBot */

.tw-btn-limpiar-chat {
    background-color: #ef4444; /* Equivalente a tw-bg-red-500 */
    color: white; /* Equivalente a tw-text-white */
    border: 0; /* Equivalente a tw-border-0 */
    padding: 0.5rem 1rem; /* Equivalente a tw-px-4 y tw-py-2 */
    border-radius: 0.5rem; /* Equivalente a tw-rounded-lg */
    display: flex; /* Equivalente a tw-flex */
    align-items: center; /* Equivalente a tw-items-center */
    transition: background-color 0.3s ease; /* Suaviza el cambio de color al hacer hover */
}

.tw-btn-limpiar-chat:hover {
    background-color: #dc2626; /* Equivalente a hover:tw-bg-red-600 */
}

/* Media queries para manejo responsivo */
@media (min-width: 768px) { /* Equivalente a md:tw-px-2 */
    .tw-btn-limpiar-chat {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

@media (min-width: 1024px) { /* Equivalente a lg:tw-px-4 */
    .tw-btn-limpiar-chat {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Textarea para el chat en nubyBot*/

.tw-textarea-chat {
    width: 100%; /* Equivalente a tw-w-full */
    padding: 0.75rem; /* Equivalente a tw-p-3 */
    border: 1px solid #6b7280; /* Equivalente a tw-border-gray-500 */
    border-radius: 0.5rem; /* Equivalente a tw-rounded-lg */
    outline: none; /* Equivalente a focus:tw-outline-none */
    transition: box-shadow 0.2s ease; /* Suaviza el cambio al hacer focus */
}

/* Ventana de chat */
.tw-ventana-chat {
    display: flex; /* Equivalente a tw-flex */
    flex-direction: column; /* Equivalente a tw-flex-col */
    gap: 1rem; /* Equivalente a tw-space-y-4 */
    height: 20rem; /* Equivalente a tw-h-80 */
    width: 100%; /* Equivalente a tw-w-full */
    overflow-y: auto; /* Equivalente a tw-overflow-y-auto */
    background-color: #f9fafb; /* Equivalente a tw-bg-gray-50 */
    padding: 1rem; /* Equivalente a tw-p-4 */
    border-radius: 0.5rem; /* Equivalente a tw-rounded-lg */
    border: 1px solid #e5e7eb; /* Equivalente a tw-border y tw-border-gray-200 */
}

/* Módulo de ayuda */

/*****************************************************************************/
/* Estilos para instanciar clases dinámicas */

.tw-shadow-left {
    box-shadow: -10px 0 10px -5px #00000025;
}

.tw-bg-arrBlack {
    background-color: #444444;
}

.tw-bg-arrYellow {
    background-color: #dfb41b;
}

.tw-bg-arrRed {
    background-color: #FE4A49;
}

.tw-border-arrGreen {
    border-color: #64A67B;
}

.tw-border-arrBlue {
    border-color: #0074A9;
}

.tw-border-arrRed {
    border-color: #FE4A49;
}

.tw-border-arrYellow {
    border-color: #dfb41b;
}

.tw-text-arrBlack {
    border-color: #444444;
}

.tw-text-arrGreen {
    color: #64A67B;
}

.tw-w-inherit {
    width: inherit;
}

/* Estilos para elementos de Style.css */

.tw-row-content {
        margin: auto;
    display: flex;
    width: 100%;
    gap: 0.5rem;
    padding: 0.25rem;
}

/* Estilos para las tablas grid viejas usando flexbox */

.tw-tableGrid {
        border-collapse: collapse;
        --tw-border-spacing-x: 1px;
        --tw-border-spacing-y: 1px;
        border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.tw-tableGrid .tw-tableGridHead {
    display: flex;
    width: 100%;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
}

.tw-tableGrid .tw-tableGridHead > div {
        border-width: 1px;
        border-style: solid;
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(28 123 182 / var(--tw-bg-opacity));
        padding: 0.25rem;
        text-align: center;
        vertical-align: middle;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}

.masterNavLinks a.masterHovMenuOption.tw-tableGrid .tw-tableGridHead > div:visited,
.masterNavLinks a.masterHovMenuOption.tw-tableGrid .tw-tableGridHead > div:link, 
.masterNavLinks a.masterHovMenuOption.tw-tableGrid .tw-tableGridHead > div:active {
    font-weight: 400;
    color: white;
}

.tw-buttonYellow.tw-tableGrid .tw-tableGridHead > div, a.tw-tableGrid .tw-tableGridHead > div {
    color: #FFFFFF;
}

.tw-tableGrid .tw-tableGridHead > div  {
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    padding: 0.25rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    vertical-align: middle;
}

.tw-tableGrid .tw-tableGridHead > div:first-child {
        border-top-left-radius: 0.5rem;
}

.tw-tableGrid .tw-tableGridHead > div:last-child {
        border-top-right-radius: 0.5rem;
}

.tw-tableGrid .tw-tableGridBody {
        font-size: 1.125rem;
        line-height: 1.75rem;
}

.tw-tableGrid .tw-tableGridBody > div {
    display: flex;
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.tw-tableGrid .tw-tableGridBody > div:nth-child(odd) {
        --tw-bg-opacity: 1;
        background-color: rgb(247 246 247 / var(--tw-bg-opacity));
}

.tw-tableGrid .tw-tableGridBody > div:nth-child(odd):hover {
        background-color: #AFD4ED80;
}

.tw-tableGrid .tw-tableGridBody > div:nth-child(even) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.tw-tableGrid .tw-tableGridBody > div:nth-child(even):hover {
        background-color: #AFD4ED80;
}

/* Estilos para DataTable de KoolReports */

table.dataTable thead th.header-indexColumn {
        padding: 0px;
    background-image: none;
}

table[role="grid"].dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control,
table[role="grid"].dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control,
table[role="grid"].dataTable.dtr-inline > tbody > tr[role="row"] > td.dtr-control,
table[role="grid"].dataTable.dtr-inline > tbody > tr[role="row"] > th.dtr-control {
        padding: 0px;
}

table[role="grid"].dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control:before,
table[role="grid"].dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control:before {
        position: static;
        margin-top: 0px;
        margin-bottom: 0px;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

/* Estilos para el formulario de edición de plantillas */

.tw-previewSection {
        margin: 1rem;
        min-height: 10vh;
    position: relative;
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.1);
}

.tw-previewSection div.tw-filter {
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    opacity: 0.5;
}

.tw-previewSection p.tw-filterMessage {
        position: absolute;
        top: 50%;
        left: 50%;
        --tw-translate-x: -50%;
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        text-align: center;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}

.masterNavLinks a.masterHovMenuOption.tw-previewSection p.tw-filterMessage:visited,
.masterNavLinks a.masterHovMenuOption.tw-previewSection p.tw-filterMessage:link, 
.masterNavLinks a.masterHovMenuOption.tw-previewSection p.tw-filterMessage:active {
    font-weight: 400;
    color: white;
}

.tw-buttonYellow.tw-previewSection p.tw-filterMessage, a.tw-previewSection p.tw-filterMessage {
    color: #FFFFFF;
}

.tw-previewSection p.tw-filterMessage  {
    position: absolute;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tw-editorSection {
        height: 350px;
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.1);
}

/* Estilos para el editor GrapesJS */

/* Estilos del panel switcher */

.panel__switcher {
        width: 15vw;
}

@media (min-width: 1024px) {
        .panel__switcher {
                width: 20vw;
        }
}

.panel__switcher .gjs-pn-btn {
        width: -moz-fit-content;
        width: fit-content;
        text-overflow: ellipsis;
        font-size: 0;
}

@media (min-width: 1024px) {
        .panel__switcher .gjs-pn-btn {
                font-size: 1rem;
                line-height: 1.5rem;
                line-height: 1.9;
        }
        .panel__switcher .gjs-pn-btn svg {
                margin-right: 0.25rem;
        }
}

/* Estilos del panel de estilos */

.styles-container .gjs-sm-sector-title {
        padding-left: 10px;
}

@media (min-width: 1024px) {
        .styles-container .gjs-sm-sector-title {
                padding-left: 20px;
        }
}

.styles-container .gjs-sm-property:not(.gjs-sm-property--full) {
    width: 100%;
}

@media (min-width: 1024px)  {

    .styles-container .gjs-sm-property:not(.gjs-sm-property--full)  {
        width: 50%;
    }

}

/* Estilos del panel de bloques */

.blocks-container .gjs-block-category > .gjs-title {
        padding-left: 10px;
}

@media (min-width: 1024px) {
        .blocks-container .gjs-block-category > .gjs-title {
                padding-left: 20px;
        }
}

/*****************************************************************************/

.tw-a:link, .tw-a:visited, .tw-a:active  {
    text-decoration: none;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* Oculta el modal y el fondo sombreado por defecto */
.tw-modal {
    display: none;
    position: fixed;
    z-index: 20; /* Establece un z-index más alto que el fondo sombreado */
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

  /* Centra el contenido del modal y lo hace responsive en pantallas grandes */
.tw-modal-contenido {
    position: relative;
    width: 90vw;
    max-width: 800px; /* Establece un ancho máximo para el contenido */
    height: 80vh;
    padding: 1rem;
    background-color: #fff;
    border-radius: 0.5rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

  /* Muestra el modal cuando se abra */
.tw-modal-activo {
    display: block;
    position: fixed;
    z-index: 9999; /* Establece un z-index más alto que el fondo sombreado */
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
}

/* Creamos una clase icono-menu para el menu en las opciones */
.icono-menu {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
}

/* Creamos una clase icono-menu i para darle el mismo tamaño a los iconos y color */
.icono-menu i {
    background-color: transparent;
    color: #fff;
    font-size: 20px;
    line-height: 27px; 
    margin-left: -2px; 
}

/* Cuando damos clic en alguna opcion se abre un submenu, se crea clase para darle estilo */
.iconos-submenu {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #0074A9;
    background-color: #0074A9;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    margin-right: 1px;
    
}

/* Le damos estilo a los iconos del submenu */
.iconos-submenu i {
    background-color: transparent;
    color: #fff;
    font-size: 16px;
    line-height: 27px; 
    margin-left: -2px; 
}

/* Tenemos un boton que ¿Que hay de nuevo? este boton me muestra un modal y ese modal tiene un cierre, le damos con esta clase estilos a ese boton de cierre */
.icono-modal-cerrar {
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    float: right; /* Agrega un margen izquierdo */
    cursor: pointer;
}

/* Posicionamos el icono dentro del circul oque creamos arriba haciendolo mas centrado. */
.icono-modal-cerrar i {
    background-color: transparent;
    color: #000;
    font-size: 20px;
    line-height: 27px; 
    margin-left: 1px; 
}

/* Le damos posicion a los numeros que nos muestra el calendario y corrreo */
.calendar-count {
    position: relative;
}

#data-count-calendar, #data-count-email {
    position: absolute;
    top: -6px;
    right: -18px;
}

/* Creamos media query para que los numeros del calendario y correo se nos muestren de forma correcta en la parte superior */
@media (max-width: 428px) {
    #data-count-calendar,
    #data-count-email {
      position: absolute;
      top: -6px;
      right: 90px;
    }
}

@media (max-width: 834px) {
    #data-count-calendar,
    #data-count-email {
      position: absolute;
      top: -13px;
      left: 32px;
    }
}

@media (max-width: 768px) {
    #data-count-calendar,
    #data-count-email {
      position: absolute;
      top: -6px;
      left: 30px;
    }
}

@media (max-width: 800px) {
    #data-count-calendar,
    #data-count-email {
      position: absolute;
      top: -6px;
      left: 28px;
    }
}

/* Nos traemos todos los estilos del dashboard ya que al momento de ejecutar el comando de tailwind css se nos borran los estilos debido a que los widgets estan en base de datos */

/* *, ::before, ::after  {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
}

::backdrop  {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
} */

/* Clases de Tailwind por defecto */
/* No se pueden eliminar debido a que hay códigos en la base de datos de widgets que hacen uso de ellos */

.tw-hovMenuOption:hover  {
    --tw-bg-opacity: 1;
    background-color: rgb(0 116 169 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px)  {

    .tw-hovMenuOption  {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

.tw-subMenuOption  {
    display: inline;
    height: 1.5rem;
    font-weight: 400;
}

.tw-subMenuOption:hover  {
    --tw-text-opacity: 1;
    color: rgb(0 116 169 / var(--tw-text-opacity));
}

.tw-hovSubMenu:hover  {
    overflow: visible;
    --tw-bg-opacity: 1;
    background-color: rgb(238 238 238 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 116 169 / var(--tw-text-opacity));
}

.tw-hovSubMenuOption:hover  {
    overflow: visible;
}

.tw-footBorderSeparate  {
    margin: auto;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
    width: 100%;
    border-bottom-width: 2px;
}

.tw-widgetAcceso-contenedor  {
    display: grid;
    gap: 1.5rem;
}

@media (min-width: 1280px)  {

    .tw-widgetAcceso-contenedor  {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.tw-widget-logo  {
    display: grid;
}

.tw-widget-contenido-datos  {
    display: grid;
}

.tw-widget-ayuda  {
    display: grid;
}

@media (min-width: 768px)  {

    .tw-widget-ayuda  {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .tw-widget-contenido-datos  {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .tw-widget-logo  {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tw-widgetAcceso-contenedor  {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.tw-pointer-events-none  {
    pointer-events: none;
}

.tw-fixed  {
    position: fixed;
}

.tw-absolute  {
    position: absolute;
}

.tw-relative  {
    position: relative;
}

.tw-inset-0  {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.tw-inset-y-0  {
    top: 0px;
    bottom: 0px;
}

.tw-bottom-0  {
    bottom: 0px;
}

.tw-right-0  {
    right: 0px;
}

.tw-top-0  {
    top: 0px;
}

.tw-top-full  {
    top: 100%;
}

.tw-left-0  {
    left: 0px;
}

.tw-z-10  {
    z-index: 10;
}

.tw-mb-1  {
    margin-bottom: 0.25rem;
}

.tw-mb-2  {
    margin-bottom: 0.5rem;
}

.tw-mb-3  {
    margin-bottom: 0.75rem;
}

.tw-mb-4  {
    margin-bottom: 1rem;
}

.tw-mb-6  {
    margin-bottom: 1.5rem;
}

.tw-ml-4  {
    margin-left: 1rem;
}

.tw-ml-auto  {
    margin-left: auto;
}

.tw-mr-10  {
    margin-right: 2.5rem;
}

.tw-mr-2  {
    margin-right: 0.5rem;
}

.tw-mr-4  {
    margin-right: 1rem;
}

.tw-mr-8  {
    margin-right: 2rem;
}

.tw-mt-2  {
    margin-top: 0.5rem;
}

.tw-mt-4  {
    margin-top: 1rem;
}

.tw-mt-auto  {
    margin-top: auto;
}

.tw-box-content  {
    box-sizing: content-box;
}

.tw-block  {
    display: block;
}

.tw-inline-block  {
    display: inline-block;
}

.tw-flex  {
    display: flex;
}

.tw-inline-flex  {
    display: inline-flex;
}

.tw-hidden  {
    display: none;
}

.tw-h-20  {
    height: 5rem;
}

.tw-h-8  {
    height: 2rem;
}

.tw-h-96  {
    height: 24rem;
}

.tw-h-fit  {
    height: -moz-fit-content;
    height: fit-content;
}

.tw-h-full  {
    height: 100%;
}

.tw-h-screen  {
    height: 100vh;
}

.tw-w-20  {
    width: 5rem;
}

.tw-w-56  {
    width: 14rem;
}

.tw-w-64  {
    width: 16rem;
}

.tw-w-8  {
    width: 2rem;
}

.tw-w-\[250px\]  {
    width: 250px;
}

.tw-w-full  {
    width: 100%;
}

.tw-w-\[2000px\]  {
    width: 2000px;
}

.tw-w-screen  {
    width: 100vw;
}

.tw-flex-shrink-0  {
    flex-shrink: 0;
}

.tw-flex-grow  {
    flex-grow: 1;
}

.tw-origin-top-right  {
    transform-origin: top right;
}

@keyframes tw-pulse  {

    50%  {
        opacity: .5;
    }
}

.tw-animate-pulse  {
    animation: tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.tw-cursor-pointer  {
    cursor: pointer;
}

.tw-appearance-none  {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.tw-flex-col  {
    flex-direction: column;
}

.tw-items-end  {
    align-items: flex-end;
}

.tw-items-center  {
    align-items: center;
}

.tw-justify-start  {
    justify-content: flex-start;
}

.tw-justify-end  {
    justify-content: flex-end;
}

.tw-justify-center  {
    justify-content: center;
}

.tw-justify-between  {
    justify-content: space-between;
}

.tw-gap-0  {
    gap: 0px;
}

.tw-gap-2  {
    gap: 0.5rem;
}

.tw-gap-3  {
    gap: 0.75rem;
}

.tw-space-x-4 > :not([hidden]) ~ :not([hidden])  {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.tw-overflow-hidden  {
    overflow: hidden;
}

.tw-overflow-x-auto  {
    overflow-x: auto;
}

.tw-whitespace-nowrap  {
    white-space: nowrap;
}

.tw-rounded-2xl  {
    border-radius: 1rem;
}

.tw-rounded-3xl  {
    border-radius: 1.5rem;
}

.tw-rounded-full  {
    border-radius: 9999px;
}

.tw-rounded-lg  {
    border-radius: 0.5rem;
}

.tw-rounded-md  {
    border-radius: 0.375rem;
}

.tw-rounded  {
    border-radius: 0.25rem;
}

.tw-rounded-t-lg  {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.tw-border  {
    border-width: 1px;
}

.tw-border-0  {
    border-width: 0px;
}

.tw-border-b  {
    border-bottom-width: 1px;
}

.tw-border-b-2  {
    border-bottom-width: 2px;
}

.tw-border-solid  {
    border-style: solid;
}

.tw-border-none  {
    border-style: none;
}

.tw-border-gray-200  {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.tw-border-gray-400  {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

.tw-border-white  {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.tw-bg-arrBlue  {
    --tw-bg-opacity: 1;
    background-color: rgb(0 116 169 / var(--tw-bg-opacity));
}

.tw-bg-arrWhite  {
    --tw-bg-opacity: 1;
    background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}

.tw-bg-gray-900  {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.tw-bg-transparent  {
    background-color: transparent;
}

.tw-bg-white  {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.tw-bg-blue-500  {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

.tw-bg-green-500  {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

.tw-bg-gray-100  {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.tw-bg-gray-200  {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.tw-bg-opacity-50  {
    --tw-bg-opacity: 0.5;
}

.tw-object-cover  {
    -o-object-fit: cover;
       object-fit: cover;
}

.tw-p-1  {
    padding: 0.25rem;
}

.tw-p-2  {
    padding: 0.5rem;
}

.tw-p-3  {
    padding: 0.75rem;
}

.tw-p-4  {
    padding: 1rem;
}

.tw-p-5  {
    padding: 1.25rem;
}

.tw-p-6  {
    padding: 1.5rem;
}

.tw-px-2  {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.tw-px-3  {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.tw-px-4  {
    padding-left: 1rem;
    padding-right: 1rem;
}

.tw-px-6  {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.tw-py-2  {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.tw-py-3  {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.tw-py-4  {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.tw-py-5  {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.tw-pr-8  {
    padding-right: 2rem;
}

.tw-text-left  {
    text-align: left;
}

.tw-text-center  {
    text-align: center;
}

.tw-text-right  {
    text-align: right;
}

.tw-text-2xl  {
    font-size: 1.5rem;
    line-height: 2rem;
}

.tw-text-3xl  {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.tw-text-base  {
    font-size: 1rem;
    line-height: 1.5rem;
}

.tw-text-sm  {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.tw-text-xl  {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.tw-text-xs  {
    font-size: 0.75rem;
    line-height: 1rem;
}

.tw-text-xxs  {
    font-size: 10px;
}

.tw-font-bold  {
    font-weight: 700;
}

.tw-font-medium  {
    font-weight: 500;
}

.tw-font-normal  {
    font-weight: 400;
}

.tw-font-semibold  {
    font-weight: 600;
}

.tw-uppercase  {
    text-transform: uppercase;
}

.tw-leading-normal  {
    line-height: 1.5;
}

.tw-leading-tight  {
    line-height: 1.25;
}

.tw-tracking-tight  {
    letter-spacing: -0.025em;
}

.tw-text-arrBlue  {
    --tw-text-opacity: 1;
    color: rgb(0 116 169 / var(--tw-text-opacity));
}

.tw-text-black  {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.tw-text-gray-700  {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
}

.tw-text-gray-900  {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
}

.tw-text-white  {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tw-opacity-50  {
    opacity: 0.5;
}

.tw-shadow  {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw-shadow-2xl  {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw-shadow-lg  {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw-shadow-md  {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw-ring-1  {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.tw-ring-black  {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}

.tw-ring-opacity-5  {
    --tw-ring-opacity: 0.05;
}

.tw-space-y-6 > :not([hidden]) ~ :not([hidden])  {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.tw-text-gray-800  {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
}

.tw-h-\[250px\]  {
    height: 250px;
}

.tw-h-\[240px\]  {
    height: 240px;
}

.tw-m-5  {
    margin: 1.25rem;
}

.-tw-ml-4  {
    margin-left: -1rem;
}

.-tw-mt-8  {
    margin-top: -2rem;
}

.tw-ml-20  {
    margin-left: 5rem;
}

.tw-mt-10  {
    margin-top: 2.5rem;
}

.-tw-ml-10  {
    margin-left: -2.5rem;
}

.-tw-ml-\[200px\]  {
    margin-left: -200px;
}

.tw-ml-\[200px\]  {
    margin-left: 200px;
}

.tw-ml-\[500px\]  {
    margin-left: 500px;
}

.tw-ml-\[400px\]  {
    margin-left: 400px;
}

.tw-ml-\[300px\]  {
    margin-left: 300px;
}

.tw-ml-\[100px\]  {
    margin-left: 100px;
}

.tw-ml-\[94px\]  {
    margin-left: 94px;
}

.tw-space-y-1 > :not([hidden]) ~ :not([hidden])  {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.tw-border-gray-300  {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.tw-px-40  {
    padding-left: 10rem;
    padding-right: 10rem;
}

.tw-text-8xl  {
    font-size: 6rem;
    line-height: 1;
}

.tw-h-\[400px\]  {
    height: 400px;
}

.tw-h-\[00px\]  {
    height: 00px;
}

.tw-h-\[300px\]  {
    height: 300px;
}

.tw-left-\[-19rem\]  {
    left: -19rem;
}

.tw-top-\[3rem\]  {
    top: 3rem;
}

.tw-z-50  {
    z-index: 50;
}

.-tw-mt-10  {
    margin-top: -2.5rem;
}

.tw-ml-40  {
    margin-left: 10rem;
}

.tw-h-10  {
    height: 2.5rem;
}

.tw-w-10  {
    width: 2.5rem;
}

.tw-w-\[20rem\]  {
    width: 20rem;
}

.tw-bg-arrGray1  {
    --tw-bg-opacity: 1;
    background-color: rgb(229 230 231 / var(--tw-bg-opacity));
}

.tw-opacity-0  {
    opacity: 0;
}

.tw-transition-opacity  {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.tw-duration-300  {
    transition-duration: 300ms;
}

.tw-top-\[500px\]  {
    top: 500px;
}

.tw-top-\[20rempx\]  {
    top: 20rempx;
}

.tw-top-\[20rem\]  {
    top: 20rem;
}

.tw-top-\[5rem\]  {
    top: 5rem;
}

.tw-top-\[2rem\]  {
    top: 2rem;
}

.tw-left-\[2rem\]  {
    left: 2rem;
}

.tw-left-\[-50rem\]  {
    left: -50rem;
}

.tw-left-\[-10rem\]  {
    left: -10rem;
}

.tw-left-\[-3rem\]  {
    left: -3rem;
}

.tw-left-\[-20rem\]  {
    left: -20rem;
}

.tw-left-\[-17rem\]  {
    left: -17rem;
}

.tw-mr-6  {
    margin-right: 1.5rem;
}

.tw-grid  {
    display: grid;
}

.tw-h-16  {
    height: 4rem;
}

.tw-w-16  {
    width: 4rem;
}

.tw-gap-6  {
    gap: 1.5rem;
}

.tw-bg-\[\#0074A9\]  {
    --tw-bg-opacity: 1;
    background-color: rgb(0 116 169 / var(--tw-bg-opacity));
}

.tw-p-8  {
    padding: 2rem;
}

.tw-footBorderSeparate  {
    margin: auto;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    width: 100%;
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

@media (min-width: 390px)  {

    .sm\:tw-top-\[315px\]  {
        top: 315px;
    }

    .sm\:tw-mb-0  {
        margin-bottom: 0px;
    }

    .sm\:tw-mt-4  {
        margin-top: 1rem;
    }

    .sm\:tw-mt-\[145px\]  {
        margin-top: 145px;
    }

    .sm\:tw-mt-\[285px\]  {
        margin-top: 285px;
    }

    .sm\:tw-inline  {
        display: inline;
    }

    .sm\:tw-w-\[185px\]  {
        width: 185px;
    }

    .sm\:tw-w-\[350px\]  {
        width: 350px;
    }

    .sm\:tw-flex-row  {
        flex-direction: row;
    }

    .sm\:tw-p-10  {
        padding: 2.5rem;
    }

    .tw-footBorderSeparate  {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0.25rem;
        margin-right: 0.25rem;
        display: inline;
        height: 100%;
        width: 0.5rem;
        border-bottom-width: 0px;
        border-left-width: 2px;
    }
}

.-tw-bottom-20  {
    bottom: -5rem;
}

.-tw-bottom-8  {
    bottom: -2rem;
}

.-tw-right-7  {
    right: -1.75rem;
}

.tw-left-\[1040px\]  {
    left: 1040px;
}

.tw-left-\[1080px\]  {
    left: 1080px;
}

.tw-left-\[1380px\]  {
    left: 1380px;
}

.tw-left-\[1420px\]  {
    left: 1420px;
}

.tw-left-\[1670px\]  {
    left: 1670px;
}

.tw-left-\[28px\]  {
    left: 28px;
}

.tw-left-\[30px\]  {
    left: 30px;
}

.tw-left-\[738px\]  {
    left: 738px;
}

.tw-left-\[740px\]  {
    left: 740px;
}

.tw-left-\[917px\]  {
    left: 917px;
}

.tw-row-span-3  {
    grid-row: span 3 / span 3;
}

.tw-mx-2  {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.tw-my-4  {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.-tw-mb-3  {
    margin-bottom: -0.75rem;
}

.-tw-mt-\[15px\]  {
    margin-top: -15px;
}

.-tw-mt-\[29px\]  {
    margin-top: -29px;
}

.tw-mb-\[700px\]  {
    margin-bottom: 700px;
}

.tw-ml-3  {
    margin-left: 0.75rem;
}

.tw-mt-\[10px\]  {
    margin-top: 10px;
}

.tw-mt-\[120px\]  {
    margin-top: 120px;
}

.tw-mt-\[15px\]  {
    margin-top: 15px;
}

.tw-mt-\[200px\]  {
    margin-top: 200px;
}

.tw-mt-\[28px\]  {
    margin-top: 28px;
}

.tw-mt-\[30px\]  {
    margin-top: 30px;
}

.tw-mt-\[400px\]  {
    margin-top: 400px;
}

.tw-mt-\[522px\]  {
    margin-top: 522px;
}

.tw-mt-\[540px\]  {
    margin-top: 540px;
}

.tw-mt-\[55px\]  {
    margin-top: 55px;
}

.tw-mt-\[560px\]  {
    margin-top: 560px;
}

.tw-mt-\[700px\]  {
    margin-top: 700px;
}

.tw-ml-2  {
    margin-left: 0.5rem;
}

.tw-h-\[320px\]  {
    height: 320px;
}

.tw-h-\[485px\]  {
    height: 485px;
}

.tw-h-\[70px\]  {
    height: 70px;
}

.tw-h-\[75px\]  {
    height: 75px;
}

.tw-h-\[90px\]  {
    height: 90px;
}

.tw-w-\[1000px\]  {
    width: 1000px;
}

.tw-w-\[1350px\]  {
    width: 1350px;
}

.tw-w-\[220px\]  {
    width: 220px;
}

.tw-w-\[230px\]  {
    width: 230px;
}

.tw-w-\[240px\]  {
    width: 240px;
}

.tw-w-\[310px\]  {
    width: 310px;
}

.tw-w-\[320px\]  {
    width: 320px;
}

.tw-w-\[355px\]  {
    width: 355px;
}

.tw-w-\[480px\]  {
    width: 480px;
}

.tw-w-\[490px\]  {
    width: 490px;
}

.tw-w-\[655px\]  {
    width: 655px;
}

.tw-w-\[685px\]  {
    width: 685px;
}

.tw-w-\[900px\]  {
    width: 900px;
}

.tw-list-inside  {
    list-style-position: inside;
}

.tw-list-disc  {
    list-style-type: disc;
}

.tw-flex-wrap  {
    flex-wrap: wrap;
}

.tw-items-start  {
    align-items: flex-start;
}

.tw-gap-4  {
    gap: 1rem;
}

.tw-overflow-y-auto  {
    overflow-y: auto;
}

.tw-border-2  {
    border-width: 2px;
}

.tw-border-dashed  {
    border-style: dashed;
}

.tw-border-gray-100  {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity));
}

.tw-px-5  {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.tw-align-middle  {
    vertical-align: middle;
}

.tw-text-4xl  {
    font-size: 2.25rem;
    line-height: 2.5rem;
}

.tw-text-red-600  {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity));
}

.hover\:tw-bg-\[\#1295d2\]:hover  {
    --tw-bg-opacity: 1;
    background-color: rgb(18 149 210 / var(--tw-bg-opacity));
}

@media (prefers-color-scheme: dark)  {

    .dark\:tw-border-gray-700  {
        --tw-border-opacity: 1;
        border-color: rgb(55 65 81 / var(--tw-border-opacity));
    }

    .dark\:tw-bg-arrBlue  {
        --tw-bg-opacity: 1;
        background-color: rgb(0 116 169 / var(--tw-bg-opacity));
    }

    .dark\:tw-bg-white  {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }

    .dark\:tw-bg-gray-800  {
        --tw-bg-opacity: 1;
        background-color: rgb(31 41 55 / var(--tw-bg-opacity));
    }

    .dark\:tw-text-gray-400  {
        --tw-text-opacity: 1;
        color: rgb(156 163 175 / var(--tw-text-opacity));
    }

    .dark\:tw-text-white  {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

    .dark\:tw-bg-\[\#518C66\]  {
        --tw-bg-opacity: 1;
        background-color: rgb(81 140 102 / var(--tw-bg-opacity));
    }

}

@media (min-width: 320px)  {

    .sm6\:tw-mt-\[130px\]  {
        margin-top: 130px;
    }

    .sm6\:tw-mt-\[260px\]  {
        margin-top: 260px;
    }

    .sm6\:tw-w-\[297px\]  {
        width: 297px;
    }
}

@media (min-width: 360px)  {

    .sm3\:tw-top-\[280px\]  {
        top: 280px;
    }

    .sm3\:tw-mt-\[130px\]  {
        margin-top: 130px;
    }

    .sm3\:tw-mt-\[270px\]  {
        margin-top: 270px;
    }

    .sm3\:tw-h-\[40px\]  {
        height: 40px;
    }

    .sm3\:tw-w-\[337px\]  {
        width: 337px;
    }
}

@media (min-width: 375px)  {

    .sm5\:tw-top-\[290px\]  {
        top: 290px;
    }
}

@media (min-width: 412px)  {

    .sm7\:tw-w-\[370px\]  {
        width: 370px;
    }
}

@media (min-width: 414px)  {

    .sm4\:tw-w-\[370px\]  {
        width: 370px;
    }
}

@media (min-width: 428px)  {

    .sm2\:tw-top-\[315px\]  {
        top: 315px;
    }

    .sm2\:tw-w-\[390px\]  {
        width: 390px;
    }
}

@media (min-width: 768px)  {

    .md\:tw-block  {
        display: block;
    }

    .md\:tw-w-1\/3  {
        width: 33.333333%;
    }

    .md\:tw-col-span-2  {
        grid-column: span 2 / span 2;
    }

    .md\:tw-row-span-2  {
        grid-row: span 2 / span 2;
    }

    .md\:tw-grid-cols-2  {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:tw-h-auto  {
        height: auto;
    }

    .md\:tw-w-48  {
        width: 12rem;
    }

    .md\:tw-max-w-xl  {
        max-width: 36rem;
    }

    .md\:tw-flex-row  {
        flex-direction: row;
    }

    .md\:tw-rounded-none  {
        border-radius: 0px;
    }

    .md\:tw-rounded-l-lg  {
        border-top-left-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
    }

    .md\:tw-left-\[30px\]  {
        left: 30px;
    }

    .md\:tw-left-\[320px\]  {
        left: 320px;
    }

    .md\:tw-top-\[230px\]  {
        top: 230px;
    }

    .md\:tw-mt-\[10px\]  {
        margin-top: 10px;
    }

    .md\:tw-h-\[170px\]  {
        height: 170px;
    }

    .md\:tw-w-\[220px\]  {
        width: 220px;
    }

    .md\:tw-w-\[270px\]  {
        width: 270px;
    }

    .md\:tw-space-y-0 > :not([hidden]) ~ :not([hidden])  {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }
}

@media (min-width: 820px)  {

    .md4\:tw-left-\[40px\]  {
        left: 40px;
    }

    .md4\:tw-left-\[500px\]  {
        left: 500px;
    }

    .md4\:tw-top-\[720px\]  {
        top: 720px;
    }

    .md4\:tw-mt-\[350px\]  {
        margin-top: 350px;
    }

    .md4\:tw-h-\[305px\]  {
        height: 305px;
    }

    .md4\:tw-w-\[300px\]  {
        width: 300px;
    }

    .md4\:tw-w-\[437px\]  {
        width: 437px;
    }
}

@media (min-width: 884px)  {

    .md6\:tw-left-\[500px\]  {
        left: 500px;
    }

    .md6\:tw-w-\[360px\]  {
        width: 360px;
    }
}

@media (min-width: 900px)  {

    .md2\:tw-inline  {
        display: inline;
    }
}

@media (min-width: 1024px)  {

    .lg\:tw-static  {
        position: static;
    }

    .lg\:tw-block  {
        display: block;
    }

    .lg\:tw-hidden  {
        display: none;
    }

    .lg\:tw-h-auto  {
        height: auto;
    }

    .lg\:tw-w-1\/2  {
        width: 50%;
    }

    .lg\:tw-w-full  {
        width: 100%;
    }

    .lg\:tw-flex-row  {
        flex-direction: row;
    }

    .lg\:tw-justify-between  {
        justify-content: space-between;
    }

    .lg\:tw-justify-around  {
        justify-content: space-around;
    }

    .lg\:tw-gap-0  {
        gap: 0px;
    }

    .lg\:tw-gap-2  {
        gap: 0.5rem;
    }

    .lg\:tw-border-b-0  {
        border-bottom-width: 0px;
    }

    .lg\:tw-bg-arrWhite  {
        --tw-bg-opacity: 1;
        background-color: rgb(238 238 238 / var(--tw-bg-opacity));
    }

    .lg\:tw-p-0  {
        padding: 0px;
    }

    .lg\:tw-text-gray-900  {
        --tw-text-opacity: 1;
        color: rgb(17 24 39 / var(--tw-text-opacity));
    }

}

@media (min-width: 1150px)  {

    .lg2\:tw-inline  {
        display: inline;
    }

    .lg2\:tw-text-sm  {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}

@media (min-width: 1280px)  {

    .xl\:tw-grid-cols-4  {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:tw-left-\[35px\]  {
        left: 35px;
    }

    .xl\:tw-left-\[410px\]  {
        left: 410px;
    }

    .xl\:tw-top-\[300px\]  {
        top: 300px;
    }

    .xl\:tw-mt-\[40px\]  {
        margin-top: 40px;
    }

    .xl\:tw-h-\[215px\]  {
        height: 215px;
    }

    .xl\:tw-w-\[280px\]  {
        width: 280px;
    }

    .xl\:tw-w-\[350px\]  {
        width: 350px;
    }

    .xl\:tw-grid-flow-col  {
        grid-auto-flow: column;
    }

    .xl\:tw-grid-rows-3  {
        grid-template-rows: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1536px)  {

    .xl2\:tw-absolute  {
        position: absolute;
    }

    .xl2\:tw-left-10  {
        left: 2.5rem;
    }

    .xl2\:tw-left-\[400px\]  {
        left: 400px;
    }

    .xl2\:tw-top-\[250px\]  {
        top: 250px;
    }

    .xl2\:tw-mt-\[20px\]  {
        margin-top: 20px;
    }

    .xl2\:tw-mt-\[25px\]  {
        margin-top: 25px;
    }

    .xl2\:tw-flex  {
        display: flex;
    }

    .xl2\:tw-h-\[160px\]  {
        height: 160px;
    }

    .xl2\:tw-h-\[70px\]  {
        height: 70px;
    }

    .xl2\:tw-w-\[310px\]  {
        width: 310px;
    }

    .xl2\:tw-w-\[350px\]  {
        width: 350px;
    }

    .xl2\:tw-items-center  {
        align-items: center;
    }

    .xl2\:tw-justify-center  {
        justify-content: center;
    }
}

@media (min-width: 640px)  {

    .sm\:tw-inline  {
        display: inline;
    }

    .sm\:tw-rounded-3xl  {
        border-radius: 1.5rem;
    }

    .sm\:tw-p-10  {
        padding: 2.5rem;
    }
}

.hover\:tw-bg-gray-100:hover  {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:tw-bg-blue-600:hover  {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.hover\:tw-bg-green-600:hover  {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

/** Estilos para nubyBot  */
/*Header*/
.tw-nubyBot-masterHeader {
        height: auto;
        min-height: calc(20px + 1.5rem);
        width: calc(100vw - 6px);
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
        .tw-nubyBot-masterHeader {
                height: 10vh;
                padding-left: 0.75rem;
                padding-right: 0.75rem;
                padding-top: 0.75rem;
                padding-bottom: 0.75rem;
        }
}
@media (min-width: 1024px) {
        .tw-nubyBot-masterHeader {
                padding-left: 1rem;
                padding-right: 1rem;
                padding-top: 1rem;
                padding-bottom: 1rem;
        }
}
.tw-nubyBot-masterHeader {
    box-shadow: 0px 0px 5px 3px #d9d9d9;
}

.tw-nubyBot-logo {
        height: 30px;
        width: 30px;
}

.tw-nubyBot-title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
}

/*Seccion de Recursos de Ayuda*/
.tw-nubyBot-helpResources {
        margin-bottom: 1rem;
        border-radius: 0.25rem;
        --tw-bg-opacity: 1;
        background-color: rgb(29 78 216 / var(--tw-bg-opacity));
        padding: 1rem;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}
.masterNavLinks a.masterHovMenuOption.tw-nubyBot-helpResources:visited,
.masterNavLinks a.masterHovMenuOption.tw-nubyBot-helpResources:link, 
.masterNavLinks a.masterHovMenuOption.tw-nubyBot-helpResources:active {
    font-weight: 400;
    color: white;
}
.tw-buttonYellow.tw-nubyBot-helpResources, a.tw-nubyBot-helpResources {
    color: #FFFFFF;
}
.tw-nubyBot-helpResources  {
    margin-bottom: 1rem;
    border-radius: 0.25rem;
    padding: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tw-nubyBot-helpResourcesTitle {
        font-size: 1.125rem;
        line-height: 1.75rem;
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.tw-nubyBot-helpResourceItem {
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
}

.tw-nubyBot-helpResourceIcon {
        height: 1.5rem;
        width: 1.5rem;
    margin-right: 0.5rem;
}


/*Seccion de Guías*/
.tw-nubyBot-guides {
        margin-bottom: 1rem;
        border-radius: 0.25rem;
        --tw-bg-opacity: 1;
        background-color: rgb(29 78 216 / var(--tw-bg-opacity));
        padding: 1rem;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}
.masterNavLinks a.masterHovMenuOption.tw-nubyBot-guides:visited,
.masterNavLinks a.masterHovMenuOption.tw-nubyBot-guides:link, 
.masterNavLinks a.masterHovMenuOption.tw-nubyBot-guides:active {
    font-weight: 400;
    color: white;
}
.tw-buttonYellow.tw-nubyBot-guides, a.tw-nubyBot-guides {
    color: #FFFFFF;
}
.tw-nubyBot-guides  {
    margin-bottom: 1rem;
    border-radius: 0.25rem;
    padding: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tw-nubyBot-guidesTitle {
        font-size: 1.125rem;
        line-height: 1.75rem;
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.tw-nubyBot-guideItem {
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tw-nubyBot-guideText {
    
}

.tw-nubyBot-guideIcons {
        display: flex;
}

.tw-nubyBot-guideIcons > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0.5rem * var(--tw-space-x-reverse));
        margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.tw-nubyBot-guideIcons  {
    display: flex;
}


/*Botones de opciones*/
.tw-nubyBot-optionButton {
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
}

.tw-nubyBot-optionIcon {
    margin-right: 0.5rem;
}

.tw-nubyBot-optionText {
        font-size: 1.125rem;
        line-height: 1.75rem;
}


/*Seccion de ingreso de texto*/
.tw-nubyBot-userInput {
    margin-top: 1rem;
    width: 100%;
    border-radius: 0.25rem;
    border-width: 1px;
    padding: 0.5rem;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

/*Botones de Accion*/
.tw-nubyBot-sendButton {
        margin-right: 0.5rem;
        border-radius: 0.25rem;
        --tw-bg-opacity: 1;
        background-color: rgb(34 197 94 / var(--tw-bg-opacity));
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        font-weight: 700;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}
.masterNavLinks a.masterHovMenuOption.tw-nubyBot-sendButton:visited,
.masterNavLinks a.masterHovMenuOption.tw-nubyBot-sendButton:link, 
.masterNavLinks a.masterHovMenuOption.tw-nubyBot-sendButton:active {
    font-weight: 400;
    color: white;
}
.tw-buttonYellow.tw-nubyBot-sendButton, a.tw-nubyBot-sendButton {
    color: #FFFFFF;
}
.tw-nubyBot-sendButton  {
    margin-right: 0.5rem;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.tw-nubyBot-sendButton:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(21 128 61 / var(--tw-bg-opacity));
}

.tw-nubyBot-clearButton {
        border-radius: 0.25rem;
        --tw-bg-opacity: 1;
        background-color: rgb(249 115 22 / var(--tw-bg-opacity));
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        font-weight: 700;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}

.masterNavLinks a.masterHovMenuOption.tw-nubyBot-clearButton:visited,
.masterNavLinks a.masterHovMenuOption.tw-nubyBot-clearButton:link, 
.masterNavLinks a.masterHovMenuOption.tw-nubyBot-clearButton:active {
    font-weight: 400;
    color: white;
}

.tw-buttonYellow.tw-nubyBot-clearButton, a.tw-nubyBot-clearButton {
    color: #FFFFFF;
}

.tw-nubyBot-clearButton  {
    border-radius: 0.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tw-nubyBot-clearButton:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(194 65 12 / var(--tw-bg-opacity));
}

/*Mensaje del bot*/
.tw-nubyBot-botMessage {
    margin-top: 1rem;
    width: 100%;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
    padding: 0.5rem;
}

/*Respuesta del bot*/
.tw-nubyBot-botResponse {
    margin-top: 1rem;
    width: 100%;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
    padding: 0.5rem;
}

/*Texto de introduccion*/
.tw-nubyBot-introText {
        font-size: 1.125rem;
        line-height: 1.75rem;
    margin-bottom: 1rem;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
  .tw-nubyBot-masterHeader {
                padding-top: 1.5rem;
                padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
        }
  .tw-nubyBot-userInput {
                width: calc(100% - 2rem);
        }
  .tw-nubyBot-botMessage {
                width: calc(100% - 2rem);
        }
  .tw-nubyBot-botResponse {
                width: calc(100% - 2rem);
        }
}

@media (min-width: 1024px) {
  .tw-nubyBot-masterHeader {
                padding-left: 2rem;
                padding-right: 2rem;
                padding-top: 2rem;
                padding-bottom: 2rem;
        }
}
/* Estilos adicionales para mejorar la apariencia. Puedes personalizarlos a tu gusto */
.tw-nubyBot-supportChat {
    border-radius: 0.5rem; /* Agrega bordes redondeados */
}
  
  .tw-nubyBot-supportChatContainer {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity)); /* Fondo ligeramente gris para contraste */
}
  
  .tw-nubyBot-sectionMenu, .tw-nubyBot-sectionGuides {
    border-radius: 0.5rem; /* Bordes redondeados para las secciones */
}
  
  .tw-nubyBot-menuHeader, .tw-nubyBot-guidesHeader {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity)); /* Texto oscuro para los encabezados */
}
  
  .tw-nubyBot-menuIcon, .tw-nubyBot-guidesIcon {
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 200ms;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity)); /* Transición suave para los iconos */
}
  
  .tw-nubyBot-menuList .tw-nubyBot-menuLink:hover {
        text-decoration-line: underline;
}
  
  .tw-nubyBot-chatbotSection {
    border-radius: 0.5rem; /* Bordes redondeados para la sección del chatbot */
}
  
  .tw-nubyBot-chatbotContainer {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity)); /* Fondo ligeramente gris para contraste */
}
  
  .tw-nubyBot-chatHeader {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
    padding: 1rem;
}
  
  .tw-nubyBot-chatIcon {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
  
  .tw-nubyBot-chatTitle {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
}
  
  .tw-nubyBot-chatSubtitle {
        --tw-text-opacity: 1;
        color: rgb(107 114 128 / var(--tw-text-opacity));
    font-size: 0.875rem;
    line-height: 1.25rem;
}
  
  .tw-nubyBot-chatWindow {
        height: calc(100% - 11rem);
    padding: 1rem;
    overflow-y: auto; /* Ajusta la altura según tu necesidad */
}
  
  .tw-nubyBot-messageInput {
    width: 100%;
    border-radius: 0.25rem;
    border-width: 1px;
    padding: 0.5rem;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
  
  .tw-nubyBot-messageInput:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
}
  
  .tw-nubyBot-messageInput { /* Añade estilos para el textarea */
  }
  
  .tw-nubyBot-chatButtons {
    margin-top: 1rem;
    padding: 1rem;
}
  
  .tw-nubyBot-sendButton, .tw-nubyBot-clearButton {
    border-radius: 0.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 500;
}
  
  .tw-nubyBot-sendButton:hover, .tw-nubyBot-clearButton:hover {
        opacity: 0.9;
}
  
  .tw-nubyBot-sendButton {
        --tw-bg-opacity: 1;
        background-color: rgb(59 130 246 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}
  
  .masterNavLinks a.masterHovMenuOption.tw-nubyBot-sendButton:visited,
.masterNavLinks a.masterHovMenuOption.tw-nubyBot-sendButton:link, 
.masterNavLinks a.masterHovMenuOption.tw-nubyBot-sendButton:active {
    font-weight: 400;
    color: white;
}
  
  .tw-buttonYellow.tw-nubyBot-sendButton, a.tw-nubyBot-sendButton {
    color: #FFFFFF;
}
  
  .tw-nubyBot-sendButton  {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
  
  .tw-nubyBot-clearButton {
        --tw-bg-opacity: 1;
        background-color: rgb(209 213 219 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
}
  
  /* Estilos Responsivos (ejemplo, ajusta según tu necesidad) */
  @media (max-width: 768px) {
    .tw-nubyBot-supportChat {
    width: 100%;
        }
    .tw-nubyBot-chatWindow {
                height: calc(100% - 10rem); /* Ajusta la altura para pantallas más pequeñas */
        }
  }
  /* Estilos para badges usados en la grid */
  .tw-badge {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        padding-top: 0.125rem;
        padding-bottom: 0.125rem;
    border-radius: 0.25rem;
    font-weight: 500;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
  .tw-badgeDanger {
        --tw-bg-opacity: 1;
        background-color: rgb(254 202 202 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(127 29 29 / var(--tw-text-opacity));
} 
  .tw-badgeSuccess {
        --tw-bg-opacity: 1;
        background-color: rgb(187 247 208 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(20 83 45 / var(--tw-text-opacity));
} 
    .tw-badgeWarning {
        --tw-bg-opacity: 1;
        background-color: rgb(254 240 138 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(113 63 18 / var(--tw-text-opacity));
}
    .tw-badgeInfo {
        --tw-bg-opacity: 1;
        background-color: rgb(191 219 254 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(30 58 138 / var(--tw-text-opacity));
}
    .tw-badgeDefault {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
}
    .tw-badgeSecondary {
        --tw-bg-opacity: 1;
        background-color: rgb(209 213 219 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
    .tw-badgeLight {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
    .tw-badgeDark {
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}
    .masterNavLinks a.masterHovMenuOption.tw-badgeDark:visited,
.masterNavLinks a.masterHovMenuOption.tw-badgeDark:link, 
.masterNavLinks a.masterHovMenuOption.tw-badgeDark:active {
    font-weight: 400;
    color: white;
}
    .tw-buttonYellow.tw-badgeDark, a.tw-badgeDark {
    color: #FFFFFF;
}
    .tw-badgeDark  {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

	/*  =============================================================
                    Estilos basados en Bootstrap
    =============================================================   */

	.tw-row {
        margin-left: -1rem;
        margin-right: -1rem;
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
}
	.tw-col-md-12 {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
	.tw-col-md-11 {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
	@media (min-width: 768px) {
        .tw-col-md-11 {
                width: 91.666667%;
        }
}
	.tw-col-md-10 {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
	@media (min-width: 768px) {
        .tw-col-md-10 {
                width: 83.333333%;
        }
}
	.tw-col-md-9 {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
	@media (min-width: 768px) {
        .tw-col-md-9 {
                width: 75%;
        }
}
	.tw-col-md-8 {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
	@media (min-width: 768px) {
        .tw-col-md-8 {
                width: 66.666667%;
        }
}
	.tw-col-md-7 {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
	@media (min-width: 768px) {
        .tw-col-md-7 {
                width: 58.333333%;
        }
}
	.tw-col-md-6 {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
	@media (min-width: 768px) {
        .tw-col-md-6 {
                width: 50%;
        }
}
	.tw-col-md-5 {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
	@media (min-width: 768px) {
        .tw-col-md-5 {
                width: 41.666667%;
        }
}
	.tw-col-md-4 {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
	@media (min-width: 768px)  {

    .tw-col-md-4  {
        width: 33.333333%;
    }
}
	.tw-col-md-3 {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
	@media (min-width: 768px) {
        .tw-col-md-3 {
                width: 25%;
        }
}
	.tw-col-md-2 {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
	@media (min-width: 768px) {
        .tw-col-md-2 {
                width: 16.666667%;
        }
}
	.tw-col-md-1 {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
	@media (min-width: 768px) {
        .tw-col-md-1 {
                width: 8.333333%;
        }
}
	.file\:tw-rounded::file-selector-button {
        border-radius: 0.25rem;
}
	.file\:tw-border-0::file-selector-button {
        border-width: 0px;
}
	.file\:tw-bg-blue-50::file-selector-button {
        --tw-bg-opacity: 1;
        background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}
	.file\:tw-px-2::file-selector-button {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
}
	.file\:tw-py-2::file-selector-button {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
}
	.file\:tw-text-blue-700::file-selector-button {
        --tw-text-opacity: 1;
        color: rgb(29 78 216 / var(--tw-text-opacity));
}
	.hover\:tw-bg-\[\#005A85\]:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(0 90 133 / var(--tw-bg-opacity));
}
	.hover\:tw-bg-\[\#4F8663\]:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(79 134 99 / var(--tw-bg-opacity));
}
	.hover\:tw-bg-\[\#6ca580\]:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(108 165 128 / var(--tw-bg-opacity));
}
	.hover\:tw-bg-\[\#cd8e12\]:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(205 142 18 / var(--tw-bg-opacity));
}
	.hover\:tw-bg-blue-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(30 58 138 / var(--tw-bg-opacity));
}
	.hover\:tw-bg-nubyGreen:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(35 158 56 / var(--tw-bg-opacity));
}
	.hover\:tw-text-gray-800:hover {
        --tw-text-opacity: 1;
        color: rgb(31 41 55 / var(--tw-text-opacity));
}
	.hover\:tw-text-nubyBlue:hover {
        --tw-text-opacity: 1;
        color: rgb(6 78 150 / var(--tw-text-opacity));
}
	.hover\:tw-text-white:hover {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}
	.hover\:tw-no-underline:hover {
        text-decoration-line: none;
}
	.hover\:tw-opacity-75:hover {
        opacity: 0.75;
}
	.hover\:file\:tw-bg-blue-100::file-selector-button:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}
	.focus\:tw-border-blue-500:focus {
        --tw-border-opacity: 1;
        border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
	.focus\:tw-opacity-100:focus {
        opacity: 1;
}
	.focus\:tw-shadow-none:focus {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
	.focus\:tw-outline-none:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
}
	.focus\:tw-ring-4:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
	.focus\:tw-ring-\[\#518C66\]:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(81 140 102 / var(--tw-ring-opacity));
}
	.focus\:tw-ring-blue-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}
	.focus\:tw-ring-nubyBlue:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(6 78 150 / var(--tw-ring-opacity));
}
	@media (prefers-color-scheme: dark) {
        .dark\:tw-border-gray-700 {
                --tw-border-opacity: 1;
                border-color: rgb(55 65 81 / var(--tw-border-opacity));
        }
        .dark\:tw-bg-\[\#518C66\] {
                --tw-bg-opacity: 1;
                background-color: rgb(81 140 102 / var(--tw-bg-opacity));
        }
        .dark\:tw-bg-arrBlue {
                --tw-bg-opacity: 1;
                background-color: rgb(0 116 169 / var(--tw-bg-opacity));
        }
        .dark\:tw-bg-white {
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        }
        .dark\:tw-text-white {
                --tw-text-opacity: 1;
                color: rgb(255 255 255 / var(--tw-text-opacity));
        }
}
	@media (min-width: 640px) {
        .sm\:tw-block {
                display: block;
        }
        .sm\:tw-inline {
                display: inline;
        }
        .sm\:tw-hidden {
                display: none;
        }
        .sm\:tw-h-screen {
                height: 100vh;
        }
        .sm\:tw-w-2\/5 {
                width: 40%;
        }
        .sm\:tw-w-3\/5 {
                width: 60%;
        }
        .sm\:tw-w-80 {
                width: 20rem;
        }
        .sm\:tw-w-full {
                width: 100%;
        }
        .sm\:tw-grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .sm\:tw-flex-row {
                flex-direction: row;
        }
        .sm\:tw-rounded-3xl {
                border-radius: 1.5rem;
        }
        .sm\:tw-text-center {
                text-align: center;
        }
}
	@media (min-width: 768px) {
        .md\:tw-pointer-events-auto {
                pointer-events: auto;
        }
        .md\:tw-fixed {
                position: fixed;
        }
        .md\:tw-inset-0 {
                inset: 0px;
        }
        .md\:tw-right-0 {
                right: 0px;
        }
        .md\:tw-top-\[10vh\] {
                top: 10vh;
        }
        .md\:tw-col-span-3 {
                grid-column: span 3 / span 3;
        }
        .md\:tw-mt-0 {
                margin-top: 0px;
        }
        .md\:tw-mt-10 {
                margin-top: 2.5rem;
        }
        .md\:tw-block {
                display: block;
        }
        .md\:tw-hidden {
                display: none;
        }
        .md\:tw-h-4\/5 {
                height: 80%;
        }
        .md\:tw-h-\[84\%\] {
                height: 84%;
        }
        .md\:tw-h-\[calc\(100vh-35px-9vh\)\] {
                height: calc(100vh - 35px - 9vh);
        }
        .md\:tw-h-fit {
                height: -moz-fit-content;
                height: fit-content;
        }
        .md\:tw-w-1\/2 {
                width: 50%;
        }
        .md\:tw-w-2\/5 {
                width: 40%;
        }
        .md\:tw-w-3\/5 {
                width: 60%;
        }
        .md\:tw-w-\[200px\] {
                width: 200px;
        }
        .md\:tw-w-\[250px\] {
                width: 250px;
        }
        .md\:tw-w-\[30\%\] {
                width: 30%;
        }
        .md\:tw-translate-y-0 {
                --tw-translate-y: 0px;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        .md\:tw-transform {
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        .md\:tw-grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .md\:tw-grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .md\:tw-flex-row {
                flex-direction: row;
        }
        .md\:tw-flex-nowrap {
                flex-wrap: nowrap;
        }
        .md\:tw-content-start {
                align-content: flex-start;
        }
        .md\:tw-gap-24 {
                gap: 6rem;
        }
        .md\:tw-gap-4 {
                gap: 1rem;
        }
        .md\:tw-gap-x-8 {
                -moz-column-gap: 2rem;
                     column-gap: 2rem;
        }
        .md\:tw-rounded-none {
                border-radius: 0px;
        }
        .md\:tw-rounded-l-lg {
                border-top-left-radius: 0.5rem;
                border-bottom-left-radius: 0.5rem;
        }
        .md\:tw-p-4 {
                padding: 1rem;
        }
        .md\:tw-p-7 {
                padding: 1.75rem;
        }
        .md\:tw-p-8 {
                padding: 2rem;
        }
        .md\:tw-px-20 {
                padding-left: 5rem;
                padding-right: 5rem;
        }
        .md\:tw-px-5 {
                padding-left: 1.25rem;
                padding-right: 1.25rem;
        }
        .md\:tw-px-8 {
                padding-left: 2rem;
                padding-right: 2rem;
        }
        .md\:tw-py-20 {
                padding-top: 5rem;
                padding-bottom: 5rem;
        }
        .md\:tw-py-5 {
                padding-top: 1.25rem;
                padding-bottom: 1.25rem;
        }
        .md\:tw-text-left {
                text-align: left;
        }
        .md\:tw-text-2xl {
                font-size: 1.5rem;
                line-height: 2rem;
        }
        .md\:tw-text-4xl {
                font-size: 2.25rem;
                line-height: 2.5rem;
        }
        .md\:tw-text-xl {
                font-size: 1.25rem;
                line-height: 1.75rem;
        }
        .md\:tw-opacity-100 {
                opacity: 1;
        }
}
	@media (min-width: 900px) {
        .md2\:tw-w-1\/3 {
                width: 33.333333%;
        }
        .md2\:tw-w-2\/3 {
                width: 66.666667%;
        }
}
	@media (min-width: 1024px) {
        .lg\:-tw-right-10 {
                right: -2.5rem;
        }
        .lg\:-tw-top-10 {
                top: -2.5rem;
        }
        .lg\:tw-order-none {
                order: 0;
        }
        .lg\:tw-col-span-2 {
                grid-column: span 2 / span 2;
        }
        .lg\:tw-col-span-3 {
                grid-column: span 3 / span 3;
        }
        .lg\:tw-col-span-6 {
                grid-column: span 6 / span 6;
        }
        .lg\:tw-row-span-2 {
                grid-row: span 2 / span 2;
        }
        .lg\:tw-my-2 {
                margin-top: 0.5rem;
                margin-bottom: 0.5rem;
        }
        .lg\:tw-ml-8 {
                margin-left: 2rem;
        }
        .lg\:tw-mt-0 {
                margin-top: 0px;
        }
        .lg\:tw-grid {
                display: grid;
        }
        .lg\:tw-h-\[calc\(\(315_\/_560\)_\*_\(60vw\+2rem\)\)\] {
                height: calc((315 / 560) * (60vw + 2rem));
        }
        .lg\:tw-h-\[calc\(100vh-35px-15vh\)\] {
                height: calc(100vh - 35px - 15vh);
        }
        .lg\:tw-h-\[calc\(100vh-35px-9vh\)\] {
                height: calc(100vh - 35px - 9vh);
        }
        .lg\:tw-w-1\/2 {
                width: 50%;
        }
        .lg\:tw-w-\[60vw\] {
                width: 60vw;
        }
        .lg\:tw-w-1\/3 {
                width: 33.333333%;
        }
        .lg\:tw-grid-flow-col {
                grid-auto-flow: column;
        }
        .lg\:tw-grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .lg\:tw-flex-row {
                flex-direction: row;
        }
        .lg\:tw-flex-wrap {
                flex-wrap: wrap;
        }
        .lg\:tw-gap-24 {
                gap: 6rem;
        }
        .lg\:tw-gap-4 {
                gap: 1rem;
        }
        .lg\:tw-gap-x-0 {
                -moz-column-gap: 0px;
                     column-gap: 0px;
        }
        .lg\:tw-gap-y-2 {
                row-gap: 0.5rem;
        }
        .lg\:tw-gap-x-2 {
                -moz-column-gap: 0.5rem;
                     column-gap: 0.5rem;
        }
        .lg\:tw-self-start {
                align-self: flex-start;
        }
        .lg\:tw-pb-0 {
                padding-bottom: 0px;
        }
        .lg\:tw-text-2xl {
                font-size: 1.5rem;
                line-height: 2rem;
        }
        .lg\:tw-text-4xl {
                font-size: 2.25rem;
                line-height: 2.5rem;
        }
        .lg\:tw-text-6xl {
                font-size: 3.75rem;
                line-height: 1;
        }
}
	@media (min-width: 1280px) {
        .xl\:tw-col-span-2 {
                grid-column: span 2 / span 2;
        }
        .xl\:tw-col-span-4 {
                grid-column: span 4 / span 4;
        }
        .xl\:tw-m-8 {
                margin: 2rem;
        }
        .xl\:tw-inline-block {
                display: inline-block;
        }
        .xl\:tw-w-1\/2 {
                width: 50%;
        }
        .xl\:tw-w-1\/3 {
                width: 33.333333%;
        }
        .xl\:tw-w-2\/5 {
                width: 40%;
        }
        .xl\:tw-grid-flow-col {
                grid-auto-flow: column;
        }
        .xl\:tw-grid-cols-1 {
                grid-template-columns: repeat(1, minmax(0, 1fr));
        }
        .xl\:tw-grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .xl\:tw-grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .xl\:tw-grid-rows-1 {
                grid-template-rows: repeat(1, minmax(0, 1fr));
        }
        .xl\:tw-gap-x-2 {
                -moz-column-gap: 0.5rem;
                     column-gap: 0.5rem;
        }
        .xl\:tw-p-8 {
                padding: 2rem;
        }
}
	@media (min-width: 1300px) {
        .lg3\:tw-inline {
                display: inline;
        }
}