@charset "utf-8";


/*
azul claro
#00ced1

AZUL ESCURO
#00aeef


*/

*
{
	border: none;
	padding: 0px;
	margin: 0px;
	resize: none;
	text-decoration: none;
	list-style: none;
	outline: none;
	/*-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;*/
  scrollbar-width: thin;
  scrollbar-color: #dedede #f5f5f5;  
}

a
{
  color: #000;
  text-decoration: none;
}

a:hover
{
  text-decoration: none;
}

a:active
{
  color: #000;
  text-decoration: none;
}

a:visited
{
  color: #000;
  text-decoration: none;
}

html, body
{
	width: 100%;
	font-family: verdana;
	overflow-x: hidden;
	font-size: 18px;
	background: #f4f4f4;
	color: #000;
}


.top
{
	width: 100%;
	height: 100%;
	min-height: 2.2vmin;
	max-height: 2.4vmax;
	background: #f2f2f2;
	text-align: center;
	overflow: hidden;
}

.top h1
{
	font-size: 1.8vmin;
	font-size: 2.0vmax;
	text-transform: uppercase;
	color: #00aeef;
	/*color: #dedede;
	background: #f60;*/
	transform: translateY(0%);
	margin: 2px auto;
}

.content-header
{
	width: 100%;
	height: 100%;
	min-height: 300px;
	/*min-height: 5.7vmin;
	max-height: 6.0vmax;*/
	background: #9bd9f4;
	text-align: center;
	overflow: hidden;
	margin-top: 5px;
}

.content-header h1
{
	font-size: 1.3vmin;
	font-size: 1.6vmax;
	text-transform: uppercase;
	color: #fff;
	/*color: #dedede;
	background: #f60;*/
	transform: translateY(0%);
	margin: 5px auto;
	font-weight: normal;
}

.content-header p
{
	font-size: 1.0vmax;
}

.content-table
{
	position: relative;
	width: 90%;
	max-width: 1270px;
	min-width: 330px;
	margin: auto;
	margin-top: -190px;
	margin-bottom: 10px;
	padding: 5px 5px 25px 5px;
	border-radius: 7px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	background: #fff;
	text-align: center;
	overflow: hidden;
}

.emphasis-slide
{
	position: relative;
	width: 90%;
	max-width: 1270px;
	min-width: 330px;
	margin: auto;
	margin-top: -190px;
	margin-bottom: 10px;
	padding: 5px 5px 25px 5px;
	border-radius: 7px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	background: #fff;
	text-align: center;
	overflow: hidden;
}

.emphasis
{
	width: 100%;
	height: 100%;
	height: 320px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px auto;
	text-align: center;
}

.emphasis-title
{
	width: 100%;
	color: #00aeef;
	font-size: 1.6vmin;
	font-size: 2.0vmax;
	padding: 5px 5px 15px 5px;
	margin: auto;
}

.emphasis-short-description
{
	width: 100%;
	color: #000;
	font-size: 0.8vmin;
	font-size: 1.0vmax;
	padding: 5px 5px 15px 5px;
	margin: auto;
}

.emphasis-boxes
{
	display: flex;
	gap: 5px;
	justify-content: space-between;
}

.emphasis-boxes-contente
{
	flex-basis: 300px;
	padding: 0px 5px 15px 5px;
}

.emphasis-boxes-contente-title
{
	text-align: left;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0px 5px 5px 5px;
}

.emphasis-boxes-contente p
{
	text-align: left;
	padding: 0px 5px 5px 5px;
}

.destaques
{
	width: 100%;
	height: 100%;
	height: 320px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px auto;
	text-align: center;
}

.title-serie
{
	width: 100%;
	color: #00aeef;
	font-size: 1.6vmin;
	font-size: 1.9vmax;
}

.title-serie span
{
	text-transform: uppercase;
}

.col-tables
{
	display: flex;/* earth break 1296 and this 1272*/
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	width: 100%;
	margin: auto;
	margin-top: 10px;
}

.tabela-resultados
{
	width: 100%;
	max-width: 900px;
	margin: auto;
	margin-top: 0px;
}

.title-data
{
	display: flex;
	gap: 5px;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center;
	margin-top: 7px;
}

.ranking, .title-results, .updown
{
	width: 4.1vmax;
	min-width: 24px;
	overflow: hidden;
}

.logo-time
{
	width: 100%;
	max-width: 22px;
	min-width: 20px;
}

.logo-time img
{
	width: 100%;
	height: 100%;
}

.time-name
{
	width: 100%;
	max-width: 300px;
	min-width: 99px;
	overflow: hidden;
	text-align: left;
}

.ranking p, .title-results p, .updown p
{
	width: 100%;
	font-size: 1.0vmin;
	font-size: 1.48vmax;
	font-weight: normal;
}

.time-name p
{
	width: 100%;
	height: 100%;
	min-height: 20px;
	line-height: 20px;
	font-size: 1.0vmin;
	font-size: 1.6vmax;
	font-weight: normal;
	overflow: hidden;
}

@media (min-width: 1066px)
{
	.ranking p, .title-results p, .updown p
	{
		font-size: 1.0vmin;
		font-size: 17px;
		font-weight: normal;
	}

	.time-name p
	{
		width: 100%;
		height: 100%;
		min-height: 20px;
		line-height: 30px;
		font-size: 1.0vmin;
		font-size: 17px;
		font-weight: normal;
		overflow: hidden;
	}
}

@media (min-width: 600px)
{
	.ranking p, .title-results p, .updown p
	{
		font-size: 1.0vmin;
		font-size: 17px;
		font-weight: normal;
	}

	.time-name p
	{
		width: 100%;
		height: 100%;
		min-height: 20px;
		line-height: 30px;
		font-size: 1.0vmin;
		font-size: 17px;
		font-weight: normal;
		overflow: hidden;
	}
}


@media (max-width: 501px)
{

	.ranking, .title-results, .updown
	{
		width: 4.1vmax;
		min-width: 16px;
		overflow: hidden;
	}

	.logo-time
	{
		width: 100%;
		max-width: 22px;
		min-width: 20px;
	}

	.ranking p, .title-results p, .updown p
	{
		font-size: 1.0vmin;
		font-size: 12px;
		font-weight: normal;
	}

	.time-name p
	{
		width: 100%;
		height: 100%;
		min-height: 20px;
		line-height: 30px;
		font-size: 1.0vmin;
		font-size: 12px;
		font-weight: normal;
		overflow: hidden;
	}
}

.tabela-rodadas
{
	width: 100%;
	max-width: 320px;
	text-align: center;
}

.title-jogos
{
	width: 100%;
	color: #00aeef;
}

.title-rodadas
{
	position: relative;
	width: 100%;
	height: 30px;
}

.scroll-rodadas
{
	display: flex;
	align-items: center;
	width: 100%;

}

.selected-rodada
{
	width: 100%;
	background: #f2f2f2;
}

.arrleft
{
	position: absolute;
	left: 5px;
	top: 0px;
}

.arrright
{
	position: absolute;
	right: 5px;
	top: 0px;
}

.rounds
{
	width: 300px;
	height: 86px;
	line-height: 86px;
	margin: auto;
	margin-bottom: 5px;
	border: #dedede solid 1px;
	padding: 5px 5px 5px 5px;
	border-radius: 7px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	background: #fff;
}

.rounds-boxes
{
	display: flex;
	gap: 5px;
	flex-wrap: nowrap;
	justify-content: center;
}

.time-home, .time-way
{
	width: 50px;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	margin: auto;
	text-align: center;
}

.details
{
	width: 220px;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	margin: auto;
	font-size: 14px;
	text-align: center;
}

.logo-home, .logo-way
{
	width:30px;
	height: 45px;
	line-height: 45px;
	margin: auto;
	overflow: hidden;
}

.logo-home img, .logo-way img
{
	width: 100%;
	max-width: 30px;
	height: 100%;
	max-height: 30px;
}

.acronym-home, .acronym-way
{
	width: 35px;
	height: 15px;
	line-height: 15px;
	font-size: 14px;
	text-align: center;
	margin: auto;
}

.details-gols, .details-date
{
	width: 100%;
	height: 30px;
	line-height: 30px;
}

.details-stadium
{
	width: 100%;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	font-size: 14px;
	margin: auto;
	margin-top: 6px;
	margin-bottom: 6px;
}

.zona
{
	display: flex;
	gap: 10px;
	flex-wrap: nowrap;
	justify-content: center;
	width: 100%;
	max-width: 900px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 5px 5px 5px 5px;
	font-size: 10px;
}

.libertadores-color
{
	color: #3f8f0e;
}

.pre-libertadores-color
{
	color: #7b0c8f;
}

.copa-sul-americana-color
{
	color: #f95c07;
}

.rebaixados-color
{
	color: #e50606;
}


.sumario
{
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 5px;
	width: 100%;
	max-width: 900px;
	margin-top: 15px;
}

.sumario li
{
	padding: 5px 5px 5px 5px;
	font-size: 0.4vmin;
	font-size: 0.7vmax;
}

.sumario li span
{
	font-weight: bold;
}

.fonte
{
	font-size: 10px;
	text-align: left;
	padding: 5px;
}

.regulamento
{
	width: 100%;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.regulamento h5
{
	font-size: 11px;
	padding: 5px;
}

.regulamento-content
{
	width: 100%;
	font-size: 10px;
	padding: 5px;
}

.footer
{
	width: 100%;
	height: 40px;
	text-align: center;
	overflow: hidden;
	margin: auto;
	margin-top: 25px;
	margin-bottom: 25px;
}

.last-date-hour-update
{
	width: 100%;
	height: 20px;
	margin: 10px auto;
}

.last-date-hour-update h6
{
	padding: 5px 5px 5px 5px;
	font-size: 10px;
}

.content-table-politica-de-privacidade
{
	position: relative;
	width: 90%;
	max-width: 1270px;
	min-width: 330px;
	margin: auto;
	margin-top: -190px;
	margin-bottom: 10px;
	margin-bottom: 10px;
	padding: 5px 5px 25px 5px;
	border-radius: 7px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	background: #fff;
	text-align: center;
	overflow: hidden;
}

.politica-de-privacidade-title
{
	margin: 20px auto;
	padding: 5px 5px 5px 5px;
}

.politica-de-privacidade-title-sub
{
	margin: 30px auto 10px;
	padding: 5px 5px 5px 5px;
	text-align: left;
	font-size: 1.5vmax;
}

.description
{
	margin: 10px auto;
	padding: 5px 5px 5px 5px;
	text-align: justify;
	font-size: 14px;
	font-weight: normal;
}