@font-face {
	font-family:"Abril Fatface";
	src:url("../fonts/abril-rotulo.woff2") format("woff2");
	font-display:swap;
	font-weight:400;
	font-style:normal;
	unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family:"Abril Fatface Fallback";
	src:local("Georgia");
	size-adjust:101.54%;
	ascent-override:104.40%;
	descent-override:28.60%;
}
@font-face {
	font-family:"Lato";
	src:url("../fonts/lato-texto.woff2") format("woff2");
	font-display:swap;
	font-weight:400;
	font-style:normal;
	unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family:"Lato Fallback";
	src:local("Arial");
	size-adjust:100.95%;
	ascent-override:98.10%;
	descent-override:20.80%;
}
@font-face {
	font-family:"Lato";
	src:url("../fonts/lato-negra.woff2") format("woff2");
	font-display:swap;
	font-weight:900;
	font-style:normal;
	unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family:"Lato Fallback";
	src:local("Arial");
	size-adjust:100.95%;
	ascent-override:98.10%;
	descent-override:20.80%;
}

:root {
	--nc1: hsl(223, 16%, 8%);
	--nc2: hsl(222, 15%, 13%);
	--nc3: hsl(220, 18%, 93%);
	--nc4: hsl(219, 8%, 58%);
	--nc5: hsl(222, 14%, 23%);
	--nc6: hsl(215, 19%, 62%);
	--nc7: hsl(313, 44%, 42%);
	--nc8: hsl(313, 44%, 35%);
	--nc9: hsl(222, 15%, 17%);
	--nc10: hsl(222, 16%, 10%);
	--pz1: 8px;
	--pz2: 16px;
	--pz3: 24px;
	--pz4: 40px;
	--pz5: 56px;
	--pz6: 80px;
	--pz7: 112px;
	--rz1: 3px;
	--sm1: 0 18px 46px hsl(223 40% 3% / 50%);
	--sm2: 0 8px 22px hsl(223 40% 3% / 40%);
	--tp1: "Abril Fatface", "Abril Fatface Fallback", Georgia, serif;
	--tp2: "Lato", "Lato Fallback", Arial, sans-serif;
	--hd1: 76px;
	--wd1: 1240px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	color-scheme: dark;
	scroll-padding-top: 92px;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: var(--nc1);
	color: var(--nc3);
	font-family: var(--tp2);
	font-size: 17px;
	line-height: 1.6;
	overflow-x: hidden;
}

img,
svg {
	display: block;
	max-width: 100%;
	height: auto;
}

html [hidden] {
	display: none;
}

h1,
h2,
h3,
h4 {
	margin: 0 0 var(--pz2);
	line-height: 1.08;
	font-weight: 400;
}

h1,
h2 {
	font-family: var(--tp1);
	letter-spacing: 0.005em;
}

h1 {
	font-size: clamp(2.4rem, 1.4rem + 3.6vw, 4.5rem);
}

h2 {
	font-size: clamp(1.9rem, 1.3rem + 1.9vw, 3rem);
}

h3 {
	font-family: var(--tp2);
	font-weight: 900;
	font-size: 1.22rem;
	line-height: 1.25;
}

h4 {
	font-family: var(--tp2);
	font-weight: 900;
	font-size: 1rem;
}

p {
	margin: 0 0 var(--pz2);
}

a {
	color: var(--nc6);
	text-underline-offset: 3px;
}

a:hover {
	color: var(--nc3);
}

strong {
	font-weight: 900;
}

ul,
ol {
	margin: 0 0 var(--pz2);
	padding-left: 1.2em;
}

table {
	border-collapse: collapse;
	width: 100%;
}

button,
input,
select,
textarea {
	font: inherit;
	color: inherit;
}

:focus-visible {
	outline: 2px solid var(--nc6);
	outline-offset: 3px;
}

.eyebrow {
	display: inline-block;
	margin: 0 0 var(--pz2);
	color: var(--nc6);
	font-size: 0.8rem;
	font-weight: 900;
	letter-spacing: 0.22em;
	text-transform: uppercase;
}

.mark {
	background-image: linear-gradient(var(--nc7), var(--nc7));
	background-repeat: no-repeat;
	background-position: 0 92%;
	background-size: 100% 0.22em;
	padding: 0 0.04em;
}

.muted {
	color: var(--nc4);
}

.lead {
	font-size: 1.12rem;
	max-width: 62ch;
}

.price {
	font-weight: 900;
	white-space: nowrap;
}

.tag-iva {
	color: var(--nc4);
	font-size: 0.86rem;
}

html:not(.js-enabled) .js-only {
	display: none;
}

html.js-enabled .nojs-only {
	display: none;
}

html.js-enabled .rv {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

html.js-enabled .rv.js-seen {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	html.js-enabled .rv {
		transition: none;
		transform: none;
	}
}