:root {
  --cor-principal: #1b1f24;
  --cor-principal-hsl: 213 14% 12%;
  --cor-principal-escura: #121417;
  --cor-principal-escura-hsl: 216 12% 8%;
  --cor-principal-clara: #3a4048;
  --cor-principal-clara-hsl: 214 11% 25%;
  --cor-destaque: #aeb4bb;
  --cor-destaque-hsl: 212 9% 71%;
  --cor-destaque-escura: #8a9199;
  --cor-destaque-escura-hsl: 212 7% 57%;
  --cor-destaque-clara: #d5d9de;
  --cor-destaque-clara-hsl: 213 12% 85%;
  --cor-fundo: #121417;
  --cor-fundo-hsl: 216 12% 8%;
  --cor-fundo-alt: #171a1e;
  --cor-fundo-alt-hsl: 214 13% 10%;
  --cor-superficie: #1d2126;
  --cor-superficie-hsl: 213 13% 13%;
  --cor-texto: #f4f5f6;
  --cor-texto-hsl: 210 10% 96%;
  --cor-texto-suave: #b9bec4;
  --cor-texto-suave-hsl: 213 9% 75%;
  --cor-borda: #2e3339;
  --cor-borda-hsl: 213 11% 20%;
  --cor-sobre-principal: #ffffff;
  --cor-sobre-principal-hsl: 0 0% 100%;
  --cor-sobre-destaque: #121417;
  --cor-sobre-destaque-hsl: 216 12% 8%;
}
.tema-claro {
  --cor-principal: #1b1f24;
  --cor-principal-hsl: 213 14% 12%;
  --cor-principal-escura: #121417;
  --cor-principal-escura-hsl: 216 12% 8%;
  --cor-principal-clara: #3a4048;
  --cor-principal-clara-hsl: 214 11% 25%;
  --cor-destaque: #5e656d;
  --cor-destaque-hsl: 212 7% 40%;
  --cor-destaque-escura: #454b52;
  --cor-destaque-escura-hsl: 212 9% 30%;
  --cor-destaque-clara: #8a9199;
  --cor-destaque-clara-hsl: 212 7% 57%;
  --cor-fundo: #f4f5f6;
  --cor-fundo-hsl: 210 10% 96%;
  --cor-fundo-alt: #eceef0;
  --cor-fundo-alt-hsl: 210 10% 93%;
  --cor-superficie: #ffffff;
  --cor-superficie-hsl: 0 0% 100%;
  --cor-texto: #121417;
  --cor-texto-hsl: 216 12% 8%;
  --cor-texto-suave: #4a5058;
  --cor-texto-suave-hsl: 214 9% 32%;
  --cor-borda: #d5d9de;
  --cor-borda-hsl: 213 12% 85%;
  --cor-sobre-principal: #ffffff;
  --cor-sobre-principal-hsl: 0 0% 100%;
  --cor-sobre-destaque: #f4f5f6;
  --cor-sobre-destaque-hsl: 210 10% 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 13% 15%; --muted: 213 12% 14%; --gradient-hero: linear-gradient(180deg,hsl(213 14% 12%) 0%,hsl(216 12% 8%) 100%); }
.tema-claro { --secondary: 210 10% 90%; --muted: 210 10% 92%; }
@media (min-width: 768px) and (max-width: 1023px) { #areas .grade > :nth-child(3):last-child { width: 100%; } }
.btn-whatsapp { background: #f4f5f6 !important; color: #121417 !important; border-radius: 0 !important; letter-spacing: .12em; text-transform: uppercase; font-size: .78rem !important; }
.btn-whatsapp:hover { background: #d5d9de !important; }
.marca-nome { font-family: var(--fonte-texto); font-size: 13px; line-height: 1.5; letter-spacing: .32em; font-weight: 500; color: #f4f5f6; text-transform: uppercase; }
.marca-linha { font-family: var(--fonte-texto); font-size: 10px; letter-spacing: .42em; color: #aeb4bb; font-weight: 400; }
.marca-cabecalho .flex-col, .marca-rodape .flex-col { border-left: 1px solid #3a4048; padding-left: .875rem; }
.btn-outline { border-radius: 0; letter-spacing: .12em; text-transform: uppercase; font-size: .78rem !important; }
#contato [class*="075e54"] { background: #f4f5f6 !important; }
#contato [class*="075e54"] svg { color: #121417; }
@media (max-width: 480px) {
  .marca-cabecalho .logo-simbolo { height: 2.5rem; }
  .marca-cabecalho .marca-nome { font-size: 11px; letter-spacing: .2em; }
  .marca-cabecalho .marca-linha { letter-spacing: .3em; }
}
.marca-rodape .marca-nome { font-size: 11px; letter-spacing: .2em; }
.marca-rodape .marca-linha { letter-spacing: .3em; }