/* ---- Variáveis ---- */


:root {

    --fonte:"Roboto", "Helvetica Neue", "Arial", "sans-serif";


    --alfa-branco-1:1.00;
    --alfa-branco-2:0.80;
    --alfa-branco-3:0.60;
    --alfa-branco-4:0.50;

    --alfa-preto-1:0.90;
    --alfa-preto-2:0.75;
    --alfa-preto-3:0.60;
    --alfa-preto-4:0.45;


    --rgba-branco-1:255, 255, 255, var(--alfa-branco-1);
    --rgba-branco-2:255, 255, 255, var(--alfa-branco-2);
    --rgba-branco-3:255, 255, 255, var(--alfa-branco-3);
    --rgba-branco-4:255, 255, 255, var(--alfa-branco-4);

    --rgba-preto-1:0, 0, 0, var(--alfa-preto-1);
    --rgba-preto-2:0, 0, 0, var(--alfa-preto-2);
    --rgba-preto-3:0, 0, 0, var(--alfa-preto-3);
    --rgba-preto-4:0, 0, 0, var(--alfa-preto-4);


    --hex-vermelho-1:#fcf2f2;
    --hex-vermelho-2:#f3c6c7;
    --hex-vermelho-3:#e11923;
    --hex-vermelho-4:#c9161f;
    --hex-vermelho-5:#8e1016;

    --hex-crema-1:#f8f8f6;
    --hex-crema-2:#eeeee7;
    --hex-crema-3:#e2e2d5;
    --hex-crema-4:#d7d7c4;
    --hex-crema-5:#c5c5aa;

    --hex-chumbo-1:#4b5852;
    --hex-chumbo-2:#36403c;
    --hex-chumbo-3:#262c29;
    --hex-chumbo-4:#1c201e;
    --hex-chumbo-5:#131614;

    --hex-cinza-1:#f4f5f5;
    --hex-cinza-2:#dfe2e0;
    --hex-cinza-3:#c9cfcc;
    --hex-cinza-4:#a4ada8;
    --hex-cinza-5:#73827a;

    --hex-verde-1:#dcf9e7;
    --hex-verde-2:#88d8a6;
    --hex-verde-3:#0ba360;
    --hex-verde-4:#077747;
    --hex-verde-5:#045633;

    --hex-laranja-1:#fdc29B;
    --hex-laranja-2:#ffad70;
    --hex-laranja-3:#ff9547;
    --hex-laranja-4:#ff7f21;
    --hex-laranja-5:#f26405;

    --hex-amarelo-1:#fef6c3;
    --hex-amarelo-2:#ffcf70;
    --hex-amarelo-3:#ffc247;
    --hex-amarelo-4:#ffb41f;
    --hex-amarelo-5:#f9A806;

    --hex-verde-agua-1:#ebfff9;
    --hex-verde-agua-2:#c3fef6;
    --hex-verde-agua-3:#027878;
    --hex-verde-agua-4:#014646;
    --hex-verde-agua-5:#012828;

    --hex-azul-1:#c3e2fe;
    --hex-azul-2:#3671be;
    --hex-azul-3:#0347a0;
    --hex-azul-4:#023578;
    --hex-azul-5:#022450;


    --espaco-1:8px;
    --espaco-2:16px;
    --espaco-3:24px;
    --espaco-4:32px;
    --espaco-5:40px;
    --espaco-6:48px;
    --espaco-7:56px;
    --espaco-8:64px;
    --espaco-9:72px;
    --espaco-10:80px;


    --radius-pp:4px;
    --radius-p:8px;
    --radius-g:16px;

}


/* ---- Reset ---- */


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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, button, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	padding:0;
	border:0;
	margin:0;
	font:inherit;
	font-size:100%;
	vertical-align:baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }

blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
	content:none; }

blockquote, q {
	quotes:none; }

iframe, img {
	vertical-align:bottom; }

ol, ul, li {
	list-style:none; }

table {
	border-collapse:collapse;
	border-spacing:0; }

html {
	background:#fff; }

body {
	width:100%;
	min-width:320px;
	overflow-x:hidden;
	color:var(--rgba-preto-2);
	font-family:var(--fonte);
	font-weight:300;
	line-height:1;
	word-wrap:break-word;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%; }

a, button {
	background:none;
	cursor:pointer;
	color:var(--hex-vermelho-3);
	text-align:left;
	text-decoration:none; }


/* ---- Layout ---- */


.l-envelope {
    width:100%;
    max-width:1520px;
    margin:0 auto;
    padding:var(--espaco-3) var(--espaco-2); }


@media (min-width:1024px) {
    .l-envelope {
        padding:var(--espaco-7) var(--espaco-5);}
}


/* ---- Auxiliares ---- */


.a-ms {
    width:16px;
    height:16px;
    display:inline-block;
    font-size:16px;
    color:var(--hex-chumbo-4);
    font-family:"Material Symbols Outlined";
    line-height:1; }

.a-ms--g {
    width:32px;
    height:32px;
    font-size:32px; }

.a-img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center; }

.a-img--contain {
    object-fit:contain; }


.a-hover {
    transition:opacity 0.2s; }

.a-hover:hover {
    opacity:var(--alfa-branco-3); }


.a-texto-icone {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:var(--espaco-1); }


@media (max-width:719px) {
    .a-mobile {
        display:none; }
}


/* ---- Fontes ---- */


.f-titulo {
    color:var(--hex-chumbo-5);
    font-size:16px;
    font-weight:600;
    line-height:20px; }

.f-titulo--h1 {
    font-size:48px;
    line-height:52px; }

.f-titulo--h2 {
    font-size:40px;
    line-height:44px; }

.f-titulo--h3 {
    font-size:32px;
    line-height:36px; }

.f-titulo--h4 {
    font-size:28px;
    line-height:32px; }

.f-titulo--h5 {
    font-size:24px;
    line-height:28px; }

.f-titulo--h6 {
    font-size:20px;
    line-height:24px; }


.f-padrao {
    color:var(--hex-chumbo-1);
    font-size:12px;
    font-weight:400;
    line-height:16px; }

.f-padrao--m {
    font-size:14px;
    line-height:20px; }

.f-padrao--g {
    font-size:16px;
    line-height:24px; }


.f-destaque {
    color:var(--hex-chumbo-4);
    font-size:12px;
    font-weight:600;
    line-height:14px; }

.f-destaque--m {
    font-size:14px;
    line-height:16px; }
    
.f-destaque--g {
    font-size:14px;
    line-height:20px; }


.f-enfase {
    color:var(--hex-chumbo-2);
    font-size:12px;
    font-weight:700;
    line-height:16px; }

.f-enfase--m {
    font-size:14px;
    line-height:20px; }

.f-enfase--g {
    font-size:16px;
    line-height:24px; }


.f-link {
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    gap:var(--espaco-1); }

.f-link__icone {
    width:20px;
    height:20px;
    color:var(--hex-chumbo-4);
    font-size:20px; }

.f-link__texto {
    color:var(--hex-azul-2);
    font-size:14px;
    line-height:18px;
    text-decoration:underline; }

@media (min-width:720px) {
    .f-link__icone {
        width:24px;
        height:24px;
        font-size:24px; }
}


.c-botao {
    width:auto;
    min-width:220px;
    height:48px;
    padding:12px 16px;
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    gap:var(--espaco-1);
    background-color:var(--hex-vermelho-3);
    border-radius:var(--radius-p); }

.c-botao--verde {
    background-color:var(--hex-verde-3); }


.c-botao__texto {
    color:#fff;
    font-size:16px;
    font-weight:bold;
    line-height:24px; }