/* Fontes Padrão */
.heading4xl, .heading3xl, .heading2xl, .headingxl, .headingLg, .headingMd, 
.headingSm, .headingXs, .bodyLg, label, .dataTables_info, .pagination, .footer-text, body, 
#cookie-bar, #cookie-bar p {
    font-family: 'Montserrat' !important;
}
.heading4xl{
    font-weight: 700 !important;
}

.heading3xl, .heading2xl, .headingxl, .headingLg, .headingMd, .headingSm, .headingXs {
    font-weight: 600 !important;
}

.heading2xl{
    font-size: 40px !important;
}

.headingLg{
    font-size: 24px !important;
}

.headingMd{
    font-size: 16px !important;
}

.bodyLg{
    font-size: 16px;
    font-weight: 400;
}

/**/


body{
    margin: 0;
    font-family: 'Montserrat' !important;
}

/* Header */
.header{
    position: fixed;
    width: 100%;
    height: 80px;
    background-color: #003366;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-logo{
    flex-grow: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-image{
    height: 80px;
    margin: 0px 10px;
}

.header-login-button{
    
    letter-spacing: 0.3em;
    width: 100%;
    height: 100%;
    background-color: #f4ce50;
    color: #003366;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
}

.header-login-button:hover{
    color: white;
    background-color: #d55342;
}



/* Social Media */
.social-media{
    position: fixed;
    margin-top: 140px;
    z-index: 1;
    width: 79px;
    height: 210px;
    background-color: #f4ce50;
    float: right;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.social-media-facebook{
    background-image: url("../media/images/facebook.webp");
    background-size: contain;
    width: 25px;
    height: 25px;
    margin: 5px 0;
}

.social-media-twitter{
    background-image: url("../media/images/twitter.webp");
    background-size: contain;
    width: 25px;
    height: 25px;
    margin: 5px 0;
}

.social-media-instagram{
    background-image: url("../media/images/instagram.webp");
    background-size: contain;
    width: 25px;
    height: 25px;
    margin: 5px 0;
}



/* Body */

.body{
    position: static;
    width: 100%;
    margin-top: 80px;
}

.section{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Seção 1 */

.section-1{
    height: calc(100vh - 80px);
    background-color: #003366;
    background-image: url("../media/images/fundo-bandeira-ufrj.jpg");
    background-size: cover;
}


.content {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    max-height: calc(100% - 80px - 40px);
    padding: 10px 0;
}

.section-1-title{
    color: #CCE6FF;
    font-size: 64px;
    font-weight: 700;
    line-height: 72px;
    max-width: 600px;
    text-align: center;
}

.section-1-subtitle{
    font-family: 'headingLg' , sans-serif;
    color: #FBFCFD;
    text-align: center;
    font-weight: 500;
    margin: 15px 0;
}

.section-1-buttons{
    margin: 20px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.section-button{
    width: 160px;
    height: 36px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 20px;
    cursor: pointer;
    transition: all 0.4s ease 0s;
}



.section-1-button-cadastre{
    background-color: #CCE6FF;
    color: #003366;
    border: 1px solid #003366;
}

.section-1-button-cadastre:hover{
    color: #003366;
    text-decoration: none;
}

.section-1-button-cadastre span{
    color: #003366;
}

.section-1-button-cadastre:hover span, .section-1-button-login:hover span{
    transition: all 0.4s ease 0s;
    transform: scale(1.05);
}

.section-1-button-login{
    background-color: #003366;
    color: #CCE6FF;
    border: 1px solid #CCE6FF;
}

.section-1-button-login a{
    color: #CCE6FF;
    text-decoration: none;
}

.section-1-button-login:hover{
    color: #CCE6FF;
    text-decoration: none;
}

/* .section-1-button-login:hover{
    color: rgb(46,119,105);
    background-color: rgb(253,249,245);
} */



/* Seção 2 */
.section-color-2{
    background-color: #CCE6FF;
}

.section-color-3{
    background-color: #FBFCFD;
}

.section-2, .section-3, .section-4, .section-5{
    color: #003366;
    padding: 15px 10px;
    display: block;
}

.subsection{
    max-width: 660px;
}

.section-2-main-title, .section-3-main-title, .section-4-main-title, .section-5-main-title{
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 16px;
}

.section-2-main-subtitle, .section-3-main-subtitle, .section-4-main-subtitle{
    font-family: "bodyLg", sans-serif;
    color: #232526;
    line-height: 24px;
    margin-bottom: 16px;
}

.section-2-secondary-part{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
}

.section-2-image{
    width: 141px;
    height: 141px;
    background-size: contain;
    margin: 0 10px;
}

.col-1{
    margin-right: 10px;
}

.icon-image use{
    fill: #0066CC;
    width: 64px;
}

.subsection-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.section-2-title{
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 16px;
}

.section-2-subtitle{
    font: normal normal normal 16px/2em avenir-lt-w01_35-light1475496,avenir-lt-w05_35-light,sans-serif;
    letter-spacing: 0.08em;
    margin: 10px 0;
    text-align: center;
}

.remove-margin{
    margin: 0;
}


/* Footer */

.footer{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 0 0 10px 0 ;
    background-color: #E1E4E6;
}

.footer img{
    height: 120px;
}

.footer-text{
    color: #003366;
    font: normal normal normal 12px/1.4em avenir-lt-w01_35-light1475496,avenir-lt-w05_35-light,sans-serif;
}

.footer-text a {
    color: #003366;
    letter-spacing: 0.05em;
}