:focus {
outline: 0;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
color: whitesmoke;
}
html {
scroll-behavior: smooth;
}
body {
font-family: "Montserrat", sans-serif;
font-weight: 400;
-webkit-font-smoothing: antialiased;
} .imgLogo {
width: 300px;
margin-top: 5rem;
}
.divBanner1 {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.banner1 {
position: relative;
z-index: 1;
width: 120%;
}
.div1 {
display: flex;
margin-top: 5rem;
gap: 1rem;
align-items: center;
justify-content: center;
}
.div2 {
margin-top: 3rem;
padding-top: 0.5rem;
background: #EB5300;
display: flex;
justify-content: center;
border-radius: 20px;
border: 3px solid;
margin-bottom: 2rem;
}
.div2 h3 {
font-size: 2rem;
}
.div2 span {
font-weight: 800;
}
.div3, .div5 {
display: flex;
align-items: center;
justify-content: center;
gap: 5rem;
margin: 3rem 0rem 3rem -3rem;
}
.imgSelos {
height: 85px;
}
#certificado {
height: 135px;
}
.div4 {
margin-top: 1rem;
margin-bottom: 3rem;
}
.div4 p {
font-size: 1.3rem;
color: white;
}
.div4 span {
font-weight: 700;
color: white;
}
.div5 {
margin-bottom: 1rem;
margin-top: 3rem;
margin-left: 10rem;
}
.imgProgramacao {
width: 145px;
}
.divImg {
flex-shrink: 0; 
}
.imgMao {
max-width: 135px;
}
.div1 span {
color: white;
font-weight: 800;
font-size: 3rem;
}
.div1 h1 {
font-size: 3rem;
font-weight: 500;
color: white;
}
.div1 h2 {
font-size: 1.5rem;
font-weight: 400;
color: white;
letter-spacing: 12px;
white-space: nowrap;
}
.divImg .numero3 {
display: none;
}
.imgMao {
display: block; 
}
.containerInscreva {
gap: 8rem;
} .divGaranta h3 {
font-size: 3.5rem;
color: black;
font-weight: 700;
}
.divGaranta p {
font-size: 1.6rem;
color: black;
font-weight: 500;
line-height: normal;
}
.divInscrevase {
display: flex;
justify-content: center;
margin-top: 1rem;
margin-bottom: 3rem;
}
#mauticform_input_4congressodigitaldafaculdadeunintese_quero_participar, #mauticform_input_5ocongressodigitaldafaculdadeunintese_quero_participar {
font-size: 1.6rem;
font-weight: 700;
color: #ffffff;
text-decoration: none;
text-align: center;
display: block;
width: 80%;
padding: 1rem;
margin: 1rem auto;
border: none;
border-radius: 15px;
background: linear-gradient(to left, #017D8B, #01CCDD, #017D8B);
background-size: 250% auto;
background-position: left center;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
transition: all 0.4s ease-in-out;
}
#mauticform_input_4congressodigitaldafaculdadeunintese_quero_participar:hover, #mauticform_input_5ocongressodigitaldafaculdadeunintese_quero_participar:hover {
background-position: right center;
transform: scale(1.03); 
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
}
#mauticform_input_4congressodigitaldafaculdadeunintese_quero_participar:active, #mauticform_input_5ocongressodigitaldafaculdadeunintese_quero_participar:active {
transform: scale(0.98);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
#mauticform_wrapper_4congressodigitaldafaculdadeunintese, #mauticform_wrapper_5ocongressodigitaldafaculdadeunintese {
width: 100%;
max-width: 900px; 
margin: 2rem auto; 
background: #F2F2F2;
border: 5px solid #ffffff;
padding: 2.5rem;
border-radius: 30px;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5); 
transition: transform 0.3s ease, box-shadow 0.3s ease;
margin-bottom: -5rem;
}
.mauticform-label {
font-size: 1.1em;
display: block;
font-weight: 600 !important;
margin-bottom: 5px;
color: black;
}
.mauticform-radiogrp-label {
font-weight: 600 !important;
color: black;
}
.mauticform-input {
color: black;
}
.containerPalestrar {
position: relative;
top: -60%;
}
.buttonConvidados {
border: none;
background: transparent;
color: #F88D00;
display: flex;
align-items: center;
margin-left: auto;
margin-right: auto;
gap: 1rem;
transition: all 0.3s ease; 
cursor: pointer;
}
.buttonConvidados:hover {
color: gray; 
transform: scale(1.05);
}
.activeButton {
color: gray; 
font-weight: bold;
}
.sectionCertificacao .card {
background: #fff;
margin-bottom: -4.5rem;
margin-top: 3rem;
}
.tituloObjetivo {
font-size: 4rem;
font-weight: 700;
color: black;
}
.textoSelecione {
color: #FF8E12;
margin-bottom: 12rem;
}
.sectionCertificacao h2 {
letter-spacing: 1px;
font-size: 1.5rem;
}
.sectionCertificacao .preco {
font-weight: bold;
color: #FF8E12; 
font-size: 1.2rem;
}
.divCertificados {
display: flex;
flex-direction: column;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.divCongresso {
margin-top: 6rem;
}
.divProgramacao {
display: flex;
align-items: center;
justify-content: center;
gap: 3rem;
margin-top: 5rem;
margin-bottom: 1rem;
}
.programacaoImg {
width: 250px;
margin-top: 2rem;
margin-bottom: 5rem;
}
.backgroundWhite {
background: whitesmoke;
}
.img4 {
margin-top: 3rem;
}
.divCongresso h2 {
color: #FE8810;
font-weight: 700;
font-size: 2.6rem;
}
.divCongresso p {
color: #212121;
font-weight: 400;
font-size: 1.5rem;
font-family: "Ubuntu", sans-serif;
text-align: justify;
}
.divCongresso span {
color: #212121;
font-weight: 600;
font-size: 1.5rem;
}
.spanCongressoMobile {
font-size: 1.5rem !important;
font-weight: 700 !important;
} .backgroundGray {
background: #494949; 
padding: 120px 20px;
display: flex;
align-items: center;
justify-content: center;
}
.divConvidados {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2rem; 
padding: 20px 0;
margin-top: -7rem;
}
.divConvidados img {
max-width: 300px;
height: 290px;
border-radius: 12px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.divConvidados img:hover {
transform: scale(1.08);
box-shadow: 0 12px 24px rgba(0,0,0,0.25);
} footer {
background: whitesmoke;
}
.containerRedes {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-top: 5rem;
gap: 1rem;
}
.divRedes {
display: flex;
gap: 1rem;
}
.divRedes a {
display: inline-block;
transition: transform 0.3s ease, filter 0.3s ease;
}	
.divRedes a:hover {
transform: scale(1.1); 
filter: brightness(1.2); 
}
.divCopyright p {
font-weight: 600;
color: #212121;
}
.backgroundFooter {
background: linear-gradient(to left, #ffbc47, #ff8e12);
height: 50px;
width: 100%;
}
.d-none {
display: none;
}
.d-block {
display: flex;
}
.divCopyright a {
color: #ff8e12;
}
.youtubeIcon {
margin-top: 0.2rem;
}
.mauticform-row.mauticform-required .mauticform-label:after {
color: #FE8F13 !important;
}