@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");

body {
    background: url(bg.jpg) no-repeat center center fixed;
    background-size: cover;
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
    margin: 0; /* Remover margens padrão do body */
    padding: 0; /* Remover padding padrão do body */
}

.logo {
    margin-top: 20px;
}

h1 {
    color: #fff;
	text-shadow: 4px 4px 2px rgba(0,0,0,0.6);
}

h2 {
    color: #000;
}

h3 {
    color: #000000;
}

.white{color:#fff;}

.info{
	background:rgba(0, 0, 0, 0.5);
	padding:15px;
	font-size:15pt;
	color:#fff;
	border-radius:10px;
	position: relative;
    top: 202px;
}

.info2{
	background:rgba(0, 0, 0, 0.5);
	padding:25px;
	font-size:15pt;
	color:#fff;
	border-radius:10px;
	position: relative;
	border:#daa520 solid 1px;
}

.space-ul li{
	padding:10px;
}


.icon{
	background:rgba(255,255,255,0.5);
	border-radius:15px;
	padding:8px;
	color:#000000;}

.btn-custom {
background: rgb(204,204,204);
background: linear-gradient(180deg, rgba(204,204,204,1) 0%, rgba(202,202,202,1) 50%, rgba(255,255,255,1) 100%);
    color: #000; /* Mudar para a cor #00aa9e */
	border:2px solid #ccc;
	border-radius:15px;
	font-weight:bold;
}

.btn-custom:hover {
    background: #daa520;
    color: #fff; /* Mudar para preto */
	
}

.btn-link{
	color:#daa520;
}

.btn-link:hover {
	color:#000;
	background:rgba(255, 255, 255, 0.5);
}

ul{font-size:14pt;}

a.end{color:#fff;}

a.end:hover{
	color:#000;
	background:rgba(255, 255, 255, 0.5);
	}
	
.table-light {
    background: rgba(255, 255, 255, 0.9);
}
	

footer {

    bottom: 0;
    width: 100%;
    text-align: center!important;
    padding: 10px;
}

footer img {
    margin: 10px;
}

.modal-title{color:#000;}

.modal-body{color:#323233;}

.form-container {
    background-color: rgba(0,0,0,0.5); /* Cor de fundo do formulário */
    padding: 20px;
    border-radius: 10px;
	border:#daa520 solid 1px;
}

.form-login{
	margin: 0 auto;
	text-align:center;
	width:50%;
	}

.custom-radio input[type="radio"] {
    display: none; /* Oculta o botão de rádio padrão */
}

.custom-radio label {
    display: inline-block;
    padding: 8px 8px;
    cursor: pointer;
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    margin-right: 10px;
	border-radius:100%;
}

.custom-radio input[type="radio"]:checked + label {
    background-color: #fff;
    color: #000;
    border-color: #000;
}



@media (max-width: 767px) {
	body{
		background: url(bg-mobile.jpg) no-repeat center;
        background-size: cover;
	}
    .main-container {
        padding: 10px; /* Adicione algum espaçamento nas laterais para dispositivos móveis */
    }

    .form-container {
        margin:0 auto; /* Adicione espaço abaixo do formulário para dispositivos móveis */
		width:92%;
		padding:22px;
    }

    footer {
        position: relative; /* Remova a posição fixa para o rodapé em dispositivos móveis */
        margin-top: 20px; /* Adicione algum espaçamento acima do rodapé para dispositivos móveis */
    }
	.info{
		
		position:relative;
		top:0;
	}
	
	.info2{border:#daa520 solid 1px; margin:10px auto;}
	
	.form-container,
    .text-right {
        order: -1; /* Inverte a ordem das colunas */
    }
	.mobile-h1{font-size:18pt;}
}

	
.tabelas{
	background: #fff;
	padding:25px;
	border-radius:20px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}

.tabelas .row div{
	vertical-align: middle;
}

.tabelas p {
	color:#000;
	font-size:18pt;}

.tabelas .hora p{font-size:25pt;}

.hora{
	font-size:25pt;
}

.container .event{

}

.container-crono{
	width:80%;
	margin:0 auto;
}