:root {
  --cor-principal: #152942;
  --cor-principal-hsl: 213 52% 17%;
  --cor-principal-escura: #0b1829;
  --cor-principal-escura-hsl: 214 58% 10%;
  --cor-principal-clara: #3e4d5e;
  --cor-principal-clara-hsl: 212 21% 31%;
  --cor-destaque: #c9a45c;
  --cor-destaque-hsl: 40 50% 57%;
  --cor-destaque-escura: #97732b;
  --cor-destaque-escura-hsl: 40 56% 38%;
  --cor-destaque-clara: #ddc188;
  --cor-destaque-clara-hsl: 40 56% 70%;
  --cor-fundo: #0a1829;
  --cor-fundo-hsl: 213 61% 10%;
  --cor-fundo-alt: #0e1f35;
  --cor-fundo-alt-hsl: 214 58% 13%;
  --cor-superficie: #14273d;
  --cor-superficie-hsl: 212 51% 16%;
  --cor-texto: #f8f6f2;
  --cor-texto-hsl: 40 30% 96%;
  --cor-texto-suave: #cfc3a5;
  --cor-texto-suave-hsl: 43 30% 73%;
  --cor-borda: #2b3b50;
  --cor-borda-hsl: 214 30% 24%;
  --cor-sobre-principal: #ffffff;
  --cor-sobre-principal-hsl: 0 0% 100%;
  --cor-sobre-destaque: #0e1f35;
  --cor-sobre-destaque-hsl: 214 58% 13%;
}
.tema-claro {
  --cor-principal: #152942;
  --cor-principal-hsl: 213 52% 17%;
  --cor-principal-escura: #0b1829;
  --cor-principal-escura-hsl: 214 58% 10%;
  --cor-principal-clara: #3e4d5e;
  --cor-principal-clara-hsl: 212 21% 31%;
  --cor-destaque: #97732b;
  --cor-destaque-hsl: 40 56% 38%;
  --cor-destaque-escura: #775b22;
  --cor-destaque-escura-hsl: 40 56% 30%;
  --cor-destaque-clara: #b0893b;
  --cor-destaque-clara-hsl: 40 50% 46%;
  --cor-fundo: #f8f6f2;
  --cor-fundo-hsl: 40 30% 96%;
  --cor-fundo-alt: #efece6;
  --cor-fundo-alt-hsl: 40 22% 92%;
  --cor-superficie: #ffffff;
  --cor-superficie-hsl: 0 0% 100%;
  --cor-texto: #0e1f35;
  --cor-texto-hsl: 214 58% 13%;
  --cor-texto-suave: #394b60;
  --cor-texto-suave-hsl: 212 25% 30%;
  --cor-borda: #d7d0c1;
  --cor-borda-hsl: 41 22% 80%;
  --cor-sobre-principal: #ffffff;
  --cor-sobre-principal-hsl: 0 0% 100%;
  --cor-sobre-destaque: #f8f6f2;
  --cor-sobre-destaque-hsl: 40 30% 96%;
}
@font-face {
  font-family: "Bodoni Moda";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fontes/bodoni-moda/fe6c560d.woff2) format("woff2");
}
@font-face {
  font-family: "Bodoni Moda";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fontes/bodoni-moda/fe6c560d.woff2) format("woff2");
}
@font-face {
  font-family: "Bodoni Moda";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fontes/bodoni-moda/fe6c560d.woff2) format("woff2");
}
@font-face {
  font-family: "Bodoni Moda";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fontes/bodoni-moda/fe6c560d.woff2) format("woff2");
}
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fontes/jost/180347d9.woff2) format("woff2");
}
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fontes/jost/180347d9.woff2) format("woff2");
}
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fontes/jost/180347d9.woff2) format("woff2");
}
@font-face {
  font-family: "Jost";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fontes/jost/cfb0daf9.woff2) format("woff2");
}
:root {
  --fonte-titulo: "Bodoni Moda", sans-serif;
  --fonte-texto: "Jost", sans-serif;
}
.font-display, .font-semibold, .font-bold, .section-title, .texto-legal h1, .texto-legal h2 { font-weight: 500; }
:root { --secondary: 213 45% 20%; --muted: 213 40% 19%; --gradient-hero: linear-gradient(135deg, hsl(213 59% 9%) 0%, hsl(213 52% 17%) 100%); }
.tema-claro { --secondary: 40 30% 88%; --muted: 40 20% 88%; }
.credito-agencia { background-color: #1a1a2e; }
@media (min-width: 768px) and (max-width: 1023px) { #areas .grade > :nth-child(3):last-child { width: 100%; } }