* {
	box-sizing: border-box;
}

html {
	font-size: 100%;
}

body {
	font-family: Verdana, sans-serif;
	font-size: clamp(1.25rem, 1vmax, 1vmax);
	margin: 0rem 0rem;
}

header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0rem 0rem;
	margin: 0rem 0rem;
}				

header img {
	width: 100%;
	height: auto;
}

header a {
	display: flex;
	align-items: center;
	justify-content: center; 
	max-width: 35%;
	border: 1px solid black;
}

header nav {
	display: flex;
	align-items: center;
	justify-content: space-around; 
	flex-wrap: wrap;
	gap: 1vh;
	padding: 0rem 0rem;
}

header nav a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: black;
	text-decoration: none;
	padding: 0.2rem 1.25rem;
	min-width:8rem;
}

header nav a:hover {
	text-decoration: underline;
	text-decoration-color: #ffa000;
	text-decoration-thickness: 0.2rem;
	text-underline-offset: 0.7vh;
}

header nav a[aria-current="page"] {
	color: #ffa000;
	text-decoration: underline; 
	text-decoration-color: #ffa000;
	text-decoration-thickness: 0.2rem;
	text-underline-offset: 0.7vh;
}

header nav a[aria-current="page"]:hover {
	color: black;
}

main {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f8f9fa;
	border: 1px solid black;
}

article {
	line-height: 1.5;
	min-width: 22rem; 
	max-width: 65ch;
	font-weight: 400;
	text-align: justify;
	hyphens: auto;
	border: 1px solid black;
}

article img {
	display: block;
	width: 100%;
	height: auto;
	padding: 0rem 0rem;
	border-radius: 2rem;
	margin: 1rem 0rem;
	border: 1px solid black;
}

article iframe {
	display: block;
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
	max-width: 1920px;
	margin: 1rem 0rem;
	border: 1px solid black;
}

h1 {
	font-size: clamp(2rem, 1.6vmax, 1.6vmax);
	text-align: center;
	padding: 0rem 0rem;
	margin: 2rem 0rem;
	border: 1px solid black;
}

h2 {
	font-size: clamp(1.5rem, 1.25vmax, 1.25vmax);
	text-align: center;
	padding: 0rem 0rem;
	margin: 1rem 0;
}

p {
	text-align: left;
	padding: 0rem 0rem;
	margin: 1rem 0rem;
	border: 1px solid black;
}

footer {
	padding: 0rem 0rem;
	min-width: 22rem; 
	max-width: 65ch;
	margin-left: auto;   /* Empurra da esquerda */
	margin-right: auto;	/* Empurra da direita */
	border: 1px solid black;
}

footer ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 1vh;
	list-style: none;
	padding: 1rem 0rem;
	margin: 1rem 0rem;
	border: 1px solid black;
}

footer ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 360px;
	padding: 0rem 0rem;
	margin: 0rem 0rem;
	border: 1px solid black;
}

footer ul li a:has(img) {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0rem;
	padding: 0rem 0rem;
	margin: 0rem 0rem;
	border: 1px solid black;
}

.byline {
	font-size: clamp(1rem, 0.8vmax, 0.8vmax); /* Deixa o texto menor */
	color: gray;
	margin: 2rem 0rem;
}

.copyright {
	font-size: clamp(1rem, 0.8vmax, 0.8vmax); /* Deixa o texto menor */
	color: gray;
	text-align: left;
	margin: 1rem auto;
	border: 1px solid black;
}