:root {
    /* Colores */
    --primary-color: #007bff;
    --secondary-color: #6c757d;
    --error-color: #b80202;
    --partial-color: #CE5B00;
    --success-color: #11cf91;
    --focus-ring-color: #258cfb;
    --text-color-dark-login: #042A44;
    --background-color: #ffffff;
    --background-table:#EBEFF4 ;
    --background-tab-blue: #007eb9;
    --background-status-primary: rgba(228, 255, 240, 0.8);
    --background-status-second: rgba(255, 246, 228, 0.8);
    --background-status-three: rgba(255, 228, 228, 0.8);
    --background-status-four: rgba(249, 220, 207, 0.8);
    --background-status-five: rgba(255, 237, 253, 0.8);
    --background-status-six: rgba(228, 244, 255, 0.8);
    --background-status-seven: rgba(219, 253, 255, 0.8);
    --background-status-eight: rgba(219, 244, 255, 0.8);
    --background-status-nine: rgba(229, 219, 255, 0.8);
    --background-message: #F0ECFD;
    --color-message-primary: #6957AB;
    --color-status-primary: #009494;
    --color-status-second: #944100;
    --color-status-three: #940000;
    --color-status-four: #CE5B00;
    --color-status-five: #99298D;
    --color-status-six: #006394;
    --color-status-seven: #00b771;
    --color-status-eight: #0065b7;
    --color-status-nine: #4300b7;
    --color-basic: rgb(0, 92, 185);
    --color-grey: #F4F7FA;
    --color-grey-light: #EAEAEA;
    --color-green-light: #0EB0B0;
    --color-orange: #C35C02;
    --color-blue-dark: #12487E;
    --color-darkblue: #2C7BA9;
    --color-gray-base:#363636;
    --color-grey-darker: #6A7E93;
    --color-grey-second: #ECECEC;
    --color-yellow-second:#FFDB6F;
    --color-orange-primary: #FF987E;
    --color-orange-second:#FFBC86;
    --color-green-second:#7DEFCB;
    --color-blue-second:#AAC9FD;
    --color-blue-info:#E6F4FF;
    --color-blue-aux: rgb(229, 238, 251);
    --color-gray-second: rgb(170, 170, 170);
    --color-grey-item-rgba: rgba(222, 226, 230, 0.4);
    --color-green-light-rgba: rgba(14, 176, 176, 0.1);
    --color-orange-rgba: rgba(195, 92, 2, 0.1);
    --color-darkblue-rgba: rgba(44, 123, 169, 0.1);
    --color-basic-rgba: rgba(0, 92, 185, 0.09);
    --color-blue-basic-rgba: rgba(0, 92, 185, 0.3);
    --color-message-primary-rgba: rgba(105, 87, 171, 0.3);
    --color-message-error-rgba: rgba(255, 122, 122, 0.3);
    --color-message-info: rgb(49 231 172 / 0.3);
    
    /* Dimensiones */
    --container-width: 100vw;
    --container-minheight: 100vh;
    --max-width: 100%;
    --border-radius: 0.375rem;


    /* Espaciado */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;

    /* Tipografía */
    --font-family-base: 'Ubuntu-Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    --font-family-second: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-size-base: 1rem;
    --font-size-ico-xs: clamp(0.45rem, 0.45rem + 0.3vw, 0.4rem);
    --font-size-xs: clamp(0.75rem, 0.7rem + 0.2vw, 0.875rem);
    --font-size-xs-sm: clamp(0.78rem, 0.7rem + 0.1vw, 0.7rem);
    --font-size-sm: clamp(0.875rem, 0.8rem + 0.3vw, 1rem);
    --font-size-md: clamp(1rem, 0.9rem + 0.5vw, 1.25rem);
    --font-size-md-lg: clamp(1.125rem, 1rem + 0.6vw, 1.375rem);
    --font-size-lg: clamp(1.25rem, 1.1rem + 0.7vw, 1.5rem);
    --font-size-xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);
    --font-size-xxl: clamp(2rem, 1.5rem + 2vw, 3rem);
    
}

/* Regular */
@font-face {
    font-family: 'Ubuntu-Regular';
    src: url('/fonts/ubuntu/Ubuntu-Regular.woff2') format('woff2'),
    url('/fonts/ubuntu/Ubuntu-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/*!* Medium *!*/
/*@font-face {*/
/*    font-family: 'Ubuntu-Medium';*/
/*    src: url('/fonts/ubuntu/Ubuntu-Medium.woff2') format('woff2'),*/
/*    url('/fonts/ubuntu/Ubuntu-Medium.woff') format('woff');*/
/*    font-weight: 600;*/
/*    font-style: normal;*/
/*}*/

/*!* Bold *!*/
/*@font-face {*/
/*    font-family: 'Ubuntu-Bold';*/
/*    src: url('/fonts/ubuntu/Ubuntu-Bold.woff2') format('woff2'),*/
/*    url('/fonts/ubuntu/Ubuntu-Bold.woff') format('woff');*/
/*    font-weight: 800;*/
/*    font-style: normal;*/
/*}*/

/* Italic */
@font-face {
    font-family: 'Ubuntu-Italic';
    src: url('./fonts/ubuntu/Ubuntu-Italic.woff2') format('woff2'),
    url('./fonts/ubuntu/Ubuntu-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

/* Bold Italic */
@font-face {
    font-family: 'Ubuntu-BoldItalic';
    src: url('./fonts/ubuntu/Ubuntu-BoldItalic.woff2') format('woff2'),
    url('./fonts/ubuntu/Ubuntu-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

/* Ubuntu Light (weight 300) */
@font-face {
    font-family: 'Ubuntu';
    src: url('./fonts/ubuntu/Ubuntu-Light.woff2') format('woff2'),
    url('./fonts/ubuntu/Ubuntu-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}