* {
    font-family: inherit;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
}

:root {
    font-size: 16px;
    --font-family-open-sans: "Open Sans", "Segoe UI", system-ui, sans-serif;
    --font-family-plus-jakarta: "Plus Jakarta Sans", "Open Sans", "Segoe UI", system-ui, sans-serif;
    --font-family-poppins: "Poppins", "Open Sans", "Segoe UI", system-ui, sans-serif;
    --nw-font-family--primary: var(--font-family-poppins);
    --nw-font-size-xxs: 0.625rem;
    --nw-font-size-xs: 0.75rem;
    --nw-font-size-sm: 0.875rem;
    --nw-font-size-md: 1rem;
    --nw-font-size-lg: 1.125rem;
    --nw-font-size-xl: 1.25rem;
    --nw-font-size-xxl: 1.5rem;
    --nw-font-size-2xl: 1.625rem;
    --nw-font-size-3xl: 1.875rem;
    --nw-font-size-4xl: 2rem;
    /* Z indexes */
    --nw-z-body: 0;
    --nw-z-pinned-table-col: 10;
    --nw-z-pinned-table-cell: 15;
    --nw-z-floating-action-button: 30;
    --nw-z-floating-header: 50;
    --nw-z-floating-footer: 50;
    --nw-z-sidebar: 90;
    --nw-z-sidebar-tooltip: 95;
    --nw-z-sidesheet-scrim: 99;
    --nw-z-sidesheet: 100;
    --nw-z-overlay: 200;
    --nw-z-overlay-scrim: 205;
    --nw-z-modal: 210;
    --nw-z-dropdown: 400;
    --nw-z-dragging-item: 1000;

    /*
        Safe area insets for devices with notches or rounded corners
        Forced behaviour for modern android and iOS devices.
    */
    --safe-top: env(safe-area-inset-top, 0px);
    --safe-right: env(safe-area-inset-right, 0px);
    --safe-bottom: env(safe-area-inset-bottom, 0px);
    --safe-left: env(safe-area-inset-left, 0px); 
}

.nw-font-size--xxs {
    font-size: var(--nw-font-size-xxs);
}

.nw-font-size--xs {
    font-size: var(--nw-font-size-xs);
}

.nw-font-size--sm {
    font-size: var(--nw-font-size-sm);
}

.nw-font-size--md {
    font-size: var(--nw-font-size-md);
}

.nw-font-size--lg {
    font-size: var(--nw-font-size-lg);
}

.nw-font-size--xl {
    font-size: var(--nw-font-size-xl);
}

.nw-font-size--xxl {
    font-size: var(--nw-font-size-xxl);
    line-height: 1.1;
}

.nw-font-size--2xl {
    font-size: var(--nw-font-size-2xl);
    line-height: 1.3;
}

.nw-font-size--3xl {
    font-size: var(--nw-font-size-3xl);
    line-height: 1.5;
}

.nw-font-size--4xl {
    font-size: var(--nw-font-size-4xl);
    line-height: 1.7;
}

.text-line-h-xs {
    line-height: 1;
}

.text-line-h-sm {
    line-height: 1.1;
}

.text-line-h-md {
    line-height: 1.2;
}

.text-line-h-lg {
    line-height: 1.3;
}

.text-line-h-xl {
    line-height: 1.4;
}

.text-line-h-xxl {
    line-height: 1.5;
}

.text-overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[data-font-size=small] {
    font-size: 14px;
}

[data-font-size=medium] {
    font-size: 16px;
}

[data-font-size=large] {
    font-size: 18px;
}

.nw-font--primary {
    font-family: "Poppins", var(--nw-font-family--secondary);
}

.nw-font--primary-semibold {
    font-family: "Poppins", var(--nw-font-family--secondary);
    src: url('./fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    /* SemiBold */
    font-style: normal;
}

.font-family-plus-jakarta {
    font-family: var(--font-family-plus-jakarta);
}

.nw-font--secondary {
    font-family: var(--nw-font-family--secondary);
}

.nw-font-weight--regular {
    font-weight: 400;
}

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

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

.nw-font-style--italic{
    font-style: italic;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--nw-font-family--secondary, var(--font-family-open-sans));
    --nw-paragraph-size: 0.875rem;
    font-size: var(--nw-paragraph-size);
}



h1,
.nw-h1 {
    font-size: 1.25rem;
    line-height: 1.25rem;
    font-family: var(--nw-font-family--primary);
    font-weight: 600;
    margin: 0;
}

h2,
.nw-h2 {
    font-size: 1.125rem;
    line-height: 1.125rem;
    font-family: var(--nw-font-family--primary);
    font-weight: 600;
    margin: 0;
}

h3,
.nw-h3 {
    font-size: 1rem;
    line-height: 1rem;
    font-family: var(--nw-font-family--primary);
    font-weight: 600;
    margin: 0;
}

h4,
.nw-h4 {
    font-size: 0.875rem;
    line-height: 0.875rem;
    font-family: var(--nw-font-family--primary);
    font-weight: 600;
    margin: 0;
}

h5,
.nw-h5 {
    font-size: 1.25rem;
    line-height: 1.25rem;
    font-weight: 600;
    font-family: var(--nw-font-family--primary);
    margin: 0;
}

p {
    margin: 0;
    font-size: var(--nw-paragraph-size);
    line-height: 1.4em;
}

@media screen and (min-width: 1920px) {
    :root {
        font-size: 18px;
    }
}

button {
    border: none;
    background: transparent;
    color: inherit;
    cursor: inherit;
    font-size: initial;
    padding: 0;
}

input {
    background-color: transparent;
    border: transparent;
}

    input:focus {
        outline: none;
    }

    input::-ms-reveal,
    input::-ms-clear {
        display: none;
    }

    input:-webkit-autofill {
        -webkit-background-clip: text;
    }

hr {
    margin: 0;
    width: 100%;
    height: 0;
    border: none;
    border-bottom: 1px solid var(--nwp-neutral-light);
}

a {
    color: var(--nwp-main);
}

    a:visited {
        color: var(--nwp-main-dark);
    }

.nw-sidebar-menu a {
    color: var(--nwp-neutral-text);
    overflow: hidden;
}

    .nw-sidebar-menu a:visited {
        color: var(--nwp-neutral-text);
    }

pre {
    font-family: "Consolas", monospace;
}

code {
    font-family: "Consolas", monospace;
    font-size: 0.8em;
    padding: 0.25rem;
    border-radius: 0.25rem;
    color: var(--nwp-neutral-dark);
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.cursor-grab{
    cursor: grab;
}

.cursor-grab:active{
    cursor: grabbing;
}

.nw-shadow {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
}

.nw-card {
    background-color: var(--nwp-card);
    color: var(--nwp-on-card);
}
.nw-card-outlined {
    background-color: var(--nwp-card);
    color: var(--nwp-on-card);
    border: 1px solid var(--nwp-neutral-light);
    border-radius: 0.75rem;

}

.nw-card-variant {
    border-radius: 0.75rem;
    background-color: var(--nw-card-variant-back);
    color: var(--on-card-variant);
    border: 1px solid var(--nw-card-variant-back-border);
}

    .nw-card-variant hr {
        border-bottom: 1px solid var(--nw-card-variant-back-border);
    }

@media (pointer: fine) {
    /* width */
    ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    ::-webkit-scrollbar-thumb {
        background: rgba(80, 80, 80, 0.4);
        border-radius: 4px;
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: rgba(80, 80, 80, 0.6);
    }
}
    .rounded-0 {
        border-radius: 0rem;
    }

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

    .rounded-2 {
        border-radius: 0.5rem;
    }

    .rounded-3 {
        border-radius: 0.75rem;
    }

    .rounded-4 {
        border-radius: 1rem;
    }

    .rounded-5 {
        border-radius: 1.25rem;
    }

    .rounded-6 {
        border-radius: 1.5rem;
    }

    .rounded-7 {
        border-radius: 1.75rem;
    }

    .rounded-8 {
        border-radius: 2rem;
    }

    .rounded-pill {
        border-radius: 1000vh;
    }

    [data-nw-theme=light] {
        /* Main Color */
        --nwp-main-50: #F2F2FF;
        --nwp-main-100: #F0E6FF;
        --nwp-main-200: #CBADF7;
        --nwp-main-300: #AA79F2;
        --nwp-main-400: #8B49EB;
        --nwp-main-500: #6D1BE6;
        --nwp-main-600: #5512B8;
        --nwp-main-700: #3F0B8C;
        --nwp-main-800: #29065E;
        --nwp-main-900: #160333;
        /* Red Color */
        --nwp-red-50: #FFEDF5;
        --nwp-red-100: #FFDEED;
        --nwp-red-200: #F5A6CA;
        --nwp-red-300: #ED74AB;
        --nwp-red-400: #E3448C;
        --nwp-red-500: #DC1670;
        --nwp-red-600: #B01059;
        --nwp-red-700: #870B43;
        --nwp-red-800: #5C062D;
        --nwp-red-900: #330319;
        /* Green Color */
        --nwp-green-50: #EDFFFD;
        --nwp-green-100: #D0F5F0;
        --nwp-green-200: #9FEDE3;
        --nwp-green-300: #6FE8D9;
        --nwp-green-400: #41E0CD;
        --nwp-green-500: #16DBC3;
        --nwp-green-600: #10B09C;
        --nwp-green-700: #0B8778;
        --nwp-green-800: #065C51;
        --nwp-green-900: #03332D;
        /* Yellow Color */
        --nwp-yellow-50: #FFFFEB;
        --nwp-yellow-100: #FCFCD7;
        --nwp-yellow-200: #FAFAAF;
        --nwp-yellow-300: #F7F786;
        --nwp-yellow-400: #F6F55D;
        --nwp-yellow-500: #F6F537;
        --nwp-yellow-600: #C4C423;
        --nwp-yellow-700: #949315;
        --nwp-yellow-800: #63630A;
        --nwp-yellow-900: #333303;
        /* Blue Color */
        --nwp-blue-50: #F0F6FF;
        --nwp-blue-100: #E6F0FF;
        --nwp-blue-200: #BCD5FA;
        --nwp-blue-300: #86B3F7;
        --nwp-blue-400: #5D9AF5;
        --nwp-blue-500: #1C6DE6;
        --nwp-blue-600: #2365C4;
        --nwp-blue-700: #134794;
        --nwp-blue-800: #092E63;
        --nwp-blue-900: #021633;
        /* Grey Color */
        --nwp-grey-50: #FFFFFF;
        --nwp-grey-100: #F7F7F7;
        --nwp-grey-200: #F2F2F2;
        --nwp-grey-300: #EBEBEB;
        --nwp-grey-400: #E6E6E6;
        --nwp-grey-500: #B8B8B8;
        --nwp-grey-600: #8C8C8C;
        --nwp-grey-700: #5E5E5E;
        --nwp-grey-800: #333333;
        --nwp-grey-900: #1F1F1F;
        --nwp-gray-50: #FFFFFF;
        --nwp-gray-100: #F7F7F7;
        --nwp-gray-200: #F2F2F2;
        --nwp-gray-300: #EBEBEB;
        --nwp-gray-400: #E6E6E6;
        --nwp-gray-500: #B8B8B8;
        --nwp-gray-600: #8C8C8C;
        --nwp-gray-700: #5E5E5E;
        --nwp-gray-800: #333333;
        --nwp-gray-900: #1F1F1F;
        --nwp-main-clear: #F9F2FF;
        --nwp-main-light: #CBADF7;
        --nwp-main-light-clear: #CFC5D1;
        --nwp-main: #6d1be6;
        --nwp-on-main: var(--nwp-main-clear);
        --nwp-main-ghost: #F0E6FF;
        --nwp-main-dark: #3f0b8c;
        --nwp-main-text: #160333;
        --nwp-main-text-agenda: #15051A;
        --nwp-red-clear: #FFEDF5;
        --nwp-red-light: #F5A6CA;
        --nwp-red: #D11569;
        --nwp-on-red: var(--nwp-red-clear);
        --nwp-red-ghost: #FFEDF5;
        --nwp-red-dark: #870b43;
        --nwp-red-text: #330319;
        --nwp-green-clear: #EDFFFD;
        --nwp-green-light: #9FEDE3;
        --nwp-green: #10B09C;
        --nwp-on-green: var(--nwp-green-text);
        --nwp-green-ghost: #edfffd;
        --nwp-green-dark: #0A7F72;
        --nwp-green-text: #03332d;
        --nwp-yellow-clear: #FFFFEB;
        --nwp-yellow-light: #FAFAAF;
        --nwp-yellow: #f6f537;
        --nwp-on-yellow: var(--nwp-yellow-text);
        --nwp-yellow-ghost: #FCFCD7;
        --nwp-yellow-dark: #949315;
        --nwp-yellow-text: #333303;
        --nwp-blue-clear: #F0F6FF;
        --nwp-blue-light: #BCD5FA;
        --nwp-blue: #196BE6;
        --nwp-blue-alter: #1F67D4;
        --nwp-on-blue: var(--nwp-blue-clear);
        --nwp-blue-ghost: #F0F6FF;
        --nwp-blue-dark: #134794;
        --nwp-blue-text: #021633;
        --nwp-neutral-clear: #fff;
        --nwp-neutral-light: #EBEBEB;
        --nwp-neutral: #5E5E5E;
        --nwp-on-neutral: var(--nwp-neutral-text);
        --nwp-neutral-ghost: #F2F2F2;
        --nwp-neutral-dark: #5E5E5E;
        --nwp-neutral-text: #1f1f1f;
        --nwp-disabled-clear: #fff;
        --nwp-disabled-light: #F7F7F7;
        --nwp-disabled: #8C8C8C;
        --nwp-on-disabled: var(--nwp-disabled-clear);
        --nwp-disabled-ghost: #F7F7F7;
        --nwp-disabled-dark: #5E5E5E;
        --nwp-disabled-text: #1f1f1f;
        --nwp-text: #1f1f1f;
        --nwp-text-base: #EBEBEB;
        --nwp-on-text: #fff;
        --nwp-text-ghost: #F7F7F7;
        --nwp-text-dark: #1f1f1f;
        --nwp-text-light: #EBEBEB;
        --nwp-body: #fff;
        --nwp-card: #fff;
        --nwp-on-card: #1f1f1f;
        --nw-card-variant-back: #F7F7F7;
        --nw-card-variant-color: #1f1f1f;
        --nw-card-variant-back-border: #EBEBEB;
        --nw-card-placeholder-hover-back: #EBEBEB;
        --nw-checkbox-border: #5E5E5E;
        --nw-data-table-thead-back: #F7F7F7;
        --nw-data-table-row-border-bottom: #EBEBEB;
        --nw-input-border: #b8b8b8;
        --nw-input-back: #FAFAFA;
        --nw-input-color: #1f1f1f;
        --nw-input-placeholder: #5E5E5E;
        --nw-input-disabled-border: #EBEBEB;
        --nw-input-disabled-back: #F7F7F7;
        --nw-input-disabled-color: #b8b8b8;
        --nw-input-red: #dc1670;
        --nw-sidebar-expander-button-back: #fff;
        --nw-sidebar-expander-button-color: #1f1f1f;
        --nw-sidebar-expander-button-border: #EBEBEB;
        --nw-stepper-border: #EBEBEB;
        --nw-stepper-back: #F7F7F7;
        --nw-stepper-locked-back: #fff;
        --nw-stepper-locked-text: #b8b8b8;
        --nw-task-back-hover: #EBEBEB;
        --nw-switch-off-border: #b8b8b8;
        --nw-switch-off-ball: #b8b8b8;
        --nw-switch-disabled-border: #EBEBEB;
        --nw-switch-disabled-back: #F7F7F7;
        --nw-switch-disabled-ball: #EBEBEB;
        --nw-tabs-border-color: #EBEBEB;
        --nw-tabs-not-selected-color: #5E5E5E;
        --nw-tabs-not-selected-count-color: #5E5E5E;
        --nw-tabs-not-selected-count-back: #EBEBEB;
        --box-back: var(--nw-input-back);
        --border-color: var(--nw-input-border);
        --nw-ghost-opacity: 0.12;
        --nw-ghost-opacity-hover: 0.25;
        --nw-outlined-opacity-hover: 0.15;
        --nw-solid-opacity: 1;
        --nw-solid-opacity-hover: 0.8;
    }

    .border {
        border-width: 1px;
        border-style: solid;
    }

    .border--dashed {
        border-width: 1px;
        border-style: dashed;
    }

    .border-top {
        border-top-width: 1px;
        border-top-style: solid;
    }

    .border--top-dashed {
        border-top-width: 1px;
        border-top-style: dashed;
    }

    .border-right {
        border-right-width: 1px;
        border-right-style: solid;
    }

    .border--right-dashed {
        border-right-width: 1px;
        border-right-style: dashed;
    }

    .border-bottom {
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    .border--bottom-dashed {
        border-bottom-width: 1px;
        border-bottom-style: dashed;
    }

    .border-left {
        border-left-width: 1px;
        border-left-style: solid;
    }

    .border--left-dashed {
        border-left-width: 1px;
        border-left-style: dashed;
    }

    .nw-border--main {
        border-color: var(--nwp-main);
    }

    .nw-border--main-light {
        border-color: var(--nwp-main-light);
    }

    .nw-border--main-light-clear {
        border-color: var(--nwp-main-light-clear);
    }

    .nw-border--main-dark {
        border-color: var(--nwp-main-dark);
    }

    .nw-border--red {
        border-color: var(--nwp-red);
    }

    .nw-border--red-dark {
        border-color: var(--nwp-red-dark);
    }

    .nw-border--green {
        border-color: var(--nwp-green);
    }

    .nw-border--green-dark {
        border-color: var(--nwp-green-dark);
    }

    .nw-border--yellow {
        border-color: var(--nwp-yellow);
    }

    .nw-border--yellow-dark {
        border-color: var(--nwp-yellow-dark);
    }

    .nw-border--blue {
        border-color: var(--nwp-blue);
    }

    .nw-border--blue-dark {
        border-color: var(--nwp-blue-dark);
    }

    .nw-back--blue-300 {
        background: var(--nwp-blue-300);
        color: var(--nwp-blue-dark);
    }

    .nw-border--neutral {
        border-color: var(--nwp-neutral);
    }

    .nw-border--neutral-grey {
        border-color: var(--nwp-grey-300);
    }

    .nw-border--neutral-light {
        border-color: var(--nwp-neutral-light);
    }

    .nw-border--neutral-clear {
        border-color: var(--nwp-neutral-clear);
    }

    .nw-border--text {
        border-color: var(--nwp-text);
    }

    .nw-border--none {
        border: none;
    }

    .nw-back--hub {
        background: linear-gradient(105deg, var(--nwp-main), var(--nwp-blue), var(--nwp-green));
        background-origin: border-box;
        color: var(--nwp-on-hub);
    }

    .nw-back--hub-clear {
        background: linear-gradient(105deg, var(--nwp-main-clear), var(--nwp-blue-clear), var(--nwp-green-clear));
        background-origin: border-box;
        color: var(--nwp-neutral-900);
    }

    .nw-color--hub,
    .nw-color--hub\:hover:hover {
        color: var(--nwp-text);
    }

    .nw-border--hub {
        border-color: var(--nwp-text);
        background: transparent;
    }

    .nw-back--main-ghost {
        background: var(--nwp-main-ghost);
        color: var(--nwp-main);
    }

    .nw-back--blue-ghost {
        background: var(--nwp-blue-ghost);
        color: var(--nwp-blue-600);
    }

    .nw-back--green-ghost {
        background: var(--nwp-green-ghost);
        color: var(--nwp-green-dark);
    }

    .nw-back--green-300 {
        background: var(--nwp-green-300);
        color: var(--nwp-green-dark);
    }

    .nw-back--yellow-ghost {
        background: var(--nwp-yellow-ghost);
        color: var(--nwp-yellow-text);
    }

    .nw-back--red-ghost {
        background: var(--nwp-red-ghost);
        color: var(--nwp-red);
    }

    .nw-back--disabled-ghost {
        background: var(--nwp-disabled-ghost);
        color: var(--nwp-disabled);
    }

    .nw-back--main {
        background: var(--nwp-main);
        color: var(--nwp-main-clear);
    }

    .nw-back--blue {
        background: var(--nwp-blue);
        color: var(--nwp-blue-clear);
    }

    .nw-back--green {
        background: var(--nwp-green);
        color: var(--nwp-green-clear);
    }

    .nw-back--yellow {
        background: var(--nwp-yellow);
        color: var(--nwp-yellow-text);
    }

    .nw-back--red {
        background: var(--nwp-red);
        color: var(--nwp-red-clear);
    }

    .nw-back--disabled {
        background: var(--nwp-disabled);
        color: var(--nwp-disabled-clear);
    }

    .nw-back--neutral-light {
        background: var(--nwp-neutral-light);
        color: var(--nwp-text);
    }

    .nw-back--main-dark {
        background: var(--nwp-main-dark);
        color: var(--nwp-on-main);
    }

    .nw-back--blue-dark {
        background: var(--nwp-blue-dark);
        color: var(--nwp-on-blue);
    }

    .nw-back--green-dark {
        background: var(--nwp-green-dark);
        color: var(--nwp-green-clear);
    }

    .nw-back--yellow-dark {
        background: var(--nwp-yellow-dark);
        color: var(--nwp-yellow-ghost);
    }

    .nw-back--red-dark {
        background: var(--nwp-red-dark);
        color: var(--nwp-on-red);
    }

    .nw-back--disabled-dark {
        background: var(--nwp-disabled-dark);
        color: var(--nwp-neutral-clear);
    }

    .nw-back--main-text {
        background: var(--nwp-main-text);
        color: var(--nwp-main-clear);
    }

    .nw-back--blue-text {
        background: var(--nwp-blue-text);
        color: var(--nwp-blue-clear);
    }

    .nw-back--green-text {
        background: var(--nwp-green-text);
        color: var(--nwp-green-clear);
    }

    .nw-back--yellow-text {
        background: var(--nwp-yellow-text);
        color: var(--nwp-yellow-clear);
    }

    .nw-back--red-text {
        background: var(--nwp-red-text);
        color: var(--nwp-red-clear);
    }

    .nw-back--disabled-text {
        background: var(--nwp-disabled-text);
        color: var(--nwp-disabled-clear);
    }

    .nw-back--input-back {
        background: var(--nw-input-back);
        color: var(--nwp-text);
    }

    .nw-back--transparent {
        background: transparent;
    }

    .nw-border--transparent {
        border-color: transparent;
    }

    .nw-color--main-light,
    .nw-color--main-light\:hover:hover {
        color: var(--nwp-main-light);
    }

    .nw-fill--main-light,
    .nw-fill--main-light svg {
        fill: var(--nwp-main-light);
    }

    .nw-color--main,
    .nw-color--main\:hover:hover {
        color: var(--nwp-main);
    }

    .nw-fill--main,
    .nw-fill--main svg {
        fill: var(--nwp-main);
    }

    .nw-color--main-dark,
    .nw-color--main-dark\:hover:hover {
        color: var(--nwp-main-dark);
    }

    .nw-fill--main-dark,
    .nw-fill--main-dark svg {
        fill: var(--nwp-main-dark);
    }

    .nw-color--main-text,
    .nw-color--main-text\:hover:hover {
        color: var(--nwp-main-text);
    }

    .nw-color--main-text-agenda,
    .nw-color--main-agenda\:hover:hover {
        color: var(--nwp-main-text-agenda);
    }

    .nw-fill--main-text,
    .nw-fill--main-text svg {
        fill: var(--nwp-main-text);
    }

    .nw-color--red-light,
    .nw-color--red-light\:hover:hover {
        color: var(--nwp-red-light);
    }

    .nw-fill--red-light,
    .nw-fill--red-light svg {
        fill: var(--nwp-red-light);
    }

    .nw-color--red,
    .nw-color--red\:hover:hover {
        color: var(--nwp-red);
    }

    .nw-fill--red,
    .nw-fill--red svg {
        fill: var(--nwp-red);
    }

    .nw-color--red-dark,
    .nw-color--red-dark\:hover:hover {
        color: var(--nwp-red-dark);
    }

    .nw-fill--red-dark,
    .nw-fill--red-dark svg {
        fill: var(--nwp-red-dark);
    }

    .nw-color--red-text,
    .nw-color--red-text\:hover:hover {
        color: var(--nwp-red-text);
    }

    .nw-fill--red-text,
    .nw-fill--red-text svg {
        fill: var(--nwp-red-text);
    }

    .nw-color--green-light,
    .nw-color--green-light\:hover:hover {
        color: var(--nwp-green-light);
    }

    .nw-fill--green-light,
    .nw-fill--green-light svg {
        fill: var(--nwp-green-light);
    }

    .nw-color--green,
    .nw-color--green\:hover:hover {
        color: var(--nwp-green);
    }

    .nw-fill--green,
    .nw-fill--green svg {
        fill: var(--nwp-green);
    }

    .nw-color--green-dark,
    .nw-color--green-dark\:hover:hover {
        color: var(--nwp-green-dark);
    }

    .nw-fill--green-dark,
    .nw-fill--green-dark svg {
        fill: var(--nwp-green-dark);
    }

    .nw-color--green-text,
    .nw-color--green-text\:hover:hover {
        color: var(--nwp-green-text);
    }

    .nw-fill--green-text,
    .nw-fill--green-text svg {
        fill: var(--nwp-green-text);
    }

    .nw-color--yellow-light,
    .nw-color--yellow-light\:hover:hover {
        color: var(--nwp-yellow-light);
    }

    .nw-fill--yellow-light,
    .nw-fill--yellow-light svg {
        fill: var(--nwp-yellow-light);
    }

    .nw-color--yellow,
    .nw-color--yellow\:hover:hover {
        color: var(--nwp-yellow);
    }

    .nw-fill--yellow,
    .nw-fill--yellow svg {
        fill: var(--nwp-yellow);
    }

    .nw-color--yellow-text,
    .nw-color--yellow-text\:hover:hover {
        color: var(--nwp-yellow-text);
    }

    .nw-fill--yellow-text,
    .nw-fill--yellow-text svg {
        fill: var(--nwp-yellow-text);
    }

    .nw-color--yellow-dark,
    .nw-color--yellow-dark\:hover:hover {
        color: var(--nwp-yellow-dark);
    }

    .nw-fill--yellow-dark,
    .nw-fill--yellow-dark svg {
        fill: var(--nwp-yellow-dark);
    }

    .nw-color--blue-light,
    .nw-color--blue-light\:hover:hover {
        color: var(--nwp-blue-light);
    }

    .nw-fill--blue-light,
    .nw-fill--blue-light svg {
        fill: var(--nwp-blue-light);
    }

    .nw-color--blue,
    .nw-color--blue\:hover:hover {
        color: var(--nwp-blue);
    }

    .nw-fill--blue,
    .nw-fill--blue svg {
        fill: var(--nwp-blue);
    }

    .nw-color--blue-dark,
    .nw-color--blue-dark\:hover:hover {
        color: var(--nwp-blue-dark);
    }

    .nw-fill--blue-dark,
    .nw-fill--blue-dark svg {
        fill: var(--nwp-blue-dark);
    }

    .nw-color--blue-text,
    .nw-color--blue-text\:hover:hover {
        color: var(--nwp-blue-text);
    }

    .nw-fill--blue-text,
    .nw-fill--blue-text svg {
        fill: var(--nwp-blue-text);
    }

    .nw-color--neutral,
    .nw-color--neutral\:hover:hover {
        color: var(--nwp-neutral);
    }

    .nw-fill--neutral,
    .nw-fill--neutral svg {
        fill: var(--nwp-neutral);
    }

    .nw-color--neutral-dark,
    .nw-color--neutral-dark\:hover:hover {
        color: var(--nwp-neutral-dark);
    }

    .nw-fill--neutral-dark,
    .nw-fill--neutral-dark svg {
        fill: var(--nwp-neutral-dark);
    }

    .nw-color--disabled,
    .nw-color--disabled\:hover:hover {
        color: var(--nwp-disabled);
    }

    .nw-opacity--disabled,
    .nw-opacity--disabled\:hover:hover {
        opacity: 0.45;
    }

    .nw-fill--disabled,
    .nw-fill--disabled svg {
        fill: var(--nwp-disabled);
    }

    .nw-color--text,
    .nw-color--text\:hover:hover {
        color: var(--nwp-text);
    }

    .nw-color--nwp-grey-900,
    .nw-color--nwp-grey-900\:hover:hover {
        color: var(--nwp-grey-900);
    }

    .nw-fill--text,
    .nw-fill--text svg {
        fill: var(--nwp-text);
    }

    .nw-color--white,
    .nw-color--nw-color--white\:hover:hover {
        color: var(--nwp-grey-50);
    }

    .nw-color--white,
    .nw-color--nw-color--white\:hover:hover {
        color: var(--nwp-grey-50);
    }

    .nw-color--gray-700 {
        color: var(--nwp-gray-700);
    }

    .nw-fill--white,
    .nw-fill--white svg {
        fill: var(--nwp-grey-50);
    }

    .d-block {
        display: block;
    }

    .d-inline {
        display: inline;
    }

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

    .d-flex {
        display: flex;
    }

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

    .d-grid {
        display: grid;
    }

    .d-inline-grid {
        display: inline-grid;
    }

    .d-table {
        display: table;
    }

    .d-table-row {
        display: table-row;
    }

    .d-table-cell {
        display: table-cell;
    }

    .d-none {
        display: none;
    }

    .d-initial {
        display: initial;
    }

    .d-inherit {
        display: inherit;
    }
    
    .d-contents {
        display: contents;
    }

    .flex-row {
        flex-direction: row;
    }

    .flex-row-reverse {
        flex-direction: row-reverse;
    }

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

    .flex-column-reverse {
        flex-direction: column-reverse;
    }

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

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

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

    .flex-0 {
        flex: 0;
    }

    .flex-grow-0 {
        flex-grow: 0;
    }

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

    .flex-1 {
        flex: 1;
    }

    .flex-2 {
        flex: 2;
    }

    .flex-3 {
        flex: 3;
    }

    .flex-4 {
        flex: 4;
    }

    .flex-5 {
        flex: 5;
    }

    .flex-6 {
        flex: 6;
    }

    .flex-7 {
        flex: 7;
    }

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

    .flex-shrink-1 {
        flex-shrink: 1;
    }

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

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

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

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

    .justify-content-around {
        justify-content: space-around;
    }

    .justify-content-evenly {
        justify-content: space-evenly;
    }

    .justify-items-start {
        justify-items: start;
    }

    .justify-items-end {
        justify-items: end;
    }

    .justify-items-center {
        justify-items: center;
    }

    .justify-items-between {
        justify-items: space-between;
    }

    .justify-items-around {
        justify-items: space-around;
    }

    .justify-items-evenly {
        justify-items: space-evenly;
    }

    .align-items-stretch {
        align-items: stretch;
    }

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

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

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

    .align-items-baseline {
        align-items: baseline;
    }

    .align-content-stretch {
        align-content: stretch;
    }

    .align-content-start {
        align-content: start;
    }

    .align-content-end {
        align-content: end;
    }

    .align-content-center {
        align-content: center;
    }

    .align-content-baseline {
        align-content: baseline;
    }

    .align-self-auto {
        align-self: auto;
    }

    .align-self-stretch {
        align-self: stretch;
    }

    .align-self-start {
        align-self: start;
    }

    .align-self-end {
        align-self: end;
    }

    .align-self-center {
        align-self: center;
    }

    .align-self-baseline {
        align-self: baseline;
    }

    /* Clases para gap */
    .gap-0 {
        gap: 0rem;
    }

    .gap-1 {
        gap: 0.25rem;
    }

    .gap-2 {
        gap: 0.5rem;
    }

    .gap-3 {
        gap: 0.75rem;
    }

    .gap-4 {
        gap: 1rem;
    }

    .gap-5 {
        gap: 1.25rem;
    }

    .gap-6 {
        gap: 1.5rem;
    }

    .gap-7 {
        gap: 1.75rem;
    }

    .gap-8 {
        gap: 2rem;
    }

    .gap-9 {
        gap: 2.25rem;
    }

    .gap-10 {
        gap: 2.5rem;
    }

    .gap-11 {
        gap: 2.75rem;
    }

    .gap-12 {
        gap: 3rem;
    }

    .gap-13 {
        gap: 3.25rem;
    }

    .gap-14 {
        gap: 3.5rem;
    }

    .gap-15 {
        gap: 3.75rem;
    }

    .gap-16 {
        gap: 4rem;
    }

    .gap-17 {
        gap: 4.25rem;
    }

    .gap-18 {
        gap: 4.5rem;
    }

    .gap-19 {
        gap: 4.75rem;
    }

    .gap-20 {
        gap: 5rem;
    }

    .gap-21 {
        gap: 5.25rem;
    }

    .gap-22 {
        gap: 5.5rem;
    }

    .gap-23 {
        gap: 5.75rem;
    }

    .gap-24 {
        gap: 6rem;
    }

    .gap-25 {
        gap: 6.25rem;
    }

    .gap-26 {
        gap: 6.5rem;
    }

    .gap-27 {
        gap: 6.75rem;
    }

    .gap-28 {
        gap: 7rem;
    }

    .gap-29 {
        gap: 7.25rem;
    }

    .gap-30 {
        gap: 7.5rem;
    }

    .gap-31 {
        gap: 7.75rem;
    }

    .gap-32 {
        gap: 8rem;
    }

    .gap-33 {
        gap: 8.25rem;
    }

    .gap-34 {
        gap: 8.5rem;
    }

    .gap-35 {
        gap: 8.75rem;
    }

    .gap-36 {
        gap: 9rem;
    }

    .gap-37 {
        gap: 9.25rem;
    }

    .gap-38 {
        gap: 9.5rem;
    }

    .gap-39 {
        gap: 9.75rem;
    }

    .gap-40 {
        gap: 10rem;
    }

    /* Clases para column-gap y row-gap */
    .g-0 {
        column-gap: 0rem;
        row-gap: 0rem;
    }

    .g-1 {
        column-gap: 0.25rem;
        row-gap: 0.25rem;
    }

    .g-2 {
        column-gap: 0.5rem;
        row-gap: 0.5rem;
    }

    .g-3 {
        column-gap: 0.75rem;
        row-gap: 0.75rem;
    }

    .g-4 {
        column-gap: 1rem;
        row-gap: 1rem;
    }

    .g-5 {
        column-gap: 1.25rem;
        row-gap: 1.25rem;
    }

    .g-6 {
        column-gap: 1.5rem;
        row-gap: 1.5rem;
    }

    .g-7 {
        column-gap: 1.75rem;
        row-gap: 1.75rem;
    }

    .g-8 {
        column-gap: 2rem;
        row-gap: 2rem;
    }

    .g-9 {
        column-gap: 2.25rem;
        row-gap: 2.25rem;
    }

    .g-10 {
        column-gap: 2.5rem;
        row-gap: 2.5rem;
    }

    .g-11 {
        column-gap: 2.75rem;
        row-gap: 2.75rem;
    }

    .g-12 {
        column-gap: 3rem;
        row-gap: 3rem;
    }

    .g-13 {
        column-gap: 3.25rem;
        row-gap: 3.25rem;
    }

    .g-14 {
        column-gap: 3.5rem;
        row-gap: 3.5rem;
    }

    .g-15 {
        column-gap: 3.75rem;
        row-gap: 3.75rem;
    }

    .g-16 {
        column-gap: 4rem;
        row-gap: 4rem;
    }

    .g-17 {
        column-gap: 4.25rem;
        row-gap: 4.25rem;
    }

    .g-18 {
        column-gap: 4.5rem;
        row-gap: 4.5rem;
    }

    .g-19 {
        column-gap: 4.75rem;
        row-gap: 4.75rem;
    }

    .g-20 {
        column-gap: 5rem;
        row-gap: 5rem;
    }

    .g-21 {
        column-gap: 5.25rem;
        row-gap: 5.25rem;
    }

    .g-22 {
        column-gap: 5.5rem;
        row-gap: 5.5rem;
    }

    .g-23 {
        column-gap: 5.75rem;
        row-gap: 5.75rem;
    }

    .g-24 {
        column-gap: 6rem;
        row-gap: 6rem;
    }

    .g-25 {
        column-gap: 6.25rem;
        row-gap: 6.25rem;
    }

    .g-26 {
        column-gap: 6.5rem;
        row-gap: 6.5rem;
    }

    .g-27 {
        column-gap: 6.75rem;
        row-gap: 6.75rem;
    }

    .g-28 {
        column-gap: 7rem;
        row-gap: 7rem;
    }

    .g-29 {
        column-gap: 7.25rem;
        row-gap: 7.25rem;
    }

    .g-30 {
        column-gap: 7.5rem;
        row-gap: 7.5rem;
    }

    .g-31 {
        column-gap: 7.75rem;
        row-gap: 7.75rem;
    }

    .g-32 {
        column-gap: 8rem;
        row-gap: 8rem;
    }

    .g-33 {
        column-gap: 8.25rem;
        row-gap: 8.25rem;
    }

    .g-34 {
        column-gap: 8.5rem;
        row-gap: 8.5rem;
    }

    .g-35 {
        column-gap: 8.75rem;
        row-gap: 8.75rem;
    }

    .g-36 {
        column-gap: 9rem;
        row-gap: 9rem;
    }

    .g-37 {
        column-gap: 9.25rem;
        row-gap: 9.25rem;
    }

    .g-38 {
        column-gap: 9.5rem;
        row-gap: 9.5rem;
    }

    .g-39 {
        column-gap: 9.75rem;
        row-gap: 9.75rem;
    }

    .g-40 {
        column-gap: 10rem;
        row-gap: 10rem;
    }

    /* Clases para margen completo (m) */
    .m-0 {
        margin: 0rem;
    }

    .m-1 {
        margin: 0.25rem;
    }

    .m-2 {
        margin: 0.5rem;
    }

    .m-3 {
        margin: 0.75rem;
    }

    .m-4 {
        margin: 1rem;
    }

    .m-5 {
        margin: 1.25rem;
    }

    .m-6 {
        margin: 1.5rem;
    }

    .m-7 {
        margin: 1.75rem;
    }

    .m-8 {
        margin: 2rem;
    }

    .m-9 {
        margin: 2.25rem;
    }

    .m-10 {
        margin: 2.5rem;
    }

    .m-11 {
        margin: 2.75rem;
    }

    .m-12 {
        margin: 3rem;
    }

    .m-13 {
        margin: 3.25rem;
    }

    .m-14 {
        margin: 3.5rem;
    }

    .m-15 {
        margin: 3.75rem;
    }

    .m-16 {
        margin: 4rem;
    }

    .m-17 {
        margin: 4.25rem;
    }

    .m-18 {
        margin: 4.5rem;
    }

    .m-19 {
        margin: 4.75rem;
    }

    .m-20 {
        margin: 5rem;
    }

    .m-21 {
        margin: 5.25rem;
    }

    .m-22 {
        margin: 5.5rem;
    }

    .m-23 {
        margin: 5.75rem;
    }

    .m-24 {
        margin: 6rem;
    }

    .m-25 {
        margin: 6.25rem;
    }

    .m-26 {
        margin: 6.5rem;
    }

    .m-27 {
        margin: 6.75rem;
    }

    .m-28 {
        margin: 7rem;
    }

    .m-29 {
        margin: 7.25rem;
    }

    .m-30 {
        margin: 7.5rem;
    }

    .m-31 {
        margin: 7.75rem;
    }

    .m-32 {
        margin: 8rem;
    }

    .m-33 {
        margin: 8.25rem;
    }

    .m-34 {
        margin: 8.5rem;
    }

    .m-35 {
        margin: 8.75rem;
    }

    .m-36 {
        margin: 9rem;
    }

    .m-37 {
        margin: 9.25rem;
    }

    .m-38 {
        margin: 9.5rem;
    }

    .m-39 {
        margin: 9.75rem;
    }

    .m-40 {
        margin: 10rem;
    }



/* Clases para m�rgenes horizontales (mx) */
.mx-0 {
    margin-left: 0rem;
    margin-right: 0rem;
}

    .mx-1 {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }

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

    .mx-3 {
        margin-left: 0.75rem;
        margin-right: 0.75rem;
    }

    .mx-4 {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .mx-5 {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }

    .mx-6 {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .mx-7 {
        margin-left: 1.75rem;
        margin-right: 1.75rem;
    }

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

    .mx-9 {
        margin-left: 2.25rem;
        margin-right: 2.25rem;
    }

    .mx-10 {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }

    .mx-11 {
        margin-left: 2.75rem;
        margin-right: 2.75rem;
    }

    .mx-12 {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .mx-13 {
        margin-left: 3.25rem;
        margin-right: 3.25rem;
    }

    .mx-14 {
        margin-left: 3.5rem;
        margin-right: 3.5rem;
    }

    .mx-15 {
        margin-left: 3.75rem;
        margin-right: 3.75rem;
    }

    .mx-16 {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    .mx-17 {
        margin-left: 4.25rem;
        margin-right: 4.25rem;
    }

    .mx-18 {
        margin-left: 4.5rem;
        margin-right: 4.5rem;
    }

    .mx-19 {
        margin-left: 4.75rem;
        margin-right: 4.75rem;
    }

    .mx-20 {
        margin-left: 5rem;
        margin-right: 5rem;
    }

    .mx-21 {
        margin-left: 5.25rem;
        margin-right: 5.25rem;
    }

    .mx-22 {
        margin-left: 5.5rem;
        margin-right: 5.5rem;
    }

    .mx-23 {
        margin-left: 5.75rem;
        margin-right: 5.75rem;
    }

    .mx-24 {
        margin-left: 6rem;
        margin-right: 6rem;
    }

    .mx-25 {
        margin-left: 6.25rem;
        margin-right: 6.25rem;
    }

    .mx-26 {
        margin-left: 6.5rem;
        margin-right: 6.5rem;
    }

    .mx-27 {
        margin-left: 6.75rem;
        margin-right: 6.75rem;
    }

    .mx-28 {
        margin-left: 7rem;
        margin-right: 7rem;
    }

    .mx-29 {
        margin-left: 7.25rem;
        margin-right: 7.25rem;
    }

    .mx-30 {
        margin-left: 7.5rem;
        margin-right: 7.5rem;
    }

    .mx-31 {
        margin-left: 7.75rem;
        margin-right: 7.75rem;
    }

    .mx-32 {
        margin-left: 8rem;
        margin-right: 8rem;
    }

    .mx-33 {
        margin-left: 8.25rem;
        margin-right: 8.25rem;
    }

    .mx-34 {
        margin-left: 8.5rem;
        margin-right: 8.5rem;
    }

    .mx-35 {
        margin-left: 8.75rem;
        margin-right: 8.75rem;
    }

    .mx-36 {
        margin-left: 9rem;
        margin-right: 9rem;
    }

    .mx-37 {
        margin-left: 9.25rem;
        margin-right: 9.25rem;
    }

    .mx-38 {
        margin-left: 9.5rem;
        margin-right: 9.5rem;
    }

    .mx-39 {
        margin-left: 9.75rem;
        margin-right: 9.75rem;
    }

    .mx-40 {
        margin-left: 10rem;
        margin-right: 10rem;
    }

    /* Clases para m�rgenes verticales (my) */
    .my-0 {
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

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

    .my-2 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .my-3 {
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
    }

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

    .my-5 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }

    .my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .my-7 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem;
    }

    .my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .my-9 {
        margin-top: 2.25rem;
        margin-bottom: 2.25rem;
    }

    .my-10 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .my-11 {
        margin-top: 2.75rem;
        margin-bottom: 2.75rem;
    }

    .my-12 {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .my-13 {
        margin-top: 3.25rem;
        margin-bottom: 3.25rem;
    }

    .my-14 {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem;
    }

    .my-15 {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem;
    }

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

    .my-17 {
        margin-top: 4.25rem;
        margin-bottom: 4.25rem;
    }

    .my-18 {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem;
    }

    .my-19 {
        margin-top: 4.75rem;
        margin-bottom: 4.75rem;
    }

    .my-20 {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .my-21 {
        margin-top: 5.25rem;
        margin-bottom: 5.25rem;
    }

    .my-22 {
        margin-top: 5.5rem;
        margin-bottom: 5.5rem;
    }

    .my-23 {
        margin-top: 5.75rem;
        margin-bottom: 5.75rem;
    }

    .my-24 {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

    .my-25 {
        margin-top: 6.25rem;
        margin-bottom: 6.25rem;
    }

    .my-26 {
        margin-top: 6.5rem;
        margin-bottom: 6.5rem;
    }

    .my-27 {
        margin-top: 6.75rem;
        margin-bottom: 6.75rem;
    }

    .my-28 {
        margin-top: 7rem;
        margin-bottom: 7rem;
    }

    .my-29 {
        margin-top: 7.25rem;
        margin-bottom: 7.25rem;
    }

    .my-30 {
        margin-top: 7.5rem;
        margin-bottom: 7.5rem;
    }

    .my-31 {
        margin-top: 7.75rem;
        margin-bottom: 7.75rem;
    }

    .my-32 {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

    .my-33 {
        margin-top: 8.25rem;
        margin-bottom: 8.25rem;
    }

    .my-34 {
        margin-top: 8.5rem;
        margin-bottom: 8.5rem;
    }

    .my-35 {
        margin-top: 8.75rem;
        margin-bottom: 8.75rem;
    }

    .my-36 {
        margin-top: 9rem;
        margin-bottom: 9rem;
    }

    .my-37 {
        margin-top: 9.25rem;
        margin-bottom: 9.25rem;
    }

    .my-38 {
        margin-top: 9.5rem;
        margin-bottom: 9.5rem;
    }

    .my-39 {
        margin-top: 9.75rem;
        margin-bottom: 9.75rem;
    }

    .my-40 {
        margin-top: 10rem;
        margin-bottom: 10rem;
    }

    /* Clases para margen superior (mt) */
    .mt-0 {
        margin-top: 0rem;
    }

    .mt-1 {
        margin-top: 0.25rem;
    }

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

    .mt-3 {
        margin-top: 0.75rem;
    }

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

    .mt-5 {
        margin-top: 1.25rem;
    }

    .mt-6 {
        margin-top: 1.5rem;
    }

    .mt-7 {
        margin-top: 1.75rem;
    }

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

    .mt-9 {
        margin-top: 2.25rem;
    }

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

    .mt-11 {
        margin-top: 2.75rem;
    }

    .mt-12 {
        margin-top: 3rem;
    }

    .mt-13 {
        margin-top: 3.25rem;
    }

    .mt-14 {
        margin-top: 3.5rem;
    }

    .mt-15 {
        margin-top: 3.75rem;
    }

    .mt-16 {
        margin-top: 4rem;
    }

    .mt-17 {
        margin-top: 4.25rem;
    }

    .mt-18 {
        margin-top: 4.5rem;
    }

    .mt-19 {
        margin-top: 4.75rem;
    }

    .mt-20 {
        margin-top: 5rem;
    }

    .mt-21 {
        margin-top: 5.25rem;
    }

    .mt-22 {
        margin-top: 5.5rem;
    }

    .mt-23 {
        margin-top: 5.75rem;
    }

    .mt-24 {
        margin-top: 6rem;
    }

    .mt-25 {
        margin-top: 6.25rem;
    }

    .mt-26 {
        margin-top: 6.5rem;
    }

    .mt-27 {
        margin-top: 6.75rem;
    }

    .mt-28 {
        margin-top: 7rem;
    }

    .mt-29 {
        margin-top: 7.25rem;
    }

    .mt-30 {
        margin-top: 7.5rem;
    }

    .mt-31 {
        margin-top: 7.75rem;
    }

    .mt-32 {
        margin-top: 8rem;
    }

    .mt-33 {
        margin-top: 8.25rem;
    }

    .mt-34 {
        margin-top: 8.5rem;
    }

    .mt-35 {
        margin-top: 8.75rem;
    }

    .mt-36 {
        margin-top: 9rem;
    }

    .mt-37 {
        margin-top: 9.25rem;
    }

    .mt-38 {
        margin-top: 9.5rem;
    }

    .mt-39 {
        margin-top: 9.75rem;
    }

    .mt-40 {
        margin-top: 10rem;
    }

    /* Clases para margen derecho (me) */
    .me-0 {
        margin-right: 0rem;
    }

    .me-1 {
        margin-right: 0.25rem;
    }

    .me-2 {
        margin-right: 0.5rem;
    }

    .me-3 {
        margin-right: 0.75rem;
    }

    .me-4 {
        margin-right: 1rem;
    }

    .me-5 {
        margin-right: 1.25rem;
    }

    .me-6 {
        margin-right: 1.5rem;
    }

    .me-7 {
        margin-right: 1.75rem;
    }

    .me-8 {
        margin-right: 2rem;
    }

    .me-9 {
        margin-right: 2.25rem;
    }

    .me-10 {
        margin-right: 2.5rem;
    }

    .me-11 {
        margin-right: 2.75rem;
    }

    .me-12 {
        margin-right: 3rem;
    }

    .me-13 {
        margin-right: 3.25rem;
    }

    .me-14 {
        margin-right: 3.5rem;
    }

    .me-15 {
        margin-right: 3.75rem;
    }

    .me-16 {
        margin-right: 4rem;
    }

    .me-17 {
        margin-right: 4.25rem;
    }

    .me-18 {
        margin-right: 4.5rem;
    }

    .me-19 {
        margin-right: 4.75rem;
    }

    .me-20 {
        margin-right: 5rem;
    }

    .me-21 {
        margin-right: 5.25rem;
    }

    .me-22 {
        margin-right: 5.5rem;
    }

    .me-23 {
        margin-right: 5.75rem;
    }

    .me-24 {
        margin-right: 6rem;
    }

    .me-25 {
        margin-right: 6.25rem;
    }

    .me-26 {
        margin-right: 6.5rem;
    }

    .me-27 {
        margin-right: 6.75rem;
    }

    .me-28 {
        margin-right: 7rem;
    }

    .me-29 {
        margin-right: 7.25rem;
    }

    .me-30 {
        margin-right: 7.5rem;
    }

    .me-31 {
        margin-right: 7.75rem;
    }

    .me-32 {
        margin-right: 8rem;
    }

    .me-33 {
        margin-right: 8.25rem;
    }

    .me-34 {
        margin-right: 8.5rem;
    }

    .me-35 {
        margin-right: 8.75rem;
    }

    .me-36 {
        margin-right: 9rem;
    }

    .me-37 {
        margin-right: 9.25rem;
    }

    .me-38 {
        margin-right: 9.5rem;
    }

    .me-39 {
        margin-right: 9.75rem;
    }

    .me-40 {
        margin-right: 10rem;
    }

    /* Clases para margen inferior (mb) */
    .mb-0 {
        margin-bottom: 0rem;
    }

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

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

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

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

    .mb-5 {
        margin-bottom: 1.25rem;
    }

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

    .mb-7 {
        margin-bottom: 1.75rem;
    }

    .mb-8 {
        margin-bottom: 2rem;
    }

    .mb-9 {
        margin-bottom: 2.25rem;
    }

    .mb-10 {
        margin-bottom: 2.5rem;
    }

    .mb-11 {
        margin-bottom: 2.75rem;
    }

    .mb-12 {
        margin-bottom: 3rem;
    }

    .mb-13 {
        margin-bottom: 3.25rem;
    }

    .mb-14 {
        margin-bottom: 3.5rem;
    }

    .mb-15 {
        margin-bottom: 3.75rem;
    }

    .mb-16 {
        margin-bottom: 4rem;
    }

    .mb-17 {
        margin-bottom: 4.25rem;
    }

    .mb-18 {
        margin-bottom: 4.5rem;
    }

    .mb-19 {
        margin-bottom: 4.75rem;
    }

    .mb-20 {
        margin-bottom: 5rem;
    }

    .mb-21 {
        margin-bottom: 5.25rem;
    }

    .mb-22 {
        margin-bottom: 5.5rem;
    }

    .mb-23 {
        margin-bottom: 5.75rem;
    }

    .mb-24 {
        margin-bottom: 6rem;
    }

    .mb-25 {
        margin-bottom: 6.25rem;
    }

    .mb-26 {
        margin-bottom: 6.5rem;
    }

    .mb-27 {
        margin-bottom: 6.75rem;
    }

    .mb-28 {
        margin-bottom: 7rem;
    }

    .mb-29 {
        margin-bottom: 7.25rem;
    }

    .mb-30 {
        margin-bottom: 7.5rem;
    }

    .mb-31 {
        margin-bottom: 7.75rem;
    }

    .mb-32 {
        margin-bottom: 8rem;
    }

    .mb-33 {
        margin-bottom: 8.25rem;
    }

    .mb-34 {
        margin-bottom: 8.5rem;
    }

    .mb-35 {
        margin-bottom: 8.75rem;
    }

    .mb-36 {
        margin-bottom: 9rem;
    }

    .mb-37 {
        margin-bottom: 9.25rem;
    }

    .mb-38 {
        margin-bottom: 9.5rem;
    }

    .mb-39 {
        margin-bottom: 9.75rem;
    }

    .mb-40 {
        margin-bottom: 10rem;
    }

    /* Clases para margen izquierdo (ms) */
    .ms-0 {
        margin-left: 0rem;
    }

    .ms-1 {
        margin-left: 0.25rem;
    }

    .ms-2 {
        margin-left: 0.5rem;
    }

    .ms-3 {
        margin-left: 0.75rem;
    }

    .ms-4 {
        margin-left: 1rem;
    }

    .ms-5 {
        margin-left: 1.25rem;
    }

    .ms-6 {
        margin-left: 1.5rem;
    }

    .ms-7 {
        margin-left: 1.75rem;
    }

    .ms-8 {
        margin-left: 2rem;
    }

    .ms-9 {
        margin-left: 2.25rem;
    }

    .ms-10 {
        margin-left: 2.5rem;
    }

    .ms-11 {
        margin-left: 2.75rem;
    }

    .ms-12 {
        margin-left: 3rem;
    }

    .ms-13 {
        margin-left: 3.25rem;
    }

    .ms-14 {
        margin-left: 3.5rem;
    }

    .ms-15 {
        margin-left: 3.75rem;
    }

    .ms-16 {
        margin-left: 4rem;
    }

    .ms-17 {
        margin-left: 4.25rem;
    }

    .ms-18 {
        margin-left: 4.5rem;
    }

    .ms-19 {
        margin-left: 4.75rem;
    }

    .ms-20 {
        margin-left: 5rem;
    }

    .ms-21 {
        margin-left: 5.25rem;
    }

    .ms-22 {
        margin-left: 5.5rem;
    }

    .ms-23 {
        margin-left: 5.75rem;
    }

    .ms-24 {
        margin-left: 6rem;
    }

    .ms-25 {
        margin-left: 6.25rem;
    }

    .ms-26 {
        margin-left: 6.5rem;
    }

    .ms-27 {
        margin-left: 6.75rem;
    }

    .ms-28 {
        margin-left: 7rem;
    }

    .ms-29 {
        margin-left: 7.25rem;
    }

    .ms-30 {
        margin-left: 7.5rem;
    }

    .ms-31 {
        margin-left: 7.75rem;
    }

    .ms-32 {
        margin-left: 8rem;
    }

    .ms-33 {
        margin-left: 8.25rem;
    }

    .ms-34 {
        margin-left: 8.5rem;
    }

    .ms-35 {
        margin-left: 8.75rem;
    }

    .ms-36 {
        margin-left: 9rem;
    }

    .ms-37 {
        margin-left: 9.25rem;
    }

    .ms-38 {
        margin-left: 9.5rem;
    }

    .ms-39 {
        margin-left: 9.75rem;
    }

    .ms-40 {
        margin-left: 10rem;
    }

    /* Clases para padding (p) */
    .p-0 {
        padding: 0rem;
    }

    .p-1 {
        padding: 0.25rem;
    }

    .p-2 {
        padding: 0.5rem;
    }

    .p-3 {
        padding: 0.75rem;
    }

    .p-4 {
        padding: 1rem;
    }

    .p-5 {
        padding: 1.25rem;
    }

    .p-6 {
        padding: 1.5rem;
    }

    .p-7 {
        padding: 1.75rem;
    }

    .p-8 {
        padding: 2rem;
    }

    .p-9 {
        padding: 2.25rem;
    }

    .p-10 {
        padding: 2.5rem;
    }

    .p-11 {
        padding: 2.75rem;
    }

    .p-12 {
        padding: 3rem;
    }

    .p-13 {
        padding: 3.25rem;
    }

    .p-14 {
        padding: 3.5rem;
    }

    .p-15 {
        padding: 3.75rem;
    }

    .p-16 {
        padding: 4rem;
    }

    .p-17 {
        padding: 4.25rem;
    }

    .p-18 {
        padding: 4.5rem;
    }

    .p-19 {
        padding: 4.75rem;
    }

    .p-20 {
        padding: 5rem;
    }

    .p-21 {
        padding: 5.25rem;
    }

    .p-22 {
        padding: 5.5rem;
    }

    .p-23 {
        padding: 5.75rem;
    }

    .p-24 {
        padding: 6rem;
    }

    .p-25 {
        padding: 6.25rem;
    }

    .p-26 {
        padding: 6.5rem;
    }

    .p-27 {
        padding: 6.75rem;
    }

    .p-28 {
        padding: 7rem;
    }

    .p-29 {
        padding: 7.25rem;
    }

    .p-30 {
        padding: 7.5rem;
    }

    .p-31 {
        padding: 7.75rem;
    }

    .p-32 {
        padding: 8rem;
    }

    .p-33 {
        padding: 8.25rem;
    }

    .p-34 {
        padding: 8.5rem;
    }

    .p-35 {
        padding: 8.75rem;
    }

    .p-36 {
        padding: 9rem;
    }

    .p-37 {
        padding: 9.25rem;
    }

    .p-38 {
        padding: 9.5rem;
    }

    .p-39 {
        padding: 9.75rem;
    }

    .p-40 {
        padding: 10rem;
    }

    /* Clases para padding horizontal (px) */
    .px-0 {
        padding-left: 0rem;
        padding-right: 0rem;
    }

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

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

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

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

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

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

    .px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }

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

    .px-9 {
        padding-left: 2.25rem;
        padding-right: 2.25rem;
    }

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

    .px-11 {
        padding-left: 2.75rem;
        padding-right: 2.75rem;
    }

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

    .px-13 {
        padding-left: 3.25rem;
        padding-right: 3.25rem;
    }

    .px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }

    .px-15 {
        padding-left: 3.75rem;
        padding-right: 3.75rem;
    }

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

    .px-17 {
        padding-left: 4.25rem;
        padding-right: 4.25rem;
    }

    .px-18 {
        padding-left: 4.5rem;
        padding-right: 4.5rem;
    }

    .px-19 {
        padding-left: 4.75rem;
        padding-right: 4.75rem;
    }

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

    .px-21 {
        padding-left: 5.25rem;
        padding-right: 5.25rem;
    }

    .px-22 {
        padding-left: 5.5rem;
        padding-right: 5.5rem;
    }

    .px-23 {
        padding-left: 5.75rem;
        padding-right: 5.75rem;
    }

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

    .px-25 {
        padding-left: 6.25rem;
        padding-right: 6.25rem;
    }

    .px-26 {
        padding-left: 6.5rem;
        padding-right: 6.5rem;
    }

    .px-27 {
        padding-left: 6.75rem;
        padding-right: 6.75rem;
    }

    .px-28 {
        padding-left: 7rem;
        padding-right: 7rem;
    }

    .px-29 {
        padding-left: 7.25rem;
        padding-right: 7.25rem;
    }

    .px-30 {
        padding-left: 7.5rem;
        padding-right: 7.5rem;
    }

    .px-31 {
        padding-left: 7.75rem;
        padding-right: 7.75rem;
    }

    .px-32 {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .px-33 {
        padding-left: 8.25rem;
        padding-right: 8.25rem;
    }

    .px-34 {
        padding-left: 8.5rem;
        padding-right: 8.5rem;
    }

    .px-35 {
        padding-left: 8.75rem;
        padding-right: 8.75rem;
    }

    .px-36 {
        padding-left: 9rem;
        padding-right: 9rem;
    }

    .px-37 {
        padding-left: 9.25rem;
        padding-right: 9.25rem;
    }

    .px-38 {
        padding-left: 9.5rem;
        padding-right: 9.5rem;
    }

    .px-39 {
        padding-left: 9.75rem;
        padding-right: 9.75rem;
    }

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

    /* Clases para padding vertical (py) */
    .py-0 {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }

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

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

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

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

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

    .py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .py-7 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
    }

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

    .py-9 {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem;
    }

    .py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .py-11 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem;
    }

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

    .py-13 {
        padding-top: 3.25rem;
        padding-bottom: 3.25rem;
    }

    .py-14 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    .py-15 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
    }

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

    .py-17 {
        padding-top: 4.25rem;
        padding-bottom: 4.25rem;
    }

    .py-18 {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }

    .py-19 {
        padding-top: 4.75rem;
        padding-bottom: 4.75rem;
    }

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

    .py-21 {
        padding-top: 5.25rem;
        padding-bottom: 5.25rem;
    }

    .py-22 {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem;
    }

    .py-23 {
        padding-top: 5.75rem;
        padding-bottom: 5.75rem;
    }

    .py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .py-25 {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem;
    }

    .py-26 {
        padding-top: 6.5rem;
        padding-bottom: 6.5rem;
    }

    .py-27 {
        padding-top: 6.75rem;
        padding-bottom: 6.75rem;
    }

    .py-28 {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .py-29 {
        padding-top: 7.25rem;
        padding-bottom: 7.25rem;
    }

    .py-30 {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
    }

    .py-31 {
        padding-top: 7.75rem;
        padding-bottom: 7.75rem;
    }

    .py-32 {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .py-33 {
        padding-top: 8.25rem;
        padding-bottom: 8.25rem;
    }

    .py-34 {
        padding-top: 8.5rem;
        padding-bottom: 8.5rem;
    }

    .py-35 {
        padding-top: 8.75rem;
        padding-bottom: 8.75rem;
    }

    .py-36 {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .py-37 {
        padding-top: 9.25rem;
        padding-bottom: 9.25rem;
    }

    .py-38 {
        padding-top: 9.5rem;
        padding-bottom: 9.5rem;
    }

    .py-39 {
        padding-top: 9.75rem;
        padding-bottom: 9.75rem;
    }

    .py-40 {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }

    /* Clases para padding superior (pt) */
    .pt-0 {
        padding-top: 0rem;
    }

    .pt-1 {
        padding-top: 0.25rem;
    }

    .pt-2 {
        padding-top: 0.5rem;
    }

    .pt-3 {
        padding-top: 0.75rem;
    }

    .pt-4 {
        padding-top: 1rem;
    }

    .pt-5 {
        padding-top: 1.25rem;
    }

    .pt-6 {
        padding-top: 1.5rem;
    }

    .pt-7 {
        padding-top: 1.75rem;
    }

    .pt-8 {
        padding-top: 2rem;
    }

    .pt-9 {
        padding-top: 2.25rem;
    }

    .pt-10 {
        padding-top: 2.5rem;
    }

    .pt-11 {
        padding-top: 2.75rem;
    }

    .pt-12 {
        padding-top: 3rem;
    }

    .pt-13 {
        padding-top: 3.25rem;
    }

    .pt-14 {
        padding-top: 3.5rem;
    }

    .pt-15 {
        padding-top: 3.75rem;
    }

    .pt-16 {
        padding-top: 4rem;
    }

    .pt-17 {
        padding-top: 4.25rem;
    }

    .pt-18 {
        padding-top: 4.5rem;
    }

    .pt-19 {
        padding-top: 4.75rem;
    }

    .pt-20 {
        padding-top: 5rem;
    }

    .pt-21 {
        padding-top: 5.25rem;
    }

    .pt-22 {
        padding-top: 5.5rem;
    }

    .pt-23 {
        padding-top: 5.75rem;
    }

    .pt-24 {
        padding-top: 6rem;
    }

    .pt-25 {
        padding-top: 6.25rem;
    }

    .pt-26 {
        padding-top: 6.5rem;
    }

    .pt-27 {
        padding-top: 6.75rem;
    }

    .pt-28 {
        padding-top: 7rem;
    }

    .pt-29 {
        padding-top: 7.25rem;
    }

    .pt-30 {
        padding-top: 7.5rem;
    }

    .pt-31 {
        padding-top: 7.75rem;
    }

    .pt-32 {
        padding-top: 8rem;
    }

    .pt-33 {
        padding-top: 8.25rem;
    }

    .pt-34 {
        padding-top: 8.5rem;
    }

    .pt-35 {
        padding-top: 8.75rem;
    }

    .pt-36 {
        padding-top: 9rem;
    }

    .pt-37 {
        padding-top: 9.25rem;
    }

    .pt-38 {
        padding-top: 9.5rem;
    }

    .pt-39 {
        padding-top: 9.75rem;
    }

    .pt-40 {
        padding-top: 10rem;
    }

    /* Clases para padding derecho (pe) */
    .pe-0 {
        padding-right: 0rem;
    }

    .pe-1 {
        padding-right: 0.25rem;
    }

    .pe-2 {
        padding-right: 0.5rem;
    }

    .pe-3 {
        padding-right: 0.75rem;
    }

    .pe-4 {
        padding-right: 1rem;
    }

    .pe-5 {
        padding-right: 1.25rem;
    }

    .pe-6 {
        padding-right: 1.5rem;
    }

    .pe-7 {
        padding-right: 1.75rem;
    }

    .pe-8 {
        padding-right: 2rem;
    }

    .pe-9 {
        padding-right: 2.25rem;
    }

    .pe-10 {
        padding-right: 2.5rem;
    }

    .pe-11 {
        padding-right: 2.75rem;
    }

    .pe-12 {
        padding-right: 3rem;
    }

    .pe-13 {
        padding-right: 3.25rem;
    }

    .pe-14 {
        padding-right: 3.5rem;
    }

    .pe-15 {
        padding-right: 3.75rem;
    }

    .pe-16 {
        padding-right: 4rem;
    }

    .pe-17 {
        padding-right: 4.25rem;
    }

    .pe-18 {
        padding-right: 4.5rem;
    }

    .pe-19 {
        padding-right: 4.75rem;
    }

    .pe-20 {
        padding-right: 5rem;
    }

    .pe-21 {
        padding-right: 5.25rem;
    }

    .pe-22 {
        padding-right: 5.5rem;
    }

    .pe-23 {
        padding-right: 5.75rem;
    }

    .pe-24 {
        padding-right: 6rem;
    }

    .pe-25 {
        padding-right: 6.25rem;
    }

    .pe-26 {
        padding-right: 6.5rem;
    }

    .pe-27 {
        padding-right: 6.75rem;
    }

    .pe-28 {
        padding-right: 7rem;
    }

    .pe-29 {
        padding-right: 7.25rem;
    }

    .pe-30 {
        padding-right: 7.5rem;
    }

    .pe-31 {
        padding-right: 7.75rem;
    }

    .pe-32 {
        padding-right: 8rem;
    }

    .pe-33 {
        padding-right: 8.25rem;
    }

    .pe-34 {
        padding-right: 8.5rem;
    }

    .pe-35 {
        padding-right: 8.75rem;
    }

    .pe-36 {
        padding-right: 9rem;
    }

    .pe-37 {
        padding-right: 9.25rem;
    }

    .pe-38 {
        padding-right: 9.5rem;
    }

    .pe-39 {
        padding-right: 9.75rem;
    }

    .pe-40 {
        padding-right: 10rem;
    }

    /* Clases para padding inferior (pb) */
    .pb-0 {
        padding-bottom: 0rem;
    }

    .pb-1 {
        padding-bottom: 0.25rem;
    }

    .pb-2 {
        padding-bottom: 0.5rem;
    }

    .pb-3 {
        padding-bottom: 0.75rem;
    }

    .pb-4 {
        padding-bottom: 1rem;
    }

    .pb-5 {
        padding-bottom: 1.25rem;
    }

    .pb-6 {
        padding-bottom: 1.5rem;
    }

    .pb-7 {
        padding-bottom: 1.75rem;
    }

    .pb-8 {
        padding-bottom: 2rem;
    }

    .pb-9 {
        padding-bottom: 2.25rem;
    }

    .pb-10 {
        padding-bottom: 2.5rem;
    }

    .pb-11 {
        padding-bottom: 2.75rem;
    }

    .pb-12 {
        padding-bottom: 3rem;
    }

    .pb-13 {
        padding-bottom: 3.25rem;
    }

    .pb-14 {
        padding-bottom: 3.5rem;
    }

    .pb-15 {
        padding-bottom: 3.75rem;
    }

    .pb-16 {
        padding-bottom: 4rem;
    }

    .pb-17 {
        padding-bottom: 4.25rem;
    }

    .pb-18 {
        padding-bottom: 4.5rem;
    }

    .pb-19 {
        padding-bottom: 4.75rem;
    }

    .pb-20 {
        padding-bottom: 5rem;
    }

    .pb-21 {
        padding-bottom: 5.25rem;
    }

    .pb-22 {
        padding-bottom: 5.5rem;
    }

    .pb-23 {
        padding-bottom: 5.75rem;
    }

    .pb-24 {
        padding-bottom: 6rem;
    }

    .pb-25 {
        padding-bottom: 6.25rem;
    }

    .pb-26 {
        padding-bottom: 6.5rem;
    }

    .pb-27 {
        padding-bottom: 6.75rem;
    }

    .pb-28 {
        padding-bottom: 7rem;
    }

    .pb-29 {
        padding-bottom: 7.25rem;
    }

    .pb-30 {
        padding-bottom: 7.5rem;
    }

    .pb-31 {
        padding-bottom: 7.75rem;
    }

    .pb-32 {
        padding-bottom: 8rem;
    }

    .pb-33 {
        padding-bottom: 8.25rem;
    }

    .pb-34 {
        padding-bottom: 8.5rem;
    }

    .pb-35 {
        padding-bottom: 8.75rem;
    }

    .pb-36 {
        padding-bottom: 9rem;
    }

    .pb-37 {
        padding-bottom: 9.25rem;
    }

    .pb-38 {
        padding-bottom: 9.5rem;
    }

    .pb-39 {
        padding-bottom: 9.75rem;
    }

    .pb-40 {
        padding-bottom: 10rem;
    }

    /* Clases para padding izquierdo (ps) */
    .ps-0 {
        padding-left: 0rem;
    }

    .ps-1 {
        padding-left: 0.25rem;
    }

    .ps-2 {
        padding-left: 0.5rem;
    }

    .ps-3 {
        padding-left: 0.75rem;
    }

    .ps-4 {
        padding-left: 1rem;
    }

    .ps-5 {
        padding-left: 1.25rem;
    }

    .ps-6 {
        padding-left: 1.5rem;
    }

    .ps-7 {
        padding-left: 1.75rem;
    }

    .ps-8 {
        padding-left: 2rem;
    }

    .ps-9 {
        padding-left: 2.25rem;
    }

    .ps-10 {
        padding-left: 2.5rem;
    }

    .ps-11 {
        padding-left: 2.75rem;
    }

    .ps-12 {
        padding-left: 3rem;
    }

    .ps-13 {
        padding-left: 3.25rem;
    }

    .ps-14 {
        padding-left: 3.5rem;
    }

    .ps-15 {
        padding-left: 3.75rem;
    }

    .ps-16 {
        padding-left: 4rem;
    }

    .ps-17 {
        padding-left: 4.25rem;
    }

    .ps-18 {
        padding-left: 4.5rem;
    }

    .ps-19 {
        padding-left: 4.75rem;
    }

    .ps-20 {
        padding-left: 5rem;
    }

    .ps-21 {
        padding-left: 5.25rem;
    }

    .ps-22 {
        padding-left: 5.5rem;
    }

    .ps-23 {
        padding-left: 5.75rem;
    }

    .ps-24 {
        padding-left: 6rem;
    }

    .ps-25 {
        padding-left: 6.25rem;
    }

    .ps-26 {
        padding-left: 6.5rem;
    }

    .ps-27 {
        padding-left: 6.75rem;
    }

    .ps-28 {
        padding-left: 7rem;
    }

    .ps-29 {
        padding-left: 7.25rem;
    }

    .ps-30 {
        padding-left: 7.5rem;
    }

    .ps-31 {
        padding-left: 7.75rem;
    }

    .ps-32 {
        padding-left: 8rem;
    }

    .ps-33 {
        padding-left: 8.25rem;
    }

    .ps-34 {
        padding-left: 8.5rem;
    }

    .ps-35 {
        padding-left: 8.75rem;
    }

    .ps-36 {
        padding-left: 9rem;
    }

    .ps-37 {
        padding-left: 9.25rem;
    }

    .ps-38 {
        padding-left: 9.5rem;
    }

    .ps-39 {
        padding-left: 9.75rem;
    }

    .ps-40 {
        padding-left: 10rem;
    }


/* MARGIN AND PADDING FOR MOBILE DEVICES*/

.mx-mobile {
    margin: 0 1.5rem;
}

.px-mobile {
    padding: 0 1.5rem;
}

@media screen and (max-width: 320px) {
    .mx-mobile {
        margin: 0 0.75rem;
    }

    .px-mobile {
        padding: 0 0.75rem;
    }
}

/** PADDING SAFE AREAS **/

.pt-safe{
    padding-top: var(--safe-top, env(safe-area-inset-top, 0px));
}
.pb-safe{
    padding-bottom: var(--safe-bottom, env(safe-area-inset-bottom, 0px));
}
.ps-safe{   
    padding-left: var(--safe-left, env(safe-area-inset-left, 0px));
}
.pe-safe{
    padding-right: var(--safe-right, env(safe-area-inset-right, 0px));
}


    .position-absolute {
        position: absolute;
    }

    .position-relative {
        position: relative;
    }

    .position-fixed {
        position: fixed;
    }

    .position-sticky {
        position: sticky;
    }

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

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

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

    .text-justify {
        text-align: justify;
    }

    .text-decoration-none {
        text-decoration: none;
    }

    .text-decoration-underline {
        text-decoration: underline;
    }

    .text-decoration-line-through {
        text-decoration: line-through;
    }

    .text-transform-none {
        text-transform: none;
    }

    .text-transform-capitalize {
        text-transform: capitalize;
    }

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

    .text-transform-lowercase {
        text-transform: lowercase;
    }

    .row {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
    }

    .col-1 {
        grid-column: span 1;
    }

    .col-2 {
        grid-column: span 2;
    }

    .col-3 {
        grid-column: span 3;
    }

    .col-4 {
        grid-column: span 4;
    }

    .col-5 {
        grid-column: span 5;
    }

    .col-6 {
        grid-column: span 6;
    }

    .col-7 {
        grid-column: span 7;
    }

    .col-8 {
        grid-column: span 8;
    }

    .col-9 {
        grid-column: span 9;
    }

    .col-10 {
        grid-column: span 10;
    }

    .col-11 {
        grid-column: span 11;
    }

    .col-12 {
        grid-column: span 12;
    }

    .overflow-visible {
        overflow: visible;
    }

    .overflow-hidden {
        overflow: hidden;
    }

    .overflow-scroll {
        overflow: scroll;
    }

    .overflow-auto {
        overflow: auto;
    }

    .nw-table table {
        border-spacing: 0;
        width: 100%;
    }

    .nw-table thead {
        background-color: var(--nw-data-table-thead-back);
        font-size: 0.875rem;
        min-height: 40px;
        height: 40px;
    }

    .nw-table__th {
        width: 100%;
        display: flex;
        align-items: center;
        font-weight: bold;
        padding: 0;
        text-align: start;
        font-size: 0.875rem;
    }

    .nw-table__th--sortable {
        cursor: pointer;
    }

        .nw-table__th--sortable:hover {
            text-decoration: underline dashed;
        }

    .nw-table th {
        padding: 0 12px;
        font: normal normal bold 14px/22px Open Sans;
        color: var(--nwp-text);
    }

    .nw-table td {
        padding: 12px;
        height: 40px;
        border-bottom: 1px solid var(--nw-data-table-row-border-bottom);
        font: normal normal normal 14px/17px Open Sans;
        color: var(--nwp-text);
    }

    .nw-table__select {
        width: 40px;
        text-align: center;
    }

    .nw-table__w0 {
        width: 0;
        min-width: 40px;
        text-align: center;
    }

    .nw-table__w0badge {
        width: 0 !important;
        min-width: 0 !important;
        text-align: center;
    }

    .nw-table__highlighted {
        background-color: var(--nwp-grey-100);
    }

    .nw-sort-button {
        width: 8px;
        height: 10px;
        display: inline-flex;
        flex-direction: column;
        gap: 2px;
        margin-left: 0.5rem;
    }

        .nw-sort-button::before {
            content: "";
            width: 0px;
            height: 4px;
            border-width: 0px 4px 4px 4px;
            border-style: solid;
            border-color: transparent;
            border-bottom-color: var(--nwp-text);
            opacity: 0.3;
            margin-bottom: 2px;
        }

        .nw-sort-button::after {
            content: "";
            width: 0px;
            height: 4px;
            border-width: 4px 4px 0 4px;
            border-style: solid;
            border-color: transparent;
            border-top-color: var(--nwp-text);
            opacity: 0.3;
        }

        .nw-sort-button.nw-sort-button--asc::before {
            opacity: 0.8;
        }

        .nw-sort-button.nw-sort-button--desc::after {
            opacity: 0.8;
        }

    /*# sourceMappingURL=main.css.map */

    .empty-data {
        background: #FAFAFA 0% 0% no-repeat padding-box;
        /* border: 1px dashed #D6D6D6; */
        background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%2300000026' stroke-width='2' stroke-dasharray='15%2c15' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
        border-radius: 12px;
        width: 100%;
        text-align: center;
        color: var(--nwp-text);
        box-sizing: border-box;
        padding: 2rem;
        cursor: pointer;
    }

        .empty-data .nw-icon {
            color: #B8B8B8;
        }

    button.empty-data {
        cursor: pointer;
    }


    [role='menuitem'] [role='button'] {
        cursor: pointer;
    }

    .nw__separator {
        grid-column: 1 / -1;
        width: 100%;
    }

        .nw__separator hr {
            border-bottom: 1px solid var(--nwp-gray-400);
        }

    /** Width and Height utility classes **/

    /* --- BASIC WIDTH - HEIGHT UTILITY CLASSES --- */

    /* --- Width (rem-based, 4px to 64px) --- */
    .w-1 {
        width: 0.25rem;
    }

    .w-2 {
        width: 0.5rem;
    }

    .w-3 {
        width: 0.75rem;
    }

    .w-4 {
        width: 1rem;
    }

    .w-5 {
        width: 1.25rem;
    }

    .w-6 {
        width: 1.5rem;
    }

    .w-7 {
        width: 1.75rem;
    }

    .w-8 {
        width: 2rem;
    }

    .w-9 {
        width: 2.25rem;
    }

    .w-10 {
        width: 2.5rem;
    }

    .w-11 {
        width: 2.75rem;
    }

    .w-12 {
        width: 3rem;
    }

    .w-13 {
        width: 3.25rem;
    }

    .w-14 {
        width: 3.5rem;
    }

    .w-15 {
        width: 3.75rem;
    }

    .w-16 {
        width: 4rem;
    }

    /* --- Width (semantic values) --- */
    .w-auto {
        width: auto;
    }

    .w-100 {
        width: 100%;
    }

    .w-50 {
        width: 50%;
    }

    .w-fit-content {
        width: fit-content;
    }

    .w-min-content {
        width: min-content;
    }

    .w-max-content {
        width: max-content;
    }

    .w-screen {
        width: 100vw;
    }

    .w-device {
        width: 100dvw;
    }

    /* --- Height (rem-based, 4px to 64px) --- */
    .h-1 {
        height: 0.25rem;
    }

    .h-2 {
        height: 0.5rem;
    }

    .h-3 {
        height: 0.75rem;
    }

    .h-4 {
        height: 1rem;
    }

    .h-5 {
        height: 1.25rem;
    }

    .h-6 {
        height: 1.5rem;
    }

    .h-7 {
        height: 1.75rem;
    }

    .h-8 {
        height: 2rem;
    }

    .h-9 {
        height: 2.25rem;
    }

    .h-10 {
        height: 2.5rem;
    }

    .h-11 {
        height: 2.75rem;
    }

    .h-12 {
        height: 3rem;
    }

    .h-13 {
        height: 3.25rem;
    }

    .h-14 {
        height: 3.5rem;
    }

    .h-15 {
        height: 3.75rem;
    }

    .h-16 {
        height: 4rem;
    }

    /* --- Height (semantic values) --- */
    .h-auto {
        height: auto;
    }

    .h-100 {
        height: 100%;
    }

    .h-50 {
        height: 50%;
    }

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

    .h-min-content {
        height: min-content;
    }

    .h-max-content {
        height: max-content;
    }

    .h-screen {
        height: 100vh;
    }

    .h-device {
        height: 100dvh;
    }


    /* --- MIN/MAX WIDTH - HEIGHT UTILITY CLASSES --- */

    /* --- Min-Width (rem-based, 4px to 64px) --- */
    .min-w-1 {
        min-width: 0.25rem;
    }

    .min-w-2 {
        min-width: 0.5rem;
    }

    .min-w-3 {
        min-width: 0.75rem;
    }

    .min-w-4 {
        min-width: 1rem;
    }

    .min-w-5 {
        min-width: 1.25rem;
    }

    .min-w-6 {
        min-width: 1.5rem;
    }

    .min-w-7 {
        min-width: 1.75rem;
    }

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

    .min-w-9 {
        min-width: 2.25rem;
    }

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

    .min-w-11 {
        min-width: 2.75rem;
    }

    .min-w-12 {
        min-width: 3rem;
    }

    .min-w-13 {
        min-width: 3.25rem;
    }

    .min-w-14 {
        min-width: 3.5rem;
    }

    .min-w-15 {
        min-width: 3.75rem;
    }

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

    /* --- Min-Width (semantic values) --- */
    .min-w-auto {
        min-width: auto;
    }

    .min-w-fit-content {
        min-width: -webkit-fill-available;
        min-width: fill-available;
        min-width: fit-content;
    }

    .min-w-min-content {
        min-width: min-content;
    }

    .min-w-max-content {
        min-width: max-content;
    }

    .min-w-100 {
        min-width: 100%;
    }

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

    .min-w-device {
        min-width: 100dvw;
    }

    /* --- Max-Width (rem-based, 4px to 64px) --- */
    .max-w-1 {
        max-width: 0.25rem;
    }

    .max-w-2 {
        max-width: 0.5rem;
    }

    .max-w-3 {
        max-width: 0.75rem;
    }

    .max-w-4 {
        max-width: 1rem;
    }

    .max-w-5 {
        max-width: 1.25rem;
    }

    .max-w-6 {
        max-width: 1.5rem;
    }

    .max-w-7 {
        max-width: 1.75rem;
    }

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

    .max-w-9 {
        max-width: 2.25rem;
    }

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

    .max-w-11 {
        max-width: 2.75rem;
    }

    .max-w-12 {
        max-width: 3rem;
    }

    .max-w-13 {
        max-width: 3.25rem;
    }

    .max-w-14 {
        max-width: 3.5rem;
    }

    .max-w-15 {
        max-width: 3.75rem;
    }

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

    /* --- Max-Width (semantic values) --- */
    .max-w-auto {
        max-width: auto;
    }

    .max-w-fit-content {
        max-width: fit-content;
    }

    .max-w-min-content {
        max-width: min-content;
    }

    .max-w-max-content {
        max-width: max-content;
    }

    .max-w-100 {
        max-width: 100%;
    }

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

    /* --- Min-Height (rem-based, 4px to 64px) --- */
    .min-h-1 {
        min-height: 0.25rem;
    }

    .min-h-2 {
        min-height: 0.5rem;
    }

    .min-h-3 {
        min-height: 0.75rem;
    }

    .min-h-4 {
        min-height: 1rem;
    }

    .min-h-5 {
        min-height: 1.25rem;
    }

    .min-h-6 {
        min-height: 1.5rem;
    }

    .min-h-7 {
        min-height: 1.75rem;
    }

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

    .min-h-9 {
        min-height: 2.25rem;
    }

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

    .min-h-11 {
        min-height: 2.75rem;
    }

    .min-h-12 {
        min-height: 3rem;
    }

    .min-h-13 {
        min-height: 3.25rem;
    }

    .min-h-14 {
        min-height: 3.5rem;
    }

    .min-h-15 {
        min-height: 3.75rem;
    }

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

    /* --- Min-Height (semantic values) --- */
    .min-h-auto {
        /* NOT SUPPORTED BY FIREFOX 22 */
        min-height: auto;
    }

    .min-h-fit-content {
        min-height: fit-content;
    }

    .min-h-min-content {
        min-height: min-content;
    }

    .min-h-max-content {
        min-height: max-content;
    }

    .min-h-100 {
        min-height: 100%;
    }

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

    /* --- Max-Height (rem-based, 4px to 64px) --- */
    .max-h-1 {
        max-height: 0.25rem;
    }

    .max-h-2 {
        max-height: 0.5rem;
    }

    .max-h-3 {
        max-height: 0.75rem;
    }

    .max-h-4 {
        max-height: 1rem;
    }

    .max-h-5 {
        max-height: 1.25rem;
    }

    .max-h-6 {
        max-height: 1.5rem;
    }

    .max-h-7 {
        max-height: 1.75rem;
    }

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

    .max-h-9 {
        max-height: 2.25rem;
    }

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

    .max-h-11 {
        max-height: 2.75rem;
    }

    .max-h-12 {
        max-height: 3rem;
    }

    .max-h-13 {
        max-height: 3.25rem;
    }

    .max-h-14 {
        max-height: 3.5rem;
    }

    .max-h-15 {
        max-height: 3.75rem;
    }

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

    /* --- Max-Height (semantic values) --- */
    .max-h-auto {
        max-height: auto;
    }

    .max-h-fit-content {
        max-height: fit-content;
    }

    .max-h-min-content {
        max-height: min-content;
    }

    .max-h-max-content {
        max-height: max-content;
    }

    .max-h-100 {
        max-height: 100%;
    }

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

    .max-h-device {
        max-height: 100dvh;
    }


/* Draggable List Styles 
.drag-handle {
    cursor: move;
    user-select: none;
    -webkit-user-select: none;
    touch-action: none;
}

.drag-handle:active {
    cursor: grabbing;
}

.nw-dragging {
    opacity: 0.5;
    background-color: rgba(0, 0, 0, 0.05);
}

.nw-draggable-placeholder { background-color: rgba(0, 0, 0, 0.1); border: 2px dashed rgba(0, 0, 0, 0.3); border-radius: 8px; box-sizing: border-box; }



.nw-draggable-item {
    /* Draggable item container
} */