:root{



    --background:#F2F2F2;
    --background_card:#fff;
    --blue_card_opac: #5674909f;
    --gray_card_opac: #e4e4e49f;
    --signal: #FF8C00;

    --blue_sec_opac_1: rgba(131, 167, 204, 0.62);
    --blue_sec_opac_1: rgba(60, 75, 92, 0.62);



    --blue_main: #567490;
    --blue_main_opac: #56749080;

    --blue_high: #54728a;

    --overlay: #e4e4e4cb;
    --gray1: #e4e4e4;
    --gray2: #d0d0d0;
    --gray3: #b4b4b4;
    --gray4: #939393;
    --gray5: #4f4f4f;
    --gray6: #262626;


    --gray6_opac: #2626269f;


    --text_gray:#333333;



}

@font-face {
  font-family: 'Bellota';
  src: url('../fonts/Bellota/Bellota-Regular.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito/Nunito-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--background);
    display: grid;
    grid-template-rows: 10vh auto;
    font-family: 'Bellota', sans-serif;
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
}

main {
    grid-row: 2;
    width: 100%;
    max-width: 100vw;  
}

.divider {
    width: 90%;
    max-width: 100%;
    height: 0.1em;
    background-color: var(--gray4);
    margin: 0.4em auto; 
}