@media only screen and (max-device-width: 640px){

	:root {
		--font_textos_size: 24;
		--font_textos_family: 'Roboto Condensed', sans-serif;
		--font_titulos_size: 30;	
		--font_titulos_family: 'Righteous', cursive;
		--icone_size: 56px;
		
		--resolucao_inicial_horizontal: 800px;
		--resolucao_inicial_vertical: 1200px;
	}
	.mouse{
		cursor: pointer;
	}
	select {
		width: 10rem;
		border-radius: 15px;
		font-size:24px;
		cursor: pointer;
	}
	table, th, td{
		 border-radius: 15px;
	}
	span{
		 border-radius: 15px;
		 background-color: #000000;
		 display: inline-block;
		 vertical-align: middle;
		 line-height:35px;
		 height: 35px;
		 cursor: pointer;
		 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}	
	.span_botao{
		font-family: var(--font_titulos_family);
		font-size: var(--font_textos_size);
		color: #FFFFFF;
		cursor: pointer;
		width: 210;
		text-align: center;
	}
	.caixa_text {
		width: 10rem;
		border-radius: 5px;
		font-size:24px;
		cursor: pointer;
	}
	.img_index{
		width: 700px;
	}
	
	/*INÍCIO - ESTRUTURA MENU INICIAL*/
	.a11{
		background: #cdcdcd;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: var(--resolucao_inicial_horizontal); /* define a largura fixa de 300px */
		height: var(--resolucao_inicial_vertical);
		border-radius: 15px 15px 15px 15px;
	}
	.a22{
		background:#000000; 
		top: 0px; /* Exemplo de posicionamento */
		left: 0px; /* Exemplo de posicionamento */
		border-radius: 15px 15px 0px 0px;
		z-index: 1;
		width: 100%;
	}
	.a33{
		position:absolute; 
		top: 72px; /* Exemplo de posicionamento */
		bottom: 30px;
		left: 0px; /* Exemplo de posicionamento */
		width: 100%;
		z-index: 2;
		overflow-y: scroll;	
		background:#FFFFFF; 
		-webkit-overflow-scrolling: touch;	
	}
	.a44{
		border-radius: 0px 0px 15px 15px;
		position:absolute; 
		bottom: 0px; /* Exemplo de posicionamento */
		left: 0px; /* Exemplo de posicionamento */
		overflow: hidden; /* garante que não haja barra de rolagem */
		z-index: 3;
		width: 100%;
	}
	.default_img{
		height: 60px;
	}
	/*TÉRMINO - ESTRUTURA MENU INICIAL*/	

	/*INÍCIO - CABEÇALHO PRINCIPAL DO SITE*/
	.div_cabecalho_site{
		background:#000000; 
		position:fixed;
		top:0;
		left:0; 
		right:0; 
		z-index:1;
		border-radius: 0 0px 0px 0px;
	}
	.cabecalho_site{
		font-family: 'Racing Sans One', cursive;
		font-size: 56;
		color: #FFF;
		}
	/*FINAL - CABELAÇHO PRINCIPAL DO SITE*/
	
	/*INÍCIO - MENU INFERIOR*/
	.div_menu_inferior{
		border-radius: 0px 0px 0px 0px;
		position:fixed; 
		bottom:0px; 
		left:0px; 
		right:0px;  
		z-index:3; 
		padding: 0px; 
		overflow-y: scroll;
	}
	.menu_inferior_icones{
		height: 65px;
		width: 65px;
	}
	.menu_inferior_texto{
		font-family: var(--font_titulos_family);
		font-size: 22;
	}
	/*FINAL - MENU INFERIOR*/	

	/*INÍCIO - CORPO DO SITE*/	
	.div_estrutura_pai{
		position:fixed; 
		bottom:87px; 
		left:0px; 
		right:0px; 
		top: 80px; 
		z-index:2; 
		padding: 0px; 
		overflow-y: scroll;	
		background:#FFFFFF; 
		-webkit-overflow-scrolling: touch;	
	}
	.caixas_titulo{
		font-family: var(--font_titulos_family);
		font-size: var(--font_titulos_size);
	}		
	.caixas_textos{
		font-family: var(--font_textos_family);
		font-size: var(--font_textos_size);
	}
	.caixas_textos_negrito{
		font-family: var(--font_textos_family);
		font-size: var(--font_textos_size);
		font-weight: bold;
	}
	.caixas_titulo_normal{
		font-family: var(--font_textos_family);
		font-size: var(--font_titulos_size);
	}	
	
		/*INÍCIO - campeonato_titulo.asp*/
		.campeonato_nome{
			font-family: var(--font_titulos_family);
			color: #000;
			font-size: var(--font_titulos_size);
		}
		.campeonato_nome_icone{
			width: 48px;
		}
		.campeonato_logo{
			height: 96px;
		}
		/*FINAL - campeonato_titulo.asp*/	
		
		/*INÍCIO - ultimos_resultados.asp*/	
		.ultimos_resultados_icone{
			width: 120px;
			height: 100px;
		}		
		/*FINAL - ultimos_resultados.asp*/
		
		/*INÍCIO - calendario.asp*/
		.calendario_div{
			overflow-y: scroll; 
			width: 950px;
		}	
		.calendario_data{
			font-family: var(--font_titulos_family);
			font-size: 38;
			color: #FFF;		
		}
		.calendario_resultados_negrito{
			font-family: var(--font_titulos_family);
			font-size: 20;
			color: #000;
		}
		.calendario_resultados{
			font-family: var(--font_textos_family);
			font-size: 20;
			color: #000;
		}
		.calendario_resultado_tr{
			height: 760px;
		}
		.calendario_carregando{
			font-family: var(--font_textos_family);
			font-size: 22;
			color: #000;
			text-align:center;
			margin-top:50px;
		}		
		/*FINAL - calendario.asp*/
		
		/*INÍCIO - mural_campeoes.asp*/
		.mural_fotos_pilotos{
			border-radius: 50%; 
			width: 150px; 
			height: 150px; 
			overflow: hidden; 
			position: relative;		
		}
		.mural_fotos_trofeu_icone{
			width: 36px;
		}
		/*FINAL - mural_campeoes.asp*/	
		
		/*INÍCIO - campeonato_seletor*/
		.campeonato_seletor_trofeu_icone{
			width: var(--icone_size);
		}	
		/*FINAL - campeonato_seletor

		/*INÍCIO - ranking_equipes.asp*/
		.grid_equipe{
			font-family: var(--font_titulos_family);
			font-size: 28;
			height: 120px;
		}
		.grid_equipe_tr{
			height: 135px;
			box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
		}
		.grid_equipe_td{
			width: 120px;
		}	
		.grid_equipe_expandir{
			font-size: 36px;
		}
		.grid_equipe_pontos_td{
			width: 210px;
		}
		.grid_equipe_perfil{
			font-family: var(--font_titulos_family);
			font-size: var(--font_textos_size);	
		}	
		.grid_equipe_pontos{
			font-family: var(--font_titulos_family);
			font-size: var(--font_titulos_size);
			color: #000000;	
			width: 95px;
			height: 35px;
		}
		.grid_equipe_foto_grande{
			border-radius: 50%; 
			width: 300px; 
			height: 300px; 
			overflow: hidden; 
			position: relative;
		}
		.grid_equipe_foto_pilotos{
			border-radius: 50%; 
			width: 150px; 
			height: 150px; 
			overflow: hidden; 
			position: relative;
		}
		.grid_equipe_foto_pelicula{
			border-radius: 50%; 
			width: 100px; 
			height: 100px; 
			overflow: hidden; 
			position: relative;
		}
		/*FINAL - ranking_equipes.asp*/
		
		/*INÍCIO - ranking_pilotos.asp*/
		.grid_piloto{
			font-family: 'Righteous', cursive;
			font-size: 28;
		}
		.grid_piloto_tr{
			height: 135px;
			box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
		}
		.grid_piloto_td{
			width: 120px;
		}			
		.grid_piloto_equipe{
			font-family: 'Righteous', cursive;
			font-size: 22;
			color: #4F4F4F
		}	
		.grid_expandir_piloto_equipe{
			font-size: 36px;
		}	
		.grid_piloto_pontos_pts{
			font-family: 'Righteous', cursive;
			font-size: 22;
			width: 210px;
		}
		.piloto_grid_pontos{
			font-family: var(--font_titulos_family);
			font-size: var(--font_titulos_size);
			color: #000000;	
			width: 95px;
			height: 35px;
		}	
		.grid_piloto_foto_pelicula{
			border-radius: 50%; 
			width: 100px; 
			height: 100px; 
			overflow: hidden; 
			position: relative;
		}	
		.grid_piloto_perfil_historico{
			font-family: 'Righteous', cursive;
			font-size: 68;
		}		
		.grafico_piloto_mv_adv{
			font-family: 'Roboto Condensed', sans-serif;
			font-size: 16;	
		}	
		.foto_top3_piloto1{
			width: 145px; 
			height: 175px;
			border-radius: 10px;
		}
		.foto_top3_piloto2{
			width: 140px; 
			height: 155px;
			border-radius: 10px;
		}
		.foto_top3_piloto3{
			width: 135px; 
			height: 135px;
			border-radius: 10px;
		}	
		.piloto_perfil3_nome{
			height: 80px;
		}	
		div.polaroid2 {
			background-color: white;
			box-shadow: 0 4px 80px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			border-radius: 10px;
		}
		.cat_ouro{
			background-color: #aaa; 
			border-radius: 50%; 
			width: 40px; 
			height: 40px; 
			overflow: hidden; 
			position: relative;			
		}		
		/*FINAL - ranking_pilotos.asp*/
		
		/*INÍCIO - midia.asp*/
		.video_youtube{
			width: 427;
			height: 240;
		}
		/*FINAL - midia.asp*/

		/*INÍCIO - raiox.asp*/
		.raiox_tr{
			height: 1220px;	
		}
		.raiox_select{
			width: 290px; 
		}
		.raiox_grafico_mv_adv{
			font-family: var(--font_textos_family);
			font-size: 16;	
		}
		.raiox_grafico_barra_legenda{
			width: 60px; 
			height: 15px;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}
		.raiox_grafico_barra{
			width: 18px;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
		}
		.raiox_numeros_grandes{
		font-family: var(--font_titulos_family);
		font-size: 68;
		}	
		/*FINAL - raiox.asp*/
	
	/*INÍCIO - CALENDÁRIO E ÚLTIMAS NOTÍCIAS*/
	.calendario_evento_local{
		font-family: var(--font_textos_family);
		font-size: var(--font_textos_size);
		color: #FFF;
	}
	.calendario_evento_data{
		font-family: var(--font_titulos_family);
		font-size: 38;
		color: #FFF;
	}
	/*FINAL - CALENDÁRIO E ÚLTIMAS NOTÍCIAS*/

	/*INÍCIO - GALERIA*/
	.galeria{
		width: 100%;
	}	
	/*FINAL - GALERIA*/

	/*INÍCIO - SELEÇÃO DE CAMPEONATO*/
	.card-corrida-titulo {
	  background: linear-gradient(to right, #e0e0e0, #f5f5f5); /* mantém o degradê claro */
	  border: 1px solid #cccccc; /* contorno mais escuro para destacar */
	  border-radius: 12px;
	  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	  padding: 20px;
	  margin: 20 10px 20px 10px;
	  display: flex;
	  align-items: center;
	  gap: 20px;
	  transition: transform 0.2s ease, box-shadow 0.2s ease;
	  text-align: center;
	  justify-content: center;
	  font-size: 28px;
	  font-weight: bold;
	}

	.card-corrida {
	  background: linear-gradient(to right, #f9f9f9, #ffffff); /* mantém o degradê claro */
	  border: 1px solid #cccccc; /* contorno mais escuro para destacar */
	  border-radius: 12px;
	  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	  padding: 20px;
	  padding-left: 70px;
	  margin: 0 10px 20px 10px;
	  display: flex;
	  align-items: center;
	  gap: 20px;
	  transition: transform 0.2s ease, box-shadow 0.2s ease;
	}


	.card-corrida:hover {
	  transform: translateY(-2px);
	  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	}

	.card-corrida img {
	  width: 160px;
	  height: 100PX;
	}

	.card-info {
	  font-family: Arial, sans-serif;
	  color: #333;
	  font-size: 26px;
	  line-height: 1.6;
	}

	.card-info b {
	  color: #000;
	}

	.card-info .status-andamento {
	  color: #d46a00;
	  font-weight: bold;
	}

	.card-info .status-finalizado {
	  color: #2a8a4d;
	  font-weight: bold;
	}
	/*FINAL - SELEÇÃO DE CAMPEONATO*/




.card-youtube {
  display: flex;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0 0 12px 12px;
  padding: 16px;
  margin: 20px 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* ← sombra adicionada */
  transition: box-shadow 0.2s ease;
}

.card-youtube:hover {
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15); /* ← sombra ao passar o mouse */
}

.card-youtube-img {
  width: 160px;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
  margin-right: 16px;
}

.card-youtube-conteudo {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.card-youtube-categoria {
  color: #c00;
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 8px;
}

.card-youtube-texto {
  font-size: 16px;
  font-weight: 500;
  color: #111;
  line-height: 1.4;
}


	/*FINAL - CORPO DO SITE*/	



}









@media only screen and (MIN-device-width: 641px){

	:root {
		--font_textos_size: 12;	
		--font_textos_family: 'Roboto Condensed', sans-serif;
		--font_titulos_size: 16;
		--font_titulos_family: 'Righteous', cursive;	
		--icone_size: 28px;
		
		--resolucao_horizontal: 880px;
		--resolucao_inicial_horizontal: 400px;

	}
	.mouse{
		cursor: pointer;
	}
	select {
		width: 10rem;
		border-radius: 15px;
		font-size:12px;
		cursor: pointer;
	}
	table, th, td{
		 border-radius: 15px;
	}
	span{
		 border-radius: 15px;
		 background-color: #000000;
		 display: inline-block;
		 vertical-align: middle;
		 line-height:18px;
		 height: 18px;
		 cursor: pointer;
		 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}	
	.span_botao{
		font-family: var(--font_titulos_family);
		font-size: var(--font_textos_size);
		color: #FFFFFF;
		cursor: pointer;
		width: 105;
		text-align: center;
	}
	.caixa_text {
		width: 10rem;
		border-radius: 5px;
		font-size:12px;
		cursor: pointer;
	}
	.img_index{
		width: 350px;
	}
	
	/*INÍCIO - ESTRUTURA MENU INICIAL*/
	.a11{
		background: #cdcdcd;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 600PX; /* define a largura fixa de 300px */
		height: var(--resolucao_inicial_horizontal);
		border-radius: 15px 15px 15px 15px;
	}
	.a22{
		background:#000000; 
		top: 0px; /* Exemplo de posicionamento */
		left: 0px; /* Exemplo de posicionamento */
		border-radius: 15px 15px 0px 0px;
		z-index: 1;
		width: 100%;
	}
	.a33{
		position:absolute; 
		top: 42px; /* Exemplo de posicionamento */
		bottom: 30px;
		left: 0px; /* Exemplo de posicionamento */
		width: 100%;
		z-index: 2;
		overflow-y: scroll;	
		background:#FFFFFF; 
		-webkit-overflow-scrolling: touch;	
	}
	.a44{
		border-radius: 0px 0px 15px 15px;
		position:absolute; 
		bottom: 0px; /* Exemplo de posicionamento */
		left: 0px; /* Exemplo de posicionamento */
		overflow: hidden; /* garante que não haja barra de rolagem */
		z-index: 3;
		width: 100%;
	}
	.default_img{
		height: 36px;
	}	
	/*TÉRMINO - ESTRUTURA MENU INICIAL*/	

	/*INÍCIO - CABEÇALHO PRINCIPAL DO SITE*/
	.div_cabecalho_site{
		background:#000000; 
		position:fixed;
		top:20;
		left:50%;
		transform: translateX(-50%);
		max-width: var(--resolucao_horizontal); /* largura máxima de uma tela de celular */
		width: 100%; /* garante que a div pegue toda a largura disponível até o máximo definido */
		z-index:1;
		border-radius: 15px 15px 0px 0px;
	}
		.cabecalho_site{
			font-family: 'Racing Sans One', cursive;
			font-size: 28;
			color: #FFF;
		}		
	/*FINAL - CABELAÇHO PRINCIPAL DO SITE*/
	
	/*INÍCIO - MENU INFERIOR*/
	.div_menu_inferior{
		border-radius: 0px 0px 15px 15px;
		position:fixed; 
		bottom:20px; 
		left:50%;
		transform: translateX(-50%);
		max-width: var(--resolucao_horizontal); /* largura máxima de uma tela de celular */
		width: 100%; /* garante que a div pegue toda a largura disponível até o máximo definido */
		z-index:3; 
		padding: 0px; 
		overflow: hidden; /* garante que não haja barra de rolagem */
	}
	.menu_inferior_icones{
		height: 24px;
		width: 24px;
	}
	.menu_inferior_texto{
		font-family: var(--font_titulos_family);
		font-size: 10;
	}
	/*FINAL - MENU INFERIOR*/	

	/*INÍCIO - CORPO DO SITE*/		
	.div_estrutura_pai{
		position:fixed; 
		bottom:80px; 
		left:50%;
		transform: translateX(-50%);
		max-width: var(--resolucao_horizontal); /* largura máxima de uma tela de celular */
		width: 100%; /* garante que a div pegue toda a largura disponível até o máximo definido */	
		top: 61px; 
		z-index:2; 
		padding: 0px; 
		overflow-y: scroll;	
		background:#FFFFFF; 
		-webkit-overflow-scrolling: touch;	
	}
	.caixas_titulo{
		font-family: var(--font_titulos_family);
		font-size: var(--font_titulos_size);
	}		
	.caixas_textos{
		font-family: var(--font_textos_family);
		font-size: var(--font_textos_size);
	}
	.caixas_textos_negrito{
		font-family: var(--font_textos_family);
		font-size: var(--font_textos_size);
		font-weight: bold;
	}
	.caixas_titulo_normal{
		font-family: var(--font_textos_family);
		font-size: var(--font_titulos_size);
	}		
	
		/*INÍCIO - campeonato_titulo.asp*/
		.campeonato_nome{
			font-family: var(--font_titulos_family);
			color: #000;
			font-size: var(--font_titulos_size);
		}
		.campeonato_nome_icone{
			width: 24px;
		}
		.campeonato_logo{
			height: 48px;
		}
		/*FINAL - campeonato_titulo.asp*/		
		
		/*INÍCIO - ultimos_resultados.asp*/	
		.ultimos_resultados_icone{
			width: 60px;
			height: 50px;
		}		
		/*FINAL - ultimos_resultados.asp*/	
		
		/*INÍCIO - calendario.asp*/
		.calendario_div{			 
			width: 100%;
		}	
		.calendario_data{
			font-family: var(--font_titulos_family);
			font-size: 19;
			color: #FFF;		
		}
		.calendario_resultados_negrito{
			font-family: var(--font_titulos_family);
			font-size: 12;
			color: #000;
		}
		.calendario_resultados{
			font-family: var(--font_textos_family);
			font-size: 12;
			color: #000;
		}
		.calendario_resultado_tr{
			height: 600px;
		}		
		.calendario_carregando{
			font-family: var(--font_textos_family);
			font-size: 12;
			color: #000;
			text-align:center;
			margin-top:50px;
		}	
		/*FINAL - calendario.asp*/
		
		/*INÍCIO - mural_campeoes.asp*/
		.mural_fotos_pilotos{
			border-radius: 50%; 
			width: 75px; 
			height: 75px; 
			overflow: hidden; 
			position: relative;		
		}
		.mural_fotos_trofeu_icone{
			width: 24px;
		}
		/*FINAL - mural_campeoes.asp*/	
		/*INÍCIO - campeonato_seletor*/
		.campeonato_seletor_trofeu_icone{
			width: var(--icone_size);
		}	
		/*FINAL - campeonato_seletor

		/*INÍCIO - ranking_equipes.asp*/
		.grid_equipe{
			font-family: var(--font_titulos_family);
			font-size: 14;
			height: 45px;
		}
		.grid_equipe_tr{
			height: 50px;
		}
			.grid_equipe_td{
			width: 60px;
		}
		.grid_equipe_expandir{
			font-size: 18px;
		}
		.grid_equipe_pontos_td{
			width: 180px;
		}
		.grid_equipe_perfil{
			font-family: var(--font_titulos_family);
			font-size: var(--font_textos_size);
		}	
		.grid_equipe_pontos{
			font-family: var(--font_titulos_family);
			font-size: var(--font_titulos_size);
			color: #000000;	
			width: 55px;
			height: 20px;
		}
		.grid_equipe_foto_grande{
			border-radius: 50%; 
			width: 100px; 
			height: 100px; 
			overflow: hidden; 
			position: relative;
		}
		.grid_equipe_foto_pilotos{
			border-radius: 50%; 
			width: 55px; 
			height: 55px; 
			overflow: hidden; 
			position: relative;
		}
		.grid_equipe_foto_pelicula{
			border-radius: 50%; 
			width: 50px; 
			height: 50px; 
			overflow: hidden; 
			position: relative;
		}
		/*FINAL - ranking_equipes.asp*/
		
		/*INÍCIO - ranking_pilotos.asp*/
		.grid_piloto{
			font-family: 'Righteous', cursive;
			font-size: 14;
		}
		.grid_piloto_tr{
			height: 50px;
		}
		.grid_piloto_td{
			width: 60px;
		}		
		.grid_piloto_equipe{
			font-family: 'Righteous', cursive;
			font-size: 12;
			color: #4F4F4F
		}	
		.grid_expandir_piloto_equipe{
			font-size: 18px;
		}	
		.grid_piloto_pontos_pts{
			font-family: 'Righteous', cursive;
			font-size: 12;
			width: 180px;
		}
		.piloto_grid_pontos{
			font-family: var(--font_titulos_family);
			font-size: var(--font_titulos_size);
			color: #000000;	
			width: 55px;
			height: 20px;
		}	
		.grid_piloto_foto_pelicula{
			border-radius: 50%; 
			width: 50px; 
			height: 50px; 
			overflow: hidden; 
			position: relative;
		}	
		.grid_piloto_perfil_historico{
			font-family: 'Righteous', cursive;
			font-size: 34;
		}		
		.grafico_piloto_mv_adv{
			font-family: 'Roboto Condensed', sans-serif;
			font-size: 8;	
		}	
		.foto_top3_piloto1{
			width: 72px; 
			height: 87px;
			border-radius: 10px;
		}
		.foto_top3_piloto2{
			width: 70px; 
			height: 77px;
			border-radius: 10px;
		}
		.foto_top3_piloto3{
			width: 67px; 
			height: 62px;
			border-radius: 10px;
		}	
		.piloto_perfil3_nome{
			height: 40px;
		}	
		div.polaroid2 {
			background-color: white;
			box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
			border-radius: 10px;
		}
		.cat_ouro{
			background-color: #aaa; 
			border-radius: 50%; 
			width: 18px; 
			height: 18px; 
			overflow: hidden; 
			position: relative;			
		}	
		/*FINAL - ranking_pilotos.asp*/		
		/*INÍCIO - midia.asp*/
		.video_youtube{
		width: 320;
		height: 191;
		}
		/*FINAL - midia.asp*/
		
		/*INÍCIO - raiox.asp*/
		.raiox_tr{
			height: 880px;	
		}
		.raiox_select{
			width: 200px; 
		}
		.raiox_grafico_mv_adv{
			font-family: var(--font_textos_family);
			font-size: 8;	
		}
		.raiox_grafico_barra_legenda{
			width: 60px; 
			height: 12px;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}
		.raiox_grafico_barra{
			width: 12px;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
		}
		.raiox_numeros_grandes{
		font-family: var(--font_titulos_family);
		font-size: 34;
		}	
		/*FINAL - raiox.asp*/

	/*INÍCIO - CALENDÁRIO E ÚLTIMAS NOTÍCIAS*/
	.calendario_evento_local{
	font-family: var(--font_textos_family);
	font-size: var(--font_textos_size);
	color: #FFF;
	}
	.calendario_evento_data{
	font-family: var(--font_titulos_family);
	font-size: 19;
	color: #FFF;
	}
	/*FINAL - CALENDÁRIO E ÚLTIMAS NOTÍCIAS*/	
	
	/*INÍCIO - GALERIA*/
	.galeria{
		width: 50%;
	}	
	/*FINAL - GALERIA*/

	/*INÍCIO - SELEÇÃO DE CAMPEONATO*/
	.card-corrida-titulo {
	  background: linear-gradient(to right, #e0e0e0, #f5f5f5); /* mantém o degradê claro */
	  border: 1px solid #cccccc; /* contorno mais escuro para destacar */
	  border-radius: 12px;
	  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	  padding: 20px;
	  margin: 20 10px 20px 10px;
	  display: flex;
	  align-items: center;
	  gap: 20px;
	  transition: transform 0.2s ease, box-shadow 0.2s ease;
	  text-align: center;
	  justify-content: center;
	  font-size: 12px;
	  font-weight: bold;
	}

	.card-corrida {
	  background: linear-gradient(to right, #f9f9f9, #ffffff); /* mantém o degradê claro */
	  border: 1px solid #cccccc; /* contorno mais escuro para destacar */
	  border-radius: 12px;
	  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	  padding: 20px;
	  padding-left: 70px;
	  margin: 0 10px 20px 10px;
	  display: flex;
	  align-items: center;
	  gap: 20px;
	  transition: transform 0.2s ease, box-shadow 0.2s ease;
	}


	.card-corrida:hover {
	  transform: translateY(-2px);
	  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	}

	.card-corrida img {
	  width: 20px;
	  height: auto;
	}

	.card-info {
	  font-family: Arial, sans-serif;
	  color: #333;
	  font-size: 12px;
	  line-height: 1.6;
	}

	.card-info b {
	  color: #000;
	}

	.card-info .status-andamento {
	  color: #d46a00;
	  font-weight: bold;
	}

	.card-info .status-finalizado {
	  color: #2a8a4d;
	  font-weight: bold;
	}
	/*FINAL - SELEÇÃO DE CAMPEONATO*/

	/*FINAL - CORPO DO SITE*/	
	
}











