html {
  font-size: 14px;
}

@media (max-width: 1050px){

    main {
        overflow: hidden;
    }

    body {
        overflow-x: hidden;
/*        height: 100vh !important;*/
        height: calc(var(--vh, 1vh)* 100) !important;
    }
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}


* {
    color: inherit;
    text-decoration: none;
    font-weight: var(--line-height);
    font-family: "Montserrat", sans-serif;
}

body {
    background: #D9DFEB;
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
    overflow: hidden;
    /*    height: 100vh;*/
    /*    overflow-x: hidden;*/
    overflow-x: hidden;
}

main {
    display: flex;
    height: 100vh;
    width: 100%;
    max-width: 1400px;
    /*    background:white;*/
}

:root {
    /* Calculo Realizado: */
    /* Mobile: */
    /* Base Font Size: 13px | Screen Width: 400px | Type Scale Ratio: 1.2 */
    /* Desktop: */
    /* Base Font Size: 16px | Screen Width: 1400px | Type Scale Ratio: 1.3 */
    --fs-sm: clamp(0.68rem, 0.15vi + 0.64rem, 0.77rem);
    --fs-base: clamp(0.81rem, 0.3vi + 0.74rem, 1rem);
    --fs-md: clamp(0.97rem, 0.52vi + 0.84rem, 1.3rem);
    --fs-lg: clamp(1.17rem, 0.83vi + 0.96rem, 1.69rem);
    --fs-xl: clamp(1.4rem, 1.27vi + 1.09rem, 2.2rem);
    --fs-xxl: clamp(1.68rem, 1.87vi + 1.22rem, 2.86rem);
    --fs-xxxl: clamp(2.02rem, 2.71vi + 1.35rem, 3.71rem);
    /* ovex colors base: #9D67DD; */
    --color-50: #faf7fd;
    --color-100: #f2ebfc;
    --color-200: #e7dbf9;
    --color-300: #d5bff3;
    --color-400: #bb96ea;
    --color-500: #9d67dd;
    --color-600: #8b4fce;
    --color-700: #753cb4;
    --color-800: #643594;
    --color-900: #522c77;
    --color-950: #351556;
}