/* Página da política de privacidade da Planer. Cores e fontes do Guia da
   marca: petróleo #0D3944, fundo #0A2830, cinza #A6A7AB, texto #333333,
   linhas #F5F5F6; Montserrat 900 nos títulos e Inter no texto, servidas
   pela própria página. */

@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url('montserrat-black.ttf') format('truetype');
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('inter-latin.woff2') format('woff2');
}

* {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: #FFFFFF;
	color: #333333;
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	font-size: 17px;
	line-height: 1.65;
}

.topo {
	background: radial-gradient(circle at 80% 0%, #0D3944 0%, #0A2830 100%);
	color: #FFFFFF;
	padding: 28px 20px 48px;
}

.topo .dentro,
main,
.rodape .dentro {
	max-width: 760px;
	margin: 0 auto;
}

.logo {
	display: block;
	width: 168px;
	height: auto;
	margin: 0 0 44px;
}

h1 {
	margin: 0 0 14px;
	font-family: 'Montserrat', 'Inter', sans-serif;
	font-weight: 900;
	font-size: 40px;
	line-height: 1.1;
	letter-spacing: -0.01em;
}

.subtitulo {
	margin: 0 0 6px;
	font-size: 18px;
	color: #E6ECED;
}

.data {
	margin: 0;
	font-size: 15px;
	color: #A6A7AB;
}

main {
	padding: 40px 20px 56px;
}

.abertura {
	font-size: 18px;
	margin: 0 0 32px;
}

h2 {
	margin: 40px 0 12px;
	font-family: 'Montserrat', 'Inter', sans-serif;
	font-weight: 900;
	font-size: 23px;
	line-height: 1.25;
	color: #0D3944;
}

p {
	margin: 0 0 14px;
}

ul {
	margin: 0 0 16px;
	padding-left: 22px;
}

li {
	margin: 0 0 8px;
}

li::marker {
	color: #0D3944;
}

strong {
	color: #0D3944;
	font-weight: 700;
}

a {
	color: #0D3944;
	text-decoration: underline;
	text-underline-offset: 2px;
}

table {
	width: 100%;
	border-collapse: collapse;
	margin: 6px 0 18px;
	font-size: 16px;
}

th {
	background: #0D3944;
	color: #FFFFFF;
	text-align: left;
	font-weight: 700;
	padding: 10px 12px;
}

td {
	padding: 12px;
	vertical-align: top;
	border-bottom: 1px solid #D9D9DB;
}

tr:nth-child(even) td {
	background: #F5F5F6;
}

.rodape {
	background: #0A2830;
	color: #A6A7AB;
	font-size: 14px;
	padding: 28px 20px;
}

.rodape p {
	margin: 0 0 6px;
}

.rodape a {
	color: #FFFFFF;
}

@media (max-width: 600px) {
	body {
		font-size: 16px;
	}

	h1 {
		font-size: 31px;
	}

	h2 {
		font-size: 21px;
	}

	.logo {
		width: 140px;
		margin-bottom: 34px;
	}

	table,
	thead,
	tbody,
	tr,
	th,
	td {
		display: block;
	}

	thead {
		display: none;
	}

	tr {
		border: 1px solid #D9D9DB;
		border-radius: 8px;
		margin: 0 0 12px;
		overflow: hidden;
	}

	td {
		border-bottom: 0;
		padding: 10px 12px;
	}

	td::before {
		content: attr(data-rotulo);
		display: block;
		font-size: 13px;
		font-weight: 700;
		color: #0D3944;
		text-transform: uppercase;
		letter-spacing: 0.04em;
		margin-bottom: 2px;
	}

	tr:nth-child(even) td {
		background: transparent;
	}

	tr td:first-child {
		background: #F5F5F6;
	}
}

@media print {
	.topo,
	.rodape {
		background: #FFFFFF;
		color: #333333;
	}

	.logo {
		display: none;
	}
}