@font-face {
    font-family: "Edenred";
    src: url("../fonts/edenred-otf/edenred [otf]/edenred.otf") format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Edenred";
    src: url("../fonts/edenred-otf/edenred [otf]/edenred_black.otf") format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Edenred";
    src: url("../fonts/edenred-otf/edenred [otf]/edenred_bold.otf") format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Edenred";
    src: url("../fonts/edenred-otf/edenred [otf]/edenred_light.otf") format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Edenred";
    src: url("../fonts/edenred-otf/edenred [otf]/edenred_light_italic.otf") format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Edenred";
    src: url("../fonts/edenred-otf/edenred [otf]/edenred_medium.otf") format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu/Ubuntu-Bold.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu/Ubuntu-BoldItalic.ttf") format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu/Ubuntu-Italic.ttf") format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu/Ubuntu-Light.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu/Ubuntu-LightItalic.ttf") format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu/Ubuntu-Medium.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu/Ubuntu-MediumItalic.ttf") format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu/Ubuntu-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
:root {
    --primaryoriginal-red: rgba(247, 39, 23, 1);
    --primarywhite: rgba(255, 255, 255, 1);
    --secondarypink: rgba(255, 89, 120, 1);
    --secondarylight-pink: rgba(254, 208, 200, 1);
    --secondarycold-white: rgba(241, 247, 255, 1);
    --secondarycobalt: rgba(13, 138, 255, 1);
    --secondarylight-cobalt: rgba(176, 239, 255, 1);
    --secondaryviolet: rgba(113, 28, 255, 1);
    --secondarylight-violet: rgba(200, 195, 255, 1);
    --secondarymint: rgba(0, 161, 132, 1);
    --secondarylight-mint: rgba(152, 246, 219, 1);
    --secondaryolive: rgba(129, 193, 5, 1);
    --secondarylight-olive: rgba(220, 246, 145, 1);
    --monoblack: rgba(0, 0, 0, 1);
    --monogrey: rgba(109, 119, 135, 1);
    --monolight-grey: rgba(213, 216, 221, 1);
    --headlines-headline2-bold-font-family: "Edenred", Helvetica;
    --headlines-headline2-bold-font-weight: 700;
    --headlines-headline2-bold-font-size: 60px;
    --headlines-headline2-bold-letter-spacing: 0px;
    --headlines-headline2-bold-line-height: normal;
    --headlines-headline2-bold-font-style: normal;
    --headlines-headline2-normal-font-family: "Edenred", Helvetica;
    --headlines-headline2-normal-font-weight: 300;
    --headlines-headline2-normal-font-size: 60px;
    --headlines-headline2-normal-letter-spacing: 0px;
    --headlines-headline2-normal-line-height: normal;
    --headlines-headline2-normal-font-style: normal;
    --headlines-headline3-bold-font-family: "Edenred", Helvetica;
    --headlines-headline3-bold-font-weight: 700;
    --headlines-headline3-bold-font-size: 50px;
    --headlines-headline3-bold-letter-spacing: 0px;
    --headlines-headline3-bold-line-height: normal;
    --headlines-headline3-bold-font-style: normal;
    --headlines-headline3-normal-font-family: "Edenred", Helvetica;
    --headlines-headline3-normal-font-weight: 300;
    --headlines-headline3-normal-font-size: 50px;
    --headlines-headline3-normal-letter-spacing: 0px;
    --headlines-headline3-normal-line-height: normal;
    --headlines-headline3-normal-font-style: normal;
    --headlines-headline1-bold-font-family: "Edenred", Helvetica;
    --headlines-headline1-bold-font-weight: 700;
    --headlines-headline1-bold-font-size: 70px;
    --headlines-headline1-bold-letter-spacing: 0px;
    --headlines-headline1-bold-line-height: normal;
    --headlines-headline1-bold-font-style: normal;
    --headlines-headline1-normal-font-family: "Edenred", Helvetica;
    --headlines-headline1-normal-font-weight: 300;
    --headlines-headline1-normal-font-size: 70px;
    --headlines-headline1-normal-letter-spacing: 0px;
    --headlines-headline1-normal-line-height: normal;
    --headlines-headline1-normal-font-style: normal;
    --title-h1-normal-font-family: "Edenred", Helvetica;
    --title-h1-normal-font-weight: 300;
    --title-h1-normal-font-size: 44px;
    --title-h1-normal-letter-spacing: 0px;
    --title-h1-normal-line-height: normal;
    --title-h1-normal-font-style: normal;
    --title-h1-bold-font-family: "Edenred", Helvetica;
    --title-h1-bold-font-weight: 700;
    --title-h1-bold-font-size: 44px;
    --title-h1-bold-letter-spacing: 0px;
    --title-h1-bold-line-height: normal;
    --title-h1-bold-font-style: normal;
    --title-h2-normal-font-family: "Edenred", Helvetica;
    --title-h2-normal-font-weight: 300;
    --title-h2-normal-font-size: 40px;
    --title-h2-normal-letter-spacing: 0px;
    --title-h2-normal-line-height: normal;
    --title-h2-normal-font-style: normal;
    --title-h2-bold-font-family: "Edenred", Helvetica;
    --title-h2-bold-font-weight: 700;
    --title-h2-bold-font-size: 40px;
    --title-h2-bold-letter-spacing: 0px;
    --title-h2-bold-line-height: normal;
    --title-h2-bold-font-style: normal;
    --title-h3-normal-font-family: "Edenred", Helvetica;
    --title-h3-normal-font-weight: 300;
    --title-h3-normal-font-size: 36px;
    --title-h3-normal-letter-spacing: 0px;
    --title-h3-normal-line-height: normal;
    --title-h3-normal-font-style: normal;
    --title-h3-bold-font-family: "Edenred", Helvetica;
    --title-h3-bold-font-weight: 700;
    --title-h3-bold-font-size: 36px;
    --title-h3-bold-letter-spacing: 0px;
    --title-h3-bold-line-height: normal;
    --title-h3-bold-font-style: normal;
    --title-h4-normal-font-family: "Edenred", Helvetica;
    --title-h4-normal-font-weight: 300;
    --title-h4-normal-font-size: 32px;
    --title-h4-normal-letter-spacing: 0px;
    --title-h4-normal-line-height: normal;
    --title-h4-normal-font-style: normal;
    --title-h4-bold-font-family: "Edenred", Helvetica;
    --title-h4-bold-font-weight: 700;
    --title-h4-bold-font-size: 32px;
    --title-h4-bold-letter-spacing: 0px;
    --title-h4-bold-line-height: normal;
    --title-h4-bold-font-style: normal;
    --title-h5-normal-font-family: "Edenred", Helvetica;
    --title-h5-normal-font-weight: 300;
    --title-h5-normal-font-size: 28px;
    --title-h5-normal-letter-spacing: 0px;
    --title-h5-normal-line-height: normal;
    --title-h5-normal-font-style: normal;
    --title-h5-bold-font-family: "Edenred", Helvetica;
    --title-h5-bold-font-weight: 700;
    --title-h5-bold-font-size: 28px;
    --title-h5-bold-letter-spacing: 0px;
    --title-h5-bold-line-height: normal;
    --title-h5-bold-font-style: normal;
    --title-h6-normal-font-family: "Edenred", Helvetica;
    --title-h6-normal-font-weight: 300;
    --title-h6-normal-font-size: 24px;
    --title-h6-normal-letter-spacing: 0px;
    --title-h6-normal-line-height: normal;
    --title-h6-normal-font-style: normal;
    --title-h6-bold-font-family: "Edenred", Helvetica;
    --title-h6-bold-font-weight: 700;
    --title-h6-bold-font-size: 24px;
    --title-h6-bold-letter-spacing: 0px;
    --title-h6-bold-line-height: normal;
    --title-h6-bold-font-style: normal;
    --body-12-light-font-family: "Ubuntu", Helvetica;
    --body-12-light-font-weight: 300;
    --body-12-light-font-size: 12px;
    --body-12-light-letter-spacing: 0px;
    --body-12-light-line-height: 139.9999976158142%;
    --body-12-light-font-style: normal;
    --body-12-normal-font-family: "Ubuntu", Helvetica;
    --body-12-normal-font-weight: 400;
    --body-12-normal-font-size: 12px;
    --body-12-normal-letter-spacing: 0px;
    --body-12-normal-line-height: 139.9999976158142%;
    --body-12-normal-font-style: normal;
    --body-12-bold-font-family: "Ubuntu", Helvetica;
    --body-12-bold-font-weight: 700;
    --body-12-bold-font-size: 12px;
    --body-12-bold-letter-spacing: 0px;
    --body-12-bold-line-height: 139.9999976158142%;
    --body-12-bold-font-style: normal;
    --body-14-light-font-family: "Ubuntu", Helvetica;
    --body-14-light-font-weight: 300;
    --body-14-light-font-size: 14px;
    --body-14-light-letter-spacing: 0px;
    --body-14-light-line-height: 139.9999976158142%;
    --body-14-light-font-style: normal;
    --body-14-normal-font-family: "Ubuntu", Helvetica;
    --body-14-normal-font-weight: 400;
    --body-14-normal-font-size: 14px;
    --body-14-normal-letter-spacing: 0px;
    --body-14-normal-line-height: 139.9999976158142%;
    --body-14-normal-font-style: normal;
    --body-14-bold-font-family: "Ubuntu", Helvetica;
    --body-14-bold-font-weight: 700;
    --body-14-bold-font-size: 14px;
    --body-14-bold-letter-spacing: 0px;
    --body-14-bold-line-height: 139.9999976158142%;
    --body-14-bold-font-style: normal;
    --body-16-light-font-family: "Ubuntu", Helvetica;
    --body-16-light-font-weight: 300;
    --body-16-light-font-size: 16px;
    --body-16-light-letter-spacing: 0px;
    --body-16-light-line-height: 139.9999976158142%;
    --body-16-light-font-style: normal;
    --body-16-normal-font-family: "Ubuntu", Helvetica;
    --body-16-normal-font-weight: 400;
    --body-16-normal-font-size: 16px;
    --body-16-normal-letter-spacing: 0px;
    --body-16-normal-line-height: 139.9999976158142%;
    --body-16-normal-font-style: normal;
    --body-16-bold-font-family: "Ubuntu", Helvetica;
    --body-16-bold-font-weight: 700;
    --body-16-bold-font-size: 16px;
    --body-16-bold-letter-spacing: 0px;
    --body-16-bold-line-height: 139.9999976158142%;
    --body-16-bold-font-style: normal;
    --body-18-light-font-family: "Ubuntu", Helvetica;
    --body-18-light-font-weight: 300;
    --body-18-light-font-size: 16px;
    --body-18-light-letter-spacing: 0px;
    --body-18-light-line-height: 139.9999976158142%;
    --body-18-light-font-style: normal;
    --body-18-normal-font-family: "Ubuntu", Helvetica;
    --body-18-normal-font-weight: 400;
    --body-18-normal-font-size: 16px;
    --body-18-normal-letter-spacing: 0px;
    --body-18-normal-line-height: 139.9999976158142%;
    --body-18-normal-font-style: normal;
    --body-18-bold-font-family: "Ubuntu", Helvetica;
    --body-18-bold-font-weight: 700;
    --body-18-bold-font-size: 16px;
    --body-18-bold-letter-spacing: 0px;
    --body-18-bold-line-height: 139.9999976158142%;
    --body-18-bold-font-style: normal;
    --shadow-1: 6px 6px 24px 0px rgba(0, 0, 0, 0.12);
    --global-tokens-spacing-spacing-1: 4px;
    --global-tokens-spacing-spacing-2: 8px;
    --global-tokens-spacing-spacing-3: 12px;
    --global-tokens-spacing-spacing-4: 16px;
    --global-tokens-spacing-spacing-5: 20px;
    --global-tokens-spacing-spacing-6: 24px;
    --global-tokens-spacing-spacing-7: 32px;
    --global-tokens-spacing-spacing-8: 40px;
    --global-tokens-spacing-spacing-9: 48px;
    --global-tokens-spacing-spacing-10: 56px;
    --global-tokens-radius-radius-none: 0px;
    --global-tokens-radius-radius-1: 8px;
    --global-tokens-radius-radius-2: 16px;
    --global-tokens-radius-radius-3: 24px;
    --global-tokens-radius-radius-4: 32px;
    --global-tokens-radius-radius-5: 40px;
    --global-tokens-radius-radius-6: 48px;
    --global-tokens-radius-radius-7: 64px;
    --global-tokens-radius-radius-full: 999px;
    --collection-breakpoints: 1336px;
}

/*

To enable a theme in your HTML, simply add one of the following data attributes to an HTML element, like so:

<body data-collection-mode="laptop">
    <!-- the rest of your content -->
</body>

You can apply the theme on any DOM node, not just the `body`

*/

[data-collection-mode="laptop"] {
    --collection-breakpoints: 1336px;
}

[data-collection-mode="tablet"] {
    --collection-breakpoints: 780px;
}

[data-collection-mode="mobile"] {
    --collection-breakpoints: 390px;
}

[data-collection-mode="old-mobile"] {
    --collection-breakpoints: 320px;
}

.login {
    width: 100%;
    padding: var(--global-tokens-spacing-spacing-4);
}


.button {
    font-size: var(--body-14-normal-font-size);
}

@media (min-width: 700px) {
    .login {
        max-width: 600px;
        margin: 0 auto;
        padding: var(--global-tokens-spacing-spacing-6);
    }
}

@media (min-width: 1336px) {
    .login {
        max-width: 800px;
    }

    .title-diferent {
        font-size: var(--title-h2-normal-font-size);
    }
}