@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");


html {box-sizing: border-box;font-family:"Roboto", sans-serif;}
*, *:before, *:after {box-sizing: inherit;}

body {
 font-family:"Roboto", sans-serif !important;
 background-color: #f8f8f8;
}


.enem-card{
  display: flex;
  padding: 24px;
  justify-content: space-between;
  align-items: center;
  border-radius: 12px;
  background: #F8F8F8;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  margin-bottom: 24px;
}

.enem-card-info{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap:8px;
}
.enem-card-info p{
  margin:0 !important;

}
.enem-card-data{
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  align-content: center;
}

.enem-card-data p{
  margin: 0 !important;
  color: #5C5C5C;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}


a.btn-enem-card{
  display: block;
  text-align: center;
  padding: 8px 16px;
  color: white;
  border: 1px solid white;
  background:#00A15C;
  border-radius: 10px;
  transition:.3s
}

a.btn-enem-card:hover{
  transition: .3s;
  color: #00A15C; !important;
  border: 1px solid #00A15C;
  background: white;
  color:#00A15C;
}





.link-transmissao{
cursor: pointer;
margin: auto;
text-align: end;
background: none;
color: #00A15C;
border: none;
font-weight: bold;
padding: 0;
display: block;
}
.header-event{
display: flex;
justify-content: space-between;
align-items: end;
margin-top:3rem;
}

a.btn-inscricoes-inativo{
cursor: not-allowed;
display: block;
margin: auto;
text-align: center;
margin-top: 10px;
border-radius: 10px;
padding: 12px;
border:1px solid;
transition: .3s;
color:#2d2d2d;
pointer-events: none;
}

a.btn-inscricoes{
display: block;
text-align: center;
padding: 12px;
margin: auto;
margin-top:10px;
border: 1px solid;
color: white;
background:#00A15C;
border-radius: 10px;
transition:.3s
}


a.btn-inscricoes:hover{
  transition: .3s;
  background:#F8F8F8;
  color:#00A15C;
}
p {
 color: #191919;
 font-size: 1rem;
}
hr.lineDate{
background:#00A15C;
margin: 0 !important;
}
p.date{
margin: 0;
padding: 0;
font-size: 14px;
text-align: end;
}
p.white, a.link.white {
 color: #FFFFFF;
}

a {
 color: #115B89;
 font-size: 1rem;
}
h3.programacao-title{
text-align:center;
font-size: 1.5rem;
margin-bottom: 0;
}
a:hover{ 
 color: #115B89;
  text-decoration: none;
}
.programacao{
  background: #F8EFD8;
}
a.link.white {
 font-weight: bold;
 text-decoration: underline;
}

h1 {
 font-size: 1.5rem;
 color: #00A15C;
 font-weight: 600;
}
h2{
color:#00A15C;
}

h2.title, h3.title-area {
 color: #0461e4; 
 font-size: 1.2rem;
}

h2.title {
 text-transform: uppercase;
 font-weight: 600;
 font-size: 1.5rem;
}

h2.title.white {
 color: #FFFFFF;
}

h3.subtitle-time {
 font-size: 16px;
 color: #434343;
 font-weight: bold;
}

span.title {
 font-size: 1.2rem;
 color: #ffffff;
 background-color: #004ee6;
 border-radius: 5px;
 padding: 0 1rem;
}

span.title.black {
 font-size: 1.1rem;
 color: #4c4b4b;
 padding: 0;
 text-transform: none;
 background-color: #f8f8f8;
}

span.text {
 background-color: #009bdf;
 font-weight: 300;
 padding: 0 1rem;
}

span.bi.bi-pin-angle-fill {
 border: 1px solid #cecece;
 border-radius: 38px;
 padding: 0.2rem 0.8rem 0.2rem 0.6rem;
}

span.text-welcome {
 font-size: 1.5rem;
 font-weight: bold;
 color: #4c4b4b; 
 border-radius: 5px;
 padding: 0 3rem 0 1rem;
}

p.local {
 justify-content: right;
 display: grid;
 margin: 0;
}

section {
 padding: 3rem 0;
 //min-height: 100vh;
}

section.blue {
 background-color: #0461e4; 
 padding: 4rem 0;
}

section.blue.image {
 background-image: url('https://www.ucs.br/site/midia/arquivos/lines-star_2.png');
 background-repeat: no-repeat;
 background-position: right 10% bottom 50%;
}

.card {
 border-radius: 10px;
 padding: 1rem 2rem;
 margin-top: 2rem;
 box-shadow: 2px 2px 6px 0 rgb(206 206 206 / 68%);
 border: rgb(206 206 206 / 68%);
}

.card.no-margin {
 margin: 0 !important;
}

.card.grid {
 display: grid;
 grid-template-columns: 11fr 1fr;
 box-shadow: 2px 2px 6px 0 rgb(206 206 206 / 68%);
 border: rgb(206 206 206 / 68%);
}

.card.card-body {
 box-shadow: none;
 border: 1px solid #e0dfdf;
}

.img-fluid.star {
 position: absolute;
 top: -4rem;
}

a.bt-primary {
 display: flex;
 justify-content: center;
 padding: 0.6rem;
 background-color: #da2a40;
 color: #FFFFFF;
 font-size: .95rem;
 border-radius: 0.4rem;
 transition: 0.4s;
 font-weight: 500;
}

a.bt-primary:hover {
 background-color: #ba2336;
 transform: scale(1.08);
}

a.bt-primary.disabled {
  color: #FFFFFF;
  pointer-events: none;
  background-color: #bbbaba;
}

a.btn-outline-secondary {
 display: flex;
 justify-content: center;
 padding: 0.6rem;
 border: 1px solid #da2a40;
 color: #da2a40;
 font-size: .95rem;
 border-radius: 0.4rem;
 transition: 0.4s;
 font-weight: 500;
}

a.btn-outline-secondary:hover {
 background-color: #da2a40;
 color: #FFFFFF;
 border: 1px solid #da2a40;
 transform: scale(1.08);
 transition: .3s;
}

a.btn-circle {
 display: flex;
 background-color: #da2a40;
 border-radius: 50%;
 color: #FFFFFF;
 width: 36px;
 height: 36px;
 justify-content: center;
 align-items: center;
}

a.btn-circle:hover {
 transform: scale(1.2);
 transition: .3s;
}