:root {
    --transition-value-slow: all .7s ease;
    --transition-value-normal: all .5s ease;
    --transition-value: all .3s ease;
    --normal-font-size: 16px;
    --bg-main-blue: #014AAD;
    --bg-main-green: #16A34A;
    --bg-main-red: #DC2626;
    --bg-main-blue-opacity: #014AADDD;
    --bg-main-blue-opacityx2: #014AAD99;
    --bg-main-blue-opacityx3: #014AAD33;
    --bg-main-blue-opacityx4: #014AAD11;
}
body {
    width: 100%;
    overflow-x: hidden;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    font-family: 'Myriad Pro', Arial, sans-serif;
    height: 100vh;
    overflow-y: hidden;
}


/*                            pantalla de carga                            */
.main_div_load_page {
    position: fixed; 
    z-index: 101; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4); 
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_div_load_page .main_container_load_page {
    background-color: var(--bg-main-blue-opacityx3);
    padding: 1em;
    border-radius: 1em;
}

.main_div_load_page .main_container_load_page .text_load_page{
    color: white;
    font-size: var(--title-font-size);
}

.display_none {
    display: none !important;
}